Difference between revisions of "Team:CU Boulder/notebook"
(Created page with "{{CU_Boulder}} <html lang="en"> <head> </head> <body> <!-- Content goes between the article tags --> <article> <h1>Notebook</h1> </article> </body> </html> {{CU_Boulder_f...") |
|||
(46 intermediate revisions by the same user not shown) | |||
Line 2: | Line 2: | ||
<html lang="en"> | <html lang="en"> | ||
<head> | <head> | ||
+ | <style> | ||
+ | h2 { | ||
+ | color: black; | ||
+ | text-align: center; | ||
+ | vertical-align: middle; | ||
+ | font-size: 40px; | ||
+ | line-height: 135%; | ||
+ | margin-top: 0px; | ||
+ | padding-top: 40px; | ||
+ | } | ||
+ | .notebook_class a{ | ||
+ | height: 100%; | ||
+ | width: 100%; | ||
+ | display:block; | ||
+ | } | ||
+ | a:link { | ||
+ | color: black; | ||
+ | } | ||
+ | |||
+ | div a:hover { | ||
+ | color: black; | ||
+ | text-decoration: none; | ||
+ | |||
+ | -webkit-box-shadow: -1px 1px 5px 5px rgba(50, 50, 50, 0.5); | ||
+ | -moz-box-shadow: -1px 1px 7px 5px rgba(50, 50, 50, 0.5); | ||
+ | box-shadow: -1px 1px 7px 5px rgba(50, 50, 50, 0.5); | ||
+ | } | ||
+ | a:active { | ||
+ | color: black; | ||
+ | } | ||
+ | a:visited { | ||
+ | color: black; | ||
+ | } | ||
+ | |||
+ | .notebook_class { | ||
+ | height: 370px; | ||
+ | width: 400px; | ||
+ | background-color: #989898; | ||
+ | |||
+ | /*border: 1px solid red;*/ | ||
+ | -webkit-box-shadow: -1px 1px 5px 5px rgba(50, 50, 50, 0.5); | ||
+ | -moz-box-shadow: -1px 1px 7px 5px rgba(50, 50, 50, 0.5); | ||
+ | box-shadow: -1px 1px 7px 5px rgba(50, 50, 50, 0.5); | ||
+ | } | ||
+ | .notebook_container { | ||
+ | width: 830px; | ||
+ | height: 380px; | ||
+ | /*border: 2px solid purple;*/ | ||
+ | /*padding-left: 40px;*/ | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | margin-top: 15px; | ||
+ | margin-bottom: 0px; | ||
+ | |||
+ | } | ||
+ | .notebook_box { | ||
+ | height: 300px; | ||
+ | width: 240px; | ||
+ | vertical-align: middle; | ||
+ | margin-left: 10px; | ||
+ | margin-right: 10px; | ||
+ | background-color: blue; | ||
+ | /*border: 2px solid red;*/ | ||
+ | float: left; | ||
+ | |||
+ | } | ||
+ | #nav_measure { | ||
+ | float: left; | ||
+ | background-image: url(https://static.igem.org/mediawiki/2015/0/04/CU_Boulder_sunrise82.gif); | ||
+ | background-size: 100% 100%; | ||
+ | } | ||
+ | #nav_notes { | ||
+ | float: right; | ||
+ | background-image: url(https://static.igem.org/mediawiki/2015/e/ec/CU_Boulder_rig62.gif); | ||
+ | background-size: 100% 100%; | ||
+ | } | ||
+ | #nav_protocol { | ||
+ | float: left; | ||
+ | background-image: url(https://static.igem.org/mediawiki/2015/8/89/CU_Boulder_rig40.gif); | ||
+ | background-size: 100% 100%; | ||
+ | } | ||
+ | #nav_safety { | ||
+ | float: right; | ||
+ | background-image: url(https://static.igem.org/mediawiki/2015/b/b3/CU_Boulder_flower.gif); | ||
+ | background-size: 100% 100%; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | </style> | ||
</head> | </head> | ||
<body> | <body> | ||
Line 7: | Line 97: | ||
<article> | <article> | ||
<h1>Notebook</h1> | <h1>Notebook</h1> | ||
− | + | <div> | |
− | + | ||
+ | <div class="notebook_container"> | ||
+ | <div class="notebook_class" id="nav_measure"> | ||
+ | <a href="https://2015.igem.org/Team:CU_Boulder/Measurement"><h2>Measurement Study</h2></a> | ||
+ | </div> | ||
+ | <div class="notebook_class" id="nav_notes"> | ||
+ | <a href="https://2015.igem.org/Team:CU_Boulder/notebook/notebook"><h2>Notebooks</h2></a> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <div class="notebook_container"> | ||
+ | <div class="notebook_class" id="nav_protocol"> | ||
+ | <a href="https://2015.igem.org/Team:CU_Boulder/Protocols"><h2>Protocols</h2></a> | ||
+ | </div> | ||
+ | <div class="notebook_class" id="nav_safety"> | ||
+ | <a href="https://2015.igem.org/Team:CU_Boulder/notebook/safety"><h2>Safety</h2></a> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
</article> | </article> | ||
</body> | </body> | ||
</html> | </html> | ||
{{CU_Boulder_footer}} | {{CU_Boulder_footer}} |
Latest revision as of 03:31, 18 September 2015
<!DOCTYPE html>