Template:Team:Berkeley/css

From 2013.igem.org

Revision as of 01:01, 20 August 2013 by HojaeLee (Talk | contribs)
  1. header-image { 
   float: top;

}

  1. cssmenu { 
 border: none;
 border: 0px;
 margin: 0px;
 padding: 0px;
 font: 67.5% 'Lucida Sans Unicode', 'Bitstream Vera Sans', 'Trebuchet Unicode MS', 'Lucida Grande', Verdana, Helvetica, sans-serif;
 font-size: 14px;
 font-weight: bold;
 width: auto;

}

  1. cssmenu ul { 
 background: #001be6;
 height: 50px;
 list-style: none;
 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);

}

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

}

  1. cssmenu li a { 
 color: #000;
 display: block;
 font-weight: normal;
 line-height: 50px;
 margin: 0px;
 padding: 0px 25px;
 text-align: center;
 text-decoration: none;

}

  1. 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);

}

  1. cssmenu ul li:hover a { 
 background: #000f80;
 color: #FFFFFF;
 text-decoration: none;

}

  1. cssmenu li ul { 
 display: none;
 height: auto;
 padding: 0px;
 margin: 0px;
 border: 0px;
 position: absolute;
 width: 200px;
 z-index: 200;

}

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

}

  1. 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*/

}

  1. cssmenu li:hover li a { 
 background: none;

}

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

}

  1. cssmenu li ul a:hover,
  2. 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; }

  1. slideshow { 
   margin: 50px auto; 
   position: relative; 
   width: 240px; 
   height: 240px; 
   padding: 10px; 
   box-shadow: 0 0 20px rgba(0,0,0,0.4);

}

  1. slideshow > div { 
   position: absolute; 
   top: 10px; 
   left: 10px; 
   right: 10px; 
   bottom: 10px;

}

  1. content1{

font-family:Georgia ,Helvetica,sans-serif; height: 300px; 

 }
  1. content2{

font-family:Georgia ,Helvetica,sans-serif; height: 50px; 

 }

body{ background: url(Noise_pattern_8.jpg); }

  1. globalWrapper {width: 100%;}
  2. content{

padding: 0px; width: 1000px; background: #BABABA; font-family:Georgia ,Helvetica,sans-serif; border: none; text-decoration: none; }

  1. footer, f-poweredbyico, f-copyrightico, f-list {

background: #BABABA; margin:0px; padding:0px;}

  1. footer-box {

background: #BABABA; border:none; } .main_item h1{ text-decoration:none; }

  1. p-logo{display:none;}
  2. top-section2{

width: 100%; background: url(http://www.eecs.berkeley.edu/~jvmiller/images/imagetestberkeley.gif); height: 65px; }

  1. top-section3{

width: 100%; height:0px; }

  1. team{

border: 1px solid black; padding: 2px; height:380px;}

  1. search-controls{

display:none; }

  1. spacer {height: 15px;}
  2. spacer2 {height: 9em;}
  3. spacer3 {height: .4em;}
  4. spacer4 {height: .8em;}
  5. top-section{

width: 100%; background: url(Noise_pattern_8.jpg); height: 5px; border:none; } .firstHeading {display:none;}

  • /
Retrieved from "http://2013.igem.org/Template:Team:Berkeley/css"