Template:Team:Berkeley/css
From 2013.igem.org
html, body {
background-color: white;
}
- header-image {
float: top; border-radius: 15px;
}
- cssmenu {
float: top; border: none; border: 0px; margin: 0px; padding: 0px; font-size: 14px; font-weight: bold; width: auto;
}
- cssmenu ul {
background: #001be6; height: 50px; list-style: none; margin: 0; padding: 0; border-radius: 15px; box-shadow: inset 0px 16px 0px 0px rgba(255, 255, 255, 0.1);
}
- cssmenu li {
float: left; padding: 0px 0px 0px 15px;
}
- cssmenu li a {
color: #000; display: block; font-weight: normal; line-height: 50px; margin: 0px; padding: 0px 25px; text-align: center; text-decoration: none;
}
- cssmenu li a:hover {
background: #000f80; color: #FFFFFF; text-decoration: none; -webkit-box-shadow: inset 0px 0px 7px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0px 0px 7px 2px rgba(0, 0, 0, 0.3); box-shadow: inset 0px 0px 7px 2px rgba(0, 0, 0, 0.3);
}
- cssmenu ul li:hover a {
background: #000f80; color: #FFFFFF; text-decoration: none;
}
- cssmenu li ul {
display: none; height: auto; padding: 0px; margin: 0px; border: 0px; position: absolute; width: 200px; z-index: 200;
}
- cssmenu li:hover ul {
display: block;
}
- cssmenu li li {
display: block; float: none; margin: 0px; padding: 0px; width: 200px; background: #001be6; /*this is where the rounded corners for the dropdown disappears*/
}
- cssmenu li:hover li a {
background: none;
}
- cssmenu li ul a {
display: block; height: 50px; font-size: 12px; font-style: normal; margin: 0px; padding: 0px 10px 0px 15px; text-align: left;
}
- cssmenu li ul a:hover,
- cssmenu li ul li:hover a {
border: 0px; color: #FFFFFF; text-decoration: none; background: #000f80; -webkit-box-shadow: inset 0px 0px 7px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0px 0px 7px 2px rgba(0, 0, 0, 0.3); box-shadow: inset 0px 0px 7px 2px rgba(0, 0, 0, 0.3);
}
/*
ul.sidenav {
list-style:none;
padding: 0;
margin:0px, 0px, 0px, 20px;
width: 160px;
float: right;
}
ul.sidenav li {
position: relative;
}
ul.sidenav li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
margin: .75%;
font: 1.9em 'Myriad Pro';
width: 150px;
}
ul.sidenav li a:link, ul.sidenav li a:visited{
background-size: 20px;
/*background-color: #006291;*/ /*background of tabs (default state)*/
}
ul.sidenav li a:visited{
color: white;
}
ul.sidenav li a:hover{ background-color: #333333; }
ul.topnav { list-style: none; padding: 0px 0px; margin: 0;
width:1000px;
float: left; } ul.topnav li { font-family: 'Georgia', Times, serif; font-weight: 150; font-size: 1.65em; float: left; margin:0px 0px 0px 0px; opacity:.8; padding: 2px 6px 10px 12px; position: 0px 0px; /*--Declare X and Y axis base for sub navigation--*/ } ul.topnav li a{ padding: 18px 8px 10px 10px; color: white; display: block; text-decoration: none; float: left; } ul.topnav li a:hover{ background-color:black; padding: 18px 8px 10px 10px; font-color: white; } ul.topnav li span { /*--Drop down trigger styles--*/ width: 17px; height: 25px; float: left; background-color: gray; } ul.topnav li span.subhover { background-position: center bottom; cursor: pointer; /*--Hover effect for trigger--*/ } ul.topnav li ul.subnav { list-style: none; position: absolute; left: 3px; top: 55px;/*--Important - Keeps subnav from affecting main navigation flow--*/ background: #333; margin: 0; padding: 3px; display: none; float: left; width: 160px; opacity: .6; border: 1px solid #111; } ul.topnav li ul.subnav li{ margin: 0; padding: 0; border-top: 1px solid #252525; /*--Create bevel effect--*/ border-bottom: 1px solid #444; /*--Create bevel effect--*/ clear: both; height:45px; width: 155px; font-size: .5em; font-family: 'Georgia', Times, serif; font-weight: 150; } html ul.topnav li ul.subnav li a { float: left;
height:50px;
width: 145px; background-color: white; padding-left: 3px; } html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/ background-color: none; }
- slideshow {
margin: 50px auto; position: relative; width: 240px; height: 240px; padding: 10px; box-shadow: 0 0 20px rgba(0,0,0,0.4);
}
- slideshow > div {
position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px;
}
- content1{
font-family:Georgia ,Helvetica,sans-serif; height: 300px;
}
- content2{
font-family:Georgia ,Helvetica,sans-serif; height: 50px;
}
body{ background: url(); }
- globalWrapper {width: 100%;}
- content{
padding: 0px; width: 1000px; background: #BABABA; font-family:Georgia ,Helvetica,sans-serif; border: none; text-decoration: none; }
- footer, f-poweredbyico, f-copyrightico, f-list {
background: #BABABA; margin:0px; padding:0px;}
- footer-box {
background: #BABABA; border:none; } .main_item h1{ text-decoration:none; }
- p-logo{display:none;}
- top-section2{
width: 100%; background: url(http://www.eecs.berkeley.edu/~jvmiller/images/imagetestberkeley.gif); height: 65px; }
- top-section3{
width: 100%; height:0px; }
- team{
border: 1px solid black; padding: 2px; height:380px;}
- search-controls{
display:none; }
- spacer {height: 15px;}
- spacer2 {height: 9em;}
- spacer3 {height: .4em;}
- spacer4 {height: .8em;}
- top-section{
width: 100%; background: url(); height: 5px; border:none; } .firstHeading {display:none;}
- /