Template:OhioMOD2013: Difference between revisions
No edit summary |
No edit summary |
||
Line 82: | Line 82: | ||
list-style: none; | list-style: none; | ||
display: none; | display: none; | ||
position: | position: absolute; | ||
padding: 0px; | padding: 0px; | ||
margin: 0px 0px 0px -1px; | margin: 0px 0px 0px -1px; |
Revision as of 06:42, 17 September 2013
<html> </div> </div> </div> <head> <style type='text/css'>
.firstHeading, #column-one, #p-bookmarks, #p-history , .portlet{ display:none; }
- bodyContent, #content{
display:none; background-color:#FFFFFF;
}
- column-content, .container, #globalWrapper, body{
background-color:#FFFFFF; }
p{ color:dimgrey; text-align:center; margin-left:auto; margin-right:auto; font-gamily:Calibri; font-size: 15px; }
.selflink{ display: table-cell;
text-decoration: none; font-family: Gill Sans MT; outline: none; font-size: 20px; color: dimgrey; border-right: 2px solid dimgray; padding: 15px 25px; /* sets button size */ font-weight:normal;
}
ul.navigation-bar {
list-style-type: none; border: 2px solid dimgray; padding: 0px; margin: 0px; *line-height: 3.2em; /* IE6,IE7 */ }
ul.navigation-bar li {
display: table-cell; background-image: -webkit-linear-gradient(bottom, silver, azure); background-image: -moz-linear-gradient(bottom, silver, azure); background-image: -ms-linear-gradient(bottom, silver, azure); background-image: linear-gradient(bottom, silver, azure); background-color: midnightblue; /* IE6...IE9 */ *display: inline; /* IE6,IE7 */ }
ul.navigation-bar li:hover {
background-image: -webkit-linear-gradient(top, silver, azure); background-image: -moz-linear-gradient(top, silver, azure); background-image: -ms-linear-gradient(top, silver, azure); background-image: linear-gradient(top, silver, azure);
}
ul.navigation-bar li a, ul.navigation-bar li ul li a {
display: table-cell; text-decoration: none; font-family: Gill Sans MT; outline: none; font-size: 20px; color: dimgrey; border-right: 0px solid dimgray; padding: 15px 25px; /* sets button size */ }
ul.navigation-bar li ul{ list-style: none; display: none; position: absolute; padding: 0px; margin: 0px 0px 0px -1px; background-color:#FFF7FA; } ul.navigation-bar li ul li{ background-image: none; background-color:#FFF7FA; border-right: none; border: 1px solid dimgray; }
ul.navigation-bar li ul li:hover{ background-image:none; background-color: lightgrey; }
ul.navigation-bar li:hover ul{ list-style: none; display: block; position: absolute; }
ul.navigation-bar li a{ display: block; }
</style> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
</head>
<!-- navbar --> <center>
<img src="http://openwetware.org/images/1/15/Ohiomod2013.jpg" onmouseover="check();" height="60%" width="60%" style="margin-left:-40px;"> <div id="navbar" style="margin-left:auto; margin-right:auto;text-align:center;width:701px;height:auto;" > <ul id="homebutton" class="navigation-bar"> <li><a href="http://openwetware.org/wiki/Biomod/2013/OSU">Home</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/about">About</a> <ul> <li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/abstract">Abstract</a></li> </ul> </li> <li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/experiments">Project</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/results">Results</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/media">Media</a> <ul> <li><a href="#">Animations</a><li> <li><a href="#">Video Blogs</a></li> <li><a href="#">Photos</a></li> </ul> </li> <li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/sponsors">Sponsors</a></li> </ul>
</div> <a href="http://openwetware.org/index.php?title=Template:OhioMOD2013&action=submit">Edit</a>
</center>
</html>