Template:WashU/Layout

From 2014.igem.org

Revision as of 18:54, 26 June 2014 by Benjaminhuang (Talk | contribs)

@charset 'UTF-8';

  1. cssmenu {
 border: none;
 border: 0px;
 margin: 0px;
 padding: 0px;
 font-family: verdana, geneva, arial, helvetica, sans-serif;
 font-size: 14px;
 font-weight: bold;
 color: #8e8e8e;
 width: auto;

}

  1. cssmenu > ul {
 margin-top: 6px !important;

}

  1. cssmenu ul {
 background: #CDCDCD;
 background: -webkit-linear-gradient(#cdcdcd 0%, #e2e2e2 80%, #cdcdcd 100%);
 background: linear-gradient(#cdcdcd 0%, #e2e2e2 80%, #cdcdcd 100%);
 border-top: 1px solid #A8A8A8;
 -webkit-box-shadow: inset 0 1px 0 #e9e9e9, 0 1px 0 #03a66a, 0 2px 0 #1cb67d, 0 8px 0 #03a66a, 0 9px 0 #02794d, 0 -1px 1px rgba(0, 0, 0, 0.1);
 -moz-box-shadow: inset 0 1px 0 #e9e9e9, 0 1px 0 #03a66a, 0 2px 0 #1cb67d, 0 8px 0 #03a66a, 0 9px 0 #02794d, 0 -1px 1px rgba(0, 0, 0, 0.1);
 box-shadow: inset 0 1px 0 #e9e9e9, 0 1px 0 #03a66a, 0 2px 0 #1cb67d, 0 8px 0 #03a66a, 0 9px 0 #02794d, 0 -1px 1px rgba(0, 0, 0, 0.1);
 height: 27px;
 list-style: none;
 margin: 0;
 padding: 0;

}

  1. cssmenu ul ul {
 border-top: 6px solid #03a66a;
 -webkit-box-shadow: none;
 -moz-box-shadow: none;
 box-shadow: none;

}

  1. cssmenu ul ul a {
 line-height: 43px;

}

  1. cssmenu ul ul ul {
 left: 100%;
 top: 0;

}

  1. cssmenu li {
 float: left;
 padding: 0px 8px 0px 8px;

}

  1. cssmenu li a {
 color: #666666;
 display: block;
 font-weight: bold;
 line-height: 30px;
 padding: 0px 25px;
 text-align: center;
 text-decoration: none;

}

  1. cssmenu li a:hover {
 color: #000000;
 text-decoration: none;

}

  1. cssmenu li ul {
 background: #e0e0e0;
 border-left: 2px solid #03a66a;
 border-right: 2px solid #03a66a;
 border-bottom: 2px solid #03a66a;
 display: none;
 height: auto;
 filter: alpha(opacity=95);
 opacity: 0.95;
 position: absolute;
 width: 225px;
 z-index: 200;
 /*top:1em;

/*left:0;*/

}

  1. cssmenu li:hover > ul {
 display: block;

}

  1. cssmenu li li {
 display: block;
 float: none;
 padding: 0px;
 position: relative;
 width: 225px;

}

  1. cssmenu li ul a {
 display: block;
 font-size: 12px;
 font-style: normal;
 padding: 0px 10px 0px 15px;
 text-align: left;

}

  1. cssmenu li ul a:hover {
 background: #949494;
 color: #000000;
 opacity: 1.0;
 filter: alpha(opacity=100);

}

  1. cssmenu p {
 clear: left;

}

  1. cssmenu .active > a {
 background: #03a66a;
 -webkit-box-shadow: 0 -4px 0 #03a66a, 0 -5px 0 #1cb67d, 0 -6px 0 #03a66a;
 -moz-box-shadow: 0 -4px 0 #03a66a, 0 -5px 0 #1cb67d, 0 -6px 0 #03a66a;
 box-shadow: 0 -4px 0 #03a66a, 0 -5px 0 #1cb67d, 0 -6px 0 #03a66a;
 color: #ffffff;

}

  1. cssmenu .active > a:hover {
 color: white;

}