"
Team:TU-Delft/Team/General
From 2011.igem.org
(Difference between revisions)
| (54 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> | ||
</div> | </div> | ||
| + | |||
<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 37: | 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 46: | 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 55: | 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 73: | 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 117: | 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 127: | 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 141: | 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 156: | Line 167: | ||
background-position:0px 0px; | background-position:0px 0px; | ||
} | } | ||
| - | |||
.loading{ | .loading{ | ||
width:160px; | width:160px; | ||
| Line 168: | 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 174: | Line 184: | ||
-webkit-border-radius:20px; | -webkit-border-radius:20px; | ||
border-radius:20px; | border-radius:20px; | ||
| + | filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); | ||
} | } | ||
| Line 305: | Line 316: | ||
}); | }); | ||
</script> | </script> | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
</html> | </html> | ||
{{TU-footer}} | {{TU-footer}} | ||
Latest revision as of 13:45, 16 June 2011
