Template:UIUC Illinois CSS
From 2012.igem.org
(Difference between revisions)
Line 393: | Line 393: | ||
/* Notebook */ | /* Notebook */ | ||
+ | |||
+ | |||
+ | |||
+ | #notebookselection{ | ||
+ | width: 1000px; | ||
+ | height: 100%; | ||
+ | text-align: center; | ||
+ | padding-left: 0px; | ||
+ | padding-right:0px; | ||
+ | margin-left: auto; | ||
+ | margin-right:auto; | ||
+ | margin-top: 0px; | ||
+ | float: center; | ||
+ | font: bold 13px Arial; | ||
+ | } | ||
+ | |||
+ | |||
+ | #notebookselectionmenu{ | ||
+ | background-color: #003C7D; | ||
+ | width: 1000px; | ||
+ | height: 40px; | ||
+ | float: left; | ||
+ | text-align: left; | ||
+ | margin-top: -60px; | ||
+ | margin-left: -10px; | ||
+ | padding:0px; | ||
+ | border: 10px solid rgba(255, 255, 255,0.4); | ||
+ | background-clip: padding-box; | ||
+ | list-style: none; | ||
+ | font: bold 16px Arial; | ||
+ | } | ||
+ | |||
+ | #notebookselectionmenu li{ | ||
+ | list-style-type:none; | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | float:center; | ||
+ | margin-left: 50px; | ||
+ | margin-right: auto; | ||
+ | } | ||
+ | |||
+ | #notebookselectionmenu a { | ||
+ | cursor: pointer; | ||
+ | float:left; | ||
+ | height:30px; | ||
+ | text-align:center; | ||
+ | text-decoration:none; | ||
+ | width:300px; | ||
+ | background:#003C7D; | ||
+ | font: bold 15px Arial; | ||
+ | padding-top:10px; | ||
+ | margin-top: 0px; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | color:#ffffff; | ||
+ | } | ||
+ | |||
+ | #notebookselectionmenu a:hover { | ||
+ | background:#F47F24; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | #notebookselectionmenu a:active { | ||
+ | color:white; | ||
+ | } | ||
+ | |||
+ | #labnotebooks{ | ||
+ | background-color: #EEEEEE; | ||
+ | width: 950px; | ||
+ | height: 100%; | ||
+ | float: center; | ||
+ | text-align: left; | ||
+ | padding-left: 25px; | ||
+ | padding-right: 25px; | ||
+ | margin-top: 70px; | ||
+ | margin-right: 0px; | ||
+ | margin-left: -10px; | ||
+ | border: 10px solid rgba(255, 255, 255,0.4); | ||
+ | background-clip: padding-box; | ||
+ | -webkit-box-shadow: 0 8px 6px -6px black; | ||
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
+ | list-style: none; | ||
+ | } | ||
+ | |||
+ | /* Lab Notebook */ | ||
+ | |||
+ | /* PUF notebook begins here */ | ||
+ | |||
+ | #PUFnotebookintro{ | ||
+ | width: 950px; | ||
+ | float: center; | ||
+ | background-color:#EEEEEE; | ||
+ | padding-top: 0px; | ||
+ | padding-left: 25px; | ||
+ | padding-right: 25px; | ||
+ | padding-bottom: 15px; | ||
+ | height: 50px; | ||
+ | border: 10px solid rgba(255, 255, 255,0.4); | ||
+ | background-clip: padding-box; | ||
+ | margin-top: 5px; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | margin-bottom:0px; | ||
+ | } | ||
+ | |||
+ | #PUFnotebookmenu a { | ||
+ | cursor: pointer; | ||
+ | display:block; | ||
+ | float:left; | ||
+ | height:24.6px; | ||
+ | text-align:center; | ||
+ | text-decoration:none; | ||
+ | width:100%; | ||
+ | color:#ffffff; | ||
+ | background:#F47F24; | ||
+ | padding-top: 10px; | ||
+ | font: bold 13px Arial; | ||
+ | } | ||
+ | |||
+ | #PUFnotebookmenu a:hover { | ||
+ | background:#003C7D; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | #PUFnotebookmenu a:active { | ||
+ | color:white; | ||
+ | } | ||
+ | |||
+ | #PUFnotebook { | ||
+ | width: 1000px; | ||
+ | height: 100%; | ||
+ | text-align: center; | ||
+ | padding-left: 0px; | ||
+ | padding-right:0px; | ||
+ | margin-left: auto; | ||
+ | margin-right:auto; | ||
+ | margin-top: -20px; | ||
+ | float: center; | ||
+ | font: bold 13px Arial; | ||
+ | } | ||
+ | |||
+ | #PUFnotebookmenu { | ||
+ | background-color: #F47F24; | ||
+ | width: 160px; | ||
+ | height: 310px; | ||
+ | float: left; | ||
+ | text-align: left; | ||
+ | margin-top: 20px; | ||
+ | margin-left: -10px; | ||
+ | border: 10px solid rgba(255, 255, 255,0.4); | ||
+ | background-clip: padding-box; | ||
+ | -webkit-box-shadow: 0 8px 6px -6px black; | ||
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
+ | list-style: none; | ||
+ | } | ||
+ | |||
+ | |||
+ | #PUFnotebookdescription { | ||
+ | background-color: #EEEEEE; | ||
+ | width: 815px; | ||
+ | height: 300px; | ||
+ | float: left; | ||
+ | text-align: left; | ||
+ | margin-top: 20px; | ||
+ | margin-right: -20px; | ||
+ | margin-left: 0px; | ||
+ | padding-top: 0px; | ||
+ | padding-bottom: 10px; | ||
+ | padding-left:0px; | ||
+ | padding-right: 5px; | ||
+ | border: 10px solid rgba(255, 255, 255,0.4); | ||
+ | background-clip: padding-box; | ||
+ | -webkit-box-shadow: 0 8px 6px -6px black; | ||
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
+ | list-style: none; | ||
+ | } | ||
+ | |||
+ | /* PHAT Notebook begins here */ | ||
+ | |||
+ | #PHATnotebookintro{ | ||
+ | width: 950px; | ||
+ | float: center; | ||
+ | background-color:#EEEEEE; | ||
+ | padding-top: 0px; | ||
+ | padding-left: 25px; | ||
+ | padding-right: 25px; | ||
+ | padding-bottom: 15px; | ||
+ | height: 50px; | ||
+ | border: 10px solid rgba(255, 255, 255,0.4); | ||
+ | background-clip: padding-box; | ||
+ | margin-top: 5px; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | margin-bottom:0px; | ||
+ | } | ||
+ | |||
+ | #PHATnotebookmenu a { | ||
+ | cursor: pointer; | ||
+ | display:block; | ||
+ | float:left; | ||
+ | height:24.6px; | ||
+ | text-align:center; | ||
+ | text-decoration:none; | ||
+ | width:100%; | ||
+ | color:#ffffff; | ||
+ | background:#F47F24; | ||
+ | padding-top: 10px; | ||
+ | font: bold 13px Arial; | ||
+ | } | ||
+ | |||
+ | #PHATnotebookmenu a:hover { | ||
+ | background:#003C7D; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | #PHATnotebookmenu a:active { | ||
+ | color:white; | ||
+ | } | ||
+ | |||
+ | #PHATnotebook { | ||
+ | width: 1000px; | ||
+ | height: 100%; | ||
+ | text-align: center; | ||
+ | padding-left: 0px; | ||
+ | padding-right:0px; | ||
+ | margin-left: auto; | ||
+ | margin-right:auto; | ||
+ | margin-top: -20px; | ||
+ | float: center; | ||
+ | font: bold 13px Arial; | ||
+ | } | ||
+ | |||
+ | #PHATnotebookmenu { | ||
+ | background-color: #F47F24; | ||
+ | width: 160px; | ||
+ | height: 310px; | ||
+ | float: left; | ||
+ | text-align: left; | ||
+ | margin-top: 20px; | ||
+ | margin-left: -10px; | ||
+ | border: 10px solid rgba(255, 255, 255,0.4); | ||
+ | background-clip: padding-box; | ||
+ | -webkit-box-shadow: 0 8px 6px -6px black; | ||
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
+ | list-style: none; | ||
+ | } | ||
+ | |||
+ | #PHATnotebookdescription { | ||
+ | background-color: #EEEEEE; | ||
+ | width: 815px; | ||
+ | height: 300px; | ||
+ | float: left; | ||
+ | text-align: left; | ||
+ | margin-top: 20px; | ||
+ | margin-right: -20px; | ||
+ | margin-left: 0px; | ||
+ | padding-top: 0px; | ||
+ | padding-bottom: 10px; | ||
+ | padding-left:0px; | ||
+ | padding-right: 5px; | ||
+ | border: 10px solid rgba(255, 255, 255,0.4); | ||
+ | background-clip: padding-box; | ||
+ | -webkit-box-shadow: 0 8px 6px -6px black; | ||
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
+ | list-style: none; | ||
+ | } | ||
+ | |||
/* Protocol Section*/ | /* Protocol Section*/ | ||
Line 1,579: | Line 1,848: | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
Revision as of 18:04, 10 July 2012