Team:Manaus Amazonas-Brazil/Notebook
From 2013.igem.org
(Difference between revisions)
(Prototype team page) |
Maria eliza (Talk | contribs) |
||
Line 1: | Line 1: | ||
- | + | {{HeaderManausAmazonasBrazil2013}} | |
<html> | <html> | ||
- | < | + | <head> |
- | < | + | <script type="text/javascript" src="http://cssglobe.com/lab/easyslider1.5/js/easySlider1.5.js"></script> |
- | + | <script type="text/javascript"> | |
- | </ | + | $(document).ready(function(){ |
- | < | + | $("#slider").easySlider({ |
- | + | controlsBefore: '<p id="controls">', | |
- | </ | + | controlsAfter: '</p>', |
- | + | auto: true, | |
- | + | continuous: true | |
- | + | }); | |
- | + | ||
- | </ | + | }); |
+ | </script> | ||
- | < | + | <style> |
- | { | + | #slider{ margin-left:165px; } |
- | + | #slider ul, #slider li, #slider2 ul, #slider2 li{ | |
- | + | margin:0; | |
- | + | padding:0; | |
- | + | list-style:none; | |
- | + | } | |
- | + | #slider li, #slider2 li{ | |
- | + | /* | |
- | + | define width and height of list item (slide) | |
- | + | entire slider area will adjust according to the parameters provided here | |
- | + | */ | |
+ | width:696px; | ||
+ | height:241px; | ||
+ | overflow:hidden; | ||
+ | } | ||
+ | |||
+ | p#controls, p#controls2{ | ||
+ | margin:0; | ||
+ | position:relative; | ||
+ | } | ||
+ | #prevBtn, #nextBtn, #prevBtn2, #nextBtn2{ | ||
+ | display:block; | ||
+ | margin:0; | ||
+ | overflow:hidden; | ||
+ | text-indent:-8000px; | ||
+ | width:30px; | ||
+ | height:77px; | ||
+ | position:absolute; | ||
+ | left:-30px; | ||
+ | top:-160px; | ||
+ | } | ||
+ | #nextBtn, #nextBtn2{ | ||
+ | left:696px; | ||
+ | } | ||
+ | #prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a{ | ||
+ | display:block; | ||
+ | width:30px; | ||
+ | height:77px; | ||
+ | background:url(images/btn_prev.gif) no-repeat 0 0; | ||
+ | } | ||
+ | #nextBtn a, #nextBtn2 a{ | ||
+ | background:url(images/btn_next.gif) no-repeat 0 0; | ||
+ | } | ||
+ | body { | ||
+ | font-family: Helvetica, Arial, sans-serif; | ||
+ | } | ||
+ | z1 { | ||
+ | font-size:18pt; | ||
+ | line-height:21pt; | ||
+ | color:white; | ||
+ | } | ||
+ | .ctd { | ||
+ | width: auto; | ||
+ | height: 25px; | ||
+ | text-align: center; | ||
+ | background: #000; | ||
+ | background-color: rgba(0,0,0,0.3); | ||
+ | padding: 5px ; | ||
+ | margin: 30px auto; | ||
+ | color: #FFF; | ||
+ | } | ||
+ | .cte { | ||
+ | width: auto; | ||
+ | height: 35px; | ||
+ | text-align: center; | ||
+ | background: #000; | ||
+ | padding-right:10px; | ||
+ | padding-left:10px; | ||
+ | margin: -20px auto; | ||
+ | background-color: rgba(0,0,0,0.3); | ||
+ | color: #FFF; | ||
+ | } | ||
- | + | z2 { | |
+ | font-size:18pt; | ||
+ | line-height:21pt; | ||
+ | color:white; | ||
+ | } | ||
+ | .ctd2 { | ||
+ | width: 230px; | ||
+ | height: 25px; | ||
+ | text-align: center; | ||
+ | background: #000; | ||
+ | background-color: rgba(0,0,0,0.3); | ||
+ | padding: 5px ; | ||
+ | margin: 30px auto; | ||
+ | color: #FFF; | ||
+ | } | ||
+ | .cte2 { | ||
+ | width: 260px; | ||
+ | height: 35px; | ||
+ | text-align: center; | ||
+ | background: #000; | ||
+ | padding-right:10px; | ||
+ | padding-left:10px; | ||
+ | margin: 0 auto; | ||
+ | background-color: rgba(0,0,0,0.3); | ||
+ | color: #FFF; | ||
+ | } | ||
+ | z3 { | ||
+ | font-size:18pt; | ||
+ | line-height:21pt; | ||
+ | color:white; | ||
+ | } | ||
+ | .ctd3 { | ||
+ | width: 180px; | ||
+ | height: 25px; | ||
+ | text-align: center; | ||
+ | background: #000; | ||
+ | background-color: rgba(0,0,0,0.3); | ||
+ | padding: 5px ; | ||
+ | margin: 30px auto; | ||
+ | color: #FFF; | ||
+ | } | ||
+ | .cte3 { | ||
+ | width: 210px; | ||
+ | height: 35px; | ||
+ | text-align: center; | ||
+ | background: #000; | ||
+ | padding-right:10px; | ||
+ | padding-left:10px; | ||
+ | margin: 0 auto; | ||
+ | background-color: rgba(0,0,0,0.3); | ||
+ | color: #FFF; | ||
+ | } | ||
+ | p.margin{ | ||
+ | font-size:12pt; | ||
+ | line-height:14pt; | ||
+ | color:white; | ||
+ | margin-top:0px; | ||
+ | margin-bottom:20px; | ||
+ | margin-right:0px; | ||
+ | margin-left:125px; | ||
+ | margin-right:130px; | ||
+ | } | ||
+ | p.marginTable{ | ||
+ | font-size:12pt; | ||
+ | line-height:14pt; | ||
+ | color:white; | ||
+ | margin-top:15px; | ||
+ | margin-bottom:15px; | ||
+ | margin-right:10px; | ||
+ | margin-left:15px; | ||
+ | margin-right:10px; | ||
+ | } | ||
+ | p.bTable{ | ||
+ | font-size:12pt; | ||
+ | line-height:14pt; | ||
+ | color:white; | ||
+ | margin-top:15px; | ||
+ | margin-bottom:15px; | ||
+ | margin-right:10px; | ||
+ | margin-left:15px; | ||
+ | margin-right:10px; | ||
+ | text-align: center; | ||
+ | } | ||
+ | p{ | ||
+ | margin-left:150px; | ||
+ | font-size:12pt; | ||
+ | line-height:14pt; | ||
+ | margin-right:150px; | ||
+ | color:white; | ||
+ | } | ||
+ | p.vid{ | ||
+ | margin-left:0; | ||
+ | font-size:12pt; | ||
+ | line-height:14pt; | ||
+ | margin-right:0px; | ||
+ | color:white; | ||
+ | text-align:center | ||
+ | } | ||
+ | p.marginleft{ | ||
+ | font-size:12pt; | ||
+ | line-height:14pt; | ||
+ | color:white; | ||
+ | margin-top:0px; | ||
+ | margin-bottom:20px; | ||
+ | margin-right:0px; | ||
+ | margin-left:110px; | ||
+ | margin-right:130px; | ||
+ | } | ||
+ | p.marginAcc{ | ||
+ | font-size:12pt; | ||
+ | line-height:12pt; | ||
+ | color:white; | ||
+ | margin-top:20px; | ||
+ | margin-bottom:20px; | ||
+ | margin-right:0px; | ||
+ | margin-left:0px; | ||
+ | margin-right:0px; | ||
+ | } | ||
+ | p.marginleftheader{ | ||
+ | font-size:12pt; | ||
+ | line-height:14pt; | ||
+ | color:white; | ||
+ | margin-top:38px; | ||
+ | margin-bottom:0px; | ||
+ | margin-left:650px; | ||
+ | margin-right:200px; | ||
+ | } | ||
+ | p.marginChecklist{ | ||
+ | font-size:12pt; | ||
+ | line-height:16pt; | ||
+ | color:white; | ||
+ | margin-top:0px; | ||
+ | margin-bottom:38px; | ||
+ | margin-right:0px; | ||
+ | margin-left:150px; | ||
+ | margin-right:115px; | ||
+ | } | ||
+ | a:link { | ||
+ | color: #FFFFFF; | ||
+ | } | ||
+ | a:visited { | ||
+ | color: #FFFFFF; | ||
+ | } | ||
+ | a:hover { | ||
+ | color: #FF6700; | ||
+ | } | ||
+ | a:active { | ||
+ | color: #FF6700; | ||
+ | } | ||
+ | |||
+ | .hoverbox | ||
+ | { | ||
+ | cursor: default; | ||
+ | list-style: none; | ||
+ | margin-left: 100px; | ||
+ | margin-right: 100px; | ||
+ | } | ||
+ | |||
+ | .hoverbox a | ||
+ | { | ||
+ | cursor: default; | ||
+ | } | ||
+ | |||
+ | .hoverbox a .preview | ||
+ | { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | .hoverbox a:hover .preview | ||
+ | { | ||
+ | display: block; | ||
+ | position: absolute; | ||
+ | top: -60px; | ||
+ | left: -60px; | ||
+ | z-index: 1; | ||
+ | } | ||
+ | |||
+ | .hoverbox img | ||
+ | { | ||
+ | background: #761C11; | ||
+ | color: inherit; | ||
+ | padding: 2px; | ||
+ | vertical-align: top; | ||
+ | } | ||
+ | |||
+ | .hoverbox li | ||
+ | { | ||
+ | background: #761C11; | ||
+ | border-width: 0px; | ||
+ | color: inherit; | ||
+ | display: inline-table; | ||
+ | |||
+ | margin: 3px; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | .hoverbox .preview | ||
+ | { | ||
+ | background: #52140C; | ||
+ | border-color: #761C11; | ||
+ | } | ||
+ | table.Bottom | ||
+ | { | ||
+ | padding-top: 5px; | ||
+ | background-color: rgba(0,0,0,0.3); | ||
+ | margin-top: 7px; | ||
+ | margin-left: 104px; | ||
+ | min-width: 793px; | ||
+ | max-width: 793px; | ||
+ | font-size:12pt; | ||
+ | line-height:14pt; | ||
+ | color:white; | ||
+ | } | ||
+ | table.MainP | ||
+ | { | ||
+ | background-color: transparent; | ||
+ | margin-left: 95px; | ||
+ | margin-right: 150px; | ||
+ | font-size:12pt; | ||
+ | line-height:14pt; | ||
+ | color:white; | ||
+ | } | ||
+ | table.Inside | ||
+ | { | ||
+ | background-color: transparent; | ||
+ | margin-left: 0px; | ||
+ | margin-right: 0px; | ||
+ | font-size:12pt; | ||
+ | line-height:14pt; | ||
+ | color:white; | ||
+ | padding-top: 8px; | ||
+ | padding-left: 3px; | ||
+ | padding-right: 3px; | ||
+ | } | ||
+ | td.Right | ||
+ | { | ||
+ | padding-top: 3px; | ||
+ | background-color: rgba(0,0,0,0.3); | ||
+ | text-align: left; | ||
+ | min-width: 310px; | ||
+ | max-width: 310px; | ||
+ | vertical-align:top; | ||
+ | border: 10px transparent; | ||
+ | |||
+ | } | ||
+ | td.Left | ||
+ | { | ||
+ | background-color: rgba(0,0,0,0.3); | ||
+ | vertical-align:top; | ||
+ | min-width: 465px; | ||
+ | border: 10px transparent; | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | |||
+ | <br> | ||
+ | <div class="cte"> | ||
+ | <div class="ctd"> | ||
+ | <z1 >Notebook</z1><br> | ||
+ | </div> | ||
+ | </div> | ||
+ | </head> | ||
+ | |||
+ | <body> | ||
+ | |||
+ | |||
+ | |||
+ | <br><br><br><br> | ||
+ | <iframe src="http://docs.google.com/viewer?url=http%3A%2F%2F2013.igem.org%2Fwiki%2Fimages%2F9%2F9e%2FNOTEBOOK_2_CORRIGIDO_FIGURA.pdf&embedded=true" width="1024" height="1024" style="border: none;"></iframe> | ||
+ | |||
+ | <br><br><br><br> | ||
+ | |||
+ | </body> | ||
+ | </html> | ||
+ | {{Template:FooterManausAmazonasBrazil2013}} |
Latest revision as of 03:55, 28 September 2013