INGREDIENTS
1 serving
pop up
background-color
1 serving
font-size: 10px
1 serving
top: ; left
1 serving
border: 3px solid #eee
1 serving
border-top-right-radius:15px
1 serving
border-bottom-left-radius:15px
1 serving
border-top-left-radius:15px
1 serving
border-bottom-right-radius:15px
1 serving
pop up ende
1 serving
top:64px;left:1px
1 serving
top:40px; left:-250px
1 serving
left:-11px; top:3px
1 serving
font-family:arial; font-size:16px
color
1 serving
font-size: 12px
border: solid 1px
border-left-color
border-right-color
1 serving
top:28px
1 serving
bottom: 0px
1 serving
font-size: 12px
1 serving
display: none; /*--hidden by default
1 serving
background-image: url)
? position: fixed; left: 0; top: 0; position: fixed; left: 0; top: 0; position: fixed; left: ; top: 0 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
width: ; height
7/10
9999
1 serving
}
1 serving
popup_block{
1 serving
display: none; /*--hidden by default
1 serving
background: #f0f0f0
1 serving
background-image: url)
1 serving
padding: 20px
1 serving
font-family: consolas
1 serving
float: left
1 serving
position: fixed
1 serving
line-height: 10px
99999
3 Boxes
css shadows
webkit-box-shadow: 0px 0px 20px
moz-box-shadow: 0px 0px 20px
1 serving
box-shadow: 1px 1px 20px #aaaaaa
webkit-transition: all 7s ease
1 oz
m -transition: all 0.7s ease
o-transition: all 7s ease
transition: all 7s ease
1 serving
}
1 serving
popup_block:hover{
1
webkit-transition: all 7s ease
1 oz
m -transition: all 0.7s ease
o-transition: all 7s ease
transition: all 7s ease
1 serving
}
1 serving
img.btn_close {
1 serving
float: right
margin: -15px -15px
1 serving
}
1 ml
ht .popup_block {
1 serving
position: absolute
1 serving
}
1 serving
made by sppice
1 serving
oneout {
1 serving
position:fixed
1 serving
text-align:center
webkit-transition-duration:3s;-moz-transition-duration:3s;-o-transition-duration:3s;transition-duration:3s
1 serving
z-index:99999999; }
1 serving
oneout_inner {
1 serving
position:fixed
1 serving
width:230px; height:auto
1 serving
padding:10px
1 serving
background:#ffffff; /* change #ffffff; to transparent; if you want the background of the slide out tab to be transparent and not
webkit-transition-duration:3s;-moz-transition-duration:3s;-o-transition-duration:3s;transition-duration:3s
1 serving
text-align:left
1 serving
z-index:99999999; }
1 serving
oneout:hover {
1 serving
left:250px
1 serving
z-index:99999999; }
1 serving
oneout:hover #oneout_inner {
1 serving
left:0px
1 serving
z-index:99999999; }
1 serving
onetitle {
1 serving
position:absolute
1 oz
webkit-transform:rotate); -m -transform:rotate); -ms-transform:rotate); -o-transform:rotate); transform:rotate)
1 serving
z-index:99999999; }
1 serving
start of the bubble tab
1 serving
tabs{
1 serving
border-radius: 50px
? background: 000; background: 000; background 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
font-family: 'calibri
1 serving
position:fixed
1 serving
left:40px
1 serving
text-align: center
1 serving
padding: 10px
1 serving
height: 50px
1 serving
width: 50px
1 serving
box-shadow: 0px 0px 7px 1px
1 serving
overflow:hidden
webkit-transition: opacity 7s linear
webkit-transition: all 7s ease-in-out
1 oz
m -transition: all 0.7s ease-in-out
o-transition: all 7s ease-in-out
999999999
1 serving
}
1 serving
tabs:hover{
1 serving
text-align: center
1 serving
border-radius: 0px
webkit-transition: opacity 7s linear
webkit-transition: all 7s ease-in-out
1 oz
m -transition: all 0.7s ease-in-out
o-transition: all 7s ease-in-out
1 serving
padding:15px
1 serving
height:520px
1 serving
width:250px
999999999
1
box-shadow: 0px 0px 15px 0px
1 serving
background:#fff
1 serving
}
1 serving
ttitle {
1 serving
background: #13bcdf
1 serving
padding: 5px
1 serving
}
1 serving
nachvorne{
1 serving
position:fixed
1 serving
z-index: 99;}
1 ml
credit goes to ht -tutorials