Team:Valencia/prueba4

From 2009.igem.org

(Difference between revisions)
(New page: html, body, h1, h2, h3, h4, ul, li { margin: 0; padding: 0; } h1 img { display: block; } img { border: 0; } a { color: #464544; } a:hover { color: #FFA405; } .left { float: left; } ...)
 
Line 1: Line 1:
-
html, body, h1, h2, h3, h4, ul, li {
 
-
margin: 0;
 
-
padding: 0;
 
-
}
 
-
h1 img {
 
-
display: block;
 
-
}
 
-
img {
 
-
border: 0;
 
-
}
 
-
a {
 
-
color: #464544;
 
-
}
 
-
a:hover {
 
-
color: #FFA405;
 
-
}
 
-
.left {
 
-
float: left;
 
-
}
 
-
.right {
 
-
float: right;
 
-
}
 
-
.more {
 
-
text-align: right;
 
-
}
 
-
.clear {
 
-
clear: both;
 
-
}
 
-
 
body {
body {
background: #fff url(images/page_bg.gif) repeat-x;
background: #fff url(images/page_bg.gif) repeat-x;

Latest revision as of 10:53, 24 September 2009

body { background: #fff url(images/page_bg.gif) repeat-x; text-align: center; font: 12px arial, sans-serif; color: #464544; }

/** layout **/

  1. wrapper {

text-align: left; margin: auto; width: 728px;

 position: relative;

}

h1 {

 position: absolute;
 top: 46px;
 left: 0;
 height: 43px;
 padding-top: 8px;
 width: 414px;
 text-align: center;
 background: #7A808C;
 color: #ffffff;
 font: 24px "Times new roman", serif;
 font-weight: normal;

} h1 strong {

 font-weight: normal;
 color: #0E1520;

}

  1. top-nav {
 position: absolute;
 top: 15px;
 left: 414px;
 width: 266px;
 height: 269px;
 background: #6D7481 bottom left url(images/header.jpg) no-repeat;

}

  1. top-nav ul {
 text-align: center;
 line-height: 32px;

}

  1. top-nav li {
 display: inline;
 font-size: 12px;
 color: #fff;

}

  1. top-nav a {
 text-decoration: none;
 font-weight: normal;
 color: #fff;

}

  1. top-nav a:hover {
 text-decoration: underline;

}

  1. mmagic {
 background: url(images/media_magic.gif) no-repeat;
 position: absolute;
 top: 46px;
 left: 680px;
 width: 48px;
 height: 238px;

}

  1. header {
 background: url(images/header_bg.jpg) no-repeat;
 position: absolute;
 top: 89px;
 left: 0px;
 width: 414px;
 height: 195px;

}

/** body **/

  1. spacer {
 height: 285px;

}

  1. body {
 background: url(images/body_bg.gif) repeat-y;
 width: 100%;

}

  1. left {
 float: left;
 width: 412px;

}

  1. right {
 float: right;
 width: 312px;

}

  1. nav ul {

}

  1. nav li {
 float: left;
 width: 102px;
 height: 34px;
 line-height: 34px;
 text-align: center;
 background: url(images/tab_lit.gif) repeat-x;
 border-left: 1px solid white;
 list-style: none;

}

  1. nav a {
 font: 16px "Times new roman", serif;
 color: #ffffff;
 text-decoration: none;

}

  1. nav a:hover {
 text-decoration: underline;

}

  1. nav li.drk {
 background: url(images/tab_drk.gif) repeat-x;
 border-left: none;
 padding-left: 1px;

}

  1. visit {
 background: #EEEEEE;
 padding: 15px 40px 14px 36px;

}

  1. visit h2 {
 font: 24px "Times new roman", serif;

}

  1. visit a {
 text-decoration: none;

}

  1. visit a:hover {
 text-decoration: underline;

}

  1. subs-left {
 float: left;
 width: 160px;
 padding-left: 35px;
 padding-bottom: 10px;
 margin-top: 22px;

}

  1. subs-right {
 float: right;
 width: 145px;
 padding-right: 30px;
 padding-bottom: 10px;
 margin-top: 22px;

}

  1. subs-left a {
 color: #fff;

}

  1. subs-left {
 color: #fff;

}

  1. subs-left h3 {
 color: #000000;
 font: 16px "Times new roman", serif;

}

  1. subs-left p {
 text-align: justify;

}

  1. subs-right {
 color: #fff;

}

  1. subs-right h3 {
 color: #000000;
 padding-left: 20px;
 padding-bottom: 14px;
 font: 16px "Times new roman", serif;

}

  1. subs-right h4 {
 color: #000000;
 font: 14px "Times new roman", serif;
 margin: 0.6em 0;

}

  1. subs-right ul {
 margin-top: 1em;

}

  1. subs-right li {
 list-style: none;
 padding-left: 20px;
 background: 5px 3px url(images/bullet.gif) no-repeat;

}

  1. subs-right p {
 text-align: justify;
 margin: 0.6em 0;

}

  1. right-i {
 padding: 4px 25px 0 20px;

}

  1. right h2 {
 color: #323E51;
 font: 22px "Times new roman", serif;
 margin-bottom: 12px;

}

  1. right h3 {
 color: #000000;
 font: 14px "Times new roman", serif;
 margin-bottom: 5px;

}

  1. right p {
 margin-top: 0;
 color: #163348;

}

  1. right .left {
 margin-right: 4px;

}

  1. right a {
 color: #163348;
 font-weight: bold;
 text-decoration: none;

}

  1. right a:hover {
 text-decoration: underline;

}

/** footer **/

  1. copyright {
 background: #6D7481;
 color: #fff;
 text-align: center;
 font-size: 11px;
 float: right;
 width: 315px;
 padding: 10px 0;
 margin-bottom: 20px;

}

  1. copyright p {
 margin: 0;
 padding: 0;

}