Template:Team:Berkeley/header

From 2011.igem.org

(Difference between revisions)
 
(93 intermediate revisions not shown)
Line 6: Line 6:
-
 
-
 
ul.topnav {
ul.topnav {
list-style: none;
list-style: none;
-
padding: 0 0;
+
padding: 0px 0px;
-
margin: 0;
+
margin: 0px 0px 0px -22px;
width:1000px;
width:1000px;
float: left;
float: left;
-
+
 
-
+
 
-
+
 
}
}
ul.topnav li {
ul.topnav li {
font-family: 'Georgia', Times, serif;
font-family: 'Georgia', Times, serif;
font-weight: 150;
font-weight: 150;
-
font-size: 1.5em;
+
font-size: 1.65em;
float: left;
float: left;
-
margin:0px;
+
margin:0px 0px 0px 0px;
-
opacity:.5;
+
opacity:.8;
-
padding: 3px 8px 8px 10px;
+
padding: 2px 6px 10px 12px;
position: 0px 0px; /*--Declare X and Y axis base for sub navigation--*/
position: 0px 0px; /*--Declare X and Y axis base for sub navigation--*/
}
}
ul.topnav li a{
ul.topnav li a{
-
padding: 18px 8px 8px 10px;
+
padding: 18px 8px 10px 10px;
color: white;
color: white;
display: block;
display: block;
-
+
 
-
+
 
text-decoration: none;
text-decoration: none;
float: left;
float: left;
Line 40: Line 38:
ul.topnav li a:hover{
ul.topnav li a:hover{
background-color:black;
background-color:black;
-
padding: 18px 8px 8px 10px;
+
padding: 18px 8px 10px 10px;
font-color: white;
font-color: white;
-
+
 
}
}
ul.topnav li span { /*--Drop down trigger styles--*/
ul.topnav li span { /*--Drop down trigger styles--*/
width: 17px;
width: 17px;
height: 25px;
height: 25px;
-
+
 
float: left;
float: left;
background-color: gray;
background-color: gray;
Line 55: Line 53:
list-style: none;
list-style: none;
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
-
left: 5px; top: 55px;
+
left: 3px; top: 55px;
background: #333;
background: #333;
margin: 0; padding: 3px;
margin: 0; padding: 3px;
Line 74: Line 72:
font-family: 'Georgia', Times, serif;
font-family: 'Georgia', Times, serif;
font-weight: 150;
font-weight: 150;
-
+
 
-
+
 
}
}
html ul.topnav li ul.subnav li a {
html ul.topnav li ul.subnav li a {
Line 83: Line 81:
background-color: white;  
background-color: white;  
padding-left: 3px;
padding-left: 3px;
-
+
 
}
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
background-color: blue;
background-color: blue;
}
}
-
+
 
-
+
 
#content1{
#content1{
font-family:Georgia ,Helvetica,sans-serif;
font-family:Georgia ,Helvetica,sans-serif;
height: 300px;
height: 300px;
   }
   }
-
+
 
#content2{
#content2{
font-family:Georgia ,Helvetica,sans-serif;
font-family:Georgia ,Helvetica,sans-serif;
Line 101: Line 99:
body{ background: url(https://static.igem.org/mediawiki/2011/6/68/Noise_pattern_8.jpg);}
body{ background: url(https://static.igem.org/mediawiki/2011/6/68/Noise_pattern_8.jpg);}
#globalWrapper {width: 100%;}
#globalWrapper {width: 100%;}
-
+
 
#content{
#content{
padding: 0px;
padding: 0px;
width: 1000px;
width: 1000px;
-
background: #DEDEDE;
+
background: #BABABA;
font-family:Georgia ,Helvetica,sans-serif;
font-family:Georgia ,Helvetica,sans-serif;
border: none;
border: none;
text-decoration: none;
text-decoration: none;
-
+
 
}
}
-
+
 
.main_item h1{
.main_item h1{
text-decoration:none;
text-decoration:none;
}
}
-
+
 
#p-logo{
#p-logo{
display:none;
display:none;
}
}
-
+
 
#top-section2{
#top-section2{
width: 100%;
width: 100%;
-
+
 
background: url(http://www.eecs.berkeley.edu/~jvmiller/images/imagetestberkeley.gif);
background: url(http://www.eecs.berkeley.edu/~jvmiller/images/imagetestberkeley.gif);
height: 65px;
height: 65px;
Line 130: Line 128:
height:78px;
height:78px;
}
}
-
+
 
-
+
 
#spacer {
#spacer {
     height: 20px;
     height: 20px;
-
+
 
}
}
-
+
 
#team{border: 1px solid black;
#team{border: 1px solid black;
padding: 2px;
padding: 2px;
height:380px;}
height:380px;}
-
+
 
-
+
 
#search-controls{
#search-controls{
display:none;
display:none;
}
}
-
+
 
#spacer2 {
#spacer2 {
     height: 12em;
     height: 12em;
-
+
 
}
}
-
+
 
#spacer3 {
#spacer3 {
-
     height: 1em;
+
     height: .4em;
-
+
 
}
}
-
+
 
#top-section{
#top-section{
width: 100%;
width: 100%;
Line 162: Line 160:
border:none;
border:none;
}
}
-
+
 
.firstHeading {
.firstHeading {
display:none;
display:none;
}
}
-
+
 
/*
/*
  * jQuery Nivo Slider v2.6
  * jQuery Nivo Slider v2.6
Line 182: Line 180:
.nivoSlider {
.nivoSlider {
position:relative;
position:relative;
 +
        effect: 'fade'
}
}
.nivoSlider img {
.nivoSlider img {
Line 234: Line 233:
     display:none;
     display:none;
}
}
-
/* Direction nav styles (e.g. Next & Prev) */
+
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
.nivo-directionNav a {
position:absolute;
position:absolute;
Line 242: Line 241:
}
}
.nivo-prevNav {
.nivo-prevNav {
-
left:0px;
+
left:15px;
}
}
.nivo-nextNav {
.nivo-nextNav {
-
right:0px;
+
right:15px;
}
}
/* Control nav styles (e.g. 1,2,3...) */
/* Control nav styles (e.g. 1,2,3...) */
 +
.theme-default .nivo-controlNav {
 +
      position:absolute; left:100%; bottom:-42px;
 +
      margin-left: -1000px;
 +
}
 +
.nivo-controlNav a {
.nivo-controlNav a {
position:relative;
position:relative;
Line 253: Line 257:
cursor:pointer;
cursor:pointer;
}
}
 +
 +
 +
.nivo-controlNav a.active {
.nivo-controlNav a.active {
font-weight:bold;
font-weight:bold;
}
}
-
+
 
.theme-default #slider {
.theme-default #slider {
-
     margin:0px auto 0 auto;
+
     margin:0px auto 0px auto;
     width:618px; /* Make sure your images are the same size */
     width:618px; /* Make sure your images are the same size */
-
     height:214px; /* Make sure your images are the same size */
+
     height:464px; /* Make sure your images are the same size */
}
}
-
 

Latest revision as of 20:07, 28 September 2011