Template:Team:Berkeley/css

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
-
.bg-img {
 
-
    background:url(http://cdn.wallwuzz.com/uploads/background-freebg-web-abstract-blue-light-array-wallwuzz-hd-wallpaper-2659.jpg) no-repeat top center;
 
-
    margin: 0 auto;
 
-
    width: 960px;
 
-
    height: 200 px;
 
-
}
 
-
/*
 
#header-image {
#header-image {
     float: top;
     float: top;
Line 14: Line 7:
     display: block;
     display: block;
}
}
-
*/
+
 
/*
/*
ul.sidenav {
ul.sidenav {

Revision as of 00:51, 20 August 2013

  1. header-image {
   float: top;
   margin: 0 auto;
   overflow: hidden;
   padding: 0 15px;
   width: 960px;
   display: block;

}

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

  • /