Template:Team:Berkeley/css

From 2013.igem.org

(Difference between revisions)

Revision as of 01:03, 20 August 2013

header-image {

   float: top;

}

cssmenu {

 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;}

/

@@ Line 18: / Line 18: @@
    margin: 0;
    padding: 0;
-  -webkit-border-radius: 15px;
-  -moz-border-radius: 15px;
    border-radius: 15px;
-  -webkit-box-shadow: inset 0px 16px 0px 0px rgba(255, 255, 255, 0.1);
-  -moz-box-shadow: inset 0px 16px 0px 0px rgba(255, 255, 255, 0.1);
    box-shadow: inset 0px 16px 0px 0px rgba(255, 255, 255, 0.1);
 }