|
|
| (6 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| - | /* Removing wiki-like stuff */
| + | {{Template:Team:DTU-Denmark/css4}} |
| - | /****************************/
| + | |
| - | #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
| + | |
| - | display:none;}
| + | |
| | | | |
| | + | /*Shamelessly stolen from the 2014 Boston team, thank you Boston team!*/ |
| | | | |
| - | @font-face {
| + | <html> |
| - | font-family: 'twig';
| + | |
| - | /*src: url('https://dl.dropboxusercontent.com/s/cg7k4n3h4d4iu5h/PINEWOOD.TTF') format('truetype');*/
| + | |
| - | src: url('https://dl.dropboxusercontent.com/s/0513od7g5ol2oxh/You%20Rook%20Marbelous.ttf') format('truetype');
| + | |
| - | font-weight: normal;
| + | |
| - | font-style: normal;
| + | |
| - | }
| + | |
| - | @media screen and (-webkit-min-device-pixel-ratio:0) {
| + | |
| - | @font-face {
| + | |
| - | font-family: 'sketch_rockwell';
| + | |
| - | src: url('https://dl.dropboxusercontent.com/s/cg7k4n3h4d4iu5h/PINEWOOD.TTF') format('truetype');
| + | |
| - | }
| + | |
| - | }
| + | |
| | | | |
| - | /* Redesigning the topmenu -> removes the empty space above our header picture */
| + | <head> |
| - | /***************************/
| + | <style type="text/css"> |
| - | /* Start top-section reset ============================================== */
| + | |
| | | | |
| - | div#top-section {
| + | .pagescontent{ |
| - | border: 0;
| + | position:relative; |
| - | height: auto;
| + | left:90px; |
| - | margin: 0;
| + | top:130px; |
| - | position: static;
| + | width:80%; |
| - | width: auto;
| + | text-align:left; |
| | } | | } |
| | | | |
| - | div#p-logo {
| + | pageheader{ |
| - | height: auto;
| + | font-size:28px; |
| - | position: static;
| + | font-weight:700; |
| - | width: auto;
| + | text-transform:uppercase; |
| - | z-index: auto;
| + | |
| | } | | } |
| | | | |
| - | div#p-logo a, div#p-logo a:hover {
| + | maincontent{ |
| - | text-decoration: none;
| + | font-size:14px; |
| | + | font-weight:200; |
| | + | text-align:justify; |
| | } | | } |
| | | | |
| - | div#menubar {
| + | .sponsors{ |
| - | font-family: inherit;
| + | background-color:#FFF; |
| - | font-size: inherit;
| + | position:relative; |
| - | line-height: inherit;
| + | text-align:center; |
| - | position: static;
| + | bottom:0px; |
| - | top: 0px;
| + | z-index:10; |
| - | white-space: normal;
| + | |
| - | width: auto;
| + | |
| - | z-index: auto;
| + | |
| | } | | } |
| | | | |
| - | div.left-menu, div.left-menu a {
| + | </style> |
| - | color: inherit;
| + | </head> |
| - | left: 0;
| + | <body> |
| - | text-align: left;
| + | |
| - | text-transform: none;
| + | |
| - | }
| + | |
| - | | + | |
| - | div#menubar ul {
| + | |
| - | color: inherit;
| + | |
| - | list-style: disc outside none;
| + | |
| - | margin: 0;
| + | |
| - | padding: 0;
| + | |
| - | }
| + | |
| - | | + | |
| - | div#menubar li {
| + | |
| - | cursor: auto;
| + | |
| - | display: list-item;
| + | |
| - | padding: 0;
| + | |
| - | margin: 0;
| + | |
| - | position: static;
| + | |
| - | }
| + | |
| - | | + | |
| - | div.left-menu li a {
| + | |
| - | padding: 0;
| + | |
| - | }
| + | |
| - | | + | |
| - | div.left-menu:hover {
| + | |
| - | color: inherit;
| + | |
| - | background-color: transparent;
| + | |
| - | }
| + | |
| - | | + | |
| - | div.left-menu:hover a {
| + | |
| - | color: inherit;
| + | |
| - | }
| + | |
| - | | + | |
| - | div.right-menu, div.right-menu a {
| + | |
| - | color: inherit;
| + | |
| - | right: 0;
| + | |
| - | text-align: left;
| + | |
| - | }
| + | |
| - | | + | |
| - | div.right-menu li a {
| + | |
| - | background-color: transparent;
| + | |
| - | color: inherit;
| + | |
| - | padding: 0;
| + | |
| - | }
| + | |
| - | | + | |
| - | div.right-menu li a:hover {
| + | |
| - | color: inherit;
| + | |
| - | text-decoration: none;
| + | |
| - | }
| + | |
| - | | + | |
| - | div#search-controls {
| + | |
| - | background-color: transparent;
| + | |
| - | height: auto;
| + | |
| - | position: static;
| + | |
| - | right: 0;
| + | |
| - | text-align: left;
| + | |
| - | top: 0;
| + | |
| - | width: auto;
| + | |
| - | z-index: auto;
| + | |
| - | }
| + | |
| - | | + | |
| - | /* Start top-section style ============================================== */ | + | |
| - | | + | |
| - | /* Remove logo and search */
| + | |
| - | div#p-logo, div#search-controls {
| + | |
| - | display: none;
| + | |
| - | }
| + | |
| - | | + | |
| - | /* Center wiki-menu; set font & bg (as fallback) color */
| + | |
| - | div#top-section {
| + | |
| - | margin: 0px auto;
| + | |
| - | width: 965px;
| + | |
| - | height: 20px;
| + | |
| - | color: #d4c6b6;
| + | |
| - | background: #411c03 url('https://static.igem.org/mediawiki/2013/b/b3/TUM13_brown-top-bg.png') repeat-x 50% 0%;
| + | |
| - | }
| + | |
| - | | + | |
| - | /* Set font and positions */
| + | |
| - | div#menubar {
| + | |
| - | font-weight: bold;
| + | |
| - | font-size: 13px;
| + | |
| - | line-height: 20px;
| + | |
| - | }
| + | |
| - | | + | |
| - | div#menubar.right-menu {
| + | |
| - | float: right;
| + | |
| - | }
| + | |
| - | | + | |
| - | div#menubar.left-menu {
| + | |
| - | float: left;
| + | |
| - | }
| + | |
| - | | + | |
| - | /* Fix text */
| + | |
| - | div#menubar.left-menu a, div#menubar.left-menu li {
| + | |
| - | text-transform: capitalize;
| + | |
| - | }
| + | |
| - | | + | |
| - | div#menubar li {
| + | |
| - | padding: 0px 5px;
| + | |
| - | display: inline;
| + | |
| - | }
| + | |
| - | | + | |
| - | /* White on hover */
| + | |
| - | div#menubar a:hover {
| + | |
| - | color: #FFFFFF;
| + | |
| - | text-decoration: none;
| + | |
| - | }
| + | |
| - | | + | |
| - | div#menubar li[style="color:white;cursor:default"] {
| + | |
| - | display: none;
| + | |
| - | }
| + | |
| - | | + | |
| - | /* End top-section style ================================================ */
| + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | /* Font style and general */
| + | |
| - | /**************************/
| + | |
| - | #content {
| + | |
| - | font-family: 'Lucida Sans Unicode',sans-serif;
| + | |
| - | font-size: 14px;
| + | |
| - | color: #444444;
| + | |
| - | text-align:justify; }
| + | |
| - | p {
| + | |
| - | margin: 0;}
| + | |
| - | #innercontent p {
| + | |
| - | margin: 0.6em 0;}
| + | |
| - | h1 {
| + | |
| - | border: none;
| + | |
| - | color: #383838;
| + | |
| - | text-shadow: 0 1px rgba(255, 255, 255, 0.5);
| + | |
| - | font-size: 32px;
| + | |
| - | margin: 5px 0 0 0;
| + | |
| - | font-weight: bold;
| + | |
| - | text-align: left;}
| + | |
| - | h2 {
| + | |
| - | /*background: url("https://static.igem.org/mediawiki/2011/f/f0/Horisontal-line.png") repeat-x scroll 0 100% transparent;*/
| + | |
| - | border: none;
| + | |
| - | padding: 20px 0 5px;
| + | |
| - | font-family: Arial;
| + | |
| - | font-size: 24px;
| + | |
| - | font-weight: bold;
| + | |
| - | color: #593672; /* header 2 color */
| + | |
| - | clear: right;
| + | |
| - | margin-bottom: 0;}
| + | |
| - | h3 {
| + | |
| - | border: none;
| + | |
| - | padding: 20px 0 5px;
| + | |
| - | color: #990000;
| + | |
| - | font-size: 20px;
| + | |
| - | font-family: Arial;}
| + | |
| - | h4{
| + | |
| - | border: none;
| + | |
| - | color: #000000;
| + | |
| - | font-size: 20px;
| + | |
| - | font-family: Arial;}
| + | |
| - | h5 {
| + | |
| - | border: none;
| + | |
| - | font-size: 18px;
| + | |
| - | font-family: Arial;
| + | |
| - | color: #444444;
| + | |
| - | /* background-color: #b0b2b1; */}
| + | |
| - | h6 {
| + | |
| - | border: none;
| + | |
| - | font-size: 16px;
| + | |
| - | font-family: Arial;
| + | |
| - | color: #444444;
| + | |
| - | /* background-color: #81F7BE; */ }
| + | |
| - | #bodyContent h1, #bodyContent h2 {
| + | |
| - | margin-bottom: 0;}
| + | |
| - | h3 {
| + | |
| - | font-size: 20px;
| + | |
| - | padding: 15px 0 5px 0;}
| + | |
| - | h4 {
| + | |
| - | font-weight: bold;}
| + | |
| - | ul {
| + | |
| - | list-style-position: inside;
| + | |
| - | margin: 0;}
| + | |
| - | a, a:visited, a:active {
| + | |
| - | color: #3366CC;}
| + | |
| - | pre {
| + | |
| - | overflow: auto;
| + | |
| - | font-size: 12px;}
| + | |
| - | div.tright, div.floatright {
| + | |
| - | border: none;
| + | |
| - | margin: 10px 0 10px 20px;}
| + | |
| - | div.tleft, div.floatleft {
| + | |
| - | border: none;
| + | |
| - | margin: 10px 20px 10px 0;}
| + | |
| - | div.tnone {
| + | |
| - | border: none;}
| + | |
| - | iframe {
| + | |
| - | margin: 1px;}
| + | |
| - | hr {
| + | |
| - | height: 0;
| + | |
| - | border-top: 1px solid #AAA;
| + | |
| - | border-bottom: 1px solid #FFF;}
| + | |
| - | .clear {
| + | |
| - | clear: both;
| + | |
| - | height: 0;
| + | |
| - | padding: 0;
| + | |
| - | margin: 0;
| + | |
| - | border: none;
| + | |
| - | visibility: hidden;}
| + | |
| - | .superscript {
| + | |
| - | font-size: 80%;
| + | |
| - | position: relative;
| + | |
| - | top: -5px;}
| + | |
| - | .subscript {
| + | |
| - | font-size: 80%;
| + | |
| - | position: relative;
| + | |
| - | top: 5px;}
| + | |
| - | .farve0 {
| + | |
| - | background-color: #999999;}
| + | |
| - | .farve1 {
| + | |
| - | background-color: #FFCC00;}
| + | |
| - | .farve2 {
| + | |
| - | background-color: #FF9900;}
| + | |
| - | .farve3 {
| + | |
| - | background-color: #FF6600;}
| + | |
| - | .farve4 {
| + | |
| - | background-color: #FF0000;}
| + | |
| - | .farve5 {
| + | |
| - | background-color: #990000;}
| + | |
| - | .farve6 {
| + | |
| - | background-color: #FF0099;}
| + | |
| - | .farve7 {
| + | |
| - | background-color: #CC3399;}
| + | |
| - | .farve8 {
| + | |
| - | background-color: #990066;}
| + | |
| - | .farve9 {
| + | |
| - | background-color: #660066;}
| + | |
| - | .farve10 {
| + | |
| - | background-color: #990099;}
| + | |
| - | .farve11 {
| + | |
| - | background-color: #3366CC;}
| + | |
| - | .farve12 {
| + | |
| - | background-color: #33CCFF;}
| + | |
| - | .farve13 {
| + | |
| - | background-color: #99CC33;}
| + | |
| - | .farve14 {
| + | |
| - | background-color: #66CC00;}
| + | |
| - | .coloredBg {
| + | |
| - | font-size: 12px;
| + | |
| - | font-weight: normal;
| + | |
| - | color: #FFFFFF;
| + | |
| - | padding: 5px;}
| + | |
| - | | + | |
| - | | + | |
| - | #bodyContent table.month a { background:none; padding:0 }
| + | |
| - | .day-active { color:#0000cc }
| + | |
| - | .day-empty { color:#7CC0C0 } /*81CBCB*/
| + | |
| - | | + | |
| - | | + | |
| - | /* Layout */
| + | |
| - | /**********/
| + | |
| - | body, #heading, #innercontent {
| + | |
| - | background: #EE0000;} /*side background colour */
| + | |
| - | #content, #globalWrapper {
| + | |
| - | border: none;
| + | |
| - | width: 100%;
| + | |
| - | margin: 0;
| + | |
| - | padding: 0;}
| + | |
| - | .centering {
| + | |
| - | margin: 0 auto;
| + | |
| - | width: 1024px;}
| + | |
| - | .centering2 {
| + | |
| - | margin: 0 auto;
| + | |
| - | width: 1003px;
| + | |
| - | }
| + | |
| - | #header {
| + | |
| - | background: url("https://static.igem.org/mediawiki/2014/thumb/3/3a/Placeholderwide.png/800px-Placeholderwide.png") no-repeat center #ffffff; /* headerpicture and colour beyond edges */
| + | |
| - | | + | |
| - | <a style="display: scroll; position: fixed; top: 25px; left: 0px; width: 20px; height: 20px;" href="#"></a>
| + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | /*https://static.igem.org/mediawiki/2013/2/28/DTU-sample-intro.jpg
| + | |
| - | https://static.igem.org/mediawiki/2013/6/6d/DTU-sample-intro2.png
| + | |
| - | https://static.igem.org/mediawiki/2013/8/8d/DTU_header_image.png */
| + | |
| - | box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
| + | |
| - | -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* for the Safari browser */
| + | |
| - | height: 240px;
| + | |
| - | width: 100%;
| + | |
| - | border-top: 1px solid #593672; /* red: 990000, blue: 098C9F */
| + | |
| - | border-bottom: 1px solid #593672;} /* red: 990000, blue: 098C9F */
| + | |
| - | /*#header .centering {
| + | |
| - | background: url("https://static.igem.org/mediawiki/2013/3/3a/DTU-Denmark-temp-header2.png") no-repeat top left transparent;
| + | |
| - | height: 100px;}*/
| + | |
| - | #heading {
| + | |
| - | height: 50px;
| + | |
| - | border-top: 1px solid #ffffff;}
| + | |
| - | #innercontent {
| + | |
| - | padding: 1px;}
| + | |
| - | .whitebox {
| + | |
| - | background: url("https://static.igem.org/mediawiki/2013/8/81/DTU-Denmark-innercontent-bg.png") repeat-x #FFFFFF;
| + | |
| - | box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
| + | |
| - | -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */
| + | |
| - | border: 1px solid #FFFFFF;
| + | |
| - | /*text-align: justify;*/
| + | |
| - | margin: 0px 0;}
| + | |
| - | .article {
| + | |
| - | padding: 0 20px 10px 270px;
| + | |
| - | width: 673px;}
| + | |
| - | .whitebox a {
| + | |
| - | width: 1024px;
| + | |
| - | font-weight: bold;}
| + | |
| - | #toc a {
| + | |
| - | font-weight: normal;}
| + | |
| - | | + | |
| - | /* For overview pages */
| + | |
| - | /**********************/
| + | |
| - | .overviewPage {
| + | |
| - | margin-left: -250px;}
| + | |
| - | .overviewBox {
| + | |
| - | width: 900px; /*450px;*/ }
| + | |
| - | .left {
| + | |
| - | float: left;}
| + | |
| - | .right {
| + | |
| - | float: right;}
| + | |
| - | | + | |
| - | /* Footer */
| + | |
| - | /**********/
| + | |
| - | #footer-panel {
| + | |
| - | background: #FFFFFF; /* #871717 #333333*/
| + | |
| - | border-top: 30px solid #593672; /*#990000 ->red, 098C9F->blue, older: #871717 1px solid #D9D9D9; */
| + | |
| - | color: #000000;
| + | |
| - | width: 100%;
| + | |
| - | }
| + | |
| - | #bodyContent {
| + | |
| - | background: #FFFFFF; /* #871717 */
| + | |
| - | color: #000000;
| + | |
| - | }
| + | |
| - | #footer-panel h4 {
| + | |
| - | color: #999999;
| + | |
| - | font-weight: bold;}
| + | |
| - | #footer-panel p {
| + | |
| - | color: #000000; /*#CCCCCC*/
| + | |
| - | }
| + | |
| - | div.footerBox3 {
| + | |
| - | border-right: 1px solid;
| + | |
| - | float: left;
| + | |
| - | margin: 10px 20px 10px 0;
| + | |
| - | padding: 0 20px 0 0;
| + | |
| - | width: 648px;
| + | |
| - | min-height: 270px;}
| + | |
| - | div.footerBox2 {
| + | |
| - | border-right: 1px solid;
| + | |
| - | float: left;
| + | |
| - | margin: 10px 20px 10px 0;
| + | |
| - | padding: 0 20px 0 0;
| + | |
| - | width: 234px;
| + | |
| - | min-height: 270px;}
| + | |
| - | div.footerBox2:last-child {
| + | |
| - | border: none;
| + | |
| - | margin: 10px 0;
| + | |
| - | padding: 0;}
| + | |
| - | div.footerBox1 {
| + | |
| - | border-right: 1px solid;
| + | |
| - | float: left;
| + | |
| - | margin: 10px 20px 10px 0;
| + | |
| - | padding: 0 20px 0 0;
| + | |
| - | width: 608px;
| + | |
| - | min-height: 270px;}
| + | |
| - | div.footerBox {
| + | |
| - | border-right: 1px solid;
| + | |
| - | float: left;
| + | |
| - | margin: 10px 20px 10px 0;
| + | |
| - | padding: 0 20px 0 0;
| + | |
| - | width: 882px; /* 274px; */
| + | |
| - | min-height: 270px;}
| + | |
| - | div.footerBox:last-child {
| + | |
| - | border: none;
| + | |
| - | margin: 10px 0;
| + | |
| - | padding: 0;}
| + | |
| - | img.sponsorImage{
| + | |
| - | float: center; /* left */
| + | |
| - | width: 220px; /*180 - 84*/
| + | |
| - | padding: 0;
| + | |
| - | margin: 0;
| + | |
| - | border: 0px solid #444444;}
| + | |
| - | img.sponsorImage1{
| + | |
| - | float: left;
| + | |
| - | width: 190px; /*84*/
| + | |
| - | height: 85px;
| + | |
| - | padding: 0;
| + | |
| - | margin: 0;
| + | |
| - | border: 0px solid #444444;}
| + | |
| - | img.hasPicOnRight {
| + | |
| - | padding-right: 40px; /*10*/
| + | |
| - | /*border-right-width: 1px;*/}
| + | |
| - | img.hasPicOnLeft {
| + | |
| - | padding-left: 40px; /*10*/
| + | |
| - | }
| + | |
| - | img.hasPicOnTop {
| + | |
| - | margin-top: 30px;
| + | |
| - | }
| + | |
| - | | + | |
| - | | + | |
| - | /* Redisigning [edit] button */
| + | |
| - | /*****************************/
| + | |
| - | span.editsection {color: #CCCCCC;}
| + | |
| - | /*span.editsection, a:link, a:visited, a:active {color: #CCCCCC;}*/
| + | |
| - | | + | |
| - | | + | |
| - | /* Sexy Drop Down Menu (thanks to sohtanaka.com) */
| + | |
| - | /*********************************************/
| + | |
| - | li.navitem1 > a, li.navitem1 > span {
| + | |
| - | border-bottom: 1px solid;}
| + | |
| - | li.navitem2 > a, li.navitem2 > span {
| + | |
| - | border-bottom: 1px solid;}
| + | |
| - | li.navitem3 > a, li.navitem3 > span {
| + | |
| - | border-bottom: 1px solid;}
| + | |
| - | li.navitem4 > a, li.navitem4 > span {
| + | |
| - | border-bottom: 1px solid;}
| + | |
| - | li.navitem5 > a, li.navitem5 > span {
| + | |
| - | border-bottom: 1px solid;}
| + | |
| - | li.navitem6 > a, li.navitem6 > span {
| + | |
| - | border-bottom: 1px solid;}
| + | |
| - | li.navitem7 > a, li.navitem7 > span {
| + | |
| - | border-bottom: 1px solid;}
| + | |
| - | li.navitem8 > a, li.navitem8 > span {
| + | |
| - | border-bottom: 1px solid;}
| + | |
| - | li.navitem9 > a, li.navitem9 > span {
| + | |
| - | border-bottom: 1px solid;}
| + | |
| - |
| + | |
| - | .page-Team_DTU-Denmark li.home a,
| + | |
| - | | + | |
| - | .page-Team_DTU-Denmark_Team li.team a,
| + | |
| - | | + | |
| - | .page-Team_DTU-Denmark_Project li.project a,
| + | |
| - | .page-Team_DTU-Denmark_Bioinformatics li.project a,
| + | |
| - | .page-Team_DTU-Denmark_Timeline li.project a,
| + | |
| - | .page-Team_DTU-Denmark_Experiments li.project a,
| + | |
| - | | + | |
| - | .page-Team_DTU-Denmark_Parts li.parts a,
| + | |
| - | | + | |
| - | .page-Team_DTU-Denmark_Modeling li.modeling a,
| + | |
| - | .page-Team_DTU-Denmark_Protocols li.modeling a,
| + | |
| - | .page-Team_DTU-Denmark_Technical_stuff_math li.modeling a,
| + | |
| - | .page-Team_DTU-Denmark_Matlab li.modeling a,
| + | |
| - | | + | |
| - | .page-Team_DTU-Denmark_Notebook li.notebook a,
| + | |
| - | .page-Team_DTU-Denmark_Methods li.notebook a,
| + | |
| - | | + | |
| - | .page-Team_DTU-Denmark_Safety li.safety a,
| + | |
| - | .page-Team_DTU-Denmark_General li.safety a,
| + | |
| - | .page-Team_DTU-Denmark_Answers li.safety a,
| + | |
| - | .page-Team_DTU-Denmark_Risk_Assessment li.safety a,
| + | |
| - | | + | |
| - | .page-Team_DTU-Denmark_Human_Practices li.humanpractices a,
| + | |
| - | .page-Team_DTU-Denmark_Overview li.humanpractices a,
| + | |
| - | .page-Team_DTU-Denmark_High_School_Outreach li.humanpractices a,
| + | |
| - | .page-Team_DTU-Denmark_University_Outreach li.humanpractices a,
| + | |
| - | .page-Team_DTU-Denmark_Public_Outreach li.humanpractices a,
| + | |
| - | | + | |
| - | .page-Team_DTU-Denmark_Attributions li.sponsors a,
| + | |
| - | | + | |
| - | ul.topnav > li > a:hover {
| + | |
| - | padding-bottom: 3px;
| + | |
| - | border-bottom-width: 7px;}
| + | |
| - |
| + | |
| - | #navigation,.navigation {
| + | |
| - | height: 35px;
| + | |
| - | width: 100%;
| + | |
| - | text-align:left;}
| + | |
| - | .navigation {
| + | |
| - | /* background: url("https://static.igem.org/mediawiki/2014/a/a0/Topnav_bg2.gif") repeat-x scroll 0 -1px #990000;*/
| + | |
| - | /* Image that gives the color to navigation bar */
| + | |
| - | /* background: url("https://static.igem.org/mediawiki/2013/a/a0/Topnav_bg2.gif") repeat-x scroll 0 -1px #990000;*/
| + | |
| - | /* background: url("https://static.igem.org/mediawiki/2013/1/14/DTU_Topnav_bg3.gif") repeat-x scroll 0 -1px #098C9F; */
| + | |
| - | /*background: url("https://static.igem.org/mediawiki/2014/9/96/Topnav-green1.gif") repeat-x scroll 0 -1px #027600;*/
| + | |
| - | /*background: url("https://static.igem.org/mediawiki/2014/d/d0/Topnav-green2.gif") repeat-x scroll 0 -1px #027600;
| + | |
| - | /*background: url("https://static.igem.org/mediawiki/2014/2/2e/Topnav-green3.gif") repeat-x scroll 0 -1px #027600;*/
| + | |
| - | /*background: url("https://static.igem.org/mediawiki/2014/8/81/Topnav-green4.gif") repeat-x scroll 0 -1px #027600;*/
| + | |
| - | background: url("https://static.igem.org/mediawiki/2014/e/ed/DTU-Denmark-Spinach-menu-2.png") repeat-x scroll 0 -1px #027600;
| + | |
| - | | + | |
| - | | + | |
| - | z-index: 1;
| + | |
| - | box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
| + | |
| - | -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */
| + | |
| - | position: relative;
| + | |
| - | width:100%;
| + | |
| - | border-top: 6px solid #873000;
| + | |
| - | border-bottom: 6px solid #873000;} The previous red color was: 990000 & 593672 for blue was 098C9F */
| + | |
| - | .stickToTop {
| + | |
| - | position: fixed;
| + | |
| - | top:0;
| + | |
| - | width:120%;}
| + | |
| - | ul.topnav {
| + | |
| - | list-style: none;
| + | |
| - | padding: 0px 0px 0px 0px;
| + | |
| - | margin: 0;
| + | |
| - | float: left;
| + | |
| - | width: 100%;
| + | |
| - | font-size: 15px;
| + | |
| - | }
| + | |
| - | ul.topnav li {
| + | |
| - | float: left;
| + | |
| - | margin: 0;
| + | |
| - | padding: 0;
| + | |
| - | position: relative; /*--Declare X and Y axis base for sub navigation--*/
| + | |
| - | }
| + | |
| - | ul.topnav li a {
| + | |
| - | padding: 4px 10px 7px 10px;
| + | |
| - | color: #873000;
| + | |
| - | display: block;
| + | |
| - | text-decoration: none;
| + | |
| - | float: left;
| + | |
| - | font: normal 24px/30px twig;
| + | |
| - | }
| + | |
| - | ul.topnav > li > a {
| + | |
| - | height: 23px;
| + | |
| - | overflow: hidden;}
| + | |
| - | /* ul.topnav li:first-child a{
| + | |
| - | padding-left: 0;
| + | |
| - | } */
| + | |
| - | ul.topnav li span { /*--Drop down trigger styles--*/
| + | |
| - | /*width: 17px;
| + | |
| - | height: 34px;
| + | |
| - | float: left;
| + | |
| - | background: url(https://static.igem.org/mediawiki/2013/4/45/Subnav_btn.gif) no-repeat center top;*/
| + | |
| - | color: ##b03803 /*CCCCCC Colour of menu arrows*/;
| + | |
| - | }
| + | |
| - | ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
| + | |
| - | ul.topnav li ul.subnav {
| + | |
| - | z-index: 1; //Stay on top of slider
| + | |
| - | list-style: none;
| + | |
| - | position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
| + | |
| - | left: 0; top: 35px;
| + | |
| - | background: #027600; /* 990000 ->red, blue->098C9F, older:#333; Colour of the drop-down menu */
| + | |
| - | margin: 0; padding: 0;
| + | |
| - | display: none;
| + | |
| - | float: left;
| + | |
| - | border: 1px solid #111;
| + | |
| - | border-radius: 0 0 5px 5px;
| + | |
| - | }
| + | |
| - | ul.topnav li ul.subnav li {
| + | |
| - | margin: 0; padding: 0;
| + | |
| - | /*border-top: 1px solid #00FF00; #252525; --Create bevel effect--*/
| + | |
| - | border-bottom: 1px solid ##873000; /*Color of border in drop-down menu (navigbar)#444;--Create bevel effect--*/
| + | |
| - | clear: both;
| + | |
| - | list-style: none outside none;
| + | |
| - | }
| + | |
| - | ul.topnav li ul.subnav, ul.topnav li ul.subnav li {
| + | |
| - | width: 160px;
| + | |
| - | }
| + | |
| - | ul.topnav li ul.subnav li:last-child{
| + | |
| - | border-radius: 0 0 5px 5px;
| + | |
| - | }
| + | |
| - | html ul.topnav li ul.subnav li a {
| + | |
| - | float: left;
| + | |
| - | padding-left: 10px;
| + | |
| - | padding-right: 10px;
| + | |
| - | width: 140px;
| + | |
| - | }
| + | |
| - | html ul.topnav li ul.subnav li a:last-child{
| + | |
| - | border-radius: 0 0 5px 5px;
| + | |
| - | }
| + | |
| - | html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
| + | |
| - | background: #222;
| + | |
| - | /*url(https://static.igem.org/mediawiki/2013/4/4b/Dropdown_linkbg.gif) no-repeat 10px center;*/
| + | |
| - | }
| + | |
| | | | |
| - | /* Slider (thanks to flowplayer.org) */
| + | <!--Header--> |
| - | /*************************************/
| + | <div class="header"> |
| - | .scrollable {
| + | |
| - | /* required settinsg */
| + | |
| - | position: relative;
| + | |
| - | overflow :hidden;
| + | |
| - | margin-top: 0px; /* 14px; */
| + | |
| - | width: 600px; /* 963px;*/
| + | |
| - | height: 400px; /*400px; */
| + | |
| - | border: 1px solid #FFFFFF;
| + | |
| - | box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
| + | |
| - | -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */
| + | |
| - | background: #FFFFFF;}
| + | |
| - | .scrollable .items {
| + | |
| - | /* this cannot be too large */
| + | |
| - | width: 50000px;
| + | |
| - | position: absolute;}
| + | |
| - | .items div {
| + | |
| - | float: left;
| + | |
| - | width: 963px;
| + | |
| - | height: 370px;}
| + | |
| - | .prev {
| + | |
| - | background: url(https://static.igem.org/mediawiki/2013/7/7d/UChi-slider-prev.png) no-repeat;
| + | |
| - | height: 74px;
| + | |
| - | width: 74px;
| + | |
| - | /* position: absolute;
| + | |
| - | left: -518px; ceil(963/2) + 74/2 = 482 + 37 = 519
| + | |
| - | top: 310px; */
| + | |
| - | margin-left: 50%;
| + | |
| - | cursor: pointer;}
| + | |
| - | .next {
| + | |
| - | background: url(https://static.igem.org/mediawiki/2013/d/d9/UChi-slider-next.png) no-repeat;
| + | |
| - | height: 74px;
| + | |
| - | width: 74px;
| + | |
| - | margin-right: 50%;
| + | |
| - | /* position: absolute;
| + | |
| - | : -519px; floor(963/2) + 74/2 = 481 + 37 = 518
| + | |
| - | top: 310px; */
| + | |
| - | cursor: pointer;}
| + | |
| - | .disabled {
| + | |
| - | visibility: hidden;}
| + | |
| - | /* position and dimensions of the navigator */
| + | |
| - | .navi {
| + | |
| - | /*left: -56px;
| + | |
| - | margin-left: 50%;
| + | |
| - | position: center;
| + | |
| - | top: 690px; */
| + | |
| - | width: 112px;}
| + | |
| - | .navi a {
| + | |
| - | width: 8px;
| + | |
| - | height: 8px;
| + | |
| - | float: left;
| + | |
| - | margin: 3px;
| + | |
| - | background: url(https://static.igem.org/mediawiki/2013/e/e3/UChi-slider-navigator-red.png) 0 0 no-repeat;
| + | |
| - | display: block;
| + | |
| - | font-size: 1px;}
| + | |
| - | .navi a:hover {
| + | |
| - | background-position: 0 -8px;}
| + | |
| - | .navi a.active {
| + | |
| - | background-position: 0 -16px;}
| + | |
| | | | |
| - | .navi2 {
| + | <!--BU iGEM Title--> |
| - | left: -56px;
| + | |
| - | margin-left: 50%;
| + | |
| - | position: absolute;
| + | |
| - | top: 700px;
| + | |
| - | width: 112px;}
| + | |
| - | .navi2 a {
| + | |
| - | width: 8px;
| + | |
| - | height: 8px;
| + | |
| - | float: left;
| + | |
| - | margin: 3px;
| + | |
| - | background: url(https://static.igem.org/mediawiki/2013/e/e3/UChi-slider-navigator-red.png) 0 0 no-repeat;
| + | |
| - | display: block;
| + | |
| - | font-size: 1px;}
| + | |
| - | .navi2 a:hover {
| + | |
| - | background-position: 0 -8px;}
| + | |
| - | .navi2 a.active {
| + | |
| - | background-position: 0 -16px;}
| + | |
| | | | |
| - | FBox {
| |
| - | border="0";
| |
| - | width: 270px;
| |
| - | padding: 0 20px 10px;
| |
| - | float: left;
| |
| - | margin-right: 15px;}
| |
| | | | |
| - | /* Calendar CSS */ | + | <div class="title"><a href="https://2014.igem.org/Team:BostonU"><img src="https://static.igem.org/mediawiki/2014/b/bc/DTU-Denmark-logo-test.png" width="728" height="51"></a></div> |
| - | table.calendar { margin: 0; padding: 10px;}
| + | |
| - | table.calendar td { margin: 0; padding: 2px; vertical-align: top; }
| + | |
| - | table.month .heading td { padding:2px; background-color:#d4d4d4; color:#000; text-align:center; font-size:120%; font-weight:bold;}
| + | |
| - | table.month .dow td { color:#033; text-align:center; font-size:110%; }
| + | |
| - | table.month td.today { background-color:#dd0; }
| + | |
| - | table.month td {
| + | |
| - | border: none;
| + | |
| - | margin: 0;
| + | |
| - | padding: 1pt 1.5pt;
| + | |
| - | font-weight: bold;
| + | |
| - | font-size: 8pt;
| + | |
| - | text-align: center;
| + | |
| - | background-color: #eee;
| + | |
| - | }
| + | |
| - | #bodyContent table.month a { background:none; padding:0}
| + | |
| - | .day-active { color:#0000cc }
| + | |
| - | .day-empty { color:#cc0000 }
| + | |
| | | | |
| | + | <!--iGEM Logo--> |
| | + | <div class="igemlogo"> <a href="https://2014.igem.org/Main_Page" target="_blank"><img src="https://static.igem.org/mediawiki/2014/9/9e/IGEMLogo_bu14.gif" width="147" height="120"></a></div> |
| | + | </div> |
| | | | |
| - | /* bx-slider*/ | + | <!--Navibar--> |
| | + | <ul id="nav"> |
| | + | <li><a href="https://2014.igem.org/Team:DTU-Denmark">Home</a> |
| | + | </li> |
| | + | <li><a href=#>Overview</a> |
| | + | <ul> |
| | + | <li><a href="https://2014.igem.org/Team:DTU-Denmark/Overview/Background">Background</a></li> |
| | + | <li><a href="https://2014.igem.org/Team:DTU-Denmark/Overview/Strategy">Strategy</a></li> |
| | + | <li><a href="https://2014.igem.org/Team:DTU-Denmark/Overview/Policy_and_Practices">Policy and Practices</a></li> |
| | + | </ul> |
| | + | </li> |
| | + | <li><a href=#>Methods</a> |
| | + | <ul> |
| | + | <li><a href="https://2014.igem.org/Team:DTU-Denmark/Methods/Notebook">Notebook</a></li> |
| | + | <li><a href="https://2014.igem.org/Team:DTU-Denmark/Methods/Protocols">Protocols</a></li> |
| | + | <li><a href="https://2014.igem.org/Team:DTU-Denmark/Methods/Safety">Safety</a></li> |
| | + | </ul> |
| | + | </li> |
| | + | <li><a href=#>Achievements</a> |
| | + | <ul> |
| | + | <li><a href="https://2014.igem.org/Team:DTU-Denmark/Achievements/Experimental_Results">Experimental Results</a></li> |
| | + | <li><a href="https://2014.igem.org/Team:DTU-Denmark/Achievements/Parts">Parts</a></li> |
| | + | <li><a href="https://2014.igem.org/Team:DTU-Denmark/Achievements/Outreach">Outreach</a></li> |
| | + | <li><a href="https://2014.igem.org/Team:DTU-Denmark/Achievements/Medal_fulfillings">Medal Fulfillings</a></li> |
| | + | </ul> |
| | + | </li> |
| | + | <li><a href=#>Team</a> |
| | + | <ul> |
| | + | <li><a href="https://2014.igem.org/Team:DTU-Denmark/Team/Profile">Experimental Results</a></li> |
| | + | <li><a href="https://2014.igem.org/Team:DTU-Denmark/Team/Members">Parts</a></li> |
| | + | <li><a href="https://igem.org/Team.cgi?id=1330">Official Team Page</a></li> |
| | + | <li><a href="https://2014.igem.org/Team:DTU-Denmark/Team/Sponsors">Sponsors</a></li> |
| | + | <li><a href="https://2014.igem.org/Team:DTU-Denmark/Team/Attributions">Attributions</a></li> |
| | + | </ul> |
| | + | </li> |
| | + | </ul> |
| | | | |
| - | <!-- jQuery library (served from Google) --> | + | </body> |
| - | <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
| + | </html> |
| - | <!-- bxSlider Javascript file --> | + | |
| - | <script src="/js/jquery.bxslider.min.js"></script>
| + | |
| - | <!-- bxSlider CSS file -->
| + | |
| - | <link href="/lib/jquery.bxslider.css" rel="stylesheet" />
| + | |
"
