Template:ProtoCat/CSS

From 2014.igem.org

Revision as of 00:29, 20 September 2014 by Lankrist (Talk | contribs)

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

/body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; background-color: #FFFFFF; background-position: left top; margin: 0px; } h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, input, textarea { padding: 0px; margin: 0px; }

h1 {

   background: #DCB9EF;

}

ul {

   background: #E39387;

}

.left{

   background: #B9D3E3;

}

.header{

   background: #93E3AB;

}

.footer{

background: #D178A3;

}

.header {

   height: 100px;
   padding-bottom: 3px;

} .header h1 {

   font-family: Verdana, Arial, Helvetica, sans-serif
   font-size: 28px;
   font-weight: bold;
   line-height: 63px;
   color: #000000;
   float: left;
   padding-right: 10px;
   padding-left: 10px;

} .header ul { height: 27px; float: left; margin-top: 18px; list-style-type: none; clear: left; } .header ul li { height: 27px; float: left; padding-right: 15px; padding-left: 15px; } .header ul li a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 27px; text-transform: uppercase; color: #000000; text-decoration: none; display: block; height: 27px; float: left; padding-right: 15px; padding-left: 15px; }

.header ul li a:hover { color: #FFFFFF; background-color: #C0C0C0; background-repeat: no-repeat; background-position: left top; padding-right: 15px; padding-left: 15px; clear: left; }

.header form{

   line-height: 27px;
   float: right;
   margin-top: 18px;

}

.footer { background-repeat: no-repeat; background-position: left top; width: 899px; height: 111px; float: left; padding: 0px 20px; } .footer-left { font-size: 11px; color: #000000; width: 200px; float: left; } .footer-right { float: right; padding-top: 29px; } .footer-right ul { list-style-type: none; } .footer-right ul li { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-transform: uppercase; color: #000000; display: inline; } .footer-right ul li a { color: #000000; text-decoration: none; padding-right: 15px; padding-left: 15px; } .footer-right ul li a:hover { color: #FFFFFF; background-color: #C0C0C0; } .footer-right p { font-size: 12px; color: #737373; text-align: right; margin-right: 15px; margin-top: 20px; }