"
Team:UESTC Life/css/zns style.css
From 2013.igem.org
Neptune Yu (Talk | contribs) |
Neptune Yu (Talk | contribs) |
||
| Line 1: | Line 1: | ||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
.pp_loading{ | .pp_loading{ | ||
display:none; | display:none; | ||
| Line 10: | Line 5: | ||
left:50%; | left:50%; | ||
margin:-35px 0px 0px -35px; | margin:-35px 0px 0px -35px; | ||
| - | background:#fff url( | + | background:#fff url(../icons/loader.gif) no-repeat center center; |
width:70px; | width:70px; | ||
height:70px; | height:70px; | ||
| - | z-index: | + | z-index:1000; |
opacity:0.7; | opacity:0.7; | ||
-moz-border-radius:10px; | -moz-border-radius:10px; | ||
| Line 35: | Line 30: | ||
.pp_next{ | .pp_next{ | ||
right:-40px; | right:-40px; | ||
| - | background:#222 url( | + | background:#222 url(../icons/next.png) no-repeat center center; |
} | } | ||
.pp_prev{ | .pp_prev{ | ||
left:-40px; | left:-40px; | ||
| - | background:#222 url( | + | background:#222 url(../icons/prev.png) no-repeat center center; |
} | } | ||
#pp_thumbContainer{ | #pp_thumbContainer{ | ||
| Line 120: | Line 115: | ||
text-align:center; | text-align:center; | ||
color:#00021c; | color:#00021c; | ||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
} | } | ||
span.reference{ | span.reference{ | ||
Revision as of 07:28, 17 September 2013
.pp_loading{ display:none; position:fixed; top:50%; left:50%; margin:-35px 0px 0px -35px; background:#fff url(../icons/loader.gif) 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(../icons/next.png) no-repeat center center; } .pp_prev{ left:-40px; background:#222 url(../icons/prev.png) 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; }
