|
|
| Line 90: |
Line 90: |
| | /*--------------Global end------------------*/ | | /*--------------Global end------------------*/ |
| | | | |
| − | /*---------------Header start------------*/
| |
| − | .firstHeading {
| |
| − | width: 975px;
| |
| − | margin: 0px auto;
| |
| − | padding-top: 100px;
| |
| − | margin-bottom: 20px;
| |
| − | font-family: Georgia, Times, "Times New Roman", serif;
| |
| − | display: none;
| |
| − | }
| |
| | | | |
| − | #spacer{
| |
| − | height: 200px;
| |
| − | }
| |
| − |
| |
| − | #headerWrapper {
| |
| − | position:fixed;
| |
| − | top:19px;
| |
| − | height: 85px; /*wass 105px*/
| |
| − | width:100%;
| |
| − | background-color: black;
| |
| − | z-index:30;
| |
| − | }
| |
| − | #stripe{
| |
| − | width: 100%;
| |
| − | background-color: blue;
| |
| − | height: 26px;
| |
| − | }
| |
| − |
| |
| − | #headerWrapper a,
| |
| − | #headerWrapper a:hover,
| |
| − | #headerWrapper a:visited,
| |
| − | #headerWrapper a:active {
| |
| − | text-decoration:none;
| |
| − | color:white;
| |
| − | }
| |
| − | #header {
| |
| − | width:950px;
| |
| − | margin: auto;
| |
| − | width: 80%;
| |
| − | min-width: 780px;
| |
| − | max-width: 1000px;
| |
| − | }
| |
| − | #header-content{
| |
| − |
| |
| − |
| |
| − | }
| |
| − | #logo img {
| |
| − | width: 130px;
| |
| − | float: left;
| |
| − | padding-top: 7px;
| |
| − | }
| |
| − |
| |
| − | /*------------------Navigation----------------*/
| |
| − | /*
| |
| − | #wiki-navigation {
| |
| − | font-size: 8pt;
| |
| − | padding-bottom: 10px;
| |
| − | }*/
| |
| − | #navigation {
| |
| − | float: right;
| |
| − | font-family: Verdana, Geneva, sans-serif;
| |
| − | font-size: 0.85em;
| |
| − | margin: auto;
| |
| − | }
| |
| − | #navigation ul li {
| |
| − | display: inline;
| |
| − | float:left;
| |
| − | }
| |
| − | #sub-navigation-content {
| |
| − | clear:both;
| |
| − | position:relative;
| |
| − | background-color: #A99059;
| |
| − | height: 26px;
| |
| − | padding-top: 5px;
| |
| − | margin-left: -5px;
| |
| − | -webkit-box-shadow: 0px 7px 5px -3px rgba(50, 50, 50, 0.75);
| |
| − | -moz-box-shadow: 0px 7px 5px -3px rgba(50, 50, 50, 0.75);
| |
| − | box-shadow: 0px 7px 5px -3px rgba(50, 50, 50, 0.75);
| |
| − | }
| |
| − | #sub-navigation {
| |
| − | text-align: right;
| |
| − | font-family: Verdana, Geneva, sans-serif;
| |
| − | font-size: 0.8em;
| |
| − | margin:auto;
| |
| − | clear:both;
| |
| − | position:relative;
| |
| − | width: 80%;
| |
| − | min-width: 780px;
| |
| − | max-width: 1000px;
| |
| − | }
| |
| − | #sub-navigation ul li {
| |
| − | display: inline;
| |
| − | float:left;
| |
| − | }
| |
| − |
| |
| − | #sub-navigation ul {
| |
| − | display: inline;
| |
| − | float:right;
| |
| − | list-style-type: square;
| |
| − | }
| |
| − |
| |
| − | #sub-navigation > ul {
| |
| − | display:none;
| |
| − | }
| |
| − |
| |
| − | #sub-navigation li {
| |
| − | display: inline;
| |
| − | float: left;
| |
| − | padding-left: 10px;
| |
| − | padding-right: 10px;
| |
| − | }
| |
| − | #sub-navigation li:before{
| |
| − | content:"•";
| |
| − | /*content: " * ";*/
| |
| − | padding-right:10px;
| |
| − | color:white;
| |
| − | }
| |
| − | #sub-navigation li:first-child:before{
| |
| − | content:"";
| |
| − | }
| |
| − |
| |
| − | #sub-navigation a:hover{
| |
| − | color: #5F7077;
| |
| − | }
| |
| − |
| |
| − | /*-----------------------Navigation items---------------*/
| |
| − | .nav-item {
| |
| − | display: block;
| |
| − | background-size: 32px;
| |
| − | float: left;
| |
| − | background-position: center bottom 35px;
| |
| − | background-repeat: no-repeat;
| |
| − | line-height: 40px;
| |
| − | text-align:center;
| |
| − | padding-top: 45px;
| |
| − | padding-right:10px;
| |
| − | padding-left:10px;
| |
| − | }
| |
| − | /*-------------------Images for nav bar--------------*/
| |
| − | .project { /*image from openclipart.org*/
| |
| − | /*background-image: url(images/flask3-white.gif);*/
| |
| − | background-image: url(https://static.igem.org/mediawiki/2015/a/a5/CU-Boulder-flask3-white.gif);
| |
| − | background-size: 50px;
| |
| − | }
| |
| − | /*medals*/
| |
| − | .medals { /*image from openclipart.org*/
| |
| − | background-image: url(images/medal-white.gif);
| |
| − | background-size: 50px;
| |
| − | }
| |
| − | /*parts*/
| |
| − | .parts { /*image from openclipart.org */
| |
| − | /*background-image: url(images/gear-icon-white.gif);*/
| |
| − | background-image: url(https://static.igem.org/mediawiki/2015/1/1d/CU-Boulder-gear-icon-white.gif);
| |
| − | background-size: 50px;
| |
| − | }
| |
| − | .team { /*image from openclipart.org*/
| |
| − | /*background-image: url(images/people-white.gif);*/
| |
| − | background-image: url(https://static.igem.org/mediawiki/2015/6/6b/CU-Boulder-people-white.gif);
| |
| − | background-size: 50px 35px;
| |
| − | padding-right:13px;
| |
| − | padding-left:13px;
| |
| − | }
| |
| − | .human-practice { /*image from openclipart.org*/
| |
| − | /*background-image: url(images/rig1-white.gif);*/
| |
| − | background-image: url(https://static.igem.org/mediawiki/2015/d/d5/CU-Boulder-rig1-white.gif);
| |
| − | background-size: 100px 55px;
| |
| − | background-position: center bottom 28px;
| |
| − |
| |
| − | }
| |
| − | /*notebook*/
| |
| − | .notebook { /*image from openclipart.org*/
| |
| − | /*background-image: url(images/notebook_2-white.gif);*/
| |
| − | background-image: url(https://static.igem.org/mediawiki/2015/4/41/CU-Boulder-notebook_2-white.gif);
| |
| − | background-size: 75px;
| |
| − | background-position: center bottom 27px;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | /*-----------------Header end---------------------*/
| |
| − |
| |
| − | /*-----------------Article start------------------*/
| |
| − | article{
| |
| − | width: 80%;
| |
| − | min-width: 780px;
| |
| − | max-width: 1000px; /* Vertical margins, and auto to center */
| |
| − | margin: auto;
| |
| − | margin-top: 180px;
| |
| − | margin-bottom: 100px;
| |
| − | /*Note: There appears to be space already allocated for above the article
| |
| − | so top margin may not be necessary */
| |
| − | }
| |
| − | /* to indent a line, use text-indent: xxx; */
| |
| − | /*article h1 {
| |
| − | text-decoration: underline;
| |
| − | }*/
| |
| − | abbr {
| |
| − | border-bottom: 1px dotted #111;
| |
| − | cursor: help;
| |
| − | }
| |
| − | abbr:hover{
| |
| − | color: #5F7077;
| |
| − | }
| |
| − | .box-float-right {
| |
| − | background-color: white;
| |
| − | margin: 25px;
| |
| − | padding: 5px;
| |
| − | width: 200px;
| |
| − | border: medium inset gray;
| |
| − | float: right;
| |
| − | }
| |
| − | /*-----------------Article end--------------------*/
| |
| − |
| |
| − | /*-----------------Footer start-------------------*/
| |
| − | footer
| |
| − | {
| |
| − | background-color: #555;
| |
| − | text-align: center;
| |
| − | height: 200px;
| |
| − | }
| |
| − |
| |
| − | #footer-content
| |
| − | {
| |
| − | padding: 20px;
| |
| − | color: snow;
| |
| − | }
| |
| − | #footer-content h2, #footer-content h3 {
| |
| − | border:0;
| |
| − | padding:0;
| |
| − | margin:0;
| |
| − | font-style: italic;
| |
| − | font-size: 30px;
| |
| − | }
| |
| − | #footer-content p {
| |
| − | text-align: center;
| |
| − | font-size: 20px;
| |
| − | }
| |
| − | #footer-logos a{
| |
| − | background-color: inherit;
| |
| − | }
| |
| − | #footer-logos a img{
| |
| − | height: 80px;
| |
| − | margin: 10px;
| |
| − | }
| |
| − | /*-----------------Footer end---------------------*/
| |
| − |
| |
| − |
| |
| − | /*-----------------Citation start-----------------*/
| |
| − | /*Some of the CSS code on this page was modified from the LMU-Munich 2014 iGEM team
| |
| − | (https://2014.igem.org/Team:LMU-Munich)
| |
| − |
| |
| − | /*-----------------Citation end-------------------*/
| |
| | </style> | | </style> |
| | </html> | | </html> |