Team:TU-Delft/Team/General
From 2011.igem.org
(Difference between revisions)
(45 intermediate revisions not shown) | |||
Line 2: | Line 2: | ||
__NOTOC__ | __NOTOC__ | ||
<html> | <html> | ||
+ | <script type='text/javascript' src='http://mycraft.gr/wp-content/plugins/mc-booklet/js/jquery.easing.1.3.js?ver=3.0.3'></script> | ||
+ | <script src="http://tympanus.net/Tutorials/MoleskineNotebook/cufon/cufon-yui.js" type="text/javascript"></script> | ||
+ | <script src="http://tympanus.net/Tutorials/MoleskineNotebook/cufon/ChunkFive_400.font.js" type="text/javascript"></script> | ||
+ | <script src="http://tympanus.net/Tutorials/MoleskineNotebook/cufon/Note_this_400.font.js" type="text/javascript"></script> | ||
+ | <script type='text/javascript' src='http://mycraft.gr/wp-content/plugins/mc-booklet/js/jquery.booklet.1.1.0.min.js?ver=3.0.3'></script> | ||
+ | <script type="text/javascript"> | ||
+ | Cufon.replace('h1,p,.b-counter'); | ||
+ | Cufon.replace('.book_wrapper a', {hover:true}); | ||
+ | Cufon.replace('.title', {textShadow: '1px 1px #C59471', fontFamily:'ChunkFive'}); | ||
+ | Cufon.replace('.reference a', {textShadow: '1px 1px #C59471', fontFamily:'ChunkFive'}); | ||
+ | Cufon.replace('.loading', {textShadow: '1px 1px #000', fontFamily:'ChunkFive'}); | ||
+ | </script> | ||
<div class="book_wrapper"> | <div class="book_wrapper"> | ||
Line 14: | Line 26: | ||
<div> | <div> | ||
<img src="http://tympanus.net/Tutorials/MoleskineNotebook/images/1.jpg" alt=""/> | <img src="http://tympanus.net/Tutorials/MoleskineNotebook/images/1.jpg" alt=""/> | ||
- | < | + | <h3>Week 24</h3> |
- | <p> | + | <p>What we did in week 24</p> |
<a href="#" class="article">Article</a> | <a href="#" class="article">Article</a> | ||
<a href="#" class="demo">Demo</a> | <a href="#" class="demo">Demo</a> | ||
Line 21: | Line 33: | ||
<div> | <div> | ||
- | + | ... | |
</div> | </div> | ||
- | + | ||
</div> | </div> | ||
</div> | </div> | ||
Line 30: | Line 42: | ||
<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 54: | ||
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 63: | ||
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 72: | ||
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 89: | ||
opacity:0.8; | opacity:0.8; | ||
} | } | ||
- | |||
.book_wrapper{ | .book_wrapper{ | ||
margin:0 auto; | margin:0 auto; | ||
padding-top:50px; | padding-top:50px; | ||
- | width: | + | width:1000px; |
height:540px; | height:540px; | ||
position:relative; | position:relative; | ||
background:transparent url(http://tympanus.net/Tutorials/MoleskineNotebook/images/bg.png) no-repeat 9px 27px; | background:transparent url(http://tympanus.net/Tutorials/MoleskineNotebook/images/bg.png) no-repeat 9px 27px; | ||
} | } | ||
- | + | .book_wrapper h3{ | |
- | .book_wrapper | + | |
color:#13386a; | color:#13386a; | ||
- | margin:5px 5px 5px | + | margin:5px 5px 5px 50px; |
- | + | ||
font-size:26px; | font-size:26px; | ||
background:transparent url(http://tympanus.net/Tutorials/MoleskineNotebook/images/h1.png) no-repeat bottom left; | background:transparent url(http://tympanus.net/Tutorials/MoleskineNotebook/images/h1.png) no-repeat bottom left; | ||
- | padding-bottom:7px; | + | width:1000px; |
+ | padding-bottom:7px; | ||
} | } | ||
- | |||
.book_wrapper p{ | .book_wrapper p{ | ||
font-size:16px; | font-size:16px; | ||
- | margin:5px 5px 5px | + | margin:5px 5px 5px 50px; |
} | } | ||
.book_wrapper a.article, | .book_wrapper a.article, | ||
Line 119: | Line 131: | ||
color:#13386a; | color:#13386a; | ||
} | } | ||
- | |||
.book_wrapper img{ | .book_wrapper img{ | ||
- | margin:10px 0px 5px | + | margin:10px 0px 5px 50px; |
width:300px; | width:300px; | ||
padding:4px; | padding:4px; | ||
Line 129: | Line 140: | ||
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 152: | ||
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 167: | ||
background-position:0px 0px; | background-position:0px 0px; | ||
} | } | ||
- | |||
.loading{ | .loading{ | ||
width:160px; | width:160px; | ||
Line 170: | Line 178: | ||
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 184: | ||
-webkit-border-radius:20px; | -webkit-border-radius:20px; | ||
border-radius:20px; | border-radius:20px; | ||
+ | filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); | ||
} | } | ||
Line 307: | Line 316: | ||
}); | }); | ||
</script> | </script> | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</html> | </html> | ||
{{TU-footer}} | {{TU-footer}} |
Latest revision as of 13:45, 16 June 2011