"
Team:UESTC Life/css/zns style.css
From 2013.igem.org
- {
margin:0; padding:0; } body{ /*font-family:"Myriad Pro", "Trebuchet MS", Helvetica, sans-serif;*/ font-family:Verdana; font-size:12px; color: #fff; overflow:hidden;
}
.pp_loading{
display:none;
position:fixed;
top:50%;
left:50%;
margin:-35px 0px 0px -35px;
background:#fff url(
) no-repeat center center;
width:70px;
height:70px;
z-index:1000;
opacity:0.7;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}
.pp_next, .pp_prev{
cursor:pointer;
top:50%;
margin-top:-16px;
width:32px;
height:32px;
position:fixed;
text-align:center;
border:1px solid #111;
color:#fff;
-moz-box-shadow:0px 0px 3px #000;
-webkit-box-shadow:0px 0px 3px #000;
box-shadow:0px 0px 3px #000;
}
.pp_next{
right:-40px;
background:#222 url(
) no-repeat center center;
}
.pp_prev{
left:-40px;
background:#222 url(
) no-repeat center center;
}
- pp_thumbContainer{
position:fixed; bottom:0px; left:0px; height:65px; width:100%; }
- pp_thumbContainer .album{
position:absolute; width:200px; height:65px; bottom:-90px; } /*Download by http://www.codefans.net*/ .album .descr, .pp_back{ position:absolute; bottom:0px; left:-16px; background:#222; text-align:center; border:1px solid #111; padding:5px; cursor:pointer; width:169px; color:#fff; cursor:pointer; text-shadow:0px 0px 1px #fff; -moz-box-shadow:1px 1px 4px #000; -webkit-box-shadow:1px 1px 4px #000; box-shadow:1px 1px 4px #000; } .pp_back{ text-transform:uppercase; bottom:120px; left:-100px; width:80px; }
- pp_thumbContainer .content{
position:absolute; top:0px; height:155px; cursor:pointer; left:0; }
- pp_thumbContainer img{
border:5px solid #fff; -moz-box-shadow:1px 1px 7px #000; -webkit-box-shadow:1px 1px 7px #000; box-shadow:1px 1px 7px #000; }
- pp_thumbContainer .content span{
display:none; } .pp_preview{ position:fixed; top:150%; left:50%; } .pp_preview img{ position:absolute; top:0px; left:0px; border:10px solid #fff; border-bottom:45px solid #fff; -moz-box-shadow:1px 1px 7px #000; -webkit-box-shadow:1px 1px 7px #000; box-shadow:1px 1px 7px #000; } .pp_descr{ height:45px; line-height:45px; font-size:20px; width:100%; bottom:0px; left:0px; position:absolute; text-align:center; color:#00021c; } span.reference{ font-family:Arial; position:fixed; right:10px; top:10px; font-size:15px; } span.reference a{ color:#fff; text-decoration:none; text-shadow:2px 1px 2px #000000; }
