Team:IvyTech SouthBend IN/css/stylesheet/standard

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
body {
+
/* CSS Document */
-
margin:0;
+
body{padding:0px; margin:0px; background:url(http://i.imgur.com/xQWilAi.gif) 0 0 repeat-x #fff; color:#5F7A77; font:13px/19px Arial, Helvetica, sans-serif;}
-
padding:0;
+
div, p, ul, h2, h3, h4, h5, img{padding:0px; margin:0px;}
-
border:0; /* This removes the border around the viewport in old versions of IE */
+
ul{list-style-type:none}
-
width:100%;
+
-
background:#fff;
+
-
min-width:600px; /* Minimum width of layout - remove line if not required */
+
-
/* The min-width property does not work in old versions of Internet Explorer */
+
-
font-size:90%;
+
-
}
+
-
a {
+
-
color:#066332;
+
-
}
+
-
a:hover {
+
-
color:#fff;
+
-
background:transparent;
+
-
text-decoration:none;
+
-
}
+
-
h1, h2, h3 {
+
-
margin:.8em 0 .2em 0;
+
-
padding:0;
+
-
}
+
-
p {
+
-
margin:.4em 0 .8em 0;
+
-
padding:0;
+
-
}
+
-
img {
+
-
margin:10px 0 5px;
+
-
}
+
-
#ads img {
+
-
display:block;
+
-
padding-top:10px;
+
-
}
+
-
/* iheader styles */
+
/*----MAIN PANEL----*/
-
#iheader {
+
#mainPan{width:778px; position:relative; margin:0 auto;}
-
clear:both;
+
 
-
float:left;
+
/*----TOP PANEL----*/
-
width:100%;
+
#topPan{width:778px; height:65px; background:url(http://i.imgur.com/4aF9HEy.jpg) 0 0 no-repeat #fff; color:#828282; position:relative; margin:0 auto;}
-
}
+
#topPan img.logo{width:136px; height:31px; position:absolute; top:12px; left:235px;}
-
#iheader {
+
#topPan p.caption{width:300px; background:#fff; color:#828282; position:absolute; top:43px; left:235px;}
-
border-bottom:1px solid #066332;
+
/*----/TOP PANEL----*/
-
}
+
 
-
#iheader p,
+
/*----HEADER PANEL----*/
-
#iheader h1,
+
#headerPan{width:686px; height:153px; background:url(http://i.imgur.com/MT7liXq.jpg) 0 0 no-repeat; position:relative; margin:0 auto; padding:11px 0 0 92px;}
-
#iheader h2 {
+
 
-
padding:.4em 15px 0 15px;
+
#headerPan ul.leftmenu{width:87px;}
-
margin:0;
+
#headerPan ul.leftmenu li{width:87px; height:22px; border-bottom:1px dashed #AECCCA;}
-
}
+
#headerPan ul.leftmenu li a{width:72px; height:22px; display:block; background:url(http://i.imgur.com/6wX1Dsg.gif) 0 7px no-repeat #fff; color:#305E5C; line-height:22px; text-decoration:none; padding:0 0 0 15px;}
-
#iheader ul {
+
#headerPan ul.leftmenu li a:hover{background:url(http://i.imgur.com/MpGFdkC.gif) 0 7px no-repeat #fff; color:#305E5C; line-height:22px; text-decoration:none; padding:0 0 0 15px;}
-
clear:left;
+
#headerPan ul.leftmenu li.clients{width:87px; height:22px; border-bottom:none;}
-
float:left;
+
 
-
width:100%;
+
#headerPan ul.botton{width:150px; height:45px; position:absolute; top:-50px; left:80px;}
-
list-style:none;
+
#headerPan ul.botton li{float:left; height:45px;}
-
margin:10px 0 0 0;
+
#headerPan ul.botton li.igem a{width:96px; height:45px; display:block; background:url(http://i.imgur.com/895tLRO.png) 0 0 no-repeat; text-indent:-200000px; margin:0 12px 0 0;}
-
padding:0;
+
/*----/HEADER PANEL----*/
-
}
+
 
-
#iheader ul li {
+
/*----BODY PANEL----*/
-
display:inline;
+
#bodyPan{width:686px; background:url(http://i.imgur.com/IBGbG8h.gif) 0 0 no-repeat; position:relative; margin:0 auto; padding:22px 0 0 92px;}
-
list-style:none;
+
/*----Body Left Panel----*/
-
margin:0;
+
#leftPan{width:114px; float:left;}
-
padding:0;
+
 
-
}
+
#leftPan h2{width:114px; height:34px; background:#fff; color:#5F7A77; font-size:18px; line-height:34px;}
-
#iheader ul li a {
+
 
-
display:block;
+
#leftPan ul{width:114px;}
-
float:left;
+
#leftPan ul li{width:114px; height:24px;}
-
margin:0 0 0 1px;
+
#leftPan ul li a{width:102px; height:24px; display:block; background:url(http://i.imgur.com/SZtsOew.gif) 0 10px no-repeat #fff; color:#5F7A77; text-decoration:none; line-height:24px; padding:0 0 0 12px;}
-
padding:3px 10px;
+
#leftPan ul li a:hover{background:url(http://i.imgur.com/tIXhvKO.gif) 0 10px no-repeat #fff; color:#5F7A77; text-decoration:none;}
-
text-align:center;
+
#leftPan ul li span{text-decoration:underline;}
-
background:#96CA9A;
+
/*----/Body Left Panel----*/
-
color:#000;
+
/*----Body Right Panel----*/
-
text-decoration:none;
+
#rightPan{width:511px; float:left; border-left:1px solid #C8E8E2; margin:28px 0 0; padding:0 30px;}
-
position:relative;
+
#rightPan p{padding:0 0 10px 0;}
-
left:15px;
+
#rightPan p.more{width:502px; height:25px; float:left; background:url(http://i.imgur.com/8RdSX9T.gif) 0 10px repeat-x; padding:0 0 20px 0;}
-
line-height:1.3em;
+
#rightPan p.more a{width:92px; height:21px; display:block; background:url(http://i.imgur.com/F2sNfoa.jpg) 0 0 no-repeat #fff; color:#958201; line-height:21px; text-transform:uppercase; text-decoration:none; margin:0 0 0 328px; padding:4px 0 0 50px;}
-
}
+
#rightPan p.more a:hover{background:url(http://i.imgur.com/F2sNfoa.jpg) 0 0 no-repeat #fff; color:#645804; text-decoration:none;}
-
#iheader ul li a:hover {
+
 
-
background:#009665;
+
#rightPan h2{width:96px; height:77px; float:left; display:block; background:url(http://i.imgur.com/LzstqMp.jpg) 8px 38px no-repeat #B1DED5; color:#fff; font-size:16px; font-weight:bold; line-height:18px; text-transform:uppercase; padding:46px 0 0 75px; margin:0 0 5px 0;}
-
color:#fff;
+
 
-
}
+
#rightPan ul.parts{width:137px; height:114px; float:left; border:1px solid #B1DED5; background:#fff; color:#5F7A77; padding:7px 0 0 25px;}
-
#iheader ul li a.active,
+
 
-
#iheader ul li a.active:hover {
+
#rightPan ul.parts li.captionone{background:#fff; color:#AC9601; font-size:12px; font-weight:bold; text-decoration:underline;}
-
color:#fff;
+
 
-
background:#066332;
+
#rightPan ul.parts li{width:137px; height:20px;}
-
font-weight:bold;
+
#rightPan ul.parts li a{width:125px; height:20px; display:block; background:url(http://i.imgur.com/SZtsOew.gif) 0 7px no-repeat #fff; color:#5F7A77; text-decoration:none; line-height:20px; padding:0 0 0 12px;}
-
}
+
#rightPan ul.parts li a:hover{background:url(http://i.imgur.com/tIXhvKO.gif) 0 7px no-repeat #fff; color:#5F7A77; text-decoration:none;}
-
#iheader ul li a span {
+
 
-
display:block;
+
#rightPan ul.partstwo{width:137px; height:114px; float:left; border-bottom:1px solid #B1DED5; border-top:1px solid #B1DED5;  border-right:1px solid #B1DED5;background:#fff; color:#5F7A77; padding:7px 0 0 25px;}
-
}
+
 
-
/* 'widths' sub menu */
+
#rightPan ul.partstwo li.captiontwo{background:#fff; color:#AC9601; font-size:12px; font-weight:bold; text-decoration:underline;}
-
#layoutdims {
+
 
-
clear:both;
+
#rightPan ul.partstwo li{width:137px; height:20px;}
-
background:#96CA9A;
+
#rightPan ul.partstwo li a{width:125px; height:20px; display:block; background:url(http://i.imgur.com/SZtsOew.gif) 0 7px no-repeat #fff; color:#5F7A77; text-decoration:none; line-height:20px; padding:0 0 0 12px;}
-
border-top:4px solid #066332;
+
#rightPan ul.partstwo li a:hover{background:url(http://i.imgur.com/tIXhvKO.gif) 0 7px no-repeat #fff; color:#5F7A77; text-decoration:none;}
-
margin:0;
+
 
-
padding:6px 15px !important;
+
#rightPan h4{width:96px; height:77px; float:left; display:block; background:url(images/ivy_icon4.jpg) 8px 38px no-repeat #DFD79C; color:#fff; font-size:16px; font-weight:bold; line-height:18px; text-transform:uppercase; padding:46px 0 0 75px;  margin:0 0 5px 0;}
-
text-align:right;
+
 
-
}
+
#rightPan ul.team{width:305px; height:114px; float:left; border:1px solid #B1DED5; background:#fff; color:#5F7A77; padding:7px 0 0 25px;}
-
/* column container */
+
 
-
.ivymask {
+
#rightPan ul.team li.captionthree{background:#fff; color:#AC9601; font-size:12px; font-weight:bold; text-decoration:none;}
-
position:relative; /* This fixes the IE7 overflow hidden bug */
+
 
-
clear:both;
+
#rightPan ul.team li{width:305px; height:20px;}
-
float:left;
+
#rightPan ul.team li a{width:293px; height:20px; display:block; background:url(http://i.imgur.com/SZtsOew.gif) 0 7px no-repeat #fff; color:#959595; text-decoration:underline; line-height:20px; padding:0 0 0 12px;}
-
width:100%; /* width of whole page */
+
#rightPan ul.team li a:hover{background:url(http://i.imgur.com/tIXhvKO.gif) 0 7px no-repeat #fff; color:#5F7A77; text-decoration:underline;}
-
overflow:hidden; /* This chops off any overhanging divs */
+
 
-
}
+
/*----/Body Right Panel----*/
-
/* common column settings */
+
/*----/BODY PANEL----*/
-
.ivyleft,
+
/*----/MAIN PANEL----*/
-
.ivymid,
+
 
-
.ivyright {
+
/*----FOOTER PANEL----*/
-
float:left;
+
#footermainPan{height:103px; background:url(http://i.imgur.com/ouOAZhT.gif) 0 0 repeat-x #D3F0F0; color:#2F5958; font:13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; position:relative; margin:0 auto; clear:both; padding:36px 0 0;}
-
width:100%;
+
#footerPan{width:778px; position:relative; margin:0 auto;}
-
position:relative;
+
 
-
}
+
#footerPan ul{width:608px; height:20px; position:relative; margin:0 auto;}
-
.ivy1,
+
#footerPan li{float:left; }
-
.ivy2,
+
#footerPan ul li a{padding:0 10px 0; color:#2F5958; background:#EBF8F7; text-decoration:none; font-size:13px;}
-
.ivy3 {
+
#footerPan ul li a:hover{text-decoration:underline;}
-
float:left;
+
 
-
position:relative;
+
#footerPan p.copyright{width:250px; margin:10px 0 0 92px;}
-
padding:0 0 1em 0;
+
 
-
overflow:hidden;
+
#footerPan ul.templateworld{width:250px; background:#D3F0F0; color:#007163; display:block; font-size:10px; position:absolute; top:49px; left:92px;}
-
}
+
#footerPan ul.templateworld li{height:20px;}
-
/* 3 column settings */
+
#footerPan ul.templateworld li a{background:#D3F0F0; display:block; color:#007163; text-decoration:none; padding:0px; font-size:10px;}
-
.threeivy {
+
#footerPan ul.templateworld li a:hover{text-decoration:underline;}
-
background:#96CA9A; /* right column background ivyour */
+
-
}
+
-
.threeivy .ivymid {
+
-
right:25%; /* width of the right column */
+
-
background:#fff; /* center column background ivyour */
+
-
}
+
-
.threeivy .ivyleft {
+
-
right:50%; /* width of the middle column */
+
-
background:#96CA9A; /* left column background ivyour */
+
-
}
+
-
.threeivy .ivy1 {
+
-
width:46%; /* width of center column content (column width minus padding on either side) */
+
-
left:102%; /* 100% plus left padding of center column */
+
-
}
+
-
.threeivy .ivy2 {
+
-
width:21%; /* Width of left column content (column width minus padding on either side) */
+
-
left:31%; /* width of (right column) plus (center column left and right padding) plus (left column left padding) */
+
-
}
+
-
.threeivy .ivy3 {
+
-
width:21%; /* Width of right column content (column width minus padding on either side) */
+
-
left:85%; /* Please make note of the brackets here:
+
-
(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
+
-
}
+
-
/* 3 column blog style settings */
+
-
.blogstyle {
+
-
background:#96CA9A; /* right column background ivyour */
+
-
}
+
-
.blogstyle .ivymid {
+
-
right:25%; /* width of the right column */
+
-
background:#96CA9A; /* center column background ivyour */
+
-
}
+
-
.blogstyle .ivyleft {
+
-
right:25%; /* width of the middle column */
+
-
background:#fff; /* left column background ivyour */
+
-
}
+
-
.blogstyle .ivy1 {
+
-
width:46%; /* width of center column content (column width minus padding on either side) */
+
-
left:52%; /* 100% plus left padding of center column */
+
-
}
+
-
.blogstyle .ivy2 {
+
-
width:21%; /* Width of left column content (column width minus padding on either side) */
+
-
left:56%; /* width of (right column) plus (center column left and right padding) plus (left column left padding) */
+
-
}
+
-
.blogstyle .ivy3 {
+
-
width:21%; /* Width of right column content (column width minus padding on either side) */
+
-
left:60%; /* Please make note of the brackets here:
+
-
(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
+
-
}
+
-
/* 2 column (left menu) settings */
+
-
.leftmenu {
+
-
background:#fff; /* right column background ivyour */
+
-
}
+
-
.leftmenu .ivyleft {
+
-
right:75%; /* right column width */
+
-
background:#96CA9A; /* left column background ivyour */
+
-
}
+
-
.leftmenu .ivy1 {
+
-
width:71%; /* right column content width */
+
-
left:102%; /* 100% plus left column left padding */
+
-
}
+
-
.leftmenu .ivy2 {
+
-
width:21%; /* left column content width (column width minus left and right padding) */
+
-
left:6%; /* (right column left and right padding) plus (left column left padding) */
+
-
}
+
-
/* 2 column (right menu) settings */
+
-
.rightmenu {
+
-
background:#96CA9A; /* right column background ivyour */
+
-
}
+
-
.rightmenu .ivyleft {
+
-
right:25%; /* right column width */
+
-
background:#fff; /* left column background ivyour */
+
-
}
+
-
.rightmenu .ivy1 {
+
-
width:71%; /* left column content width (left column width minus left and right padding) */
+
-
left:27%; /* (right column width) plus (left column left padding) */
+
-
}
+
-
.rightmenu .ivy2 {
+
-
width:21%; /* right column content width (right column width minus left and right padding) */
+
-
left:31%; /* (right column width) plus (left column left and right padding) plus (right column left padding) */
+
-
}
+
-
/* 2 column (double page) settings */
+
-
.doublepage {
+
-
background:#96CA9A; /* right column background ivyour */
+
-
}
+
-
.doublepage .ivyleft {
+
-
right:50%; /* right column width */
+
-
background:#fff; /* left column background ivyour */
+
-
}
+
-
.doublepage .ivy1 {
+
-
width:46%; /* left column content width (column width minus left and right padding) */
+
-
left:52%; /* right column width plus left column left padding */
+
-
}
+
-
.doublepage .ivy2 {
+
-
width:46%; /* right column content width (column width minus left and right padding) */
+
-
left:56%; /* (right column width) plus (left column left and right padding) plus (right column left padding) */
+
-
}
+
-
/* Full page settings */
+
-
.fullpage {
+
-
background:#fff; /* page background ivyour */
+
-
}
+
-
.fullpage .ivy1 {
+
-
width:96%; /* page width minus left and right padding */
+
-
left:2%; /* page left padding */
+
-
}
+
-
/* Footer styles */
+
-
#footer {
+
-
clear:both;
+
-
float:left;
+
-
width:100%;
+
-
border-top:1px solid #066332;
+
-
}
+
-
#footer p {
+
-
padding:10px;
+
-
margin:0;
+
-
}
+
/* EDIT AND USER MENU */
/* EDIT AND USER MENU */

Revision as of 12:39, 9 October 2014

/* CSS Document */ body{padding:0px; margin:0px; background:url(http://i.imgur.com/xQWilAi.gif) 0 0 repeat-x #fff; color:#5F7A77; font:13px/19px Arial, Helvetica, sans-serif;} div, p, ul, h2, h3, h4, h5, img{padding:0px; margin:0px;} ul{list-style-type:none}

/*----MAIN PANEL----*/

  1. mainPan{width:778px; position:relative; margin:0 auto;}

/*----TOP PANEL----*/

  1. topPan{width:778px; height:65px; background:url(http://i.imgur.com/4aF9HEy.jpg) 0 0 no-repeat #fff; color:#828282; position:relative; margin:0 auto;}
  2. topPan img.logo{width:136px; height:31px; position:absolute; top:12px; left:235px;}
  3. topPan p.caption{width:300px; background:#fff; color:#828282; position:absolute; top:43px; left:235px;}

/*----/TOP PANEL----*/

/*----HEADER PANEL----*/

  1. headerPan{width:686px; height:153px; background:url(http://i.imgur.com/MT7liXq.jpg) 0 0 no-repeat; position:relative; margin:0 auto; padding:11px 0 0 92px;}
  1. headerPan ul.leftmenu{width:87px;}
  2. headerPan ul.leftmenu li{width:87px; height:22px; border-bottom:1px dashed #AECCCA;}
  3. headerPan ul.leftmenu li a{width:72px; height:22px; display:block; background:url(http://i.imgur.com/6wX1Dsg.gif) 0 7px no-repeat #fff; color:#305E5C; line-height:22px; text-decoration:none; padding:0 0 0 15px;}
  4. headerPan ul.leftmenu li a:hover{background:url(http://i.imgur.com/MpGFdkC.gif) 0 7px no-repeat #fff; color:#305E5C; line-height:22px; text-decoration:none; padding:0 0 0 15px;}
  5. headerPan ul.leftmenu li.clients{width:87px; height:22px; border-bottom:none;}
  1. headerPan ul.botton{width:150px; height:45px; position:absolute; top:-50px; left:80px;}
  2. headerPan ul.botton li{float:left; height:45px;}
  3. headerPan ul.botton li.igem a{width:96px; height:45px; display:block; background:url(http://i.imgur.com/895tLRO.png) 0 0 no-repeat; text-indent:-200000px; margin:0 12px 0 0;}

/*----/HEADER PANEL----*/

/*----BODY PANEL----*/

  1. bodyPan{width:686px; background:url(http://i.imgur.com/IBGbG8h.gif) 0 0 no-repeat; position:relative; margin:0 auto; padding:22px 0 0 92px;}

/*----Body Left Panel----*/

  1. leftPan{width:114px; float:left;}
  1. leftPan h2{width:114px; height:34px; background:#fff; color:#5F7A77; font-size:18px; line-height:34px;}
  1. leftPan ul{width:114px;}
  2. leftPan ul li{width:114px; height:24px;}
  3. leftPan ul li a{width:102px; height:24px; display:block; background:url(http://i.imgur.com/SZtsOew.gif) 0 10px no-repeat #fff; color:#5F7A77; text-decoration:none; line-height:24px; padding:0 0 0 12px;}
  4. leftPan ul li a:hover{background:url(http://i.imgur.com/tIXhvKO.gif) 0 10px no-repeat #fff; color:#5F7A77; text-decoration:none;}
  5. leftPan ul li span{text-decoration:underline;}

/*----/Body Left Panel----*/ /*----Body Right Panel----*/

  1. rightPan{width:511px; float:left; border-left:1px solid #C8E8E2; margin:28px 0 0; padding:0 30px;}
  2. rightPan p{padding:0 0 10px 0;}
  3. rightPan p.more{width:502px; height:25px; float:left; background:url(http://i.imgur.com/8RdSX9T.gif) 0 10px repeat-x; padding:0 0 20px 0;}
  4. rightPan p.more a{width:92px; height:21px; display:block; background:url(http://i.imgur.com/F2sNfoa.jpg) 0 0 no-repeat #fff; color:#958201; line-height:21px; text-transform:uppercase; text-decoration:none; margin:0 0 0 328px; padding:4px 0 0 50px;}
  5. rightPan p.more a:hover{background:url(http://i.imgur.com/F2sNfoa.jpg) 0 0 no-repeat #fff; color:#645804; text-decoration:none;}
  1. rightPan h2{width:96px; height:77px; float:left; display:block; background:url(http://i.imgur.com/LzstqMp.jpg) 8px 38px no-repeat #B1DED5; color:#fff; font-size:16px; font-weight:bold; line-height:18px; text-transform:uppercase; padding:46px 0 0 75px; margin:0 0 5px 0;}
  1. rightPan ul.parts{width:137px; height:114px; float:left; border:1px solid #B1DED5; background:#fff; color:#5F7A77; padding:7px 0 0 25px;}
  1. rightPan ul.parts li.captionone{background:#fff; color:#AC9601; font-size:12px; font-weight:bold; text-decoration:underline;}
  1. rightPan ul.parts li{width:137px; height:20px;}
  2. rightPan ul.parts li a{width:125px; height:20px; display:block; background:url(http://i.imgur.com/SZtsOew.gif) 0 7px no-repeat #fff; color:#5F7A77; text-decoration:none; line-height:20px; padding:0 0 0 12px;}
  3. rightPan ul.parts li a:hover{background:url(http://i.imgur.com/tIXhvKO.gif) 0 7px no-repeat #fff; color:#5F7A77; text-decoration:none;}
  1. rightPan ul.partstwo{width:137px; height:114px; float:left; border-bottom:1px solid #B1DED5; border-top:1px solid #B1DED5; border-right:1px solid #B1DED5;background:#fff; color:#5F7A77; padding:7px 0 0 25px;}
  1. rightPan ul.partstwo li.captiontwo{background:#fff; color:#AC9601; font-size:12px; font-weight:bold; text-decoration:underline;}
  1. rightPan ul.partstwo li{width:137px; height:20px;}
  2. rightPan ul.partstwo li a{width:125px; height:20px; display:block; background:url(http://i.imgur.com/SZtsOew.gif) 0 7px no-repeat #fff; color:#5F7A77; text-decoration:none; line-height:20px; padding:0 0 0 12px;}
  3. rightPan ul.partstwo li a:hover{background:url(http://i.imgur.com/tIXhvKO.gif) 0 7px no-repeat #fff; color:#5F7A77; text-decoration:none;}
  1. rightPan h4{width:96px; height:77px; float:left; display:block; background:url(images/ivy_icon4.jpg) 8px 38px no-repeat #DFD79C; color:#fff; font-size:16px; font-weight:bold; line-height:18px; text-transform:uppercase; padding:46px 0 0 75px; margin:0 0 5px 0;}
  1. rightPan ul.team{width:305px; height:114px; float:left; border:1px solid #B1DED5; background:#fff; color:#5F7A77; padding:7px 0 0 25px;}
  1. rightPan ul.team li.captionthree{background:#fff; color:#AC9601; font-size:12px; font-weight:bold; text-decoration:none;}
  1. rightPan ul.team li{width:305px; height:20px;}
  2. rightPan ul.team li a{width:293px; height:20px; display:block; background:url(http://i.imgur.com/SZtsOew.gif) 0 7px no-repeat #fff; color:#959595; text-decoration:underline; line-height:20px; padding:0 0 0 12px;}
  3. rightPan ul.team li a:hover{background:url(http://i.imgur.com/tIXhvKO.gif) 0 7px no-repeat #fff; color:#5F7A77; text-decoration:underline;}

/*----/Body Right Panel----*/ /*----/BODY PANEL----*/ /*----/MAIN PANEL----*/

/*----FOOTER PANEL----*/

  1. footermainPan{height:103px; background:url(http://i.imgur.com/ouOAZhT.gif) 0 0 repeat-x #D3F0F0; color:#2F5958; font:13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; position:relative; margin:0 auto; clear:both; padding:36px 0 0;}
  2. footerPan{width:778px; position:relative; margin:0 auto;}
  1. footerPan ul{width:608px; height:20px; position:relative; margin:0 auto;}
  2. footerPan li{float:left; }
  3. footerPan ul li a{padding:0 10px 0; color:#2F5958; background:#EBF8F7; text-decoration:none; font-size:13px;}
  4. footerPan ul li a:hover{text-decoration:underline;}
  1. footerPan p.copyright{width:250px; margin:10px 0 0 92px;}
  1. footerPan ul.templateworld{width:250px; background:#D3F0F0; color:#007163; display:block; font-size:10px; position:absolute; top:49px; left:92px;}
  2. footerPan ul.templateworld li{height:20px;}
  3. footerPan ul.templateworld li a{background:#D3F0F0; display:block; color:#007163; text-decoration:none; padding:0px; font-size:10px;}
  4. footerPan ul.templateworld li a:hover{text-decoration:underline;}

/* EDIT AND USER MENU */

  1. menubar { 
   font-family: "Lato", Helvetica, sans-serif;
   top: 0 !important;
   font-size: 0.45em;

}

  1. menubar li,
  2. menubar li a:link { 
   text-transform: uppercase;

}

/* Highlight with background colour on hover */

  1. top-section { 
   background-color: #fff;

}

  1. top-section:hover #menubar li a { 
   color: #777777;

}

  1. menubar li a:link,
  2. menubar li a:visited { 
   color: #777777;
   background-color: #fff;

}

  1. menubar li a:hover,
  2. menubar li a:focus { 
   color: #777777;
   text-decoration: underline;

}


/* EDIT */

  1. menubar.left-menu { 
    position: fixed;

background: #fff; 

    margin-left: 0px;

}

  1. menubar.left-menu:hover { 
   background-color: #fff;

}

/* USER */

  1. menubar.right-menu {

background: #fff; 

   position: fixed;
   margin-right: 0px;

}

Retrieved from "http://2014.igem.org/Team:IvyTech_SouthBend_IN/css/stylesheet/standard"