Major: Engineering
From: Boston
What do you do for fun?
"I like to read, draw and hang out with friends."
Quote:
"Oh that's some nice, um, nothing."
(4 intermediate revisions by the same user not shown) | |||
Line 313: | Line 313: | ||
} | } | ||
− | + | ||
− | + | ||
− | + | ||
.menu { | .menu { | ||
list-style-type: none; | list-style-type: none; | ||
− | margin: | + | margin: 0vw; |
− | padding: | + | padding: .3vw; |
/*overflow: hidden;*/ | /*overflow: hidden;*/ | ||
background-color: #333; | background-color: #333; | ||
position: fixed; | position: fixed; | ||
width: 100%; | width: 100%; | ||
+ | height: 4.5vw; | ||
-webkit-box-shadow: 0 8px 6px -6px #2c2c2c; | -webkit-box-shadow: 0 8px 6px -6px #2c2c2c; | ||
-moz-box-shadow: 0 8px 6px -6px #2c2c2c; | -moz-box-shadow: 0 8px 6px -6px #2c2c2c; | ||
Line 335: | Line 334: | ||
font-family: 'Dosis', sans-serif;; | font-family: 'Dosis', sans-serif;; | ||
font-size: 1.5vw; | font-size: 1.5vw; | ||
− | + | float: left; | |
+ | height: 4.5vw; | ||
+ | |||
} | } | ||
Line 342: | Line 343: | ||
color: white; | color: white; | ||
text-align: center; | text-align: center; | ||
− | padding: | + | padding: 1vw 1.5vw; |
text-decoration: none; | text-decoration: none; | ||
} | } | ||
− | + | .sub a:hover { | |
+ | background-color: #410081; | ||
+ | } | ||
+ | |||
+ | .activemenu { | ||
+ | background-color: #9055ff; | ||
+ | } | ||
+ | |||
+ | .dropdown { | ||
position: relative; | position: relative; | ||
display: inline-block; | display: inline-block; | ||
Line 356: | Line 365: | ||
display: none; | display: none; | ||
position: absolute; | position: absolute; | ||
− | top: | + | top: 4vw; |
background-color: #2c2c2c; | background-color: #2c2c2c; | ||
− | min-width: | + | min-width: 10vw; |
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); | box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); | ||
z-index: 1; | z-index: 1; | ||
Line 365: | Line 374: | ||
.dropdown-content a { | .dropdown-content a { | ||
color: white; | color: white; | ||
− | padding: | + | padding: .6vw .9vw; |
text-decoration: none; | text-decoration: none; | ||
display: block; | display: block; | ||
Line 402: | Line 411: | ||
} | } | ||
− | . | + | .container1:hover .overlay { |
opacity: 1; | opacity: 1; | ||
} | } | ||
− | . | + | .container1:hover .image{ |
opacity:.5; | opacity:.5; | ||
− | } | + | } |
.text { | .text { | ||
Line 474: | Line 483: | ||
<!--Keira--> | <!--Keira--> | ||
− | <div class=" | + | <div class="container1"> |
<img src="https://static.igem.org/mediawiki/2018/9/95/T--MIT--MITteam1.jpeg" alt="Avatar" class="image" style="width:23vw;position: absolute; top: 60vw; left: 10vw;"> | <img src="https://static.igem.org/mediawiki/2018/9/95/T--MIT--MITteam1.jpeg" alt="Avatar" class="image" style="width:23vw;position: absolute; top: 60vw; left: 10vw;"> | ||
<div class="overlay"> | <div class="overlay"> | ||
Line 491: | Line 500: | ||
</div> | </div> | ||
− | <!-- | + | <!--Andres--> |
− | <div class=" | + | <div class="container1"> |
<img src="https://static.igem.org/mediawiki/2018/b/b6/T--MIT--MITteam2.jpeg" alt="Avatar" class="image" style="width:23vw;position: absolute; top: 60vw; left: 38.5vw;"> | <img src="https://static.igem.org/mediawiki/2018/b/b6/T--MIT--MITteam2.jpeg" alt="Avatar" class="image" style="width:23vw;position: absolute; top: 60vw; left: 38.5vw;"> | ||
<div class="overlay"> | <div class="overlay"> | ||
Line 510: | Line 519: | ||
<!--Joy--> | <!--Joy--> | ||
− | <div class=" | + | <div class="container1"> |
<img src="https://static.igem.org/mediawiki/2018/9/9c/T--MIT--MITteam3.jpeg" alt="Avatar" class="image" style="width:23vw;position: absolute; top: 60vw; left: 67vw;"> | <img src="https://static.igem.org/mediawiki/2018/9/9c/T--MIT--MITteam3.jpeg" alt="Avatar" class="image" style="width:23vw;position: absolute; top: 60vw; left: 67vw;"> | ||
<div class="overlay"> | <div class="overlay"> | ||
Line 528: | Line 537: | ||
<!--Hang--> | <!--Hang--> | ||
− | <div class=" | + | <div class="container1"> |
<img src="https://static.igem.org/mediawiki/2018/d/d6/T--MIT--MITteam4.jpeg" alt="Avatar" class="image" style="width:23vw;position: absolute; top: 90vw; left: 10vw;"> | <img src="https://static.igem.org/mediawiki/2018/d/d6/T--MIT--MITteam4.jpeg" alt="Avatar" class="image" style="width:23vw;position: absolute; top: 90vw; left: 10vw;"> | ||
<div class="overlay"> | <div class="overlay"> | ||
Line 546: | Line 555: | ||
<!--Maya--> | <!--Maya--> | ||
− | <div class=" | + | <div class="container1"> |
<img src="https://static.igem.org/mediawiki/2018/a/a7/T--MIT--MITteam5.jpeg" alt="Avatar" class="image" style="width:23vw;position: absolute; top: 90vw; left: 38.5vw;"> | <img src="https://static.igem.org/mediawiki/2018/a/a7/T--MIT--MITteam5.jpeg" alt="Avatar" class="image" style="width:23vw;position: absolute; top: 90vw; left: 38.5vw;"> | ||
<div class="overlay"> | <div class="overlay"> | ||
Line 564: | Line 573: | ||
<!--Alex--> | <!--Alex--> | ||
− | <div class=" | + | <div class="container1"> |
<img src="https://static.igem.org/mediawiki/2018/d/da/T--MIT--MITteam6.jpeg" alt="Avatar" class="image" style="width:23vw;position: absolute; top: 90vw; left: 67vw;"> | <img src="https://static.igem.org/mediawiki/2018/d/da/T--MIT--MITteam6.jpeg" alt="Avatar" class="image" style="width:23vw;position: absolute; top: 90vw; left: 67vw;"> | ||
<div class="overlay"> | <div class="overlay"> | ||
Line 582: | Line 591: | ||
<!--Lexi--> | <!--Lexi--> | ||
− | <div class=" | + | <div class="container1"> |
<img src="https://static.igem.org/mediawiki/2018/1/1a/T--MIT--MITteam7.jpeg" alt="Avatar" class="image" style="width:23vw;position: absolute; top: 120vw; left: 10vw;"> | <img src="https://static.igem.org/mediawiki/2018/1/1a/T--MIT--MITteam7.jpeg" alt="Avatar" class="image" style="width:23vw;position: absolute; top: 120vw; left: 10vw;"> | ||
<div class="overlay"> | <div class="overlay"> | ||
Line 600: | Line 609: | ||
<!--Tooba--> | <!--Tooba--> | ||
− | <div class=" | + | <div class="container1"> |
<img src="https://static.igem.org/mediawiki/2018/8/89/T--MIT--MITteam8.jpeg" alt="Avatar" class="image" style="width:23vw;position: absolute; top: 120vw; left: 38.5vw;"> | <img src="https://static.igem.org/mediawiki/2018/8/89/T--MIT--MITteam8.jpeg" alt="Avatar" class="image" style="width:23vw;position: absolute; top: 120vw; left: 38.5vw;"> | ||
<div class="overlay"> | <div class="overlay"> | ||
Line 618: | Line 627: | ||
<!--Aidan--> | <!--Aidan--> | ||
− | <div class=" | + | <div class="container1"> |
<img src="https://static.igem.org/mediawiki/2018/8/8a/T--MIT--MITteam9.jpeg" alt="Avatar" class="image" style="width:23vw;position: absolute; top: 120vw; left: 67vw;"> | <img src="https://static.igem.org/mediawiki/2018/8/8a/T--MIT--MITteam9.jpeg" alt="Avatar" class="image" style="width:23vw;position: absolute; top: 120vw; left: 67vw;"> | ||
<div class="overlay"> | <div class="overlay"> | ||
Line 636: | Line 645: | ||
<!--Krissy--> | <!--Krissy--> | ||
− | <div class=" | + | <div class="container1"> |
<img src="https://static.igem.org/mediawiki/2018/f/f2/T--MIT--MITteam10.jpeg" alt="Avatar" class="image" style="width:23vw;position: absolute; top: 150vw; left: 25vw;"> | <img src="https://static.igem.org/mediawiki/2018/f/f2/T--MIT--MITteam10.jpeg" alt="Avatar" class="image" style="width:23vw;position: absolute; top: 150vw; left: 25vw;"> | ||
<div class="overlay"> | <div class="overlay"> | ||
Line 654: | Line 663: | ||
<!--Reese--> | <!--Reese--> | ||
− | <div class=" | + | <div class="container1"> |
<img src="https://static.igem.org/mediawiki/2018/c/ca/T--MIT--MITreese.png" alt="Avatar" class="image" style="width:23vw;position: absolute; top: 150vw; left: 53.5vw;"> | <img src="https://static.igem.org/mediawiki/2018/c/ca/T--MIT--MITreese.png" alt="Avatar" class="image" style="width:23vw;position: absolute; top: 150vw; left: 53.5vw;"> | ||
<div class="overlay"> | <div class="overlay"> | ||
Line 663: | Line 672: | ||
<p> </p> | <p> </p> | ||
What do you do for fun?<br> | What do you do for fun?<br> | ||
− | "Learn random languages like | + | "Learn random languages like Albanian, sail, backpacker travel"<br> |
<p> </p> | <p> </p> | ||
Quote:<br> | Quote:<br> |