"
Team:USTC-Software/notebook-sty
From 2012.igem.org
(Created page with "*{ margin:0; padding:0; } body{ background:#ccc url('https://static.igem.org/mediawiki/igem.org/c/c5/Carbon_fibre.png') repeat top left; font-family: Arial, Helvetica, sans-serif; color:#4...") |
|||
| Line 1: | Line 1: | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
/* Booklet jQuery Plugin Style*/ | /* Booklet jQuery Plugin Style*/ | ||
.booklet{ | .booklet{ | ||
| Line 96: | Line 63: | ||
margin:5px 5px 5px 15px; | margin:5px 5px 5px 15px; | ||
} | } | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
.book_wrapper img{ | .book_wrapper img{ | ||
margin:10px 0px 5px 35px; | margin:10px 0px 5px 35px; | ||
Latest revision as of 01:39, 17 August 2012
/* Booklet jQuery Plugin Style*/ .booklet{ -moz-box-shadow:0px 0px 1px #fff; -webkit-box-shadow:0px 0px 1px #fff; box-shadow:0px 0px 1px #fff; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } .booklet .b-wrap-left { background:#fff url('https://static.igem.org/mediawiki/2012/7/7e/Left_bg.jpg') no-repeat top left; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-topleft:10px; -moz-border-radius-bottomleft: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; } .booklet .b-wrap-right { background:#efefef url('https://static.igem.org/mediawiki/2012/9/99/Right_bg.jpg') no-repeat top left; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; } .booklet .b-counter { bottom:10px; position:absolute; display:block; width:90%; height:20px; border-top:1px solid #ddd; color:#222; text-align:center; font-size:12px; padding:5px 0 0; background:transparent; -moz-box-shadow:0px -1px 1px #fff; -webkit-box-shadow:0px -1px 1px #fff; box-shadow:0px -1px 1px #fff; opacity:0.8; } .book_wrapper{ margin:0 auto; padding-top:50px; width:905px; height:540px; position:relative; background:transparent url('https://static.igem.org/mediawiki/2012/6/6c/Book-bg.png') no-repeat 9px 27px; } .book_wrapper h1{ color:#13386a; margin:5px 5px 5px 15px; font-size:26px; background:transparent url('https://static.igem.org/mediawiki/2012/a/a1/Book-h1.png') no-repeat bottom left; padding-bottom:7px; } .book_wrapper p{ font-size:16px; margin:5px 5px 5px 15px; }
.book_wrapper img{ margin:10px 0px 5px 35px; width:300px; padding:4px; border:1px solid #ddd; -moz-box-shadow:1px 1px 1px #fff; -webkit-box-shadow:1px 1px 1px #fff; box-shadow:1px 1px 1px #fff; } .booklet .b-wrap-right img{ border:1px solid #E6E3C2; } a#next_page_button, a#prev_page_button{ display:none; position:absolute; width:41px; height:40px; cursor:pointer; margin-top:-20px; top:50%; background:transparent url('https://static.igem.org/mediawiki/2012/a/ab/Book-buttons.png') no-repeat 0px -40px; } a#prev_page_button{ left:-30px; } a#next_page_button{ right:-30px; background-position:-41px -40px; } a#next_page_button:hover{ background-position:-41px 0px; } a#prev_page_button:hover{ background-position:0px 0px; } .loading{ width:160px; height:56px; position: absolute; top:50%; margin-top:-28px; right:135px; line-height:56px; color:#fff; padding-left:60px; font-size:15px; background: #000 url('https://static.igem.org/mediawiki/2012/1/13/Book-loading_.gif') no-repeat 10px 50%; opacity: 0.7; z-index:9999; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); }
