陳沛鴻 Home1 templatemo 378 dragonfly slimbox2 css
From 2014hs.igem.org
(Created page with "- →SLIMBOX: #lbOverlay { position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; cursor: pointer; } #lbCenter, #lbBottomCo...") |
|||
Line 20: | Line 20: | ||
.lbLoading { | .lbLoading { | ||
- | background: #fff url(../ | + | background: #fff url(https://static.igem.org/mediawiki/2014hs/c/cd/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_images_loading.gif) no-repeat center; |
} | } | ||
Line 44: | Line 44: | ||
#lbPrevLink:hover { | #lbPrevLink:hover { | ||
- | background: transparent url(../ | + | background: transparent url(https://static.igem.org/mediawiki/2014hs/3/39/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_images_prevlabel.gif) no-repeat 0 15%; |
} | } | ||
Line 52: | Line 52: | ||
#lbNextLink:hover { | #lbNextLink:hover { | ||
- | background: transparent url(../ | + | background: transparent url(https://static.igem.org/mediawiki/2014hs/d/d8/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_images_nextlabel.gif) no-repeat 100% 15%; |
} | } | ||
Line 70: | Line 70: | ||
width: 66px; | width: 66px; | ||
height: 22px; | height: 22px; | ||
- | background: transparent url(../ | + | background: transparent url(https://static.igem.org/mediawiki/2014hs/b/b1/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_images_closelabel.gif) no-repeat center; |
margin: 5px 0; | margin: 5px 0; | ||
outline: none; | outline: none; |
Latest revision as of 12:53, 4 May 2014
/* SLIMBOX */
- lbOverlay {
position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; cursor: pointer; }
- lbCenter, #lbBottomContainer {
position: absolute; z-index: 9999; overflow: hidden; background-color: #fff; }
.lbLoading { background: #fff url() no-repeat center; }
- lbImage {
position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat; }
- lbPrevLink, #lbNextLink {
display: block; position: absolute; top: 0; width: 50%; outline: none; }
- lbPrevLink {
left: 0; }
- lbPrevLink:hover {
background: transparent url() no-repeat 0 15%; }
- lbNextLink {
right: 0; }
- lbNextLink:hover {
background: transparent url() no-repeat 100% 15%; }
- lbBottom {
font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none; }
- lbCloseLink {
display: block; float: right; width: 66px; height: 22px; background: transparent url() no-repeat center; margin: 5px 0; outline: none; }
- lbCaption, #lbNumber {
margin-right: 71px; }
- lbCaption {
font-weight: bold; }