Difference between revisions of "Template:Team:UMarylandMenu"
Line 1: | Line 1: | ||
<html> | <html> | ||
+ | |||
+ | <style type="text/css"> | ||
+ | |||
+ | body { | ||
+ | margin:0px; | ||
+ | } | ||
+ | |||
+ | a { | ||
+ | color:inherit; | ||
+ | font-family:inherit; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | a:hover{ | ||
+ | color:inherit; | ||
+ | font-family:inherit; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | |||
+ | #topkek { | ||
+ | top:-10px; | ||
+ | width:100%; | ||
+ | min-width:800; | ||
+ | height:25%; | ||
+ | min-height:100px; | ||
+ | position:fixed; | ||
+ | margin:0px; | ||
+ | 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)); | ||
+ | font-family: "Arial Black", Gadget, sans-serif; | ||
+ | font-size: 14px; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | #swagmenu ul { | ||
+ | text-align: center; | ||
+ | display: inline; | ||
+ | margin: 0; | ||
+ | padding: 10px; | ||
+ | list-style: none; | ||
+ | } | ||
+ | #swagmenu ul li { | ||
+ | display: inline-block; | ||
+ | margin-right: -4px; | ||
+ | position: relative; | ||
+ | margin: 5px; | ||
+ | padding: 10px ; | ||
+ | min-width:100px; | ||
+ | -webkit-transition: all .5s; | ||
+ | -moz-transition: all .5s; | ||
+ | -ms-transition: all .5s; | ||
+ | -o-transition: all .5s; | ||
+ | transition: all .5s; | ||
+ | border: 4px solid black; | ||
+ | border-radius: 0px 0px 20px 20px; | ||
+ | } | ||
+ | #swagmenu ul li:hover { | ||
+ | background: #000000; | ||
+ | color: #0000FF; | ||
+ | } | ||
+ | #swagmenu ul li:hover { | ||
+ | background: #000000; | ||
+ | color: #0000FF; | ||
+ | } | ||
+ | #swagmenu ul li ul { | ||
+ | padding: 0; | ||
+ | position: absolute; | ||
+ | top: 42px; | ||
+ | left: 0; | ||
+ | min-width:100px; | ||
+ | display: none; | ||
+ | opacity: 0; | ||
+ | visibility: hidden; | ||
+ | -webkit-transiton: opacity .5s; | ||
+ | -moz-transition: opacity .5s; | ||
+ | -ms-transition: opacity .5s; | ||
+ | -o-transition: opacity .5s; | ||
+ | -transition: opacity .5s; | ||
+ | } | ||
+ | #swagmenu ul li ul li { | ||
+ | display: block; | ||
+ | text-align: center; | ||
+ | color: #000000; | ||
+ | margin:2px; | ||
+ | padding:7px; | ||
+ | border: 2px solid black; | ||
+ | border-radius: 10px 10px 10px 10px; | ||
+ | } | ||
+ | #swagmenu ul li ul li:hover { | ||
+ | background: #000000;} | ||
+ | #swagmenu ul li:hover ul { | ||
+ | display: block; | ||
+ | opacity: 1; | ||
+ | visibility: visible; | ||
+ | } | ||
+ | |||
+ | #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) { | ||
+ | margin-right: 2px; | ||
+ | } | ||
+ | |||
+ | #swagmenu ul li ul li:nth-child(4) { | ||
+ | margin-left: 2px; | ||
+ | } | ||
+ | |||
+ | #beacon { | ||
+ | background: url(https://static.igem.org/mediawiki/2015/3/3d/Umd-igem2.png) 50% 0 no-repeat; | ||
+ | background-size: 300px 168px; | ||
+ | height: 168px; | ||
+ | position: absolute; | ||
+ | margin: auto; | ||
+ | width: 100%; | ||
+ | top:10%; | ||
+ | } | ||
+ | |||
+ | #mainlink { | ||
+ | background: url(https://static.igem.org/mediawiki/2015/6/69/Mainlink.png) 50% 0 no-repeat; | ||
+ | background-size: 100px 100px; | ||
+ | height: 200px; | ||
+ | position: absolute; | ||
+ | left:70%; | ||
+ | width: 50%; | ||
+ | top:10%; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | </style> | ||
+ | |||
+ | <li><a href="https://2015.igem.org/Team:UMaryland"><span>Home</span></a></a></li> | ||
+ | |||
+ | <div id='topkek'> | ||
<div id='swagmenu'> | <div id='swagmenu'> | ||
− | + | <a href="https://2015.igem.org/Team:UMaryland"> | |
+ | <div id='beacon'> | ||
+ | </div></a> | ||
+ | |||
+ | <ul> | ||
<li class='has-sub'><a href="#"><span>Info</a><ul> | <li class='has-sub'><a href="#"><span>Info</a><ul> | ||
Line 39: | Line 180: | ||
<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> | ||
− | + | <a href="https://2015.igem.org/Main_Page"> | |
− | + | <div id='mainlink'> | |
+ | </div></a> | ||
</div> | </div> | ||
− | + | </div> | |
+ | </div> | ||
</html> | </html> |
Revision as of 03:55, 20 August 2015