|
|
| (5 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| | <html> | | <html> |
| | <style type="text/css"> | | <style type="text/css"> |
| - |
| |
| - | /*Dropdown list code ends */
| |
| - |
| |
| - |
| |
| - | h1 {
| |
| - | color:#0089d1;
| |
| - | }
| |
| - |
| |
| - | h3 {
| |
| - | color:#0089d1;
| |
| - | }
| |
| - |
| |
| - | #bottom-pic {
| |
| - | width: 100%;
| |
| - | height: 200px;
| |
| - | margin-top: 50px;
| |
| - | }
| |
| - |
| |
| - |
| |
| | | | |
| | /* Content section size code ends */ | | /* Content section size code ends */ |
| | | | |
| - |
| |
| - | #main_frame {
| |
| - | min-height: 1600px;
| |
| - | 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;
| |
| - |
| |
| - | }
| |
| | | | |
| | | | |
| Line 116: |
Line 86: |
| | margin-top:15px; | | margin-top:15px; |
| | } | | } |
| - | /*section * {border: solid 1px;}*/
| + | |
| | | | |
| | | | |
| Line 144: |
Line 114: |
| | } | | } |
| | | | |
| - |
| |
| - | #grid-matrix {
| |
| - | width: 64%;
| |
| - | float: left;
| |
| - | padding-top: 20px;
| |
| - | padding-bottom: 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/a/a3/Uppsala2013_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/13/Uppsala2013_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/4/4f/Uppsala2013_Metabolicengineering.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/19/Uppsala2013_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/d/de/Uppsala2013_HumanPractice.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/a/a3/Uppsala2013_Achievements.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;
| |
| - | }
| |
| - |
| |
| - | /* Hover effect in grid pictures end
| |
| - | Grid pictures styling begin */
| |
| - |
| |
| - | .top {
| |
| - | width: 277px;
| |
| - | }
| |
| - |
| |
| - | .grid-pic {
| |
| - | width: 276.5px;
| |
| - | }
| |
| - |
| |
| - | .grid-test {
| |
| - | width: 200px;
| |
| - | }
| |
| - |
| |
| - | #sponsor {
| |
| - | width: 100%;
| |
| - | margin-top:20px;
| |
| - | clear:both;
| |
| - | }
| |
| | | | |
| | #main_frame { | | #main_frame { |
| - | min-height: 1800px; | + | height: 3900px; |
| | width: 950px; | | width: 950px; |
| | margin: 20px auto; | | margin: 20px auto; |
| Line 303: |
Line 125: |
| | | | |
| | } | | } |
| - |
| |
| - | #text-box {
| |
| - |
| |
| - | background-color: #b6e6fd;
| |
| - | box-shadow: 0px 0px 25px rgba(110,110,110, .8);
| |
| - | border-radius:15px;
| |
| - | }
| |
| - |
| |
| - | .project-text {
| |
| - |
| |
| - | margin-left:10px;
| |
| - | margin-right:10px;
| |
| - | padding-top:10px;
| |
| - | padding-bottom:10px;
| |
| - |
| |
| - | }
| |
"