Difference between revisions of "Team:UMaryland"

Line 32: Line 32:
 
width:100%;
 
width:100%;
 
min-width:800;
 
min-width:800;
−
height:100px;
+
height:188px;
 +
min-height:100px;
 
position:absolute;
 
position:absolute;
 
z-index:20;
 
z-index:20;
 
margin:0px;
 
margin:0px;
 
top:10px;
 
top:10px;
−
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #959595), color-stop(46, #0D0D0D), color-stop(50, #010101), color-stop(53, #0A0A0A), color-stop(76, #4E4E4E), color-stop(87, #383838), color-stop(100, #1b1b1b));
+
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 43: Line 44:
 
}
 
}
  
 +
#beacon {
 +
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ffffff), color-stop(100, #00ffff));
 +
padding:10px;
 +
overflow:visible;
 +
position: absolute;
 +
left: 38%;
 +
top:0px;
 +
border: 2px solid black;
 +
border-radius: 0px 0px 50px 50px;
 +
}
 +
 +
#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));
 +
color:#ffffff;
 +
border-top: 2px solid black;
 +
border-bottom: 2px solid black;
 +
width:100%;
 +
margin:auto;
 +
height:40px;
 +
}
  
 
#swagmenu ul {
 
#swagmenu ul {
 
text-align: center;
 
text-align: center;
 
display: inline;
 
display: inline;
−
margin: 0;
+
margin: 0px;
 
padding: 10px;
 
padding: 10px;
 
list-style: none;
 
list-style: none;
Line 55: Line 76:
 
margin-right: -4px;
 
margin-right: -4px;
 
position: relative;
 
position: relative;
−
margin: 5px;
+
margin: 0px;
 
padding: 10px ;
 
padding: 10px ;
 
min-width:100px;
 
min-width:100px;
−
-webkit-transition: all .5s;
+
-webkit-transition: all 1s;
−
-moz-transition: all .5s;
+
-moz-transition: all 1s;
−
-ms-transition: all .5s;
+
-ms-transition: all 1s;
−
-o-transition: all .5s;
+
-o-transition: all 1s;
−
transition: all .5s;
+
transition: all 1s;
−
border: 4px solid black;
+
border-left: 2px solid black;
−
border-radius: 0px 0px 20px 20px;
+
border-right: 2px solid black;
−
background-image: -webkit-gradient(linear, right bottom, left top, color-stop(0, #959595), color-stop(46, #0D0D0D), color-stop(50, #010101), color-stop(53, #0A0A0A), color-stop(76, #4E4E4E), color-stop(87, #383838), color-stop(100, #1b1b1b));
+
−
}
+
−
#swagmenu ul li a {
+
−
color: #FFFF00;
+
−
}
+
−
#swagmenu ul li a:hover {
+
−
color: #FFFF00;
+
 
}
 
}
 +
 
#swagmenu ul li:hover {
 
#swagmenu ul li:hover {
−
background: #000000;
+
display: inline-block;
−
color: #0000FF;
+
background: #b8e1fc;
−
}
+
font-size:110%;
−
#swagmenu ul li:hover {
+
-webkit-transition: all 1s ease;
−
background: #000000;
+
-moz-transition: all 1s ease;
−
color: #0000FF;
+
-ms-transition: all 1s ease;
 +
-o-transition: all 1s ease;
 +
transition: all 1s ease;
 
}
 
}
 +
 
#swagmenu ul li ul {
 
#swagmenu ul li ul {
 
padding: 0;
 
padding: 0;
 
position: absolute;
 
position: absolute;
−
top: 42px;
 
 
left: 0;
 
left: 0;
 
min-width:100px;
 
min-width:100px;
Line 90: Line 107:
 
opacity: 0;
 
opacity: 0;
 
visibility: hidden;
 
visibility: hidden;
−
-webkit-transiton: opacity .5s;
+
-webkit-transition: all 1s ease;
−
-moz-transition: opacity .5s;
+
-moz-transition: all 1s ease;
−
-ms-transition: opacity .5s;
+
-ms-transition: all 1s ease;
−
-o-transition: opacity .5s;
+
-o-transition: all 1s ease;
−
-transition: opacity .5s;
+
transition: all 1s ease;
 
}
 
}
 +
 
#swagmenu ul li ul li {  
 
#swagmenu ul li ul li {  
 
display: block;
 
display: block;
 
text-align: center;
 
text-align: center;
−
color: #000000;
+
background-color: #00ffff;
−
margin:2px;
+
−
padding:7px;
+
 
border: 2px solid black;
 
border: 2px solid black;
−
border-radius: 10px 10px 10px 10px;
+
padding:10px;
−
background-image: -webkit-gradient(linear, right bottom, left top, color-stop(0, #959595), color-stop(46, #0D0D0D), color-stop(50, #010101), color-stop(53, #0A0A0A), color-stop(76, #4E4E4E), color-stop(87, #383838), color-stop(100, #1b1b1b));
+
top:10px;
 +
width:150px;
 
}
 
}
 
#swagmenu ul li ul li:hover {  
 
#swagmenu ul li ul li:hover {  
−
background: #000000;}
+
background-color: #b8e1fc;
 +
}
 
#swagmenu ul li:hover ul {
 
#swagmenu ul li:hover ul {
−
  display: block;
+
display: block;
−
  opacity: 1;
+
opacity: 1;
−
  visibility: visible;
+
visibility: visible;
 
}
 
}
  
 +
#swagmenu ul li a {
 +
color: #ffffff;
 +
}
 +
#swagmenu ul li a:hover {
 +
color: #000000;
 +
}
 
#swagmenu ul li ul li a {
 
#swagmenu ul li ul li a {
−
color: #FFFF00;
+
color: #000000;
 
}
 
}
 
#swagmenu ul li ul li a:hover {
 
#swagmenu ul li ul li a:hover {
−
color: #FFFF00;
+
color: #000000;
 
}
 
}
  
Line 129: Line 153:
 
margin-left: 200px;
 
margin-left: 200px;
 
}
 
}
 +
*/
  
 
#swagmenu ul li ul li:nth-child(3) {
 
#swagmenu ul li ul li:nth-child(3) {
−
margin-right: 2px;
+
margin-right: 0px;
 
}
 
}
  
 
#swagmenu ul li ul li:nth-child(4) {
 
#swagmenu ul li ul li:nth-child(4) {
−
margin-left: 2px;
+
margin-left: 0px;
 
}
 
}
−
*/
+
#swagmenu ul li ul li:last-child {
−
 
+
  border-radius: 0px 0px 20px 20px;
−
#beacon {
+
−
background: url(https://static.igem.org/mediawiki/2015/3/3d/Umd-igem2.png) 50% 0 no-repeat;
+
−
background-size: 300px 168px;
+
−
width: 300px;
+
−
height: 168px;
+
−
position: absolute;
+
−
left: 38%;
+
−
top:0px;
+
 
}
 
}
 +
  
 
#mainlink {
 
#mainlink {
Line 156: Line 174:
 
position: absolute;
 
position: absolute;
 
right:10px;
 
right:10px;
−
top:0px;
+
top:60px;
 
}
 
}
  
Line 166: Line 184:
  
 
<ul>
 
<ul>
−
 
 
<li class='has-sub'><a href="#"><span>Info</a><ul>
 
<li class='has-sub'><a href="#"><span>Info</a><ul>
 
<li><a href="https://2015.igem.org/Team:UMaryland/about"><span>About</span></a></li>
 
<li><a href="https://2015.igem.org/Team:UMaryland/about"><span>About</span></a></li>
Line 206: Line 223:
 
</div></a>
 
</div></a>
  
−
</div>
 
−
 
−
 
−
 
−
<div id='blocky'>
 
−
</div>
 
−
</div>
 
 
</div>
 
</div>
  

Revision as of 00:44, 6 September 2015