Team:TU-Delft/Team/General
From 2011.igem.org
(Difference between revisions)
Line 30: | Line 30: | ||
<style type="text/css"> | <style type="text/css"> | ||
- | .booklet{ | + | .booklet { |
+ | width:900px; | ||
+ | height:607px; | ||
+ | position:relative; | ||
+ | margin:0 auto 10px; | ||
-moz-box-shadow:0px 0px 1px #fff; | -moz-box-shadow:0px 0px 1px #fff; | ||
-webkit-box-shadow:0px 0px 1px #fff; | -webkit-box-shadow:0px 0px 1px #fff; | ||
Line 38: | Line 42: | ||
border-radius:10px; | border-radius:10px; | ||
} | } | ||
- | .booklet .b-wrap-left{ | + | .booklet .b-wrap-left { |
- | background:#fff url( | + | background:#fff url(../images/left_bg.jpg) no-repeat top left; |
-webkit-border-top-left-radius: 10px; | -webkit-border-top-left-radius: 10px; | ||
-webkit-border-bottom-left-radius: 10px; | -webkit-border-bottom-left-radius: 10px; | ||
Line 47: | Line 51: | ||
border-bottom-left-radius: 10px; | border-bottom-left-radius: 10px; | ||
} | } | ||
- | .booklet .b-wrap-right{ | + | .booklet .b-wrap-right { |
- | background:#efefef url( | + | background:#efefef url(../images/right_bg.jpg) no-repeat top left; |
-webkit-border-top-right-radius: 10px; | -webkit-border-top-right-radius: 10px; | ||
-webkit-border-bottom-right-radius: 10px; | -webkit-border-bottom-right-radius: 10px; | ||
Line 56: | Line 60: | ||
border-bottom-right-radius: 10px; | border-bottom-right-radius: 10px; | ||
} | } | ||
- | + | .booklet .b-counter { | |
- | .booklet .b-counter{ | + | |
bottom:10px; | bottom:10px; | ||
position:absolute; | position:absolute; | ||
Line 74: | Line 77: | ||
opacity:0.8; | opacity:0.8; | ||
} | } | ||
- | |||
.book_wrapper{ | .book_wrapper{ | ||
margin:0 auto; | margin:0 auto; | ||
Line 81: | Line 83: | ||
height:540px; | height:540px; | ||
position:relative; | position:relative; | ||
- | background:transparent url( | + | background:transparent url(../images/bg.png) no-repeat 9px 27px; |
} | } | ||
- | |||
.book_wrapper h1{ | .book_wrapper h1{ | ||
color:#13386a; | color:#13386a; | ||
margin:5px 5px 5px 15px; | margin:5px 5px 5px 15px; | ||
- | |||
font-size:26px; | font-size:26px; | ||
- | background:transparent url( | + | background:transparent url(../images/h1.png) no-repeat bottom left; |
padding-bottom:7px; | padding-bottom:7px; | ||
} | } | ||
- | |||
.book_wrapper p{ | .book_wrapper p{ | ||
font-size:16px; | font-size:16px; | ||
Line 99: | Line 98: | ||
.book_wrapper a.article, | .book_wrapper a.article, | ||
.book_wrapper a.demo{ | .book_wrapper a.demo{ | ||
- | background:transparent url( | + | background:transparent url(../images/circle.png) no-repeat 50% 0px; |
display:block; | display:block; | ||
width:95px; | width:95px; | ||
Line 119: | Line 118: | ||
color:#13386a; | color:#13386a; | ||
} | } | ||
- | |||
.book_wrapper img{ | .book_wrapper img{ | ||
margin:10px 0px 5px 35px; | margin:10px 0px 5px 35px; | ||
Line 129: | Line 127: | ||
box-shadow:1px 1px 1px #fff; | box-shadow:1px 1px 1px #fff; | ||
} | } | ||
- | |||
.booklet .b-wrap-right img{ | .booklet .b-wrap-right img{ | ||
border:1px solid #E6E3C2; | border:1px solid #E6E3C2; | ||
} | } | ||
- | |||
a#next_page_button, | a#next_page_button, | ||
a#prev_page_button{ | a#prev_page_button{ | ||
Line 143: | Line 139: | ||
margin-top:-20px; | margin-top:-20px; | ||
top:50%; | top:50%; | ||
- | background:transparent url( | + | background:transparent url(../images/buttons.png) no-repeat 0px -40px; |
} | } | ||
a#prev_page_button{ | a#prev_page_button{ | ||
Line 158: | Line 154: | ||
background-position:0px 0px; | background-position:0px 0px; | ||
} | } | ||
- | |||
.loading{ | .loading{ | ||
width:160px; | width:160px; | ||
Line 170: | Line 165: | ||
padding-left:60px; | padding-left:60px; | ||
font-size:15px; | font-size:15px; | ||
- | background: #000 url( | + | background: #000 url(../images/ajax-loader.gif) no-repeat 10px 50%; |
opacity: 0.7; | opacity: 0.7; | ||
z-index:9999; | z-index:9999; | ||
Line 176: | Line 171: | ||
-webkit-border-radius:20px; | -webkit-border-radius:20px; | ||
border-radius:20px; | border-radius:20px; | ||
+ | filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); | ||
} | } | ||
Revision as of 10:47, 16 June 2011