Difference between revisions of "Team:BostonU"

Line 32: Line 32:
 
white-space: nowrap;
 
white-space: nowrap;
 
width: 0 auto !important;
 
width: 0 auto !important;
−
z-index: 2;}
+
z-index: 10;}
 
#menubartable li {display: table-cell;}
 
#menubartable li {display: table-cell;}
 
li .menuitem, .dropbtn {color: #f8f9f9 !important;
 
li .menuitem, .dropbtn {color: #f8f9f9 !important;
Line 93: Line 93:
 
height: 100%;
 
height: 100%;
 
bottom: 0;
 
bottom: 0;
−
background: none;
 
 
border: none;
 
border: none;
 
position: absolute;
 
position: absolute;
Line 105: Line 104:
 
margin-top: 10%;}
 
margin-top: 10%;}
 
#fade-in-wrapper p {font-family: Arial, sans-serif;
 
#fade-in-wrapper p {font-family: Arial, sans-serif;
−
font-size: 100%;
+
font-size: 120%;
 
text-decoration: none !important;
 
text-decoration: none !important;
−
color: #1d1d1d;
+
color: #4D4D4D;
 
line-height: 2;
 
line-height: 2;
 
position: relative;
 
position: relative;
Line 123: Line 122:
 
text-transform: uppercase;
 
text-transform: uppercase;
 
font-weight: bold;
 
font-weight: bold;
−
color: #610B0C !important;}
+
color: #610b0c !important;}
 
.fade-in-div-2 {width: 100%;
 
.fade-in-div-2 {width: 100%;
 
height: 100%;
 
height: 100%;
Line 129: Line 128:
 
border: none;
 
border: none;
 
position: absolute;
 
position: absolute;
−
display: none;}
+
display: none;
−
#gallery-tab {background: #f8f9f9;
+
z-index: 1;}
 +
#gallery-wrapper {
 
position: absolute;
 
position: absolute;
−
height: 20%;
+
height: 25%;
 
width: 100%;
 
width: 100%;
 
bottom: 0;
 
bottom: 0;
−
opacity: 1;}
+
padding: 0 5%;
−
#gallery-tab a {text-align: center;
+
}
−
font-family: Arial, sans-serif;
+
#gallery-wrapper p {font-family: Arial, sans-serif;
 
font-size: 120%;
 
font-size: 120%;
 
text-decoration: none !important;
 
text-decoration: none !important;
−
color: black;
+
color: #4D4D4D;
−
padding-left: 40%;
+
line-height: 2;
−
top: 10px;}
+
position: relative;
 +
overflow: hidden;
 +
-webkit-backface-visibility: hidden;
 +
backface-visibility: hidden;}
 +
#gallery-tab {
 +
background: #f8f9f9;
 +
height: 25%;
 +
width: 100%;
 +
bottom: 0;
 +
position: absolute;
 +
z-index: -1;
 +
}
 
.menu-column:hover .dropdown-content {display: block;}
 
.menu-column:hover .dropdown-content {display: block;}
 
.link-slideup {position: relative;
 
.link-slideup {position: relative;
Line 151: Line 162:
 
display: inline-block;
 
display: inline-block;
 
outline: none;
 
outline: none;
−
color: #610b0c;
+
color: #D45B5C;
 
vertical-align: bottom;
 
vertical-align: bottom;
 
text-decoration: none;
 
text-decoration: none;
Line 168: Line 179:
 
width: 100%;
 
width: 100%;
 
height: 100%;
 
height: 100%;
−
background-color: #a9a9a9;
+
background-color: #EFEFEE;
−
opacity: 0.5;
+
opacity: 1;
 
content: '';
 
content: '';
 
-webkit-transition: -webkit-transform 0.2s;
 
-webkit-transition: -webkit-transform 0.2s;
Line 197: Line 208:
 
     <div id="myfooterC"><a href="#project" class="fade-in-button">ABOUT OUR PROJECT</a></div>
 
     <div id="myfooterC"><a href="#project" class="fade-in-button">ABOUT OUR PROJECT</a></div>
 
     <div id="myfooterL"><a href="#gallery" class="fade-in-button-2">ABOUT THIS PHOTO</a></div>
 
     <div id="myfooterL"><a href="#gallery" class="fade-in-button-2">ABOUT THIS PHOTO</a></div>
−
     <div id="myfooterR"><a>SAY HI</a><a href="https://twitter.com/BostonU_iGEM_WL"><img src="https://static.igem.org/mediawiki/2017/2/21/T--BostonU--prettysureweareallowedtouploadthis.svg"></img></a> <a href="mailto:bu.igemwl2017@gmail.com"><img style="height: 19px;" src="https://static.igem.org/mediawiki/2017/c/ca/T--BostonU--MailTo.svg"></img></a> </div>
+
     <div id="myfooterR"><a>SAY HI!</a><a href="https://twitter.com/BostonU_iGEM_WL"><img src="https://static.igem.org/mediawiki/2017/2/21/T--BostonU--prettysureweareallowedtouploadthis.svg"></img></a> <a href="mailto:bu.igemwl2017@gmail.com"><img style="height: 19px;" src="https://static.igem.org/mediawiki/2017/c/ca/T--BostonU--MailTo.svg"></img></a> </div>
 
   </div>
 
   </div>
 
   <div class="fade-in-div"> <a class="wordmark" href="https://2017.igem.org/Team:BostonU"><img src="https://static.igem.org/mediawiki/2017/4/41/T--BostonU--LandingPageLogoRed.svg"></img></a>
 
   <div class="fade-in-div"> <a class="wordmark" href="https://2017.igem.org/Team:BostonU"><img src="https://static.igem.org/mediawiki/2017/4/41/T--BostonU--LandingPageLogoRed.svg"></img></a>
Line 210: Line 221:
 
   </div>
 
   </div>
 
<div class="fade-in-div-2">
 
<div class="fade-in-div-2">
−
    <div id="gallery-tab"></div>
+
<div id="gallery-tab"></div>
 +
    <section id="gallery-wrapper" class="link-slideup">
 +
    <p>Here, our smartest and most handsome team member <a href="#">Stephen</a> poses with his lovely <a href="#">Raggedy-Ann doll</a> and stares forlornly at the earth beneath him.</p>
 +
    </section>
 
     <div id="fade-in-footer">
 
     <div id="fade-in-footer">
 
       <div id="myfooterC"></div>
 
       <div id="myfooterC"></div>
−
       <div id="myfooterL"><a href="#" class="fade-out-button-2">CLOSE THIS WINDOW</a></div>
+
       <div id="myfooterL"><a href="#" class="fade-out-button-2"style="color:#4d4d4d !important;">CLOSE THIS WINDOW</a></div>
−
       <div id="myfooterR"><a href="#" class="toggle">SHOW ME ANOTHER PICTURE!</a></div>
+
       <div id="myfooterR"><a href="#" class="toggle"style="color:#4d4d4d !important;">SHOW ME ANOTHER PICTURE!</a></div>
 
     </div>
 
     </div>
 
</div>
 
</div>
Line 224: Line 238:
 
     $("#myfooter").fadeOut("100");
 
     $("#myfooter").fadeOut("100");
 
     $("#menubartable").fadeOut("100");
 
     $("#menubartable").fadeOut("100");
−
     $("#mybody").fadeTo("100", 0.7, function() {
+
     $("#mybody").fadeTo("100", 1, function() {
 
     });
 
     });
 
});
 
});

Revision as of 17:38, 15 August 2017