|
|
| Line 76: |
Line 76: |
| | } | | } |
| | | | |
| - | #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 {
| |
| - | padding-top: px;
| |
| - | }
| |
| - |
| |
| - | .first-background-text {
| |
| - | padding-top: px;
| |
| - | }
| |
| - |
| |
| - | .second-background-text {
| |
| - | padding-top: px;
| |
| - | }
| |
| - |
| |
| - | #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/1/18/Vision.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 */
| |
| - |
| |
| - |
| |
| - |
| |
| - | *{
| |
| - | margin: 0px;
| |
| - | padding: 0px;
| |
| - | border: none;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | section, footer, nav{
| |
| - | display: block;
| |
| - | }
| |
| - |
| |
| - | body{
| |
| - |
| |
| - | width: 100%;
| |
| - | height: 100%;
| |
| - |
| |
| - | background-image: url(../image/bakgrund3.png); /* bakgrund för hela sidan */
| |
| - | }
| |
| - |
| |
| - | #main_frame {
| |
| - | min-height: 2200px;
| |
| - | width: 950px;
| |
| - | margin: 20px auto;
| |
| - | border: 1px solid ligth gray;
| |
| - | border-radius: 15px;
| |
| - | box-shadow: 0px 0px 30px rgba(110,110,110, .8);
| |
| - | background: white;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | header {
| |
| - | display: inline-block;
| |
| - | position: relative;
| |
| - | width: 100%;
| |
| - | }
| |
| - |
| |
| | #logo_img{ | | #logo_img{ |
| | position: relative; | | position: relative; |
| Line 598: |
Line 395: |
| | /* everything is new for attributions between ME and ME*/ | | /* everything is new for attributions between ME and ME*/ |
| | | | |
| - | section | + | |
| - | {
| + | |
| - | min-height: 1300px;
| + | |
| - | padding: 20px;
| + | |
| - | }
| + | |
| - |
| + | |
| - | footer
| + | |
| - | {
| + | |
| - | padding: 20px;
| + | |
| - | height: 100px;
| + | |
| - | }
| + | |
| | | | |
| | .home-knapp | | .home-knapp |
"