Professional Documents
Culture Documents
Av Grund
Av Grund
* avgrund 0.1
* http://lab.hakim.se/avgrund
* MIT licensed
*
* Created by Hakim El Hattab, http://hakim.se
*/
.avgrund-active body {
-webkit-transform: scale( 0.9 );
-moz-transform: scale( 0.9 );
-ms-transform: scale( 0.9 );
-o-transform: scale( 0.9 );
transform: scale( 0.9 );
background: #fff;
}
.avgrund-cover {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
visibility: hidden;
opacity: 0;
background: #FFF;
}
.avgrund-active .avgrund-cover {
visibility: visible;
opacity: 1;
background: #fff;
}
.avgrund-contents {
position: fixed;
padding: 10px;
max-width: 700px;
height: 100%;
margin: auto;
background: #fff;
}
.avgrund-active .avgrund-contents {
-webkit-filter: blur(2px);
-moz-filter: blur(2px);
-ms-filter: blur(2px);
-o-filter: blur(2px);
filter: blur(2px);
background: #fff;
}
.no-blur.avgrund-active .avgrund-contents {
-webkit-filter: none;
-moz-filter: none;
-ms-filter: none;
-o-filter: none;
filter: none;
background: #fff;
}
.avgrund-popup {
position: relative;
width: 700px;
height: 500px;
left: 40%;
top: 30%;
visibility: hidden;
opacity: 0;
z-index: 2;
padding: 20px;
background: #fff;
box-shadow: 0px 0px 20px rgba( 0, 0, 0, 0.6 );
border-radius: 3px;
visibility: hidden;
opacity: 0;
z-index: 2;
padding: 20px;
background: #fff;
box-shadow: 0px 0px 20px rgba( 0, 0, 0, 0.6 );
border-radius: 3px;
visibility: hidden;
opacity: 0;
z-index: 2;
padding: 20px;
background: #fff;
box-shadow: 0px 0px 20px rgba( 0, 0, 0, 0.6 );
border-radius: 3px;
-webkit-transform: scale( 0.8 );
-moz-transform: scale( 0.8 );
-ms-transform: scale( 0.8 );
-o-transform: scale( 0.8 );
transform: scale( 0.8 );
}
.avgrund-popup4 {
position: fixed;
width: 300px;
height: 300px;
left: 30%;
top: inherit;
visibility: hidden;
opacity: 0;
z-index: 2;
padding: 20px;
background: #fff;
box-shadow: 0px 0px 20px rgba( 0, 0, 0, 0.6 );
border-radius: 15px;
visibility: hidden;
opacity: 0;
z-index: 2;
padding: 20px;
background: #fff;
box-shadow: 0px 0px 20px rgba( 0, 0, 0, 0.6 );
border-radius: 15px;
.avgrund-ready body,
.avgrund-ready .avgrund-contents,
.avgrund-ready .avgrund-popup,
.avgrund-ready .avgrund-cover {
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
background: #fff;