Team:SYSU-Software/style.css

From 2012.igem.org

(Difference between revisions)
 
(15 intermediate revisions not shown)
Line 1: Line 1:
-
body{background: none repeat scroll 0% 0% rgb(249, 247, 245);
+
* {  
-
color: rgb(68, 68, 68);}
+
margin:0;
-
#logopic{top: 14px; left: 40px; width:800px;position: absolute ; margin: auto ;}
+
padding:0;
-
.aligncenter {
+
-
  display: block;
+
-
  margin-left: auto;
+
-
  margin-right: auto;
+
-
  }
+
-
.alignleft { float: left; }
+
-
.alignright { float: right; }
+
-
 
+
-
/*
+
-
-----------------------------------------------------------*/
+
-
 
+
-
.sysu-title {
+
-
background-color:#545454;
+
-
background-image:url('https://static.igem.org/mediawiki/2012/b/b6/Header_v8.png'  ) ;
+
-
background-position:0 20px;
+
-
background-repeat:no-repeat;
+
-
display:block;
+
-
padding-top:100px;
+
}
}
-
 
+
body {  
-
.reminderfox-mascot {
+
height:100%;
-
display:block;
+
-
float:right;
+
-
margin-right:26px;
+
-
margin-top:-135px;
+
}
}
-
 
+
html {  
-
.uniblue-ad {
+
height:100%;
-
-moz-border-radius:10px 10px 10px 10px;
+
-
background:none repeat scroll 0 0 #D3D3D3;
+
-
border-color:#CCCCCC;
+
-
border-style:solid;
+
-
border-width:1px 3px 3px 1px;
+
-
padding-left:10px;
+
-
width:279px;
+
-
color:#000000;
+
-
font:140%/1.6em Arial,Helvetica,Sans-serif;
+
-
padding: 10px;
+
-
margin-bottom: 10px;
+
-
margin-top: 10px;
+
}
}
-
 
+
html {
-
#doctitle {
+
min-width:968px;
-
border-bottom:1px solid #BBBBBB !important;
+
-
font-weight:bold;
+
-
padding-bottom:0.4em;
+
}
}
-
 
+
#page1 {  
-
.doc-toc {
+
background:url(https://static.igem.org/mediawiki/2012/3/3e/Main-bg.jpg) no-repeat 50% 0 #0f0f0f;  
-
border:1px solid #AAAAAA;
+
font-family:Arial, Helvetica, sans-serif;
-
font-size:95%;
+
font-size:100%;  
-
margin:10px 0;
+
line-height:1.25em;
-
border-collapse:collapse;
+
color:#4c4c4c;
-
border-spacing:0;
+
}
}
-
 
+
img {
-
.doc-toc td {
+
border:0;
-
padding:8px;
+
vertical-align:top;
 +
text-align:left;
}
}
-
 
+
object {
-
.doc-toc #toctitle {
+
vertical-align:top;
-
margin:3px 0 8px;
+
outline:none;
-
+
}
 +
ol {
 +
list-style:none;
}
}
-
.doc-toc ul {
+
ul {  
-
list-style-image:none;
+
list-style:none;
-
list-style-type:none;
+
-
margin-left:0;
+
-
padding-left:0;
+
-
text-align:left;
+
}
}
-
.doc-toc li {
+
.fleft {  
-
font-size:13px;
+
float:left;
-
font-weight:normal;
+
-
line-height:1.5 !important;
+
-
margin:0.5em 0 !important;
+
}
}
-
 
+
.fright {
-
.doc-toc a {
+
float:right;
-
text-decoration:underline;
+
}
 +
.clear {  
 +
clear:both;
}
}
-
#doc-nav {
+
.col-3 {  
-
-moz-border-radius:0.5em 0.5em 0.5em 0.5em;
+
float:left;
-
border:1px solid #CCCCCC;
+
-
padding:5px 15px 15px;
+
}
}
-
#doc-nav h5 {
+
.col-2 {  
-
background:none repeat scroll 0 0 #E3E0D5;
+
float:left;
-
color:#192839;
+
-
font-size:1.2em;
+
-
font-weight:bold;
+
-
margin:2em 0 0.4em;
+
-
padding:0.3em 10px;
+
-
text-transform:uppercase;
+
}
}
-
#doc-nav ul {
+
.col-1 {  
-
list-style:none outside none;
+
float:left;
-
margin:0;
+
}
}
-
#doc-nav li {
+
.alignright {  
-
margin:0;
+
text-align:right;
-
padding:0;
+
}
 +
.aligncenter {
 +
text-align:center;
}
}
-
#doc-nav li a {
+
.wrapper {  
-
border-bottom:1px solid #EEEEEE;
+
width:100%;
-
display:block;
+
overflow:hidden;
-
font-size:1.2em;
+
}
-
line-height:1.4;
+
.container {
-
margin:0;
+
width:100%;
-
padding:0.2em 10px;
+
-
position:relative;
+
-
text-decoration:none;
+
}
}
-
#doc-contents ul li {
 
-
background:none repeat scroll 0 0 transparent;
 
-
}
 
-
#toc-ul li {
 
-
background:none repeat scroll 0 0 transparent;
 
-
padding:0;
 
-
}
 
-
#toc-ul a {
+
/*==== GLOBAL =====*/
-
font-weight: normal;
+
#main {
 +
width:968px;
 +
margin:0 auto;
 +
font-size:.875em;
 +
position:relative;
}
}
-
#toctitle h2 {
+
#header {
-
padding: 0;
+
height:570px;
 +
overflow:hidden;
 +
background:url(https://static.igem.org/mediawiki/igem.org/a/aa/Header-bg.jpg) no-repeat 0 0;
}
}
-
 
+
#content2 {
-
#doc-main-page ul li {
+
background:url(https://static.igem.org/mediawiki/2012/3/34/Content-bg.jpg) no-repeat 0 0 #010101;
-
background: url("/images/bullet.gif") no-repeat scroll 0 0.3em transparent
+
padding:34px 57px 46px 59px;
 +
}
 +
#footer {
 +
padding:10px 0 60px 75px;
 +
background:#010101;
}
}
-
#little-boy{
+
 
-
display: block;
+
/*---- tailings ----*/
-
float: right;
+
.tail-top {  
-
margin-right: 5px;
+
background:url(2012.igem.org/wiki/images/5/5b/Tail-top.gif) left top repeat-x;
-
margin-top: -135px;}
+
padding-top:25px;
}
}
-
#blank{  height: 10px ;  top: 10px ;}
+
/*----- forms parameters -----*/
-
-----------------------------------------------------------------
+
textarea {  
-
body {
+
font-family:Arial, Helvetica, sans-serif; font-size:1em;
-
  font: 62.5% Arial,Helvetica,Sans-serif;
+
vertical-align:middle;
-
  color: #444;
+
font-weight:normal;
-
  line-height: 2.2em;
+
-
  background: #F9F7F5;
+
-
  min-width: 960px;
+
-
  text-align: center;
+
}
}
-
a:visited { color: #4265A7; }
 
-
a:link { color: #4265A7; }
 
-
.entry a:visited { font-weight: bold; }
 
-
.entry a:link { font-weight: bold; }
 
-
a:hover { color: #993333; }
 
-
/*Basic Structure
 
-
------------------------------------------------------------ */
 
-
.wrapper{
 
-
  width: 960px;
 
-
  margin: 10px auto;
 
-
  text-align: left;
 
-
}
 
-
#content{
 
-
  float: left;
 
-
  width: 648px;
 
-
  padding: 0 0 30px 0;
 
-
  margin: 20px 0 0 0
 
-
}
 
-
.content-background { background: url(../images/content-background.gif) repeat-x top left;
 
-
}
 
-
#sidebar {
 
-
  float: right;
 
-
  padding-bottom: 30px;
 
-
  width: 266px; 
 
-
}
 
-
#footer {
 
-
  clear: both;
 
-
  padding-top: 5px;
 
-
  border-top: 1px solid #ddd;
 
-
}
 
-
li.comment:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
 
-
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
 
-
div.skip-content { display: none; }
 
-
/*Header
+
select {  
-
------------------------------------------------------------ */
+
font-family:Arial, Helvetica, sans-serif; font-size:1em;
-
#header {
+
vertical-align:middle;
-
  width: 100%;
+
font-weight:normal;
-
  border-bottom: 1px solid #EDE7E0;
+
-
  background: #443B31 url(../images/nav-background.gif) repeat-x bottom left;
+
-
}
+
-
#follow {
+
-
  background: #2F2922;
+
-
  padding: 5px 0;
+
-
}
+
-
#follow dl {
+
-
  float: right;
+
-
  font-size: 1.3em;
+
-
}
+
-
#follow dl dd { float: left; }
+
-
#follow dl dt { float: left; }
+
-
#follow dt {
+
-
  font-weight: bold;
+
-
  color: #AD9B83;
+
-
}
+
-
#follow dd { margin-left: 20px; }
+
-
#follow dd a {
+
-
  display: block;
+
-
  color: #cfc4b6;
+
-
}
+
-
#follow dd a.rss {  padding-left: 20px; background: url(../images/feed-icon.png) no-repeat 0 .2em; }
+
-
#follow dd a.email {  padding-left: 22px; background: url(../images/email-icon.png) no-repeat 0 .35em; }
+
-
#follow dd a.twitter {  padding-left: 19px; background: url(../images/twitter-icon.png) no-repeat 0 .15em; }
+
-
div#title {
+
-
  float: left;
+
-
  padding: 30px 0;
+
-
  font-size: 3em;
+
-
  font-weight: bold;
+
-
  line-height: 50px;
+
-
}
+
-
h1#title {
+
-
  float: left;
+
-
  padding: 30px 0;
+
-
  font-size: 3em;
+
-
  font-weight: bold;
+
-
  line-height: 50px;
+
}
}
-
div#title a:visited  { color: #E9E5E0; }
 
-
div#title a:link  { color: #E9E5E0; }
 
-
h1#title a:visited  { color: #E9E5E0; }
 
-
h1#title a:link  { color: #E9E5E0; }
 
-
div#title a:hover { text-decoration: none; }
 
-
h1#title a:hover { text-decoration: none; }
 
-
/*Description
+
input {
-
---------------------------------------*/
+
font-family:Arial, Helvetica, sans-serif; font-size:1em;
-
#description {
+
vertical-align:middle;
-
  margin: 35px 0 0 40px;
+
font-weight:normal;
-
  float: left;
+
-
  color: #796957;
+
-
  font-size: 1.4em;
+
-
  font-weight: bold;
+
-
  line-height: 50px;
+
}
}
-
/*Nav
+
 
-
---------------------------------------*/
+
/*----- other -----*/
-
#nav {
+
.img-indent {  
-
  width:100%;
+
margin:0 42px 0 0;  
-
  font-size: 1.3em;
+
float:left;
}
}
-
#nav ul {
+
.img-box {  
-
  float: left;
+
width:100%;  
-
  line-height: 40px;
+
overflow:hidden;  
-
  padding: 0;
+
padding-bottom:20px;
-
  margin: 0;
+
-
  width: 100%;
+
-
}
+
-
#nav {
+
-
  float: left;
+
-
  line-height: 40px;
+
-
  padding: 0;
+
-
  margin: 0;
+
-
  width: 100%;
+
}
}
 +
.img-box img {
 +
float:left;
 +
margin:0 42px 0 0;
 +
}
-
/*Notice
+
.extra-wrap {  
-
------------------------------------------------------------ */
+
overflow:hidden;
-
div.notice {
+
-
  display: block;
+
-
  padding: 20px 0;
+
-
  font-size: 1.6em;
+
-
}
+
-
div.notice strong { color: #2F2922; }
+
-
div.notice div {
+
-
  margin: 10px 0;
+
-
  padding: 20px;
+
-
  background: #F0EBE6 url(../images/notice-background.gif) repeat-x top left;
+
-
}
+
-
div.notice div h2 {
+
-
  font-size: 1.3em;
+
-
  margin-bottom: 10px;
+
}
}
-
/*Page/Post Styling
+
 
-
------------------------------------------------------------ */
+
p {
-
.post { margin-bottom: 30px;}
+
margin-bottom:20px;
-
/*Post Header
+
-
---------------------------------------*/
+
-
.post-header {
+
-
  border-top: 1px solid #EFEAE4;
+
-
  margin: 0 0 15px 0;
+
-
  padding-top: 20px;
+
}
}
-
.post-header h2 {  
+
.p1 {  
-
  font-size: 2em;
+
margin-bottom:10px;
-
  line-height: 1.1em;
+
-
  margin-left: 131px;
+
}
}
-
div.post-header div.date {
+
.p2 {  
-
  float: left;
+
margin-bottom:20px;
-
  width: 114px;
+
-
  color: #beaa99;
+
-
  font-size: 1.5em;
+
-
  text-transform: uppercase;
+
-
  font-weight: bold;
+
-
  padding: 0 0 0 17px;
+
-
  background: url(../images/icon-calendar.png) no-repeat 0 .3em;
+
}
}
-
.date span { color: #E0C9B5; }
+
.p3 {  
-
.author {
+
margin-bottom:30px;
-
  margin: 3px 0 0 131px;
+
-
  color: #C0B2A5;
+
-
  font-size: 1.2em;
+
}
}
-
/*Post Body
+
 
-
---------------------------------------*/
+
/*----- txt, links, lines, titles -----*/
-
.entry {  
+
a {
-
  margin: 0 0 0 131px;
+
color:#4a4a4a;  
-
  width: 497px;
+
outline:none;
-
  font-size: 1.3em;  
+
}
}
-
.entry p { margin-bottom: 10px; }
+
a:hover{
-
.entry h4 {
+
text-decoration:none;
-
  font-size: 1.3em;
+
-
  padding: 15px 0 5px 0;
+
}
}
-
.entry h3 {
+
 
-
  font-size: 1.3em;
+
h1 {
-
  padding: 15px 0 5px 0;
+
position:absolute;
 +
left:59px;
 +
top:16px;
 +
font-size:83px;
 +
line-height:1.2em;
 +
color:#fff;
 +
font-weight:normal;
 +
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
 +
letter-spacing:-2px;
}
}
-
.entry h2 {
+
h1 a {
-
  font-size: 1.3em;
+
color:#fff;
-
  padding: 15px 0 5px 0;
+
text-decoration:none;
 +
}
 +
h2 {
 +
font-size:24px;
 +
line-height:1.2em;
 +
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
 +
font-weight:normal;
 +
color:#000;
 +
margin-bottom:14px;
 +
padding-top:6px;
}
}
-
.entry h3 {  
+
 
-
  padding-top: 10px;
+
.link1 {  
-
  font-size: 1em;
+
display:block;
 +
float:left;
 +
background:url(https://static.igem.org/mediawiki/2012/7/76/Link1-left-bg.gif) no-repeat left top #e2e2e2;
 +
color:#000;  
 +
text-decoration:none;
 +
font-size:10px;
 +
text-transform:uppercase;
}
}
-
.entry h6 {  
+
.link1 b {  
-
  padding-top: 10px;
+
display:block;
-
  font-size: .9em;
+
background:url(https://static.igem.org/mediawiki/2012/6/6d/Link1-right-bg.gif) no-repeat right top;
 +
padding:0 19px 0 11px;  
 +
font-weight:normal; font-style:normal;
 +
line-height:28px;
 +
}
 +
 
 +
.link1:hover {
 +
background:url(images/link1-left-bg.gif) no-repeat left -28px #474747;
 +
color:#fff;
}
}
-
.entry h5 {  
+
.link1:hover b {
-
  padding-top: 10px;
+
background-position:100% -28px;
-
  font-size: .9em;
+
}
 +
 
 +
 
 +
.line-ver1 {
 +
background-image:url(https://static.igem.org/mediawiki/2012/b/b6/Line-ver.gif);
 +
background-repeat:repeat-y;
 +
width:100%;
}
}
-
.entry h4 {  
+
 
-
  padding-top: 10px;
+
 
-
  font-size: .9em;
+
.line-ver {  
 +
background-image:url(https://static.igem.org/mediawiki/2012/b/b6/Line-ver.gif);  
 +
background-repeat:repeat-y;
 +
width:100%;
}
}
-
pre {
+
 
-
  margin: 10px 0;
+
 
-
  padding: 1em 10px;
+
/*==================boxes====================*/
-
  overflow: auto;
+
.box {
-
  background-color: #E9EBD9;
+
background:#f7f7f7;
-
  color: #000;
+
width:100%;
 +
border-top:1px solid #e5e5e5;
 +
font-size:13px;
 +
line-height:18px;
 +
color:#7e7e7e;
}
}
-
code {  
+
.box .left-bot-corner {
-
  padding: 2px 3px;
+
background:url(https://static.igem.org/mediawiki/2012/4/47/Left-bot-corner.gif) no-repeat left bottom;
-
  font: 1.1em Consolas, Courier New, sans-serif;
+
width:100%;
-
  background-color: #E9EBD9;
+
}
-
  color: #000;
+
.box .right-bot-corner {
 +
background:url(https://static.igem.org/mediawiki/2012/b/b9/Right-bot-corner.gif) no-repeat right bottom;
 +
}
 +
.box .inner {  
 +
padding:23px 28px 40px 35px;
 +
}
 +
.box p {
 +
margin-bottom:18px;
 +
}
 +
.box strong {
 +
color:#4a4a4a;
 +
}
 +
 +
.box .link1 {
 +
background:url(https://static.igem.org/mediawiki/2012/8/8d/Link1-left-alt.gif) no-repeat left top #e2e2e2;
 +
}
 +
.box .link1 b {
 +
background:url(https://static.igem.org/mediawiki/2012/6/60/Link1-right-alt.gif) no-repeat right top;
 +
}
 +
.box .link1:hover {
 +
background:url(images/link1-left-alt.gif) no-repeat left -28px #474747;
 +
}
 +
.box .link1:hover b {
 +
background-position:100% -28px;
 +
}
 +
 
 +
 
 +
 
 +
.box1 {
 +
background:url(https://static.igem.org/mediawiki/2012/3/3e/Box1-bg.gif) 0 0 repeat-x #fff;
 +
width:100%;
}
}
-
pre code { font-size: 1.3em; }
+
.box1 .left-top-corner {
-
blockquote {
+
background:url(https://static.igem.org/mediawiki/2012/e/ef/Left-top-corner.gif) no-repeat 0 0;
-
  display: block;
+
}
-
  margin: 20px 0 20px 20px;
+
.box1 .right-top-corner {
-
  padding: 0 0 0 20px;
+
background:url(https://static.igem.org/mediawiki/2012/b/bd/Right-top-corner.gif) no-repeat 100% 0;
-
  border-left: 3px solid #CBCAC8;
+
width:100%;
-
  color: #666;
+
}
-
  font-style: italic;
+
.box1 .right-bot-corner {
-
  line-height: 1.5em;
+
background:url(https://static.igem.org/mediawiki/2012/c/c1/Right-bot-corner-alt.gif) no-repeat 100% 100%;
 +
}
 +
.box1 .left-bot-corner {
 +
background:url(https://static.igem.org/mediawiki/2012/b/b8/Left-bot-corner-alt.gif) no-repeat 0 100%;
 +
width:100%;
 +
}
 +
.box1 .inner {
 +
padding:27px 28px 40px 35px;
 +
}
 +
 
 +
 
 +
 
 +
.address {
 +
float:left;
}
}
-
.c-body ul { margin: 0 0 10px 10px; }
+
.address dd {
-
.entry ul { margin: 0 0 10px 10px; }
+
clear:both;
-
.c-body ul li {
+
text-align:right;
-
  display: block;
+
}
-
  margin: 5px 0;
+
.address dd span {  
-
  padding: 0 0 0 17px;
+
float:left;
-
  background: url(../images/list-item.gif) no-repeat 0 .3em;
+
padding-right:20px;
 +
}
 +
.address dd a {
 +
color:#4a4a4a;
 +
}
 +
 
 +
 
 +
/*===== header =====*/
 +
#header .nav {
 +
position:absolute;
 +
left:59px;
 +
top:136px;
 +
width:268px;
 +
border-top:1px solid #4d4d4d;
}
}
-
.entry ul li {
+
#header .nav li {
-
  display: block;
+
width:100%;
-
  margin: 5px 0;
+
overflow:hidden;
-
  padding: 0 0 0 17px;
+
vertical-align:top;
-
  background: url(../images/list-item.gif) no-repeat 0 .3em;
+
}
 +
#header .nav li a {
 +
display:block;
 +
font-size:26px;
 +
line-height:1.1em;
 +
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
 +
color:#fff;
 +
text-decoration:none;
 +
padding:9px 0 8px 18px;
 +
border-bottom:1px solid #4d4d4d;
 +
background:url(https://static.igem.org/mediawiki/2012/b/b5/Nav-bg.png) 0 0 no-repeat;
 +
}
 +
#header .nav li a span {
 +
display:block;
 +
color:#525252;
 +
font-size:17px;
 +
line-height:1.2em;
 +
}
 +
 +
#header .nav li a.current {
 +
background:url(https://static.igem.org/mediawiki/2012/b/b5/Nav-bg2.png);
 +
}
 +
 +
#header .nav li a:hover {
 +
background:url(https://static.igem.org/mediawiki/2012/b/b5/Nav-bg2.png);
 +
}
 +
#logopic{top: 30px; ; position: absolute ;  margin-left:70px;}
 +
/*--- faded slider ---*/
 +
#faded {
 +
width:566px;
 +
height:504px;
 +
position:absolute;
 +
left:379px;
 +
top:80px;
 +
overflow:hidden;
}
}
-
.c-body ol {
+
-
  list-style-type: decimal;
+
#faded ul { list-style:none; padding:0; margin:0; }
-
  list-style-position: inside;
+
-
  margin: 5px 0 5px 10px;
+
#faded li strong {
 +
display:block;
 +
position:absolute;
 +
left:218px;
 +
top:349px;
 +
background:url(https://static.igem.org/mediawiki/2012/7/72/Title-bg.png) no-repeat 0 0;
 +
width:298px;
 +
height:56px;
 +
font-size:45px;
 +
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
 +
color:#fff;
 +
line-height:48px;
 +
text-align:center;
 +
font-weight:normal;
 +
letter-spacing:-2px;
 +
}
 +
 
 +
#faded ul.controls {
 +
position:absolute;
 +
right:34px;
 +
top:153px;
 +
width:46px;
 +
height:68px;
}
}
-
.entry ol {
+
#faded ul.controls li {
-
  list-style-type: decimal;
+
width:100%;
-
  list-style-position: inside;
+
overflow:hidden;
-
  margin: 5px 0 5px 10px;
+
vertical-align:top;
 +
}
 +
#faded ul.controls li a {
 +
display:block;
 +
width:46px;
 +
height:34px;
 +
overflow:hidden;
 +
}
 +
#faded ul.controls li a.prev {
 +
background:url(https://static.igem.org/mediawiki/2012/f/fc/Controls.png) no-repeat 0 0;
 +
}
 +
#faded ul.controls li a.prev:hover {
 +
background-position:0 -68px;
 +
}
 +
#faded ul.controls li a.next {
 +
background:url(https://static.igem.org/mediawiki/2012/f/fc/Controls.png) no-repeat 0 -34px;
 +
}
 +
#faded ul.controls li a.next:hover {
 +
background-position:0 -102px;
 +
}
 +
 
 +
#faded .button-alt {
 +
display:block;
 +
background:url(https://static.igem.org/mediawiki/2012/7/7a/Button.gif) no-repeat 0 0;
 +
width:90px;
 +
height:28px;
 +
line-height:28px;
 +
text-transform:uppercase;
 +
color:#000;
 +
text-align:center;
 +
font-size:10px;
 +
text-decoration:none;
 +
text-indent:-7px;
 +
position:absolute;
 +
bottom:62px;
 +
right:85px;
}
}
-
.c-body ol li ol li { list-style-type: lower-roman; }
+
#faded .button-alt:hover {
-
.entry ol li ol li { list-style-type: lower-roman; }
+
text-decoration:underline;
-
.c-body ol li { margin: 5px 0; }
+
-
.entry ol li { margin: 5px 0; }
+
-
.navigation {
+
-
  padding: 10px 0;
+
-
  font-size: 1.3em;
+
}
}
-
.index { padding: 0; }
+
 
-
/*Post Footer
+
 
-
---------------------------------------*/
+
 
-
.post-footer { margin-left: 131px; }
+
 
-
.comments a {
+
/*===== content =====*/
-
  display: block;
+
 
-
  padding: 0 0 0 17px;
+
/*--- tabs ---*/
-
  color: #B79F87;
+
ul.tabs {
-
  font-size: 1.2em;
+
margin: 0;
-
  background: url(../images/icon-comments.png) no-repeat 0 .4em;
+
padding: 0;
 +
float: left;
 +
list-style: none;
 +
height: 48px; /*--Set height of tabs--*/
 +
padding:0 0 0 0;
 +
position:relative;
 +
float:right;
}
}
-
.comments a:hover {
+
ul.tabs li {
-
  color: #453729;
+
float: left;
-
  text-decoration: none;
+
border-left: none;
-
} 
+
overflow: hidden;
-
.comments span {
+
position: relative;
-
  font-size: 1.3em;
+
background:url(https://static.igem.org/mediawiki/igem.org/6/65/%E6%9C%AA%E6%A0%87%E9%A2%98-2.png) no-repeat 0 0;
-
  font-style: italic;
+
width:90px;
 +
height:44px;
 +
line-height:44px;
 +
font-size:14px;
 +
color:#fff;
 +
text-align:center;
 +
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
 +
margin:4px 0 0 4px;
}
}
-
/*Single
+
ul.tabs li.first {
-
---------------------------------------*/
+
margin-left:0;
-
.tags {
+
-
  float: left;
+
-
  width: 104px;
+
}
}
-
.tags span {
+
ul.tabs li a {
-
  display: block;
+
text-decoration: none;
-
  font-size: 1.5em;
+
color: #fff;
-
  font-weight: bold;
+
display: block;
-
  text-transform: uppercase;
+
-
  color: #beaa99;
+
-
  padding: 0 0 10px 28px;
+
-
  background: url(../images/icon-tags.png) no-repeat 0 .3em;
+
}
}
-
.tags p {
+
html ul.tabs li.active a {
-
  font-size: 1.2em;
+
color:#000;
-
  line-height: 1.4em;
+
}
-
  color: #beaa99;
+
 
 +
html ul.tabs li.active  {
 +
background:url(https://static.igem.org/mediawiki/igem.org/6/6c/%E6%9C%AA%E6%A0%87%E9%A2%98-3.png) no-repeat 0 0;
 +
margin-top:0;
 +
height:48px;
 +
color:#000;
 +
line-height:48px;
}
}
-
.tags a {
+
-
  color: #beaa99;
+
ul.tabs li:hover  {
-
  }
+
background:url(https://static.igem.org/mediawiki/igem.org/6/6c/%E6%9C%AA%E6%A0%87%E9%A2%98-3.png) no-repeat 0 0;
-
.post-header h1 {  
+
margin-top:0;
-
  margin-left: 131px;
+
height:48px;
-
  padding-bottom: 4px;
+
color:#000;
-
  font-size: 2.2em;
+
line-height:48px;
-
  }
+
-
.meta {
+
-
  border-top: 1px solid #EFEAE4;
+
-
  margin-top: 10px;
+
-
  padding-top: 5px;
+
-
  font-size: 1.2em;
+
-
  text-align: right;
+
-
  color: #666;
+
}
}
-
/*Comments
+
ul.tabs li:hover a {
-
------------------------------------------------------------ */
+
color:#000;
-
/*Top
+
}
-
---------------------------------------*/
+
 
-
.comment-number {
+
.tab_container {
-
  display: block;
+
overflow: hidden;
-
  padding: 30px 0 5px 0;
+
clear: both;
-
  font-weight: bold;
+
float: left; width: 100%;
 +
background: #fff;
 +
min-height:305px;
 +
height:auto !important;
 +
height:335px;
}
}
-
.comment-number span {
+
.tab_content {
-
  font-size: 1.3em;
+
padding: 35px 30px 32px 35px;
-
  color: #777;
+
}
}
-
.none { border-bottom: 1px solid #EFEAE4; }
+
/*--- tabs ---*/
-
a#leavecomment {
+
 
-
  font-size: 1.6em;
+
 
-
  padding-left: 2px;  
+
.list1 {
 +
padding-bottom:20px;
}
}
-
/*Body
+
.list1 li {
-
---------------------------------------*/
+
background:url(https://static.igem.org/mediawiki/2012/4/40/Arrow1.gif) no-repeat 6px 12px;
-
li.comment {
+
padding:6px 0 5px 20px;
-
  padding-top: 20px;
+
border-bottom:1px solid #dedede;
-
  border-top: 1px solid #EFEAE4;
+
font-size:13px !important;
 +
}
 +
.list1 li.last {
 +
border-bottom:none;
 +
}
 +
.list1 li a {
 +
color:#4a4a4a;
 +
text-decoration:none;
 +
}
 +
.list1 li a:hover {
 +
color:#000;
 +
text-decoration:underline;
 +
}
 +
 
 +
 
 +
.products-list li {
 +
width:100%;
 +
overflow:hidden;
 +
border-bottom:1px solid #dcdcdc;
 +
padding:12px 0 12px 0;
 +
color:#4a4a4a;
}
}
-
li.comment.depth-2 { margin-bottom: 10px; }
+
.products-list li.last {
-
#comments ul.children {
+
border-bottom:none;
-
  margin: 10px 0 0 131px;
+
margin-bottom:0;
-
  clear: both;
+
-
}
+
-
div.c-grav {
+
-
  float: left;
+
-
  width: 40px;
+
-
  margin: 0;
+
-
  text-align: right;
+
-
}
+
-
div.c-grav img {
+
-
  padding: 4px;
+
-
  border: 1px solid #E6E1DB;
+
-
  border-right-color: #D6D1CC;
+
-
  border-bottom-color: #D6D1CC;
+
-
  background: #fff;
+
-
}
+
-
div.c-body {
+
-
  margin-left: 131px;
+
-
  width: 497px;
+
-
  font-size: 1.3em;
+
-
}
+
-
ul.children div.c-body { margin-left: 70px; width: 427px; }
+
-
div.c-body p { margin-bottom: 10px; }
+
-
div.c-head {
+
-
  margin: 0 0 10px 0;
+
-
  font-weight: bold;
+
-
}
+
-
.c-permalink a:visited {
+
-
  color: #777;
+
-
  font-size: .7em;
+
-
}
+
-
.c-permalink a:link {
+
-
  color: #777;
+
-
  font-size: .7em;
+
-
}
+
-
div.reply { padding-bottom: 10px; }
+
-
div.reply a:visited { color: #beaa99; }
+
-
div.reply a:link { color: #beaa99; }
+
-
/*Form
+
-
---------------------------------------*/
+
-
form#commentform { margin: 0 0 20px 131px; }
+
-
#respond { font-size: 1.3em; }
+
-
h4#postcomment {
+
-
  margin: 20px 0;
+
-
  padding: 5px 0 0 0;
+
-
  color: #555;
+
-
  border-top: 1px solid #EFEAE4;
+
-
}
+
-
form#commentform label.comment-field {
+
-
  display: block;
+
-
  margin: 10px 0 3px 0;
+
-
  font-size: 1.1em;
+
-
}
+
-
form#commentform textarea {
+
-
  padding: 7px 3px;
+
-
  background: #fff;
+
-
  font-family: inherit;
+
-
  border: 1px solid #E6E1DB;
+
-
  border-right-color: #D6D1CC;
+
-
  border-bottom-color: #D6D1CC;
+
-
  width: 477px;
+
-
}
+
-
input.text-input {
+
-
  padding: 7px 3px;
+
-
  background: #fff;
+
-
  font-family: inherit;
+
-
  border: 1px solid #E6E1DB;
+
-
  border-right-color: #D6D1CC;
+
-
  border-bottom-color: #D6D1CC;
+
-
  width: 477px;
+
-
}
+
-
input#url { width: 300px; }
+
-
input#email { width: 300px; }
+
-
input#author { width: 300px; }
+
-
form#commentform textarea:focus { background: #fff; }
+
-
form#commentform input:focus { background: #fff; }
+
-
form#commentform input#submit {
+
-
  padding: 5px;
+
-
  width: 150px;
+
-
}
+
-
form#commentform p.guidelines {
+
-
  margin: 10px 0;
+
-
  color: #555;
+
-
}
+
-
p.comments-rss{ margin: 0 0 10px 0; }
+
-
p.subscribe-to-comments{ margin: 0 0 10px 0; }
+
-
p.comments-rss a {
+
-
  font-size: 1.1em;
+
-
  padding: 0 0 0 19px;
+
-
  background: url(../images/feed-icon.png) no-repeat 0 .1em;
+
-
}
+
-
fieldset { border: none; }
+
-
/*Note
+
-
---------------------------------------*/
+
-
p.note {
+
-
  font-style: italic;
+
-
  font-size: 1.3em;
+
-
}
+
-
/*Pingbacks/Trackbacks
+
-
---------------------------------------*/
+
-
h3.pinghead {
+
-
  font-size: 1.3em;
+
-
  color: #444444;
+
-
}
+
-
ol.pinglist {
+
-
  list-style-type: decimal;
+
-
  list-style-position: inside;
+
-
  margin: 0 0 10px 10px;
+
-
  font-size: 1.3em;
+
}
}
 +
.products-list li img {
 +
float:left;
 +
margin-right:30px;
 +
}
 +
.products-list li p {
 +
margin-bottom:12px;
 +
}
 +
-
/*Pages
+
.banners {
-
---------------------------------------*/
+
width:100%;
-
#content .entry.page {  
+
overflow:hidden;
-
  margin: 0;
+
padding:44px 0 0 0;
-
  width: 628px;
+
}
}
-
h2.pagetitle {
+
.banners li {
-
  border-top: 1px solid #EFEAE4;
+
float:left;
-
  margin: 0 0 15px 0;
+
background:url() no-repeat 100% 0;
-
  padding-top: 20px;
+
padding:0 22px 0 22px;
-
  font-size: 2.2em;
+
}
-
}
+
.banners li.last {
-
h1.pagetitle {
+
background:none;
-
  border-top: 1px solid #EFEAE4;
+
padding-right:0;
-
  margin: 0 0 15px 0;
+
}
-
  padding-top: 20px;
+
 
-
  font-size: 2.2em;
+
-
}
+
-
/*Archives List
+
-
---------------------------------------*/
+
-
.entries ul {
+
-
  font-size: 1.3em;
+
-
}
+
-
.entries ul li {
+
-
  line-height: 2.5em;
+
-
  border-bottom: 1px dashed #DFDAD5;
+
-
}
+
-
.entries span {
+
-
  margin-right: 20px;
+
-
  color: #777;
+
-
}
+
-
/*Sidebar
+
-
------------------------------------------------------------ */
+
-
#sidebox { font-size: 1.2em; }
+
-
#sidebox p {
+
-
  margin-bottom: 15px;
+
-
  line-height: 1.6em;
+
-
}
+
-
#sidebox img {
+
-
  padding: 14px;
+
-
  border: 1px solid #E6E1DC;
+
-
  background: #F0EBE6;
+
-
}
+
-
h2.widgettitle {
+
-
  margin: 25px 0 10px 0;
+
-
  padding-bottom: 3px;
+
-
  font-size: 1.4em;
+
-
  border-bottom: 1px solid #DFDAD5;
+
-
  color: #555;
+
-
}
+
-
ul li.widget ul { font-size: 1.2em; }
+
-
ul li.widget ul li ul {
+
-
  margin-left: 5px;
+
-
  font-size: 1em;
+
-
}
+
-
ul li.widget ul li { padding: 1px 0; }
+
-
ul li.widget ul li ul li { padding: 1px 0 0 0; }
+
-
/*Adbox
+
.testimonials li {
-
---------------------------------------*/
+
text-align:right;
-
#adbox {
+
padding-bottom:18px;
-
  margin: 20px 0;
+
-
  padding: 3px;
+
-
  border: 1px solid #E6E1DC;
+
-
  background: #F0EBE6;
+
}
}
-
#adbox img { border: 1px solid #E6E1DC; }
+
.testimonials li blockquote {
 +
text-align:left;
 +
}
-
/*Footer
+
 
-
------------------------------------------------------------ */
+
 
 +
/*===== footer =====*/
#footer {
#footer {
-
  padding: 30px 0;
+
font-size:10px;
-
  border-top: 10px solid #ded6d4;
+
text-transform:uppercase;
-
  background: #e7e1de;
+
color:#4a4a4a;
-
  color: #555;
+
}
}
-
#footer a:visited { color: #444; }
+
#footer a {
-
#footer a:link { color: #444; }
+
color:#fff;
-
#footer a:hover { text-decoration: underline; }
+
text-decoration:none;
 +
}
 +
#footer a:hover {
 +
text-decoration:underline;
 +
}
-
/*Footer Columns
+
 
-
---------------------------------------*/
+
/*----- forms -----*/
-
.footer-column {
+
#search-form {
-
  float: left;
+
position:absolute;
-
  margin-right: 30px;
+
width:190px;
-
  padding-bottom: 20px;
+
height:25px;
-
  color: #413f3e;
+
right:57px;
 +
top:-2px;
 +
background:url(https://static.igem.org/mediawiki/2012/f/ff/Search-bg.gif) no-repeat 0 0;
}
}
-
#footer-about.footer-column { width: 337px; }
+
#search-form fieldset {
-
#footer-flickr.footer-column { width: 281px; }
+
border:none;
-
#footer-search.footer-column {  
+
}
-
  margin: 0;
+
#search-form input.text {
-
float: right;
+
width:135px;
-
  width: 266px;  
+
border:none;
-
}
+
background:none;
-
.footer-column h2 {
+
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
-
  font-size: 1.6em;
+
font-size:13px;
-
  border-bottom: 2px solid #dbd3d0;
+
color:#7f7f7f;
-
  padding-bottom: 2px;
+
padding:0 0 6px 21px;
-
}
+
font-style:italic;
-
.footer-column p {
+
line-height:16px;
-
  margin: 15px 0;
+
}
-
  font-size: 1.2em;
+
#search-form input.submit {
-
  line-height: 1.5em;
+
border:none;
-
}
+
background:none;
-
/*Flickr
+
width:33px;
-
---------------------------------------*/
+
height:25px;
-
.flickr_badge_image {
+
cursor:pointer;
-
  float: left;
+
}
-
  margin: 0 0 0 10px;
+
-
  padding: 0;
+
-
  line-height: 0;
+
-
}
+
-
#flickr_badge_image3.flickr_badge_image { margin: 15px 0 10px 10px; }
+
-
#flickr_badge_image2.flickr_badge_image { margin: 15px 0 10px 10px; }
+
-
#flickr_badge_image1.flickr_badge_image { margin: 15px 0 10px 10px; }
+
-
#flickr_badge_image4.flickr_badge_image { margin-left: 0; }
+
-
#flickr_badge_image1.flickr_badge_image { margin-left: 0; }
+
-
.flickr_badge_image img {
+
-
  margin: 0;
+
-
  padding: 5px;
+
-
  border: 1px solid #ccc;
+
-
  background: #F7F7F7;
+
-
  line-height: 0;
+
-
}
+
-
#footer h2.widgettitle { margin-top: 0; }
+
-
/*Search
+
-
---------------------------------------*/
+
-
#search_form input.search {  
+
-
  margin: 15px 0 0 0;
+
-
  padding: 5px 2px;  
+
-
  width: 180px;
+
-
  border: 1px solid #DED8D5;
+
-
  background: #F3F3F3;
+
-
  color: #555;
+
-
}
+
-
#search_form input.search:focus { background: #fff; }
+
-
#search_form input#searchsubmit { margin: 0 0 0 5px; }
+
-
/*Copyright
+
#contacts-form fieldset {
-
---------------------------------------*/
+
border:none;
-
#copyright {
+
-
  display: block;
+
-
  clear: both;
+
-
  padding-top: 1px;
+
-
  font-size: 1.1em;
+
-
  border-top: 2px solid #dbd3d0;
+
}
}
-
#copyright a:visited {
+
#contacts-form label {
-
  border-bottom: 1px dotted;
+
display:block;
-
  text-decoration: none;
+
height:32px;
-
}
+
overflow:hidden;
-
#copyright a:link {
+
}
-
  border-bottom: 1px dotted;
+
#contacts-form input {
-
  text-decoration: none;
+
background:#fff;
-
}
+
width:210px;
-
#copyright a:hover {
+
padding:2px 5px 2px 6px;
-
  border-bottom: 1px solid;
+
border:none;
-
  text-decoration: none;
+
border:1px solid #e1e1e1;
-
}
+
color:#7e7e7e;
-
/*Miscellaneous
+
border-color:#303030 #cecece #e1e1e1 #585858;
-
---------------------------------------*/
+
}
-
img.border {
+
#contacts-form textarea {
-
  padding: 14px;
+
width:210px;
-
  border: 1px solid #E6E1DC;
+
padding:2px 5px 2px 6px;
-
  background: #F0EBE6;  
+
height:104px;
-
}
+
background:#fff;
-
.entry .alignright { margin: 0 0 10px 15px; }
+
overflow:auto;
-
.entry .alignleft { margin: 0 15px 10px 0; }
+
border:1px solid #e1e1e1;
-
 
+
border-color:#303030 #cecece #e1e1e1 #585858;
-
/*menu*/
+
color:#7e7e7e;
-
#menu {margin:0px auto; display:block; width:1000px; ;}
+
margin-bottom:17px;
-
#nav {display:block;}
+
}
-
#nav .mainlevel {float:left; background:#545454; text-align:center; display:block;}
+
#contacts-form .link1 {
-
#nav .mainlevel a {color:#fff; text-decoration:none; line-height:40px; height:40px; text-align:center; padding:0 8px; display:block; _width:48px;}
+
float:right;
-
#nav .mainlevel a:hover {color:#3f240e; text-decoration:none; background:#678900 url(https://static.igem.org/mediawiki/2012/5/55/Slide-pannel_14.png) 0 0 repeat-x;}
+
margin-left:10px;
-
#nav .mainlevel ul {position:absolute; display:none; *width:2000px;/*IE is great need, width>=li.length*/}
+
}
-
#nav .mainlevel li {float:left; background:#545454;}
+
-
#nav .mainlevel li a {padding:0 12px; line-height:24px; height:35px; display:block; _padding-bottom:6px;/*IE6 only*/}
+
-
#nav .mainlevel li a:hover {color:#3f240e; text-decoration:none; background:#678900 url(https://static.igem.org/mediawiki/2012/5/55/Slide-pannel_14.png) 0 0 repeat-x;}
+
-
#nav li a em/*input an em tag as a space*/ {padding:0 3px;}
+
-
.note {color:#3f240e; border-right:1px solid #fff; background:#678900 url(https://static.igem.org/mediawiki/2012/5/55/Slide-pannel_14.png) 0 0 repeat-x; display:block; line-height:34px; padding:0 3em;}
+
-
.Triangle_con {height:9px; background:url(https://static.igem.org/mediawiki/2012/7/70/Bird.png) 36px 0 no-repeat; display:block; _margin-bottom:-6px;/*IE6 only*/}
+
-
.log {margin:100px auto; width:1000px; text-transform:capitalize; line-height:200%;}
+
-
.clear {clear:both; *display:inline;/*IE only*/}
+
/*==========================================*/

Latest revision as of 07:44, 26 October 2012

  • {

margin:0; padding:0; } body { height:100%; } html { height:100%; } html { min-width:968px; }

  1. page1 {

background:url(Main-bg.jpg) no-repeat 50% 0 #0f0f0f; font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height:1.25em; color:#4c4c4c; }

img { border:0; vertical-align:top; text-align:left; } object { vertical-align:top; outline:none; } ol { list-style:none; }

ul { list-style:none; }

.fleft { float:left; } .fright { float:right; } .clear { clear:both; }

.col-3 { float:left; }

.col-2 { float:left; }

.col-1 { float:left; }

.alignright { text-align:right; } .aligncenter { text-align:center; }

.wrapper { width:100%; overflow:hidden; } .container { width:100%; }



/*==== GLOBAL =====*/

  1. main {

width:968px; margin:0 auto; font-size:.875em; position:relative; }

  1. header {

height:570px; overflow:hidden; background:url(Header-bg.jpg) no-repeat 0 0; }

  1. content2 {

background:url(Content-bg.jpg) no-repeat 0 0 #010101; padding:34px 57px 46px 59px; }

  1. footer {

padding:10px 0 60px 75px; background:#010101; }


/*---- tailings ----*/ .tail-top { background:url(2012.igem.org/wiki/images/5/5b/Tail-top.gif) left top repeat-x; padding-top:25px; }


/*----- forms parameters -----*/

textarea { font-family:Arial, Helvetica, sans-serif; font-size:1em; vertical-align:middle; font-weight:normal; }


select { font-family:Arial, Helvetica, sans-serif; font-size:1em; vertical-align:middle; font-weight:normal; }


input { font-family:Arial, Helvetica, sans-serif; font-size:1em; vertical-align:middle; font-weight:normal; }


/*----- other -----*/ .img-indent { margin:0 42px 0 0; float:left; } .img-box { width:100%; overflow:hidden; padding-bottom:20px; } .img-box img { float:left; margin:0 42px 0 0; }

.extra-wrap { overflow:hidden; }


p { margin-bottom:20px; } .p1 { margin-bottom:10px; } .p2 { margin-bottom:20px; } .p3 { margin-bottom:30px; }

/*----- txt, links, lines, titles -----*/ a { color:#4a4a4a; outline:none; } a:hover{ text-decoration:none; }

h1 { position:absolute; left:59px; top:16px; font-size:83px; line-height:1.2em; color:#fff; font-weight:normal; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing:-2px; } h1 a { color:#fff; text-decoration:none; } h2 { font-size:24px; line-height:1.2em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; color:#000; margin-bottom:14px; padding-top:6px; }

.link1 { display:block; float:left; background:url(Link1-left-bg.gif) no-repeat left top #e2e2e2; color:#000; text-decoration:none; font-size:10px; text-transform:uppercase; } .link1 b { display:block; background:url(Link1-right-bg.gif) no-repeat right top; padding:0 19px 0 11px; font-weight:normal; font-style:normal; line-height:28px; }

.link1:hover { background:url(images/link1-left-bg.gif) no-repeat left -28px #474747; color:#fff; } .link1:hover b { background-position:100% -28px; }


.line-ver1 { background-image:url(Line-ver.gif); background-repeat:repeat-y; width:100%; }


.line-ver { background-image:url(Line-ver.gif); background-repeat:repeat-y; width:100%; }


/*==================boxes====================*/ .box { background:#f7f7f7; width:100%; border-top:1px solid #e5e5e5; font-size:13px; line-height:18px; color:#7e7e7e; } .box .left-bot-corner { background:url(Left-bot-corner.gif) no-repeat left bottom; width:100%; } .box .right-bot-corner { background:url(Right-bot-corner.gif) no-repeat right bottom; } .box .inner { padding:23px 28px 40px 35px; } .box p { margin-bottom:18px; } .box strong { color:#4a4a4a; }

.box .link1 { background:url(Link1-left-alt.gif) no-repeat left top #e2e2e2; } .box .link1 b { background:url(Link1-right-alt.gif) no-repeat right top; } .box .link1:hover { background:url(images/link1-left-alt.gif) no-repeat left -28px #474747; } .box .link1:hover b { background-position:100% -28px; }


.box1 { background:url(Box1-bg.gif) 0 0 repeat-x #fff; width:100%; } .box1 .left-top-corner { background:url(Left-top-corner.gif) no-repeat 0 0; } .box1 .right-top-corner { background:url(Right-top-corner.gif) no-repeat 100% 0; width:100%; } .box1 .right-bot-corner { background:url(Right-bot-corner-alt.gif) no-repeat 100% 100%; } .box1 .left-bot-corner { background:url(Left-bot-corner-alt.gif) no-repeat 0 100%; width:100%; } .box1 .inner { padding:27px 28px 40px 35px; }


.address { float:left; } .address dd { clear:both; text-align:right; } .address dd span { float:left; padding-right:20px; } .address dd a { color:#4a4a4a; }


/*===== header =====*/

  1. header .nav {

position:absolute; left:59px; top:136px; width:268px; border-top:1px solid #4d4d4d; } #header .nav li { width:100%; overflow:hidden; vertical-align:top; } #header .nav li a { display:block; font-size:26px; line-height:1.1em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; padding:9px 0 8px 18px; border-bottom:1px solid #4d4d4d; background:url(Nav-bg.png) 0 0 no-repeat; } #header .nav li a span { display:block; color:#525252; font-size:17px; line-height:1.2em; }

#header .nav li a.current { background:url(Nav-bg2.png); }

#header .nav li a:hover { background:url(Nav-bg2.png); }

  1. logopic{top: 30px; ; position: absolute ; margin-left:70px;}

/*--- faded slider ---*/

  1. faded {

width:566px; height:504px; position:absolute; left:379px; top:80px; overflow:hidden; }

  1. faded ul { list-style:none; padding:0; margin:0; }

#faded li strong { display:block; position:absolute; left:218px; top:349px; background:url(Title-bg.png) no-repeat 0 0; width:298px; height:56px; font-size:45px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; line-height:48px; text-align:center; font-weight:normal; letter-spacing:-2px; }

  1. faded ul.controls {

position:absolute; right:34px; top:153px; width:46px; height:68px; } #faded ul.controls li { width:100%; overflow:hidden; vertical-align:top; } #faded ul.controls li a { display:block; width:46px; height:34px; overflow:hidden; } #faded ul.controls li a.prev { background:url(Controls.png) no-repeat 0 0; } #faded ul.controls li a.prev:hover { background-position:0 -68px; } #faded ul.controls li a.next { background:url(Controls.png) no-repeat 0 -34px; } #faded ul.controls li a.next:hover { background-position:0 -102px; }

  1. faded .button-alt {

display:block; background:url(Button.gif) no-repeat 0 0; width:90px; height:28px; line-height:28px; text-transform:uppercase; color:#000; text-align:center; font-size:10px; text-decoration:none; text-indent:-7px; position:absolute; bottom:62px; right:85px; }

  1. faded .button-alt:hover {

text-decoration:underline; }



/*===== content =====*/

/*--- tabs ---*/ ul.tabs { margin: 0; padding: 0; float: left; list-style: none; height: 48px; /*--Set height of tabs--*/ padding:0 0 0 0; position:relative; float:right; } ul.tabs li { float: left; border-left: none; overflow: hidden; position: relative; background:url(%E6%9C%AA%E6%A0%87%E9%A2%98-2.png) no-repeat 0 0; width:90px; height:44px; line-height:44px; font-size:14px; color:#fff; text-align:center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin:4px 0 0 4px; } ul.tabs li.first { margin-left:0; } ul.tabs li a { text-decoration: none; color: #fff; display: block; } html ul.tabs li.active a { color:#000; }

html ul.tabs li.active { background:url(%E6%9C%AA%E6%A0%87%E9%A2%98-3.png) no-repeat 0 0; margin-top:0; height:48px; color:#000; line-height:48px; }

ul.tabs li:hover { background:url(%E6%9C%AA%E6%A0%87%E9%A2%98-3.png) no-repeat 0 0; margin-top:0; height:48px; color:#000; line-height:48px; } ul.tabs li:hover a { color:#000; }

.tab_container { overflow: hidden; clear: both; float: left; width: 100%; background: #fff; min-height:305px; height:auto !important; height:335px; } .tab_content { padding: 35px 30px 32px 35px; } /*--- tabs ---*/


.list1 { padding-bottom:20px; } .list1 li { background:url(Arrow1.gif) no-repeat 6px 12px; padding:6px 0 5px 20px; border-bottom:1px solid #dedede; font-size:13px !important; } .list1 li.last { border-bottom:none; } .list1 li a { color:#4a4a4a; text-decoration:none; } .list1 li a:hover { color:#000; text-decoration:underline; }


.products-list li { width:100%; overflow:hidden; border-bottom:1px solid #dcdcdc; padding:12px 0 12px 0; color:#4a4a4a; } .products-list li.last { border-bottom:none; margin-bottom:0; } .products-list li img { float:left; margin-right:30px; } .products-list li p { margin-bottom:12px; }


.banners { width:100%; overflow:hidden; padding:44px 0 0 0; } .banners li { float:left; background:url() no-repeat 100% 0; padding:0 22px 0 22px; } .banners li.last { background:none; padding-right:0; }


.testimonials li { text-align:right; padding-bottom:18px; } .testimonials li blockquote { text-align:left; }


/*===== footer =====*/

  1. footer {

font-size:10px; text-transform:uppercase; color:#4a4a4a; } #footer a { color:#fff; text-decoration:none; } #footer a:hover { text-decoration:underline; }


/*----- forms -----*/

  1. search-form {

position:absolute; width:190px; height:25px; right:57px; top:-2px; background:url(Search-bg.gif) no-repeat 0 0; } #search-form fieldset { border:none; } #search-form input.text { width:135px; border:none; background:none; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#7f7f7f; padding:0 0 6px 21px; font-style:italic; line-height:16px; } #search-form input.submit { border:none; background:none; width:33px; height:25px; cursor:pointer; }

  1. contacts-form fieldset {

border:none; } #contacts-form label { display:block; height:32px; overflow:hidden; } #contacts-form input { background:#fff; width:210px; padding:2px 5px 2px 6px; border:none; border:1px solid #e1e1e1; color:#7e7e7e; border-color:#303030 #cecece #e1e1e1 #585858; } #contacts-form textarea { width:210px; padding:2px 5px 2px 6px; height:104px; background:#fff; overflow:auto; border:1px solid #e1e1e1; border-color:#303030 #cecece #e1e1e1 #585858; color:#7e7e7e; margin-bottom:17px; } #contacts-form .link1 { float:right; margin-left:10px; }

/*==========================================*/

Retrieved from "http://2012.igem.org/Team:SYSU-Software/style.css"