|
|
| Line 1: |
Line 1: |
| - | {{CSS/Main}}
| |
| - | <html>
| |
| - | <style>
| |
| - | body {
| |
| - | font-size:12px;
| |
| - | color:#111;
| |
| - | height:100%;
| |
| | | | |
| - | }
| |
| - | .container {
| |
| - | width:80%;
| |
| - |
| |
| - | 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>
| |
"
