|
|
Line 1: |
Line 1: |
| <html> | | <html> |
− | <style> | + | <!-- CSS--> |
− | /* TAGS */
| + | |
− | html {
| + | |
− | overflow-y: scroll;
| + | |
− | min-height:100%;
| + | |
− | }
| + | |
− | body {
| + | |
− | zoom:1;
| + | |
− | width:100%;
| + | |
− | background: #383838;
| + | |
− | }
| + | |
− | body:after {
| + | |
− | content: url(https://static.igem.org/mediawiki/2015/7/76/ETH_babybeacon.png);
| + | |
− | display: none;
| + | |
− | }
| + | |
− | #bodyContent {
| + | |
− | width: 100%;
| + | |
− | }
| + | |
− | #globalWrapper {
| + | |
− | background-image: url("https://static.igem.org/mediawiki/2015/d/d8/ETH_Zurich_background.png");
| + | |
− | background-position: 25px 25px;
| + | |
− | background-attachment: fixed;
| + | |
− | }
| + | |
| | | |
| + | <style type='text/css'> |
| | | |
− | h1#loading {
| + | #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/ |
− | border-bottom:none;
| + | |
− | color:white;
| + | |
− | } | + | |
| | | |
− | /* IDs */
| + | #top_title, #sideMenu{ |
− | #content { | + | display: none; |
− | font-family: "Trebuchet MS", Helvetica, sans-serif;
| + | } |
− | width:100%; | + | #content{ |
| + | width:100%; |
| + | padding: 0; |
| + | margin: auto; |
| + | } |
| + | p { |
| + | color:#666666; |
| } | | } |
− | | + | h3 { |
− | #topContainer {
| + | color: #222222; |
− | height: 100px;
| + | |
− | display:table-header-group;
| + | |
− | }
| + | |
− | @media screen and (max-device-width:480px) {
| + | |
− | #topContainer { | + | |
− | height:314px;
| + | |
− | }
| + | |
− | }
| + | |
− | #mobileMenu {
| + | |
− | display:none;
| + | |
| } | | } |
| + | #header{ |
| + | width:100%; |
| + | height:200px; |
| + | color-background:red; |
| + | display: block; |
| | | |
− | #sideFiller { | + | } |
− | width:20%;
| + | #colorNav > ul{ |
− | height:100px; | + | |
− | float:left;
| + | margin-left: auto; |
| + | margin-right: auto; |
| + | position:fixed; |
| + | top:50px; |
| } | | } |
− | @media screen and (max-device-width:480px) {
| + | #colorNav > ul > li{ /* will style only the top level li */ |
− | #sideFiller { | + | list-style: none; |
− | width:80%;
| + | box-shadow: 0 0 10px rgba(100, 100, 100, 0.2) inset,1px 1px 1px #CCC; |
− | height:auto;
| + | display: inline-block; |
| + | line-height:2; |
| + | margin: 0px; |
| + | border-radius: 30px; |
| + | position:relative; |
| } | | } |
| + | #colorNav > ul > li > a{ |
| + | color:inherit; |
| + | text-decoration:none !important; |
| + | font-size:24px; |
| + | padding: 30px; |
| } | | } |
| + | #colorNav li ul{ |
| + | position:absolute; |
| + | list-style:none; |
| + | text-align:center; |
| + | width:180px; |
| + | left:50%; |
| + | margin-left:-90px; |
| + | top:30px; |
| + | font:bold 12px 'Open Sans Condensed', sans-serif; |
| | | |
− | #sidemenuContainer {
| + | /* This is important for the show/hide CSS animation */ |
− | margin-right:1%;
| + | max-height:0px; |
− | width:19%;
| + | overflow:hidden; |
− | float:left;
| + | border-radius: 30px; |
− | display:table-cell;
| + | -webkit-transition:max-height 0.4s linear; |
− | position:absolute;
| + | -moz-transition:max-height 0.4 linear; |
− | top:103px;
| + | transition:max-height 0.4 linear; |
− | bottom:0px;
| + | |
− | /* height:100%;*/
| + | |
− | /* position:relative;*/
| + | |
− | /* overflow:auto;*/
| + | |
| } | | } |
− | | + | #colorNav li:hover ul{ |
− | #sidemenu { | + | max-height:500px; |
− | padding:11%;
| + | |
− | height:auto;
| + | |
− | background:white;
| + | |
− | border: 1px solid black;
| + | |
− | border-radius: 4px;
| + | |
− | width: 77%;
| + | |
− | position:absolute;
| + | |
| } | | } |
− | | + | #colorNav li ul li{ |
− | #mainContainer { | + | background-color:#369799; |
− | width:80%;
| + | |
− | max-width: 1020px;
| + | |
− | margin:auto;
| + | |
− | position:relative;
| + | |
− | min-height:400px;
| + | |
− | height:100%;
| + | |
− | overflow-y: visible;
| + | |
− | display:table;
| + | |
| } | | } |
| | | |
− | #menuButton { | + | #colorNav li ul li a{ |
− | padding:30px;
| + | padding:12px; |
− | margin:85px 30px 0px 0px;
| + | color:#fff !important; |
− | background:#383838;
| + | text-decoration:none !important; |
− | display:none;
| + | display:block; |
− | width:90px;
| + | |
− | height:90px;
| + | |
− | float:right;
| + | |
− | }
| + | |
− | @media screen and (max-device-width: 480px) {
| + | |
− | #menuButton {
| + | |
− | display:block;
| + | |
− | }
| + | |
− | }
| + | |
− | #menuButton img {
| + | |
− | width:100%;
| + | |
− | }
| + | |
| | | |
− | #footerContainer {
| |
− | width:80%;
| |
− | max-width: 1020px;
| |
− | text-align:center;
| |
− | background-color: #C0C0C0;
| |
− | /* padding: 10px;*/
| |
− | border: 1px solid black;
| |
− | border-radius: 4px;
| |
− | margin:auto;
| |
− | /* display:table-footer-group;*/
| |
| } | | } |
| | | |
− | #socialmedia { | + | #colorNav li ul li:nth-child(odd){ /* zebra stripes */ |
− | width:100%;
| + | background-color:#369799; |
− | margin:auto;
| + | |
− | /* text-align:center;*/ | + | |
− | float:right;
| + | |
| } | | } |
| | | |
− | .expContainer {
| + | #colorNav li ul li:hover{ |
− | padding: 4%;
| + | background-color:#369741; |
− | background: #fff;
| + | |
− | border-radius: 4px;
| + | |
− | float:right;
| + | |
− | clear:right;
| + | |
− | display:table-cell;
| + | |
− | width:72%;
| + | |
− | margin:0 0 1% 0;
| + | |
| } | | } |
| | | |
− | @media screen and (max-width:1100px) {
| + | #colorNav li ul li:first-child{ |
− | #sidemenuContainer { | + | border-radius:3px 3px 0 0; |
− | display:none;
| + | margin-top:25px; |
− | }
| + | position:relative; |
− | .expContainer {
| + | |
− | width:92%;
| + | |
− | }
| + | |
− | }
| + | |
− | @media print {
| + | |
− | #sidemenuContainer {
| + | |
− | display:none;
| + | |
− | }
| + | |
− | .expContainer {
| + | |
− | width:92%;
| + | |
− | }
| + | |
| } | | } |
| | | |
− | @media screen and (max-device-width:480px) {
| + | #colorNav li ul li:first-child:before{ /* the pointer tip */ |
− | #mainMenu { | + | content:''; |
− | display:none;
| + | position:absolute; |
− | }
| + | width:1px; |
| + | height:1px; |
| + | border:5px solid transparent; |
| + | border-bottom-color:#313131; |
| + | left:50%; |
| + | top:-10px; |
| + | margin-left:-5px; |
| } | | } |
| | | |
− | | + | #colorNav li ul li:last-child{ |
− | /* CLASSES */
| + | border-bottom-left-radius:3px; |
− | | + | border-bottom-right-radius:3px; |
− | .mediabutton {
| + | |
− | width:48px;
| + | |
− | margin:3px;
| + | |
− | border-radius: 50%;
| + | |
− | display:inline-block;
| + | |
− | }
| + | |
− | @media screen and (max-device-width:480px) {
| + | |
− | .mediabutton {
| + | |
− | width:120px;
| + | |
− | height:120px;
| + | |
− | }
| + | |
| } | | } |
| + | #colorNav li.green{ |
| + | /* This is the color of the menu item */ |
| + | background-color:#00c08b; |
| | | |
− | /*Clear class for all the pages, adds spacing too*/ | + | /* This is the color of the icon */ |
− | .clear{
| + | color:#000000; |
− | clear:both;
| + | |
− | height: 10px;
| + | |
| } | | } |
| | | |
− | /* highlight box for special messages */
| + | #colorNav li.pink{background-color:#ea5080;color:#000000;} |
− | .highlightBox {
| + | #colorNav li.blue{background-color:#53bfe2;color:#000000;} |
− | width:80%;
| + | #colorNav li.brown{background-color:#f8c54d;color:#000000;} |
− | margin:auto;
| + | #colorNav li.purple{background-color:#df6dc2;color:#000000;} |
− | margin-bottom: 15px;
| + | #colorNav li.orange{background-color:#df6dc2;color:#000000;} |
− | margin-top: 15px;
| + | #colorNav li.green{background-color:#00FF00;color:#000000;} |
− | padding: 15px;
| + | #colorNav li.yellow{background-color:#e2ff00;color:#000000;} |
− | padding-top: 5px;
| + | #colorNav li.red{background-color:#f00000;color:#000000;} |
− | border:1px solid #383838;
| + | #colorNav li.grey{background-color:#d3d3d3;color:#000000;} |
− | border-radius:4px;
| + | |
− | }
| + | |
− | | + | |
− | .info { | + | |
− | max-height:70px;
| + | |
− | overflow:hidden;
| + | |
− | position:relative;
| + | |
− | margin-bottom: 20px;
| + | |
− | /* padding-bottom:35px;*/
| + | |
− | }
| + | |
− | .open-info {
| + | |
− | max-height:99999px !important;
| + | |
− | padding-bottom:35px;
| + | |
− | }
| + | |
− | /*.closed-info {
| + | |
− | height:70px;
| + | |
− | max-height:70px !important;
| + | |
− | padding-bottom:auto;
| + | |
− | }*/
| + | |
− | .expander {
| + | |
− | position:absolute;
| + | |
− | bottom:0px;
| + | |
− | width:100% !important;
| + | |
− | display:inline-block;
| + | |
− | padding:5px 0px 5px 0;
| + | |
− | text-align:center;
| + | |
− | background: linear-gradient(rgba(192,192,192,0), #ccc);
| + | |
− | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00cccccc, endColorstr=#ffcccccc);
| + | |
− | border-radius: 4px;
| + | |
− | outline : none;
| + | |
− | }
| + | |
− | | + | |
− | /* SIDEMENU STYLES */
| + | |
− | | + | |
− | #mainContainer #sidemenu ul {
| + | |
− | margin: 0em 0em 0em 1em;
| + | |
− | }
| + | |
− | #mainContainer #sidemenu ul ul {
| + | |
− | margin: 0 0 0 0.5em;
| + | |
− | }
| + | |
− | #mainContainer #sidemenu ul ul ul {
| + | |
− | margin: 0 0 0 0.8em;
| + | |
− | }
| + | |
− | #mainContainer #sidemenu ul li {
| + | |
− | list-style: none;
| + | |
− | color: #00964B;
| + | |
− | margin-left:-1em;
| + | |
− | font-size:17px;
| + | |
− | }
| + | |
− | #mainContainer #sidemenu ul li a {
| + | |
− | font-weight: bold;
| + | |
− | }
| + | |
− | #mainContainer #sidemenu ul ul li {
| + | |
− | list-style: initial;
| + | |
− | color: #000000;
| + | |
− | margin:0;
| + | |
− | font-size:15px;
| + | |
− | } | + | |
− | #mainContainer #sidemenu ul ul li a { | + | |
− | font-weight:normal;
| + | |
− | }
| + | |
− | | + | |
− | #mainContainer #sidemenu a {
| + | |
− | color: #00964B;
| + | |
− | font-weight: normal;
| + | |
− | }
| + | |
− | | + | |
− | #mainContainer #sidemenu a:hover,#mainContainer #sidemenu a.current {
| + | |
− | color: #006EB4;
| + | |
− | } | + | |
− | | + | |
− | | + | |
− | /* MAIN STYLE */
| + | |
− | #mainContainer p { | + | |
− | font-size: 15px;
| + | |
− | padding-top: 5px;
| + | |
− | padding-bottom: 5px;
| + | |
− | text-align:justify;
| + | |
− | margin:0 1% 0 1%;
| + | |
− | }
| + | |
− | #mainContainer p.caption {
| + | |
− | display:block;
| + | |
− | margin:auto;
| + | |
− | text-align:center;
| + | |
− | }
| + | |
− | | + | |
− | #mainContainer h1,#mainContainer h2,#mainContainer h3,#mainContainer h4,#mainContainer h5,#mainContainer h6 {
| + | |
− | color: #000000;
| + | |
− | border-bottom: none;
| + | |
− | font-weight: bold;
| + | |
− | line-height:normal;
| + | |
− | }
| + | |
− | #mainContainer h1 p,#mainContainer h2 p,#mainContainer h3 p,#mainContainer h4 p,#mainContainer h5 p,#mainContainer h6 p {
| + | |
− | font-weight:normal;
| + | |
− | text-align:left;
| + | |
− | }
| + | |
− | | + | |
− | #mainContainer h1 {
| + | |
− | text-align: center;
| + | |
− | color:#00964B;
| + | |
− | font-size:36px;
| + | |
− | padding-top:0px;
| + | |
− | clear:both;
| + | |
− | /* margin-bottom: 0px;*/
| + | |
− | } | + | |
− | | + | |
− | #mainContainer h2 { | + | |
− | font-size:24px;
| + | |
− | padding-top: 40px;
| + | |
− | border-bottom:1px solid black;
| + | |
− | clear:both;
| + | |
− | }
| + | |
− | | + | |
− | #mainContainer h2:first-child {
| + | |
− | padding-top: 0px;
| + | |
− | }
| + | |
− | | + | |
− | #mainContainer h3 {
| + | |
− | font-size:20px;
| + | |
− | clear:both;
| + | |
− | }
| + | |
− | | + | |
− | #mainContainer li,td,th {
| + | |
− | font-size:15px;
| + | |
− | }
| + | |
− | | + | |
− | .expContainer a { | + | |
− | font-weight: bold;
| + | |
− | color: #00964B;
| + | |
− | }
| + | |
− | | + | |
− | .expContainer a:hover {
| + | |
− | color: #59bf92;
| + | |
− | } | + | |
− | | + | |
− | .expContainer ul { | + | |
− | margin: .3em 0 0 2.5em;
| + | |
− | }
| + | |
− | | + | |
− | /*Change the styling of tables */
| + | |
− | #mainContainer table {
| + | |
− | border: 3px solid #565656;
| + | |
− | border-collapse: collapse;
| + | |
− | margin: auto;
| + | |
− | margin-bottom:20px;
| + | |
− | }
| + | |
− | | + | |
− | /*Change the styling of table cells*/
| + | |
− | #mainContainer td,th {
| + | |
− | padding: 10px;
| + | |
− | vertical-align:middle;
| + | |
− | border: 3px solid #565656;
| + | |
− | max-width:100%;
| + | |
− | }
| + | |
− | | + | |
− | /*Change the styling of table headers */
| + | |
− | #mainContainer th {
| + | |
− | background-color: #93c6ac;
| + | |
− | }
| + | |
− | | + | |
− | #mainContainer .imgBox {
| + | |
− | padding:3px;
| + | |
− | height:auto;
| + | |
− | border: 1px solid #ccc;
| + | |
− | font-family: "Trebuchet MS", Helvetica, sans-serif;
| + | |
− | margin: 20px 0 20px 0;
| + | |
− | background-color:#f9f9f9;
| + | |
− | } | + | |
− | #mainContainer .imgBox a { | + | |
− | display:block;
| + | |
− | }
| + | |
− | #mainContainer .imgBox > :not(p) {
| + | |
− | background-color:#fff;
| + | |
− | }
| + | |
− | #mainContainer .imgBox #mag {
| + | |
− | width:15px;
| + | |
− | height:11px;
| + | |
− | float:right;
| + | |
− | margin: 3px;
| + | |
− | }
| + | |
− | #mainContainer .imgBox #mag img {
| + | |
− | border:none !important;
| + | |
− | }
| + | |
− | #mainContainer .imgBox p {
| + | |
− | font-size: 10pt;
| + | |
− | padding:3px;
| + | |
− | margin: 0px;
| + | |
− | text-align:left;
| + | |
− | }
| + | |
− | | + | |
− | #mainContainer .imgBox object,.imgBox img {
| + | |
− | width:100%;
| + | |
− | border: 1px solid #ccc;
| + | |
− | }
| + | |
− | #mainContainer .imgBox > table, #mainContainer .imgBox > table td,#mainContainer .imgBox > table th {
| + | |
− | border: 0;
| + | |
− | }
| + | |
− | #mainContainer .imgBox > table table, #mainContainer .imgBox > table table td, #mainContainer .imgBox > table table th {
| + | |
− | border: 3px solid black;
| + | |
− | }
| + | |
− | | + | |
− | | + | |
− | .expContainer img,.expContainer object.svg {
| + | |
− | display:block;
| + | |
− | margin:auto;
| + | |
− | text-align:center;
| + | |
− | }
| + | |
− | .expContainer ul {
| + | |
− | list-style: square;
| + | |
− | }
| + | |
− | a.expander img {
| + | |
− | background: url("https://static.igem.org/mediawiki/2015/b/b1/Updownarrows.png") no-repeat;
| + | |
− | outline : none;
| + | |
− | height:100%;
| + | |
− | background-size:100%;
| + | |
− | /* background-position: 0 100%;*/
| + | |
− | }
| + | |
− | .open-info a.expander img {
| + | |
− | background-position: 0 100%;
| + | |
− | }
| + | |
− | /*.closed-info a.expander img {
| + | |
− | background-position: 0 0;
| + | |
− | }*/
| + | |
− | .expContainer b.TODO {
| + | |
− | color: #F660AB;
| + | |
− | } | + | |
− | | + | |
− | @media screen and (max-device-width: 480px) {
| + | |
− | a.expander {
| + | |
− | height: 10em;
| + | |
− | }
| + | |
− | .info {
| + | |
− | padding-bottom:20em;
| + | |
− | }
| + | |
− | .open-info {
| + | |
− | padding-bottom:20em;
| + | |
− | }
| + | |
− | .info {
| + | |
− | max-height:10em;
| + | |
− | }
| + | |
− | /* .closed-info {
| + | |
− | max-height:10em;
| + | |
− | height:10em;
| + | |
− | }
| + | |
− | | + | |
− | /* MENU STYLE */
| + | |
− | | + | |
− | #sideFiller img { | + | |
− | width:95%;
| + | |
− | }
| + | |
− | | + | |
− | .hideMenu a {
| + | |
− | color: white;
| + | |
− | text-decoration:none;
| + | |
− | display:block;
| + | |
− | cursor: pointer;
| + | |
− | cursor: hand;
| + | |
− | outline : none;
| + | |
− | }
| + | |
− | | + | |
− | | + | |
− | .hideMenu {
| + | |
− | list-style: none;
| + | |
− | font-weight: bold;
| + | |
− | cursor: pointer;
| + | |
− | outline : none;
| + | |
− | -moz-user-select:-moz-none;
| + | |
− | -moz-user-select:none;
| + | |
− | -o-user-select:none;
| + | |
− | -khtml-user-select:none;
| + | |
− | -webkit-user-select:none;
| + | |
− | -ms-user-select:none;
| + | |
− | user-select:none;
| + | |
− | text-align: center;
| + | |
− | height: 100px;
| + | |
− | width:80%;
| + | |
− | float:left;
| + | |
− | position:relative;
| + | |
− | margin: 0px;
| + | |
− | -webkit-transition: z-index 0s;
| + | |
− | -moz-transition: z-index 0s;
| + | |
− | -ms-transition: z-index 0s;
| + | |
− | -o-transition: z-index 0s;
| + | |
− | transition: z-index 0s;
| + | |
− | -webkit-transition-delay: 1s;
| + | |
− | -moz-transition-delay: 1s;
| + | |
− | -ms-transition-delay: 1s;
| + | |
− | -o-transition-delay: 1s;
| + | |
− | transition-delay: 1s;
| + | |
− | }
| + | |
− | | + | |
− | #menuContainer .hideMenu {
| + | |
− | margin:0.3em 0 0 0;
| + | |
− | }
| + | |
− | | + | |
− | .hideMenu li {
| + | |
− | color: #fff;
| + | |
− | text-transform:uppercase;
| + | |
− | cursor: pointer;
| + | |
− | margin:auto;
| + | |
− | outline : none;
| + | |
− | /* width:14.2857%;*/
| + | |
− | width:16.66666666%;
| + | |
− | float:left;
| + | |
− | z-index:10;
| + | |
− | padding:10px 0 10px 0;
| + | |
− | border-radius: 20px;
| + | |
− | line-height:40px;
| + | |
− | }
| + | |
− | | + | |
− | .hideMenu li ul {
| + | |
− | overflow:hidden;
| + | |
− | border-radius: 0px 0px 20px 20px;
| + | |
− | background: #00B058;
| + | |
− | display:none;
| + | |
− | position:relative;
| + | |
− | margin: 10px 0 0 0;
| + | |
− | z-index:100;
| + | |
− | list-style: none;
| + | |
− | width:100%;
| + | |
− | }
| + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | .hideMenu li.sub {
| + | |
− | height:60px;
| + | |
− | }
| + | |
− | .hideMenu li.ignoreSwitch {
| + | |
− | line-height:normal;
| + | |
− | }
| + | |
− | .hideMenu li:hover {
| + | |
− | color: #FFF;
| + | |
− | background-color: #00964B;
| + | |
− | cursor: pointer;
| + | |
− | } | + | |
− | .hideMenu li.sub:hover {
| + | |
− | border-radius: 20px 20px 0px 0px;
| + | |
− | background: -o-linear-gradient(top,#00964B,#19b768);
| + | |
− | background: -webkit-linear-gradient(top,#00964B,#19b768);
| + | |
− | background: -moz-linear-gradient(top,#00964B,#19b768);
| + | |
− | background: linear-gradient(top,#00964B,#19b768);
| + | |
− | }
| + | |
− | .hideMenu li:hover a{
| + | |
− | color: #FFF;
| + | |
− | }
| + | |
− | .hideMenu li:hover ul {
| + | |
− | display:block;
| + | |
− | }
| + | |
− | /*Style the submenu buttons*/
| + | |
− | .hideMenu li ul li {
| + | |
− | text-transform:capitalize;
| + | |
− | line-height:30px;
| + | |
− | border-radius: 0px;
| + | |
− | color: #383838;
| + | |
− | background-clip: border-box;
| + | |
− | padding:5px 0 5px 0;
| + | |
− | width:100%;
| + | |
− | } | + | |
− | | + | |
− | | + | |
− | @media only screen and (max-device-width: 480px) {
| + | |
− | .hideMenu {
| + | |
− | text-align: left;
| + | |
− | height:auto;
| + | |
− | float:none;
| + | |
− | margin: .3em 0 0 2em;
| + | |
− | background-color:#383838;
| + | |
− | position:absolute;
| + | |
− | width:100%;
| + | |
− | }
| + | |
− | #menuContainer .hideMenu {
| + | |
− | display:none;
| + | |
− | }
| + | |
− | | + | |
− | .hideMenu li {
| + | |
− | font-size:70px;
| + | |
− | width:auto;
| + | |
− | line-height:120px;
| + | |
− | float:left;
| + | |
− | display:inline-block;
| + | |
− | clear:both;
| + | |
− | padding: 50px 0 50px 0;
| + | |
− | }
| + | |
− | .hideMenu li:hover { | + | |
− | background:transparent;
| + | |
− | }
| + | |
− | .hideMenu li.ignoreSwitch br {
| + | |
− | display:none;
| + | |
− | }
| + | |
− | | + | |
− | .hideMenu li.sub {
| + | |
− | height:auto;
| + | |
− | line-height:60px;
| + | |
− | }
| + | |
− | .hideMenu li.sub:hover {
| + | |
− | border-radius: 20px 20px 0px 0px;
| + | |
− | background: transparent;
| + | |
− | }
| + | |
− | .hideMenu li ul {
| + | |
− | margin: 0 0 0 20%;
| + | |
− | background:transparent;
| + | |
− | float:none;
| + | |
− | width:100%;
| + | |
− | display:none;
| + | |
− | }
| + | |
− | .hideMenu li:hover ul {
| + | |
− | display:none;
| + | |
− | }
| + | |
− | .hideMenu li ul li {
| + | |
− | line-height:120px;
| + | |
− | color: #fff;
| + | |
− | }
| + | |
− | .hideMenu li ul li:hover {
| + | |
− | line-height:120px;
| + | |
− | color: #fff;
| + | |
− | background-color: #00964B;
| + | |
− | } | + | |
− | }
| + | |
− | | + | |
− | | + | |
− | /* FOOTER STYLE */
| + | |
− | #footerContainer img {
| + | |
− | padding:10px;
| + | |
− | max-width:200px;
| + | |
− | max-height:70px;
| + | |
− | }
| + | |
− | #footerContainer h2 {
| + | |
− | text-align:center;
| + | |
− | border: none;
| + | |
− | color: black;
| + | |
− | overflow: initial;
| + | |
− | }
| + | |
− | | + | |
− | #lives {
| + | |
− | position:fixed;
| + | |
− | left:5px;
| + | |
− | top:16px;
| + | |
− | display:none;
| + | |
− | }
| + | |
− | #runner {
| + | |
− | position:fixed;
| + | |
− | left:5px;
| + | |
− | bottom:0px;
| + | |
− | display:none;
| + | |
− | width:100%;
| + | |
− | z-index:100;
| + | |
− | }
| + | |
− | #sandbox {
| + | |
− | }
| + | |
− | | + | |
− | img#runnerImg {
| + | |
− | animation: run 10s linear;
| + | |
− | animation-fill-mode: forwards;
| + | |
− | position:relative;
| + | |
− | float:left;
| + | |
− | left:50px;
| + | |
− | }
| + | |
− | @keyframes run {
| + | |
− | from {left:0;}
| + | |
− | to {left:100%;display:none;}
| + | |
− | }
| + | |
− | | + | |
− | /* CHANGE MEDIAWIKI STUFF */
| + | |
− | div.thumb div div.thumbcaption {
| + | |
− | font-size: 10pt;
| + | |
− | }
| + | |
− | | + | |
− | <html>
| + | |
− | <!--<li><a href="https://2015.igem.org/Team:ETH_Zurich">Home</a></li>-->
| + | |
− | | + | |
− | <li class="sub">Project
| + | |
− | <ul>
| + | |
− | <a href="https://2015.igem.org/Team:ETH_Zurich/Project_Description"><li>Project Description</li></a>
| + | |
− | <a href="https://2015.igem.org/Team:ETH_Zurich/Design"><li>Design</li></a>
| + | |
− | <a href="https://2015.igem.org/Team:ETH_Zurich/Applications"><li>Applications</li></a>
| + | |
− | <a href="https://2015.igem.org/Team:ETH_Zurich/Achievements"><li>Achievements</li></a>
| + | |
− | <a href="https://2015.igem.org/Team:ETH_Zurich/Collaborations"><li>Collaborations</li></a>
| + | |
− | <a href="https://2015.igem.org/Team:ETH_Zurich/Glossary"><li>Glossary</li></a>
| + | |
− | <a href="https://2015.igem.org/Team:ETH_Zurich/References"><li>References</li></a>
| + | |
− | </ul>
| + | |
− | </li>
| + | |
− | | + | |
− | <li class="sub">Modeling
| + | |
− | <ul>
| + | |
− | <a href="https://2015.igem.org/Team:ETH_Zurich/Modeling"><li>Overview</li></a>
| + | |
− | <a href="https://2015.igem.org/Team:ETH_Zurich/Modeling/Lactate_Module"><li>Lactate Module</li></a>
| + | |
− | <a href="https://2015.igem.org/Team:ETH_Zurich/Modeling/AHL_Module"><li>AHL Module</li></a>
| + | |
− | <a href="https://2015.igem.org/Team:ETH_Zurich/Modeling/Single-cell_Model"><li>Compartment Model</li></a>
| + | |
− | <a href="https://2015.igem.org/Team:ETH_Zurich/Modeling/Reaction-diffusion"><li>Reaction-Diffusion</li></a>
| + | |
− | <a href="https://2015.igem.org/Team:ETH_Zurich/Modeling/Experiments_Model"><li>Experiments Meet Modeling</li></a>
| + | |
− | <!--<a href="https://2015.igem.org/Team:ETH_Zurich/Modeling/Implementation"><li>Implementation</li></a>-->
| + | |
− | <a href="https://2015.igem.org/Team:ETH_Zurich/Modeling/Parameters"><li>Parameters</li></a>
| + | |
− | </ul>
| + | |
− | </li>
| + | |
− | | + | |
− | <li class="sub">Lab
| + | |
− | <ul>
| + | |
− | <a href="https://2015.igem.org/Team:ETH_Zurich/Lab"><li>Overview</li></a>
| + | |
− | <a href="https://2015.igem.org/Team:ETH_Zurich/Results"><li>Results</li></a>
| + | |
− | <a href="https://2015.igem.org/Team:ETH_Zurich/Chip"><li>Chip Design</li></a>
| + | |
− | <a href="https://2015.igem.org/Team:ETH_Zurich/Experiments"><li>Experiments<!-- & Protocols --></li></a>
| + | |
− | <a href="https://2015.igem.org/Team:ETH_Zurich/Interlab_study"><li>Interlab Study</li></a>
| + | |
− | <a href="https://2015.igem.org/Team:ETH_Zurich/Safety"><li>Safety</li></a>
| + | |
− | <a href="https://2015.igem.org/Team:ETH_Zurich/Notebook"><li>Notebook</li></a>
| + | |
− | <a href="https://2015.igem.org/Team:ETH_Zurich/Materials"><li>Materials</li></a>
| + | |
− | <!-- <a href="https://2015.igem.org/Team:ETH_Zurich/Measurement"><li>Measurement</li></a>-->
| + | |
− | </ul>
| + | |
− | </li>
| + | |
− | | + | |
− | <li class="sub ignoreSwitch">Human <br>Practices
| + | |
− | <ul>
| + | |
− | <a href="https://2015.igem.org/Team:ETH_Zurich/Practices"><li>Overview</li></a>
| + | |
− | <a href="https://2015.igem.org/Team:ETH_Zurich/Practices/Medicine"><li>Medicine</li></a>
| + | |
− | <a href="https://2015.igem.org/Team:ETH_Zurich/Practices/Education"><li>Education</li></a>
| + | |
− | <a href="https://2015.igem.org/Team:ETH_Zurich/Practices/Awareness"><li>Awareness</li></a>
| + | |
− | <a href="https://2015.igem.org/Team:ETH_Zurich/Practices/Ethics"><li>Ethics</li></a>
| + | |
− | <a href="https://2015.igem.org/Team:ETH_Zurich/Practices/Business"><li>Business</li></a>
| + | |
− | <a href="https://2015.igem.org/Team:ETH_Zurich/Practices/Patents"><li>Patents</li></a>
| + | |
− | <!--<a href="https://2015.igem.org/Team:ETH_Zurich/Practices/Experts"><li>Experts</li></a>
| + | |
− | <a href="https://2015.igem.org/Team:ETH_Zurich/Practices/Newspapers"><li>Newspapers</li></a>-->
| + | |
− | </ul>
| + | |
− | </li>
| + | |
− | | + | |
− | <li class="sub">Parts
| + | |
− | <ul>
| + | |
− | <a href="https://2015.igem.org/Team:ETH_Zurich/Parts"><li>Overview</li></a>
| + | |
− | <a href="https://2015.igem.org/Team:ETH_Zurich/Basic_Part"><li>Basic</li></a>
| + | |
− | <a href="https://2015.igem.org/Team:ETH_Zurich/Composite_Part"><li>Composite</li></a>
| + | |
− | <a href="https://2015.igem.org/Team:ETH_Zurich/Part_Collection"><li>Part Collection</li></a>
| + | |
− | <a href="https://2015.igem.org/Team:ETH_Zurich/Description"><li>Characterization</li></a>
| + | |
− | </ul>
| + | |
− | </li>
| + | |
− | | + | |
− | <!--<li class="sub"><a href="#" onclick="return false;">Extras</a>
| + | |
− | <ul>
| + | |
− | <a href="https://2015.igem.org/Team:ETH_Zurich/Software"><li>Software</li></a>
| + | |
− | <a href="https://2015.igem.org/Team:ETH_Zurich/Entrepreneurship"><li>Entrepreneurship</li></a>
| + | |
− | </ul>
| + | |
− | </li>-->
| + | |
− | | + | |
− | <li class="sub">About Us
| + | |
− | <ul>
| + | |
− | <a href="https://2015.igem.org/Team:ETH_Zurich/Team"><li>Team</li></a>
| + | |
− | <a href="https://2015.igem.org/Team:ETH_Zurich/Attributions"><li>Attributions</li></a>
| + | |
− | <a href="https://igem.org/Team.cgi?id=1847"><li>iGEM Team Roster</li></a>
| + | |
− | </ul>
| + | |
− | </li>
| + | |
− | </html>
| + | |
− | | + | |
| </style> | | </style> |
| </html> | | </html> |