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