|
|
Line 16: |
Line 16: |
| | | |
| <style> | | <style> |
− |
| |
− |
| |
− | #sideMenu, #top_title {display:none;}
| |
− | #content { padding:0px; width:90%; margin-top:-7px; margin-left:5%;, margin-right: 5%}
| |
− | body {background-color:white; }
| |
− | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
| |
− |
| |
− |
| |
− | #page {
| |
− | width : 80%;
| |
− | height : 1000px;
| |
− | margin-left : 10%;
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | }
| |
− |
| |
− | nav li a {
| |
− | display: block; padding: 15px 25px;
| |
− | color: #e6b800 !important; text-decoration: none;
| |
− |
| |
− | }
| |
− | nav ul li:hover > ul {
| |
− | display: block;
| |
− |
| |
− | }
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | .layout {
| |
− | display : inline-block;
| |
− | width : 100%;
| |
− | height : 100%;
| |
− | z-index : 90;
| |
− | vertical-align : middle;
| |
− | line-height : 300px;
| |
− | text-align : center;
| |
− | display: flex;
| |
− | justify-content: center;
| |
− | align-items: center;
| |
− | -webkit-display: flex;
| |
− | -webkit-justify-content: center;
| |
− | -webkit-align-items: center;
| |
− | vertical-align : middle;
| |
− | }
| |
− |
| |
− | .leadingQuestions { /* Projects */
| |
− |
| |
− | width : 100%;
| |
− | height : 300px;
| |
− | background-color: yellow;
| |
− | float:left;
| |
− |
| |
− | }
| |
− |
| |
− | .boxAll {
| |
− | clear: both;
| |
− | width: 100%
| |
− |
| |
− |
| |
− | height: 10px;
| |
− | }
| |
− |
| |
− |
| |
− | .headerbox { /* Main */
| |
− | float:right;
| |
− | width : 100%;
| |
− | height : 300px;
| |
− | border-radius: 8px;
| |
− |
| |
− | margin-top: 5px;
| |
− | background-color: red;
| |
− | background-size:contain;
| |
− | background-position:center;
| |
− | background-position: 50% 50%;
| |
− | display: inline
| |
− |
| |
− | clear: both;
| |
− |
| |
− |
| |
− | }
| |
− |
| |
− |
| |
− |
| |
− | .box2 { /* Projects */
| |
− |
| |
− | width : 50%;
| |
− | height : 360px;
| |
− | /* background-color: red;*/
| |
− | float:left;
| |
− |
| |
− | }
| |
− |
| |
− |
| |
− |
| |
− | .infobox {
| |
− | width : 50px;
| |
− | height : 100%
| |
− | background-color: yellow;
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | }
| |
− |
| |
− |
| |
− | .subpanel2 { /* Projects */
| |
− |
| |
− | background-image : url("https://static.igem.org/mediawiki/2016/1/1d/T--Sydney_Australia--5.png");
| |
− |
| |
− | background-position: center top;
| |
− | background-repeat: no-repeat;
| |
− | background-size: 100% 120px;
| |
− | float:left;
| |
− | width:26%;
| |
− | height:150px;
| |
− | border-radius: 8px;
| |
− | font-size:22px;
| |
− | text-align:center;
| |
− | margin-left: 3.53%;
| |
− | margin-right: 3.53%;
| |
− | overflow:hidden;
| |
− | line-height:10px;
| |
− | left-margin: 2000px
| |
− | }
| |
− | .subpanel2:hover{
| |
− |
| |
− | background-image : url("https://static.igem.org/mediawiki/2016/a/aa/T--Sydney_Australia--6.png");
| |
− | background-position: center top;
| |
− | background-size: 100% 120px;
| |
− | font-weight:bold;
| |
− | }
| |
− |
| |
− |
| |
− | .subpanel2:hover .narrowimg {
| |
− | opacity:0.8;
| |
− | filter: alpha(opacity=80);
| |
− | }
| |
− |
| |
− | .subpanel22 { /* Projects */
| |
− |
| |
− | background-image : url("https://static.igem.org/mediawiki/2016/2/27/T--Sydney_Australia--1.png");
| |
− |
| |
− | background-position: center top;
| |
− | background-size: 100% 120px ;
| |
− | background-repeat: no-repeat;
| |
− | float:left;
| |
− | width:26%;
| |
− | border-radius: 8px;
| |
− | height:150px;
| |
− | font-size:22px;
| |
− | text-align:center;
| |
− | margin-left: 3.53%;
| |
− | margin-right: 3.53%;
| |
− | overflow:hidden;
| |
− | line-height:10px;
| |
− | left-margin: 2000px
| |
− | }
| |
− | .subpanel22:hover{
| |
− |
| |
− | background-image : url("https://static.igem.org/mediawiki/2016/5/5b/T--Sydney_Australia--2.png");
| |
− | background-position: center top;
| |
− | background-size: 100% 120px ;
| |
− | font-weight:bold;
| |
− | }
| |
− | .subpanel22:hover .narrowimg {
| |
− | opacity:0.8;
| |
− | filter: alpha(opacity=80);
| |
− | }
| |
− |
| |
− | .subpanel23 { /* Projects */
| |
− |
| |
− | background-image : url("https://static.igem.org/mediawiki/2016/3/3b/T--Sydney_Australia--3.png");
| |
− |
| |
− | background-position: center top;
| |
− | background-size: 100% 120px ;
| |
− | background-repeat: no-repeat;
| |
− | float:left;
| |
− | width:26%;
| |
− | height:150px;;
| |
− | font-size:22px;
| |
− | border-radius: 8px;
| |
− | text-align:center;
| |
− | margin-left: 3.53%;
| |
− | margin-right: 3.53%;
| |
− | margin-top:0;
| |
− | margin-right:11px;
| |
− | border-radius:7px;
| |
− | overflow:hidden;
| |
− | line-height:10px;
| |
− | left-margin: 2000px
| |
− |
| |
− | }
| |
− | .subpanel23:hover{
| |
− |
| |
− | background-image : url("https://static.igem.org/mediawiki/2016/8/8b/T--Sydney_Australia--4.png");
| |
− | background-position: center top;
| |
− | background-size: 100% 120px;
| |
− | font-weight:bold;
| |
− | }
| |
− | .subpanel23:hover .narrowimg {
| |
− | opacity:0.8;
| |
− | filter: alpha(opacity=80);
| |
− | }
| |
− |
| |
− | .subpanel6 { /* Collaboration, SensiGEM */
| |
− | height:240.5px;
| |
− | margin:0;
| |
− | margin-bottom:11px;
| |
− | border-radius:7px;
| |
− | overflow:hidden;
| |
− | background:rgb(255,255,255);
| |
− | color:Black;
| |
− | text-align:center;
| |
− | }
| |
− | .subpanel6:hover{
| |
− | font-weight:bold;
| |
− | }
| |
− | .subpanel6:hover .narrowimg {
| |
− | opacity:0.8;
| |
− | filter: alpha(opacity=80);
| |
− | }
| |
− | .separationFine {
| |
− | width: 100%;
| |
− | height:20px;
| |
− | }
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | .mainLinks { /* Main */
| |
− | float:left;
| |
− | width : 30%;
| |
− | height : 150px;
| |
− | border-radius: 8px;
| |
− | margin-left: 1.53%;
| |
− | margin-right: 1.53%;
| |
− | margin-top: 20px;
| |
− |
| |
− | opacity:0.65;
| |
− | float:left;
| |
− | text-align:center;
| |
− | font-size:26px;
| |
− | background-size:contain;
| |
− | background-position:center;
| |
− | background-position: 50% 50%;
| |
− | background-repeat: no-repeat;
| |
− | }
| |
− |
| |
− | .mainLinks:hover{
| |
− |
| |
− | opacity:1.0;
| |
− |
| |
− | filter: alpha(opacity=80);
| |
− |
| |
− | }
| |
− |
| |
− | .subLinks { /* Main */
| |
− | float:left;
| |
− | width : 40%;
| |
− | height : 150px;
| |
− | border-radius: 8px;
| |
− | margin-left: 4.5%;
| |
− | margin-right: 5%;
| |
− | margin-top: 20px;
| |
− |
| |
− | float:left;
| |
− | text-align:center;
| |
− | font-size:26px;
| |
− | background-repeat: no-repeat;
| |
− | background-color: red;
| |
− |
| |
− |
| |
− | display: flex;
| |
− | justify-content: center;
| |
− | vertical-align : center;
| |
− | align-items: center;
| |
− | -webkit-display: flex;
| |
− | -webkit-justify-content: center;
| |
− | -webkit-align-items: center;
| |
− |
| |
− | }
| |
− |
| |
− | .subLinks:hover{
| |
− |
| |
− |
| |
− | opacity:0.8;
| |
− | filter: alpha(opacity=80);
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | }
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | <--Mah code-->
| |
− |
| |
| | | |
| body { | | body { |