Difference between revisions of "Team:UMaryland"

Line 32: Line 32:
 
width:100%;
 
width:100%;
 
min-width:800;
 
min-width:800;
−
height:80px;
+
height:0px
−
min-height:100px;
+
position:relative;
−
position:absolute;
+
 
z-index:20;
 
z-index:20;
−
margin:0px;
+
marign:auto;
−
top:10px;
+
−
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ffffff), color-stop(100, #00ffff));
+
 
font-family: "Arial Black", Gadget, sans-serif;
 
font-family: "Arial Black", Gadget, sans-serif;
 
font-size: 14px;
 
font-size: 14px;
Line 45: Line 42:
  
 
#beacon {
 
#beacon {
−
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ffffff), color-stop(100, #00ffff));
+
background-image: -webkit-linear-gradient(top, #21FF89 0%, #FFFFFF 75%, #4B4040 100%);
 
padding:10px;
 
padding:10px;
 
overflow:visible;
 
overflow:visible;
 
position: absolute;
 
position: absolute;
−
left: 38%;
+
margin:auto;
 +
left: 38.5%;
 
top:0px;
 
top:0px;
−
border: 2px solid black;
 
 
border-radius: 0px 0px 50px 50px;
 
border-radius: 0px 0px 50px 50px;
 +
-webkit-box-shadow: 0px 0px 36px 15px rgba(0,0,0,0.75);
 +
-moz-box-shadow: 0px 0px 36px 15px rgba(0,0,0,0.75);
 +
box-shadow: 0px 0px 36px 15px rgba(0,0,0,0.75);
 +
max-height:220px;
 +
max-width:324px;
 +
overflow:hidden;
 
}
 
}
  
 
#swagmenu {
 
#swagmenu {
−
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000000), color-stop(5, #2D1BA0), color-stop(50, #1BB1CF), color-stop(100, #00ffff));
+
background-image: -webkit-linear-gradient(top, #FFBA61 0%, #FFFFFF 100%);
−
color:#ffffff;
+
color:#000000;
−
border-top: 2px solid black;
+
position:relative;
−
border-bottom: 2px solid black;
+
z-index:21;
 +
border-bottom: 4px solid black;
 +
top:-10px;
 
width:100%;
 
width:100%;
 
margin:auto;
 
margin:auto;
−
height:50px;
+
height:45px;
 +
min-width:800;
 +
display:inline-block;
 
}
 
}
  
Line 90: Line 97:
 
#swagmenu ul li:hover {
 
#swagmenu ul li:hover {
 
display: inline-block;
 
display: inline-block;
−
background: #b8e1fc;
+
background: #21FF89;
 
font-size:110%;
 
font-size:110%;
 
-webkit-transition: all 1s ease;
 
-webkit-transition: all 1s ease;
Line 117: Line 124:
 
display: block;
 
display: block;
 
text-align: center;
 
text-align: center;
−
background-color: #00ffff;
+
background-color: #FFBA61;
 
border: 2px solid black;
 
border: 2px solid black;
 
padding:10px;
 
padding:10px;
Line 124: Line 131:
 
}
 
}
 
#swagmenu ul li ul li:hover {  
 
#swagmenu ul li ul li:hover {  
−
background-color: #b8e1fc;
+
background-color: #21FF89;
 
}
 
}
 
#swagmenu ul li:hover ul {
 
#swagmenu ul li:hover ul {
Line 133: Line 140:
  
 
#swagmenu ul li a {
 
#swagmenu ul li a {
−
color: #ffffff;
+
color: #000000;
 
}
 
}
 
#swagmenu ul li a:hover {
 
#swagmenu ul li a:hover {
Line 144: Line 151:
 
color: #000000;
 
color: #000000;
 
}
 
}
−
 
−
/*
 
−
#swagmenu ul li:nth-child(3) {
 
−
margin-right: 200px;
 
−
}
 
−
 
−
#swagmenu ul li:nth-child(4) {
 
−
margin-left: 200px;
 
−
}
 
−
*/
 
  
 
#swagmenu ul li ul li:nth-child(3) {
 
#swagmenu ul li ul li:nth-child(3) {
Line 217: Line 214:
 
<li class='has-sub'><a href="#"><span>Programming</a><ul>
 
<li class='has-sub'><a href="#"><span>Programming</a><ul>
 
<li><a href="https://2015.igem.org/Team:UMaryland/Modeling"><span>Modeling</span></a></li>
 
<li><a href="https://2015.igem.org/Team:UMaryland/Modeling"><span>Modeling</span></a></li>
−
<li><a href="https://2015.igem.org/Team:UMaryland/Software"><span>Software</span></a></li>
 
 
<li><a href="https://2015.igem.org/Team:UMaryland/Entrepreneurship"><span>App</span></a></li></ul></span></a></li>
 
<li><a href="https://2015.igem.org/Team:UMaryland/Entrepreneurship"><span>App</span></a></li></ul></span></a></li>
 
</div>
 
</div>
 +
  
 
<a href="https://2015.igem.org/Main_Page">
 
<a href="https://2015.igem.org/Main_Page">
Line 236: Line 233:
 
position:relative;
 
position:relative;
 
z-index:0;
 
z-index:0;
−
top:-20px;
+
top:-10px;
−
opacity:.7;
+
opacity:1;
 +
overflow:hidden;
 
}
 
}
  
Line 251: Line 249:
 
100% {-webkit-transform: rotateZ(0deg); -webkit-transform-origin: 50% 50% 0;}   
 
100% {-webkit-transform: rotateZ(0deg); -webkit-transform-origin: 50% 50% 0;}   
 
}
 
}
−
 
+
/*
 
#gear {     
 
#gear {     
 
position: absolute;
 
position: absolute;
 
z-index:1;
 
z-index:1;
−
left:5%
+
left:-25%;
−
top:10px;
+
top:0%;
 
-webkit-animation: spin 16s infinite linear;
 
-webkit-animation: spin 16s infinite linear;
 
max-height:100%;
 
max-height:100%;
Line 262: Line 260:
 
opacity: .8;
 
opacity: .8;
 
}
 
}
−
 
+
*/
 
#gear1 {
 
#gear1 {
 
position:absolute;
 
position:absolute;
Line 335: Line 333:
  
 
<div id='bg'>
 
<div id='bg'>
−
<img src="http://i.imgur.com/bHMVnPQ.jpg" style="height:100%; width:100%">
+
<img src="https://daywallpaper.files.wordpress.com/2013/08/green-nature-landscape.jpg" style="height:100%; width:100%">
 
</div>
 
</div>
−
 
+
<!--
 
<div id='gear'>
 
<div id='gear'>
 
<img src="https://static.igem.org/mediawiki/2015/d/d2/Gear2.png" style="height:100%; width:100%">
 
<img src="https://static.igem.org/mediawiki/2015/d/d2/Gear2.png" style="height:100%; width:100%">
 
</div>
 
</div>
−
 
+
-->
 
<div id='biglogo'>
 
<div id='biglogo'>
  
Line 454: Line 452:
  
 
</style>
 
</style>
 +
 +
<!--
 +
  
 
<div id=thankssponsors>
 
<div id=thankssponsors>
Line 488: Line 489:
 
</div>
 
</div>
  
 +
-->
  
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 01:35, 9 September 2015