Template:Team:DukeMBar/CSS
From 2014.igem.org
(Difference between revisions)
(Created page with "<html xmlns="http://www.w3.org/1999/xhtml"> <!--THIS STYLE SHEET REPLACES THE HOME TEMPLATE: https://2014.igem.org/Template:Team:DukeHomePage/CSS --> <head> <meta http-equiv="Co...") |
|||
Line 6: | Line 6: | ||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> | <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> | ||
+ | <style media="screen" type="text/css"> | ||
+ | /* Visit http://www.menucool.com/horizontal/javascript-menu for source code and other menu CSS templates */ | ||
+ | #sse1 | ||
+ | { | ||
+ | /*You can decorate the menu's container, such as adding background images through this block*/ | ||
+ | background-color: #222; | ||
+ | height: 38px; | ||
+ | padding: 15px; | ||
+ | border-radius: 3px; | ||
+ | box-sizing: content-box; | ||
+ | } | ||
+ | #sses1 | ||
+ | { | ||
+ | margin:0 auto;/*This will make the menu center-aligned. Removing this line will make the menu align left.*/ | ||
+ | } | ||
+ | #sses1 ul | ||
+ | { | ||
+ | position: relative; | ||
+ | list-style-type: none; | ||
+ | float:left; | ||
+ | padding:0;margin:0; | ||
+ | border-bottom:solid 1px #6C0000; | ||
+ | } | ||
+ | #sses1 li | ||
+ | { | ||
+ | float:left; | ||
+ | list-style-type: none; | ||
+ | padding:0;margin:0;background-image:none; | ||
+ | } | ||
+ | /*CSS for background bubble*/ | ||
+ | #sses1 li.highlight | ||
+ | { | ||
+ | background-color:#800; | ||
+ | top:36px; | ||
+ | height:2px; | ||
+ | border-bottom:solid 1px #C00; | ||
+ | z-index: 1; | ||
+ | position: absolute; | ||
+ | overflow:hidden; | ||
+ | } | ||
+ | #sses1 li a | ||
+ | { | ||
+ | box-sizing: content-box; | ||
+ | height:30px; | ||
+ | padding-top: 8px; | ||
+ | margin: 0 20px;/*used to adjust the distance between each menu item. Now the distance is 20+20=40px.*/ | ||
+ | color: #fff; | ||
+ | font: normal 12px arial; | ||
+ | text-align: center; | ||
+ | text-decoration: none; | ||
+ | float: left; | ||
+ | display: block; | ||
+ | position: relative; | ||
+ | z-index: 2; | ||
+ | } | ||
+ | </style> | ||
<script> | <script> |
Revision as of 16:29, 14 October 2014