|
|
| Line 20: |
Line 20: |
| | } | | } |
| | | | |
| - | body {
| |
| | | | |
| - | background-image: url(https://static.igem.org/mediawiki/2013/2/26/Background.png); /* bakgrund för hela sidan */
| |
| - | border: none;
| |
| - | font-family : Tahoma, sans-serif;
| |
| - | }
| |
| | | | |
| | h1 { | | h1 { |
| Line 35: |
Line 30: |
| | } | | } |
| | | | |
| - |
| |
| - |
| |
| | | | |
| | | | |
| Line 51: |
Line 44: |
| | | | |
| | | | |
| - |
| |
| - | #bottom-pic {
| |
| - | width: 100%;
| |
| - | height: 200px;
| |
| - | margin-top: 50px;
| |
| - | }
| |
| - |
| |
| - | #project-description {
| |
| - | width: 100%;
| |
| - | margin-left:auto;
| |
| - | margin-right:auto;
| |
| - | border-bottom: 1px solid #22409a;
| |
| - | padding-bottom: 10px;
| |
| - | clear: both;
| |
| - | position: relative;
| |
| - | top: -50px;
| |
| - | }
| |
| - |
| |
| - | .project-text {
| |
| - |
| |
| - | }
| |
| - |
| |
| - | .first-background-text {
| |
| - |
| |
| - | }
| |
| - |
| |
| - | .second-background-text {
| |
| - | }
| |
| - |
| |
| - | #grid-matrix {
| |
| - | width: 64%;
| |
| - | float: left;
| |
| - | padding-top: 20px;
| |
| - | }
| |
| - |
| |
| - | #sidebar {
| |
| - | width: 34%;
| |
| - | float: right;
| |
| - | padding-top: 20px;
| |
| - | }
| |
| - |
| |
| - | #twitter-feed {
| |
| - | padding-top:20px;
| |
| - | }
| |
| - |
| |
| - | #grid-a {
| |
| - | width: 276.5px; float: left;
| |
| - | height: 276.5px; border: 3px solid;
| |
| - | background-image: url(https://static.igem.org/mediawiki/2013/1/1f/Background-new.png);
| |
| - | }
| |
| - |
| |
| - | #grid-b {
| |
| - | width: 276.5px; float: right;
| |
| - | height: 276.5px; border: 3px solid;
| |
| - | background-image: url(https://static.igem.org/mediawiki/2013/f/f1/Vision_%281%29.png);
| |
| - | }
| |
| - |
| |
| - | #grid-c {
| |
| - | width: 276.5px; float: left;
| |
| - | height: 276.5px; border: 3px solid;
| |
| - | margin-top: 20px;
| |
| - | background-image: url(https://static.igem.org/mediawiki/2013/a/a7/Metabolic_engineering.png);
| |
| - |
| |
| - | }
| |
| - |
| |
| - | #grid-d {
| |
| - | width: 276.5px; float: right;
| |
| - | height: 276.5px; border: 3px solid;
| |
| - | margin-top: 20px;
| |
| - | background-image: url(https://static.igem.org/mediawiki/2013/1/1b/Chassi.png);
| |
| - | }
| |
| - |
| |
| - | #grid-e {
| |
| - | width: 276.5px; float: left;
| |
| - | height: 276.5px; border: 3px solid;
| |
| - | margin-top: 20px;
| |
| - | background-image: url(https://static.igem.org/mediawiki/2013/f/fd/Society.png);
| |
| - | }
| |
| - |
| |
| - | #grid-f {
| |
| - | width: 276.5px; float: right;
| |
| - | height: 276.5px; border: 3px solid;
| |
| - | margin-top: 20px;
| |
| - | background-image: url(https://static.igem.org/mediawiki/2013/6/6f/Safty.png);
| |
| - | }
| |
| - |
| |
| - |
| |
| - | /* Hover effect on grid pictures begin */
| |
| - |
| |
| - | #grid-a img {
| |
| - | -webkit-transition: opacity 0.2s ease-in-out;
| |
| - | -moz-transition: opacity 0.2s ease-in-out;
| |
| - | -o-transition: opacity 0.2s ease-in-out;
| |
| - | transition: opacity 0.2s ease-in-out;
| |
| - | }
| |
| - |
| |
| - | #grid-a img.top:hover {
| |
| - | opacity:0;
| |
| - | }
| |
| - |
| |
| - | #grid-b img {
| |
| - | -webkit-transition: opacity 0.2s ease-in-out;
| |
| - | -moz-transition: opacity 0.2s ease-in-out;
| |
| - | -o-transition: opacity 0.2s ease-in-out;
| |
| - | transition: opacity 0.2s ease-in-out;
| |
| - | }
| |
| - |
| |
| - | #grid-b img.top:hover {
| |
| - | opacity:0;
| |
| - | }
| |
| - |
| |
| - | #grid-c img {
| |
| - | -webkit-transition: opacity 0.2s ease-in-out;
| |
| - | -moz-transition: opacity 0.2s ease-in-out;
| |
| - | -o-transition: opacity 0.2s ease-in-out;
| |
| - | transition: opacity 0.2s ease-in-out;
| |
| - | }
| |
| - |
| |
| - | #grid-c img.top:hover {
| |
| - | opacity:0;
| |
| - | }
| |
| - |
| |
| - | #grid-d img {
| |
| - | -webkit-transition: opacity 0.2s ease-in-out;
| |
| - | -moz-transition: opacity 0.2s ease-in-out;
| |
| - | -o-transition: opacity 0.2s ease-in-out;
| |
| - | transition: opacity 0.2s ease-in-out;
| |
| - | }
| |
| - |
| |
| - | #grid-d img.top:hover {
| |
| - | opacity:0;
| |
| - | }
| |
| - |
| |
| - | #grid-e img {
| |
| - | -webkit-transition: opacity 0.2s ease-in-out;
| |
| - | -moz-transition: opacity 0.2s ease-in-out;
| |
| - | -o-transition: opacity 0.2s ease-in-out;
| |
| - | transition: opacity 0.2s ease-in-out;
| |
| - | }
| |
| - |
| |
| - | #grid-e img.top:hover {
| |
| - | opacity:0;
| |
| - | }
| |
| - |
| |
| - | #grid-f img {
| |
| - | -webkit-transition: opacity 0.2s ease-in-out;
| |
| - | -moz-transition: opacity 0.2s ease-in-out;
| |
| - | -o-transition: opacity 0.2s ease-in-out;
| |
| - | transition: opacity 0.2s ease-in-out;
| |
| - | }
| |
| - |
| |
| - | #grid-f img.top:hover {
| |
| - | opacity:0;
| |
| - | }
| |
| - |
| |
| - |
| |
| - |
| |
| - | .top {
| |
| - | width: 277px;
| |
| - | }
| |
| - |
| |
| - | .grid-pic {
| |
| - | width: 276.5px;
| |
| - | }
| |
| - |
| |
| - | .grid-test {
| |
| - | width: 200px;
| |
| - | }
| |
| - |
| |
| - | /* Grid pictures styling ends */
| |
| | | | |
| | | | |
| Line 227: |
Line 50: |
| | margin: 0px; | | margin: 0px; |
| | padding: 0px; | | padding: 0px; |
| | + | padding-top: 0px; |
| | border: none; | | border: none; |
| | } | | } |
| | | | |
| | | | |
| - |
| + | |
| | body{ | | body{ |
| | | | |
| Line 250: |
Line 74: |
| | | | |
| | } | | } |
| - | | + | |
| - | header {
| + | |
| - | display: inline-block; | + | |
| - | position: relative;
| + | |
| - | width: 100%;
| + | |
| - | }
| + | |
| | | | |
| | #logo_img{ | | #logo_img{ |
| Line 280: |
Line 99: |
| | background-image: url(https://static.igem.org/mediawiki/2013/e/e5/Menubar.png); | | background-image: url(https://static.igem.org/mediawiki/2013/e/e5/Menubar.png); |
| | background-repeat: no-repeat; | | background-repeat: no-repeat; |
| - | background-position: center right; | + | background-position: center right; |
| | background-size: 93% 55px; | | background-size: 93% 55px; |
| - | height: 55px; | + | height: 55px; |
| | } | | } |
| | | | |
| | | | |
| - | section
| |
| - | {
| |
| - | min-height: 1300px;
| |
| - | padding: 20px;
| |
| - | }
| |
| - |
| |
| | footer | | footer |
| | { | | { |
| Line 309: |
Line 122: |
| | { | | { |
| | padding-right: 10px; | | padding-right: 10px; |
| - | z-index: 1; | + | z-index: 1; |
| | /*-webkit-transition: -webkit-transform 0.1s, background 0.1s;*/ | | /*-webkit-transition: -webkit-transform 0.1s, background 0.1s;*/ |
| | } | | } |
| Line 323: |
Line 136: |
| | list-style: none; | | list-style: none; |
| | position: relative; | | position: relative; |
| - | top: -3.5px;
| |
| | display: inline-table; | | display: inline-table; |
| | } | | } |
| Line 333: |
Line 145: |
| | nav ul li | | nav ul li |
| | { | | { |
| - | padding-top: 1.2%; | + | padding-top: 0.6%; |
| | float: left; | | float: left; |
| - | height: 45.5px; | + | height: 50px; |
| - | | + | |
| | | | |
| | } | | } |
| Line 371: |
Line 182: |
| | border-radius: 0px; | | border-radius: 0px; |
| | padding: 0px; | | padding: 0px; |
| - | position: absolute; | + | position: relative; |
| - | top: 100%; | + | top: -5px |
| - | display: none;
| + | left: -10px; |
| - | z-index: 1;
| + | display: none; |
| | + | z-index: 1; |
| | } | | } |
| | nav ul ul li { | | nav ul ul li { |
| - | padding-top: 20px; | + | padding-top: 10px; |
| | width: 150px; | | width: 150px; |
| | float: none; | | float: none; |
| | position: relative; | | position: relative; |
| - | text-decoration: none;
| |
| | } | | } |
| | nav ul ul li a { | | nav ul ul li a { |
| - | text-decoration: none;
| |
| | color: #fff; | | color: #fff; |
| | font-weight: bold; | | font-weight: bold; |
"