|
|
| Line 1: |
Line 1: |
| - | <html>
| |
| - | <style>
| |
| - | #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/
| |
| | | | |
| - | .firstHeading {
| |
| - | width: 975px;
| |
| - | margin: 0px auto;
| |
| - | padding-top: 100px;
| |
| - | margin-bottom: 20px;
| |
| - | font-family: Georgia, Times, "Times New Roman", serif;
| |
| - | }
| |
| - |
| |
| - | h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}
| |
| - |
| |
| - | #top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
| |
| - | background-color: #383838;
| |
| - | border: 0 none;
| |
| - | height: 14px;
| |
| - | z-index: 100;
| |
| - | top: 0;
| |
| - | position: fixed;
| |
| - | width: 975px;
| |
| - | left: 50%;
| |
| - | margin-left: -487px;
| |
| - | }
| |
| - |
| |
| - | #top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
| |
| - | background-color: #383838;
| |
| - | height: 14px;
| |
| - | display: block;
| |
| - | z-index: 10;
| |
| - | position: fixed;
| |
| - | width: 100%;
| |
| - | top: 0;
| |
| - | }
| |
| - |
| |
| - | #menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/
| |
| - | color: #727272;
| |
| - | text-decoration: none;
| |
| - | background-color: transparent;
| |
| - | }
| |
| - |
| |
| - | body {
| |
| - | background-color: #fff;
| |
| - | }
| |
| - |
| |
| - | #globalWrapper, #content { /*-- changes default wiki settings --*/
| |
| - | width: 100%;
| |
| - | height: 100%;
| |
| - | border: 0px;
| |
| - | background-color: transparent;
| |
| - | margin: 0px;
| |
| - | padding: 0px;
| |
| - | }
| |
| - |
| |
| - | html, body, .wrapper { /*-- changes default wiki settings --*/
| |
| - | width: 100%;
| |
| - | height: 100%;
| |
| - | background-color: transparent;
| |
| - | }
| |
| - |
| |
| - | #contentcontainer { /*-- creates container for all content on page --*/
| |
| - | font-family: Arial, Helvetica, sans-serif;
| |
| - | font-weight: normal;
| |
| - | font-size: 14px;
| |
| - | color: #414141;
| |
| - | width: 960px;
| |
| - | margin-left: auto;
| |
| - | margin-right: auto;
| |
| - | background-color: #transparent;
| |
| - | margin-top: 0px;
| |
| - | }
| |
| - |
| |
| - | .sidemenu, .sidemenu li {
| |
| - | list-style-type: none;
| |
| - | list-style-image: none;
| |
| - | font-family: verdana;
| |
| - | text-decoration: none;
| |
| - | color:#000;
| |
| - | font-size: 14px;
| |
| - | }
| |
| - |
| |
| - | .sidemenu li {display: block;}
| |
| - |
| |
| - | .sidemenu a {
| |
| - | text-decoration:none;
| |
| - | color: #000;
| |
| - | display: block;
| |
| - | width: 180px;
| |
| - | height: 100%;
| |
| - | padding: 3px 5px;
| |
| - | transition: .25s ease-in-out;
| |
| - | -moz-transition: .25s ease-in-out;
| |
| - | -webkit-transition: .25s ease-in-out;
| |
| - | }
| |
| - |
| |
| - | .sidemenu a.greyout { color: #909090; }
| |
| - |
| |
| - | .sidemenu a:hover {
| |
| - | color:#666;
| |
| - | background-color: #d9f5aa;
| |
| - | }
| |
| - |
| |
| - | .sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666; display: none;}
| |
| - | .sub-sidemenu a {color: #666;}
| |
| - |
| |
| - | div.underconst
| |
| - | {
| |
| - | padding:10px;
| |
| - | border-radius:5px;
| |
| - | background-color:pink;
| |
| - | text-align:center;
| |
| - | }
| |
| - |
| |
| - | a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}
| |
| - |
| |
| - | .contentpara {margin-bottom: 30px;}
| |
| - |
| |
| - | span.email{font-family: monospace; font-weight: normal;}
| |
| - |
| |
| - | fieldset {border: 1px solid #337f53;}
| |
| - |
| |
| - | .greyout {color: #A0A0A0;}
| |
| - | .highlightme {background-color: #FFFF00;}
| |
| - |
| |
| - | #alertContainer { margin-bottom: 10px; width: 936px;}
| |
| - | #annContainer {margin-left: 8px;}
| |
| - | #newsContainer {border: 1px solid #ccc;}
| |
| - |
| |
| - | .newsTitle {
| |
| - | display: block;
| |
| - | color: #414141;
| |
| - | font-size: 25px;
| |
| - | font-family: Georgia, Times, "Times New Roman", serif;
| |
| - | padding: 10px 15px 5px 10px;
| |
| - | border-bottom: 1px solid #ccc;
| |
| - | margin-bottom: 0px;
| |
| - | }
| |
| - |
| |
| - | .newsItem {
| |
| - | border-bottom: 1px solid #ccc;
| |
| - | display: block;
| |
| - | padding: 5px 15px 0px 10px;
| |
| - | margin-bottom: 0px;
| |
| - | }
| |
| - |
| |
| - | .newsItem h3 {
| |
| - | width: auto;
| |
| - | display: inline;
| |
| - | font-size: 14px;
| |
| - | font-family: Arial, Helvetica, sans-serif;
| |
| - | padding: 0px;
| |
| - | margin: 0px;
| |
| - | }
| |
| - |
| |
| - | .newsItem img {
| |
| - | float: right;
| |
| - | clear: right;
| |
| - | width: 80px;
| |
| - | padding-left: 15px;
| |
| - | display: inline-block;
| |
| - | }
| |
| - |
| |
| - | .newsItem .newsDate {
| |
| - | font-style: italic;
| |
| - | font-size: 14px;
| |
| - | display: inline-block;
| |
| - | color: #999;
| |
| - | float: right;
| |
| - | padding: 0px 0px 10px 15px;
| |
| - | }
| |
| - |
| |
| - | .newsItem p, .newsItem ul, .newsItem li {
| |
| - | padding: 0px;
| |
| - | margin-left: 20px;
| |
| - | font-size: 12px;
| |
| - | line-height: 1.2;
| |
| - | }
| |
| - |
| |
| - | .newsItem p {margin-top: 10px;}
| |
| - |
| |
| - | .annItem {
| |
| - | border: 2px solid #414141;
| |
| - | display: block;
| |
| - | padding: 0px 15px 10px 10px;
| |
| - | margin-bottom: 18px;
| |
| - | position: relative;
| |
| - | height: 160px;
| |
| - | vertical-align: middle;
| |
| - | }
| |
| - |
| |
| - | .annItem .annCentered {
| |
| - | display: table-cell;
| |
| - | vertical-align: middle;
| |
| - | height: 160px;
| |
| - | }
| |
| - |
| |
| - | .annCentered h3 {
| |
| - | padding: 0px;
| |
| - | display: block;
| |
| - | margin-left: auto;
| |
| - | margin-right: auto;
| |
| - | text-align: center;
| |
| - | }
| |
| - |
| |
| - | .annItem ul, .annItem li {padding: 0px; margin: 0px;}
| |
| - | .annItem li {list-style: none; margin: 5px}
| |
| - |
| |
| - | body {
| |
| - | font-size:12px;
| |
| - | color:#111;
| |
| - | height:100%;
| |
| - | background:#ededed;
| |
| - | }
| |
| - | .container {
| |
| - | width:80%;
| |
| - | color:#ededed;
| |
| - | background: rgb(255,255,255); /* Old browsers */
| |
| - | background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%); /* FF3.6+ */
| |
| - | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
| |
| - | background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
| |
| - | background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */
| |
| - | background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%); /* IE10+ */
| |
| - | background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%); /* W3C */
| |
| - | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
| |
| - | }
| |
| - | .navbar-brand {
| |
| - | padding: 5px;
| |
| - | }
| |
| - | .col-md-10 {
| |
| - | width:100%;
| |
| - | min-height:200px;
| |
| - | padding-bottom:50px;
| |
| - | background-color:#e0e0e0;
| |
| - | }
| |
| - | .col-md-4 {
| |
| - | padding-bottom:70px;
| |
| - | }
| |
| - | .navbar-inverse {
| |
| - | background-color: #ededed;
| |
| - | border-color: #ededed;
| |
| - | }
| |
| - | .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
| |
| - | color: #006600;
| |
| - | background-color: #8cff00;
| |
| - | }
| |
| - | .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
| |
| - | color: #006600;
| |
| - | background-color: #8cff00;
| |
| - | }
| |
| - | .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
| |
| - | color: #006600;
| |
| - | background-color: transparent;
| |
| - | }
| |
| - | .navbar-inverse .navbar-nav > li > a:focus {
| |
| - | color: #006600;
| |
| - | background-color: transparent;
| |
| - | }
| |
| - | .nav > li > a {
| |
| - | display: block;
| |
| - | padding: 25px 15px;
| |
| - | position: relative;
| |
| - | }
| |
| - | .menu{
| |
| - | color:black;
| |
| - | z-index:999;
| |
| - | position:relative;
| |
| - | float:right;
| |
| - | margin:auto;
| |
| - | }
| |
| - | .menu ul{
| |
| - | margin:0 auto;
| |
| - | }
| |
| - | .jumbotron {
| |
| - | background:url("https://static.igem.org/mediawiki/2014/7/7a/Banner_top.jpg");
| |
| - | border-top: solid 5px #8cff00;
| |
| - | border-bottom: solid 5px #8cff00;
| |
| - | background-size:cover;
| |
| - | width:80%;
| |
| - | height:231px;
| |
| - | margin:auto;
| |
| - | margin-top:70px;
| |
| - | }
| |
| - | h2 {
| |
| - | font-size: 26px;
| |
| - | color:#339900;
| |
| - | }
| |
| - | .videocapa{
| |
| - | width:35%;
| |
| - | float:right;
| |
| - | min-height:300px;
| |
| - | margin-top:10px;
| |
| - | }
| |
| - | p {
| |
| - | font-size: 12px;
| |
| - | color:#111;
| |
| - | }
| |
| - | footer {
| |
| - | background:#b8b8b8;
| |
| - | width:100%;
| |
| - | padding: 50px;
| |
| - | clear:both;
| |
| - | position: relative;
| |
| - | bottom:0;
| |
| - | border-top: solid 8px #8cff00;
| |
| - | }
| |
| - | footer p {
| |
| - | margin:auto;
| |
| - | padding-top:10px;
| |
| - | text-align:center;
| |
| - | width:50%;
| |
| - | color:#006600;
| |
| - | }
| |
| - | .firstHeading {
| |
| - | display:none;
| |
| - | }
| |
| - | table{
| |
| - | color:#888;
| |
| - | font-size:16px;
| |
| - | border: solid 1px #ccc;
| |
| - | }
| |
| - | h1 {
| |
| - | font-size: 26px;
| |
| - | color:#339900;
| |
| - | }
| |
| - | h2 {
| |
| - | font-size: 22px;
| |
| - | color:#339900;
| |
| - | }
| |
| - | h3 {
| |
| - | font-size: 18px;
| |
| - | color:#339900;
| |
| - | }
| |
| - | h4 {
| |
| - | font-size: 16px;
| |
| - | color:#339900;
| |
| - | }
| |
| - |
| |
| - | div#globalWrapper {
| |
| - | position: relative;
| |
| - | font-size: 100%;
| |
| - | width: 100%;
| |
| - | margin: 0;
| |
| - | padding: 0;
| |
| - | padding-bottom: 10px;
| |
| - | }
| |
| - | </style>
| |
| - | </html>
| |
"
