Team:SYSU-Software/style.css

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
-
* {  
+
body{background: none repeat scroll 0% 0% rgb(249, 247, 245);
-
margin:0;
+
color: rgb(68, 68, 68);}
-
padding:0;
+
#logopic{top: 14px; left: 40px; width:800px;position: absolute ; margin: auto ;}
 +
.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;
}
}
-
html, body {  
+
 
-
height:100%;
+
.reminderfox-mascot {
 +
display:block;
 +
float:right;
 +
margin-right:26px;
 +
margin-top:-135px;
}
}
-
html {
+
 
-
min-width:968px;
+
.uniblue-ad {
 +
-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;
}
}
-
#page1 {  
+
 
-
background:url(https://static.igem.org/mediawiki/2012/3/3e/Main-bg.jpg) no-repeat 50% 0 #0f0f0f;  
+
#doctitle {
-
font-family:Arial, Helvetica, sans-serif;
+
border-bottom:1px solid #BBBBBB !important;
-
font-size:100%;
+
font-weight:bold;
-
line-height:1.25em;
+
padding-bottom:0.4em;
-
color:#4c4c4c;
+
}
}
-
img {
+
.doc-toc {
-
border:0;  
+
border:1px solid #AAAAAA;
-
vertical-align:top;  
+
font-size:95%;
-
text-align:left;
+
margin:10px 0;
 +
border-collapse:collapse;
 +
border-spacing:0;
}
}
-
object {
+
 
-
vertical-align:top;
+
 
-
outline:none;
+
.doc-toc td {
 +
padding:8px;
}
}
-
ul, ol {  
+
 
-
list-style:none;
+
.doc-toc #toctitle {
 +
margin:3px 0 8px;
 +
}
}
-
.fleft {  
+
.doc-toc ul {
-
float:left;
+
list-style-image:none;
 +
list-style-type:none;
 +
margin-left:0;
 +
padding-left:0;
 +
text-align:left;
}
}
-
.fright {  
+
 
-
float:right;
+
.doc-toc li {
 +
font-size:13px;
 +
font-weight:normal;
 +
line-height:1.5 !important;
 +
margin:0.5em 0 !important;
}
}
-
.clear {  
+
 
-
clear:both;
+
.doc-toc a {
 +
text-decoration:underline;
}
}
-
.col-1, .col-2, .col-3 {
+
#doc-nav {
-
float:left;
+
-moz-border-radius:0.5em 0.5em 0.5em 0.5em;
 +
border:1px solid #CCCCCC;
 +
padding:5px 15px 15px;
}
}
-
.alignright {  
+
#doc-nav h5 {
-
text-align:right;
+
background:none repeat scroll 0 0 #E3E0D5;
 +
color:#192839;
 +
font-size:1.2em;
 +
font-weight:bold;
 +
margin:2em 0 0.4em;
 +
padding:0.3em 10px;
 +
text-transform:uppercase;
}
}
-
.aligncenter {  
+
 
-
text-align:center;
+
#doc-nav ul {
 +
list-style:none outside none;
 +
margin:0;
}
}
-
.wrapper {  
+
#doc-nav li {
-
width:100%;
+
margin:0;
-
overflow:hidden;
+
padding:0;
}
}
-
.container {  
+
 
-
width:100%;
+
#doc-nav li a {
 +
border-bottom:1px solid #EEEEEE;
 +
display:block;
 +
font-size:1.2em;
 +
line-height:1.4;
 +
margin:0;
 +
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;
 +
}
-
/*==== GLOBAL =====*/
+
#toc-ul a {
-
#main {
+
font-weight: normal;
-
width:968px;
+
-
margin:0 auto;
+
-
font-size:.875em;
+
-
position:relative;
+
}
}
-
#header {
+
#toctitle h2 {
-
height:527px;
+
padding: 0;
-
overflow:hidden;
+
-
background:url(https://static.igem.org/mediawiki/2012/a/aa/Header-bg.jpg) no-repeat 0 0;
+
-
}
+
-
#content2 {
+
-
background:url(https://static.igem.org/mediawiki/2012/3/34/Content-bg.jpg) no-repeat 0 0 #010101;
+
-
padding:34px 57px 46px 59px;
+
}
}
-
#footer {
+
 
-
padding:10px 0 60px 75px;
+
#doc-main-page ul li {
-
background:#010101;
+
background: url("/images/bullet.gif") no-repeat scroll 0 0.3em transparent
}
}
-
 
+
#little-boy{
-
/*---- tailings ----*/
+
display: block;
-
.tail-top {  
+
float: right;
-
background:url(2012.igem.org/wiki/images/5/5b/Tail-top.gif) left top repeat-x;
+
margin-right: 5px;
-
padding-top:25px;
+
margin-top: -135px;}
}
}
-
/*----- forms parameters -----*/
+
#blank{  height: 10px ;  top: 10px ;}
-
input, select, textarea {  
+
-----------------------------------------------------------------
-
font-family:Arial, Helvetica, sans-serif; font-size:1em;
+
body {
-
vertical-align:middle;
+
  font: 62.5% Arial,Helvetica,Sans-serif;
-
font-weight:normal;
+
  color: #444;
 +
  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
-
/*----- other -----*/
+
------------------------------------------------------------ */
-
.img-indent {  
+
.wrapper{
-
margin:0 42px 0 0;  
+
  width: 960px;
-
float:left;
+
  margin: 10px auto;
 +
  text-align: left;
}
}
-
.img-box {  
+
#content{  
-
width:100%;  
+
  float: left;  
-
overflow:hidden;  
+
  width: 648px;
-
padding-bottom:20px;
+
  padding: 0 0 30px 0;
 +
  margin: 20px 0 0 0
}
}
-
.img-box img {  
+
.content-background { background: url(../images/content-background.gif) repeat-x top left;
-
float:left;  
+
}
-
margin:0 42px 0 0;
+
#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; }
-
.extra-wrap {  
+
/*Header
-
overflow:hidden;
+
------------------------------------------------------------ */
 +
#header {
 +
  width: 100%;
 +
  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; }
-
p {
+
/*Description
-
margin-bottom:20px;
+
---------------------------------------*/
 +
#description {  
 +
  margin: 35px 0 0 40px;
 +
  float: left;
 +
  color: #796957;
 +
  font-size: 1.4em;
 +
  font-weight: bold;
 +
  line-height: 50px;
}
}
-
.p1 {  
+
 
-
margin-bottom:10px;
+
/*Nav
 +
---------------------------------------*/
 +
#nav {
 +
  width:100%;
 +
  font-size: 1.3em;
}
}
-
.p2 {  
+
#nav ul {
-
margin-bottom:20px;
+
  float: left;
 +
  line-height: 40px;
 +
  padding: 0;
 +
  margin: 0;
 +
  width: 100%;
}
}
-
.p3 {  
+
#nav {
-
margin-bottom:30px;
+
  float: left;
 +
  line-height: 40px;
 +
  padding: 0;
 +
  margin: 0;
 +
  width: 100%;
}
}
-
/*----- txt, links, lines, titles -----*/
+
/*Notice
-
a {
+
------------------------------------------------------------ */
-
color:#4a4a4a;  
+
div.notice {
-
outline:none;
+
  display: block;
 +
  padding: 20px 0;
 +
  font-size: 1.6em;
}
}
-
a:hover{
+
div.notice strong { color: #2F2922; }
-
text-decoration:none;
+
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;
}
}
-
h1 {
+
/*Page/Post Styling
-
position:absolute;
+
------------------------------------------------------------ */
-
left:59px;
+
.post { margin-bottom: 30px;}
-
top:16px;
+
/*Post Header
-
font-size:83px;
+
---------------------------------------*/
-
line-height:1.2em;
+
.post-header {
-
color:#fff;
+
  border-top: 1px solid #EFEAE4;
-
font-weight:normal;
+
  margin: 0 0 15px 0;
-
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
+
  padding-top: 20px;
-
letter-spacing:-2px;
+
}
}
-
h1 a {
+
.post-header h2 {  
-
color:#fff;
+
  font-size: 2em;  
-
text-decoration:none;
+
  line-height: 1.1em;
-
}
+
  margin-left: 131px;
-
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;
+
}
}
-
 
+
div.post-header div.date {
-
.link1 {  
+
  float: left;
-
display:block;
+
  width: 114px;
-
float:left;
+
  color: #beaa99;
-
background:url(https://static.igem.org/mediawiki/2012/7/76/Link1-left-bg.gif) no-repeat left top #e2e2e2;
+
  font-size: 1.5em;
-
color:#000;  
+
  text-transform: uppercase;
-
text-decoration:none;
+
  font-weight: bold;
-
font-size:10px;
+
  padding: 0 0 0 17px;
-
text-transform:uppercase;
+
  background: url(../images/icon-calendar.png) no-repeat 0 .3em;
}
}
-
.link1 b {  
+
.date span { color: #E0C9B5; }
-
display:block;
+
.author {
-
background:url(https://static.igem.org/mediawiki/2012/6/6d/Link1-right-bg.gif) no-repeat right top;
+
  margin: 3px 0 0 131px;
-
padding:0 19px 0 11px;  
+
  color: #C0B2A5;
-
font-weight:normal; font-style:normal;
+
  font-size: 1.2em;
-
line-height:28px;
+
-
}
+
-
 
+
-
.link1:hover {
+
-
background:url(images/link1-left-bg.gif) no-repeat left -28px #474747;
+
-
color:#fff;
+
}
}
-
.link1:hover b {
+
/*Post Body
-
background-position:100% -28px;
+
---------------------------------------*/
-
}
+
.entry {
-
 
+
  margin: 0 0 0 131px;
-
 
+
  width: 497px;
-
.line-ver, .line-ver1 {
+
  font-size: 1.3em;  
-
background-image:url(https://static.igem.org/mediawiki/2012/b/b6/Line-ver.gif);
+
-
background-repeat:repeat-y;
+
-
width:100%;
+
}
}
-
 
+
.entry p { margin-bottom: 10px; }
-
 
+
.entry h4 {
-
/*==================boxes====================*/
+
  font-size: 1.3em;
-
.box {
+
  padding: 15px 0 5px 0;
-
background:#f7f7f7;
+
-
width:100%;
+
-
border-top:1px solid #e5e5e5;
+
-
font-size:13px;
+
-
line-height:18px;
+
-
color:#7e7e7e;
+
}
}
-
.box .left-bot-corner {
+
.entry h3 {
-
background:url(https://static.igem.org/mediawiki/2012/4/47/Left-bot-corner.gif) no-repeat left bottom;
+
  font-size: 1.3em;
-
width:100%;
+
  padding: 15px 0 5px 0;
-
}
+
-
.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%;
+
}
}
-
.box1 .left-top-corner {
+
.entry h2 {
-
background:url(https://static.igem.org/mediawiki/2012/e/ef/Left-top-corner.gif) no-repeat 0 0;
+
  font-size: 1.3em;
-
}
+
  padding: 15px 0 5px 0;
-
.box1 .right-top-corner {
+
-
background:url(https://static.igem.org/mediawiki/2012/b/bd/Right-top-corner.gif) no-repeat 100% 0;
+
-
width:100%;
+
-
}
+
-
.box1 .right-bot-corner {
+
-
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;
+
}
}
-
.address dd {  
+
.entry h3 {  
-
clear:both;
+
  padding-top: 10px;
-
text-align:right;
+
  font-size: 1em;
-
}
+
-
.address dd span {
+
-
float:left;
+
-
padding-right:20px;
+
-
}
+
-
.address dd a {
+
-
color:#4a4a4a;
+
-
}
+
-
 
+
-
 
+
-
/*===== header =====*/
+
-
#header .nav {
+
-
position:absolute;
+
-
left:59px;
+
-
top:146px;
+
-
width:268px;
+
-
border-top:1px solid #4d4d4d;
+
}
}
-
#header .nav li {
+
.entry h6 {  
-
width:100%;
+
  padding-top: 10px;
-
overflow:hidden;
+
  font-size: .9em;
-
vertical-align:top;
+
-
}
+
-
#header .nav li a {
+
-
display:block;
+
-
font-size:26px;
+
-
line-height:1.2em;
+
-
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/d/da/Png-point.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:hover, #header .nav li a.current {
+
-
background:url(https://static.igem.org/mediawiki/2012/f/fb/Nav-bg.png);
+
-
}
+
-
#logopic{top: 14px; left: 30px; width:800px;position: absolute ; margin: auto ;}
+
-
/*--- faded slider ---*/
+
-
#faded {
+
-
width:566px;
+
-
height:504px;
+
-
position:absolute;
+
-
left:379px;
+
-
top:23px;
+
-
overflow:hidden;
+
}
}
-
+
.entry h5 {
-
#faded ul { list-style:none; padding:0; margin:0; }
+
  padding-top: 10px;
-
+
  font-size: .9em;
-
#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;
+
}
}
-
#faded ul.controls li {
+
.entry h4 {  
-
width:100%;
+
  padding-top: 10px;
-
overflow:hidden;
+
  font-size: .9em;
-
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;
+
}
}
-
#faded .button-alt:hover {
+
pre {
-
text-decoration:underline;
+
  margin: 10px 0;
 +
  padding: 1em 10px;
 +
  overflow: auto;
 +
  background-color: #E9EBD9;
 +
  color: #000;
}
}
-
 
+
code {  
-
 
+
  padding: 2px 3px;
-
 
+
  font: 1.1em Consolas, Courier New, sans-serif;
-
 
+
  background-color: #E9EBD9;
-
/*===== content =====*/
+
  color: #000;
-
 
+
-
/*--- 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 {
+
pre code { font-size: 1.3em; }
-
float: left;
+
blockquote {
-
border-left: none;
+
  display: block;
-
overflow: hidden;
+
  margin: 20px 0 20px 20px;
-
position: relative;
+
  padding: 0 0 0 20px;
-
background:url(https://static.igem.org/mediawiki/2012/a/ae/Tab-bg1.gif) no-repeat 0 0;
+
  border-left: 3px solid #CBCAC8;
-
width:130px;
+
  color: #666;
-
height:44px;
+
  font-style: italic;
-
line-height:44px;
+
  line-height: 1.5em;
-
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 {
+
.c-body ul { margin: 0 0 10px 10px; }
-
margin-left:0;
+
.entry ul { margin: 0 0 10px 10px; }
 +
.c-body ul li {
 +
  display: block;
 +
  margin: 5px 0;
 +
  padding: 0 0 0 17px;
 +
  background: url(../images/list-item.gif) no-repeat 0 .3em;
}
}
-
ul.tabs li a {
+
.entry ul li {
-
text-decoration: none;
+
  display: block;
-
color: #fff;
+
  margin: 5px 0;
-
display: block;
+
  padding: 0 0 0 17px;
 +
  background: url(../images/list-item.gif) no-repeat 0 .3em;
}
}
-
html ul.tabs li.active a {
+
.c-body ol {
-
color:#000;
+
  list-style-type: decimal;
-
}
+
  list-style-position: inside;
-
 
+
  margin: 5px 0 5px 10px;
-
ul.tabs li:hover, html ul.tabs li.active  {
+
-
background:url(https://static.igem.org/mediawiki/2012/e/ed/Tab-bg2.gif) no-repeat 0 0;
+
-
margin-top:0;
+
-
height:48px;
+
-
color:#000;
+
-
line-height:48px;
+
}
}
-
ul.tabs li:hover a {
+
.entry ol {
-
color:#000;
+
  list-style-type: decimal;
-
}
+
  list-style-position: inside;
-
 
+
  margin: 5px 0 5px 10px;
-
.tab_container {
+
-
overflow: hidden;
+
-
clear: both;
+
-
float: left; width: 100%;
+
-
background: #fff;
+
-
min-height:305px;
+
-
height:auto !important;
+
-
height:305px;
+
}
}
-
.tab_content {
+
.c-body ol li ol li { list-style-type: lower-roman; }
-
padding: 35px 30px 32px 35px;
+
.entry ol li ol li { list-style-type: lower-roman; }
 +
.c-body ol li { margin: 5px 0; }
 +
.entry ol li { margin: 5px 0; }
 +
.navigation {
 +
  padding: 10px 0;
 +
  font-size: 1.3em;
}
}
-
/*--- tabs ---*/
+
.index { padding: 0; }
-
 
+
/*Post Footer
-
 
+
---------------------------------------*/
-
.list1 {
+
.post-footer { margin-left: 131px; }
-
padding-bottom:20px;
+
.comments a {
 +
  display: block;
 +
  padding: 0 0 0 17px;
 +
  color: #B79F87;
 +
  font-size: 1.2em;
 +
  background: url(../images/icon-comments.png) no-repeat 0 .4em;
}
}
-
.list1 li {
+
.comments a:hover {
-
background:url(https://static.igem.org/mediawiki/2012/4/40/Arrow1.gif) no-repeat 6px 12px;
+
  color: #453729;
-
padding:6px 0 5px 20px;
+
  text-decoration: none;
-
border-bottom:1px solid #dedede;
+
}
-
font-size:13px !important;
+
.comments span {
-
}
+
  font-size: 1.3em;
-
.list1 li.last {
+
  font-style: italic;
-
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 {
+
/*Single
-
border-bottom:none;
+
---------------------------------------*/
-
margin-bottom:0;
+
.tags {
 +
  float: left;
 +
  width: 104px;
 +
}
 +
.tags span {
 +
  display: block;
 +
  font-size: 1.5em;
 +
  font-weight: bold;
 +
  text-transform: uppercase;
 +
  color: #beaa99;
 +
  padding: 0 0 10px 28px;
 +
  background: url(../images/icon-tags.png) no-repeat 0 .3em;
 +
}
 +
.tags p {
 +
  font-size: 1.2em;
 +
  line-height: 1.4em;
 +
  color: #beaa99;
 +
}
 +
.tags a {
 +
  color: #beaa99;
 +
  }
 +
.post-header h1 {
 +
  margin-left: 131px;
 +
  padding-bottom: 4px;
 +
  font-size: 2.2em;
 +
  }
 +
.meta {
 +
  border-top: 1px solid #EFEAE4;
 +
  margin-top: 10px;
 +
  padding-top: 5px;
 +
  font-size: 1.2em;
 +
  text-align: right;
 +
  color: #666;
 +
}
 +
/*Comments
 +
------------------------------------------------------------ */
 +
/*Top
 +
---------------------------------------*/
 +
.comment-number {
 +
  display: block;
 +
  padding: 30px 0 5px 0;
 +
  font-weight: bold;
 +
}
 +
.comment-number span {
 +
  font-size: 1.3em;
 +
  color: #777;
 +
}
 +
.none { border-bottom: 1px solid #EFEAE4; }
 +
a#leavecomment {
 +
  font-size: 1.6em;
 +
  padding-left: 2px;
 +
}
 +
/*Body
 +
---------------------------------------*/
 +
li.comment {
 +
  padding-top: 20px;
 +
  border-top: 1px solid #EFEAE4;
 +
}
 +
li.comment.depth-2 { margin-bottom: 10px; }
 +
#comments ul.children {
 +
  margin: 10px 0 0 131px;
 +
  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;
 
-
}
 
-
 
-
.banners {
+
/*Pages
-
width:100%;
+
---------------------------------------*/
-
overflow:hidden;
+
#content .entry.page {  
-
padding:44px 0 0 0;
+
  margin: 0;
 +
  width: 628px;
}
}
-
.banners li {
+
h2.pagetitle {
-
float:left;
+
  border-top: 1px solid #EFEAE4;
-
background:url(https://static.igem.org/mediawiki/2012/1/14/Divider.gif) no-repeat 100% 0;
+
  margin: 0 0 15px 0;
-
padding:0 22px 0 22px;
+
  padding-top: 20px;
-
}
+
  font-size: 2.2em;
-
.banners li.last {
+
}
-
background:none;
+
h1.pagetitle {
-
padding-right:0;
+
  border-top: 1px solid #EFEAE4;
-
}
+
  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; }
-
.testimonials li {
+
/*Adbox
-
text-align:right;
+
---------------------------------------*/
-
padding-bottom:18px;
+
#adbox {
 +
  margin: 20px 0;
 +
  padding: 3px;
 +
  border: 1px solid #E6E1DC;
 +
  background: #F0EBE6;
}
}
-
.testimonials li blockquote {
+
#adbox img { border: 1px solid #E6E1DC; }
-
text-align:left;
+
-
}
+
-
 
+
/*Footer
-
 
+
------------------------------------------------------------ */
-
/*===== footer =====*/
+
#footer {
#footer {
-
font-size:10px;
+
  padding: 30px 0;
-
text-transform:uppercase;
+
  border-top: 10px solid #ded6d4;
-
color:#4a4a4a;
+
  background: #e7e1de;
 +
  color: #555;
}
}
-
#footer a {
+
#footer a:visited { color: #444; }
-
color:#fff;
+
#footer a:link { color: #444; }
-
text-decoration:none;
+
#footer a:hover { text-decoration: underline; }
-
}
+
-
#footer a:hover {
+
-
text-decoration:underline;
+
-
}
+
-
 
+
/*Footer Columns
-
/*----- forms -----*/
+
---------------------------------------*/
-
#search-form {
+
.footer-column {
-
position:absolute;
+
  float: left;
-
width:190px;
+
  margin-right: 30px;
-
height:25px;
+
  padding-bottom: 20px;
-
right:57px;
+
  color: #413f3e;
-
top:-2px;
+
-
background:url(https://static.igem.org/mediawiki/2012/f/ff/Search-bg.gif) no-repeat 0 0;
+
}
}
-
#search-form fieldset {
+
#footer-about.footer-column { width: 337px; }
-
border:none;
+
#footer-flickr.footer-column { width: 281px; }
-
}
+
#footer-search.footer-column {  
-
#search-form input.text {
+
  margin: 0;
-
width:135px;
+
float: right;
-
border:none;
+
  width: 266px;  
-
background:none;
+
}
-
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
+
.footer-column h2 {
-
font-size:13px;
+
  font-size: 1.6em;
-
color:#7f7f7f;
+
  border-bottom: 2px solid #dbd3d0;
-
padding:0 0 6px 21px;
+
  padding-bottom: 2px;
-
font-style:italic;
+
}
-
line-height:16px;
+
.footer-column p {
-
}
+
  margin: 15px 0;
-
#search-form input.submit {
+
  font-size: 1.2em;
-
border:none;
+
  line-height: 1.5em;
-
background:none;
+
}
-
width:33px;
+
/*Flickr
-
height:25px;
+
---------------------------------------*/
-
cursor:pointer;
+
.flickr_badge_image {
-
}
+
  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; }
-
#contacts-form fieldset {
+
/*Copyright
-
border:none;
+
---------------------------------------*/
 +
#copyright {
 +
  display: block;
 +
  clear: both;
 +
  padding-top: 1px;
 +
  font-size: 1.1em;
 +
  border-top: 2px solid #dbd3d0;
}
}
-
#contacts-form label {
+
#copyright a:visited {
-
display:block;
+
  border-bottom: 1px dotted;
-
height:32px;
+
  text-decoration: none;
-
overflow:hidden;
+
}
-
}
+
#copyright a:link {
-
#contacts-form input {
+
  border-bottom: 1px dotted;
-
background:#fff;
+
  text-decoration: none;
-
width:210px;
+
}
-
padding:2px 5px 2px 6px;
+
#copyright a:hover {
-
border:none;
+
  border-bottom: 1px solid;
-
border:1px solid #e1e1e1;
+
  text-decoration: none;
-
color:#7e7e7e;
+
}
-
border-color:#303030 #cecece #e1e1e1 #585858;
+
/*Miscellaneous
-
}
+
---------------------------------------*/
-
#contacts-form textarea {
+
img.border {
-
width:210px;
+
  padding: 14px;
-
padding:2px 5px 2px 6px;
+
  border: 1px solid #E6E1DC;
-
height:104px;
+
  background: #F0EBE6;  
-
background:#fff;
+
}
-
overflow:auto;
+
.entry .alignright { margin: 0 0 10px 15px; }
-
border:1px solid #e1e1e1;
+
.entry .alignleft { margin: 0 15px 10px 0; }
-
border-color:#303030 #cecece #e1e1e1 #585858;
+
 
-
color:#7e7e7e;
+
/*menu*/
-
margin-bottom:17px;
+
#menu {margin:0px auto; display:block; width:1000px; ;}
-
}
+
#nav {display:block;}
-
#contacts-form .link1 {
+
#nav .mainlevel {float:left; background:#545454; text-align:center; display:block;}
-
float:right;
+
#nav .mainlevel a {color:#fff; text-decoration:none; line-height:40px; height:40px; text-align:center; padding:0 8px; display:block; _width:48px;}
-
margin-left:10px;
+
#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;}
-
}
+
#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*/}

Revision as of 11:11, 24 September 2012

body{background: none repeat scroll 0% 0% rgb(249, 247, 245); color: rgb(68, 68, 68);}

  1. logopic{top: 14px; left: 40px; width:800px;position: absolute ; margin: auto ;}

.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; }

.reminderfox-mascot { display:block; float:right; margin-right:26px; margin-top:-135px; }

.uniblue-ad { -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; }

  1. doctitle {

border-bottom:1px solid #BBBBBB !important; font-weight:bold; padding-bottom:0.4em; }

.doc-toc { border:1px solid #AAAAAA; font-size:95%; margin:10px 0; border-collapse:collapse; border-spacing:0; }


.doc-toc td { padding:8px; }

.doc-toc #toctitle { margin:3px 0 8px;

}

.doc-toc ul { list-style-image:none; list-style-type:none; margin-left:0; padding-left:0; text-align:left; }

.doc-toc li { font-size:13px; font-weight:normal; line-height:1.5 !important; margin:0.5em 0 !important; }

.doc-toc a { text-decoration:underline; }

  1. doc-nav {

-moz-border-radius:0.5em 0.5em 0.5em 0.5em; border:1px solid #CCCCCC; padding:5px 15px 15px; }

  1. doc-nav h5 {

background:none repeat scroll 0 0 #E3E0D5; color:#192839; font-size:1.2em; font-weight:bold; margin:2em 0 0.4em; padding:0.3em 10px; text-transform:uppercase; }

  1. doc-nav ul {

list-style:none outside none; margin:0; }

  1. doc-nav li {

margin:0; padding:0; }

  1. doc-nav li a {

border-bottom:1px solid #EEEEEE; display:block; font-size:1.2em; line-height:1.4; margin:0; padding:0.2em 10px; position:relative; text-decoration:none; }


  1. doc-contents ul li {

background:none repeat scroll 0 0 transparent; }

  1. toc-ul li {

background:none repeat scroll 0 0 transparent; padding:0; }

  1. toc-ul a {

font-weight: normal; }

  1. toctitle h2 {

padding: 0; }

  1. doc-main-page ul li {

background: url("/images/bullet.gif") no-repeat scroll 0 0.3em transparent }


  1. little-boy{

display: block; float: right; margin-right: 5px; margin-top: -135px;} }


  1. blank{ height: 10px ; top: 10px ;}

body { 

 font: 62.5% Arial,Helvetica,Sans-serif;
 color: #444;
 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;

}

  1. 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; 

}
  1. sidebar { 
 float: right; 
 padding-bottom: 30px;
 width: 266px;

}

  1. 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

*/
  1. header { 
 width: 100%;
 border-bottom: 1px solid #EDE7E0;
 background: #443B31 url(../images/nav-background.gif) repeat-x bottom left;

}

  1. follow { 
 background: #2F2922;
 padding: 5px 0;

}

  1. follow dl { 
 float: right;
 font-size: 1.3em;

}

  1. follow dl dd { float: left; }
  2. follow dl dt { float: left; }
  3. follow dt { 
 font-weight: bold;
 color: #AD9B83;

}

  1. follow dd { margin-left: 20px; }
  2. follow dd a { 
 display: block;
 color: #cfc4b6;

}

  1. follow dd a.rss { padding-left: 20px; background: url(../images/feed-icon.png) no-repeat 0 .2em; }
  2. follow dd a.email { padding-left: 22px; background: url(../images/email-icon.png) no-repeat 0 .35em; }
  3. 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

*/
  1. description { 
 margin: 35px 0 0 40px;
 float: left; 
 color: #796957;
 font-size: 1.4em;
 font-weight: bold;
 line-height: 50px;

}

/*Nav

*/
  1. nav { 
 width:100%;
 font-size: 1.3em;

}

  1. nav ul { 
 float: left;
 line-height: 40px;
 padding: 0;
 margin: 0;
 width: 100%;

}

  1. nav { 
 float: left;
 line-height: 40px;
 padding: 0;
 margin: 0;
 width: 100%;

}

/*Notice

*/

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

*/

.post { margin-bottom: 30px;} /*Post Header

*/

.post-header { 

 border-top: 1px solid #EFEAE4;
 margin: 0 0 15px 0;
 padding-top: 20px;

} .post-header h2 { 

 font-size: 2em; 
 line-height: 1.1em;
 margin-left: 131px;

} div.post-header div.date { 

 float: left;
 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; } .author { 

 margin: 3px 0 0 131px;
 color: #C0B2A5;
 font-size: 1.2em;

} /*Post Body

*/

.entry { 

 margin: 0 0 0 131px;
 width: 497px;
 font-size: 1.3em;

} .entry p { margin-bottom: 10px; } .entry h4 { 

 font-size: 1.3em;
 padding: 15px 0 5px 0;

} .entry h3 { 

 font-size: 1.3em;
 padding: 15px 0 5px 0;

} .entry h2 { 

 font-size: 1.3em;
 padding: 15px 0 5px 0;

} .entry h3 { 

 padding-top: 10px;
 font-size: 1em;

} .entry h6 { 

 padding-top: 10px;
 font-size: .9em;

} .entry h5 { 

 padding-top: 10px;
 font-size: .9em;

} .entry h4 { 

 padding-top: 10px;
 font-size: .9em;

} pre { 

 margin: 10px 0;
 padding: 1em 10px;
 overflow: auto;
 background-color: #E9EBD9;
 color: #000;

} code { 

 padding: 2px 3px;
 font: 1.1em Consolas, Courier New, sans-serif;
 background-color: #E9EBD9;
 color: #000;

} pre code { font-size: 1.3em; } blockquote { 

 display: block;
 margin: 20px 0 20px 20px;
 padding: 0 0 0 20px;
 border-left: 3px solid #CBCAC8;
 color: #666;
 font-style: italic;
 line-height: 1.5em;

} .c-body ul { margin: 0 0 10px 10px; } .entry ul { margin: 0 0 10px 10px; } .c-body ul li { 

 display: block;
 margin: 5px 0;
 padding: 0 0 0 17px;
 background: url(../images/list-item.gif) no-repeat 0 .3em;

} .entry ul li { 

 display: block;
 margin: 5px 0;
 padding: 0 0 0 17px;
 background: url(../images/list-item.gif) no-repeat 0 .3em;

} .c-body ol { 

 list-style-type: decimal;
 list-style-position: inside;
 margin: 5px 0 5px 10px;

} .entry ol { 

 list-style-type: decimal;
 list-style-position: inside;
 margin: 5px 0 5px 10px;

} .c-body ol li ol li { list-style-type: lower-roman; } .entry ol li ol li { list-style-type: lower-roman; } .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 { 

 display: block;
 padding: 0 0 0 17px;
 color: #B79F87;
 font-size: 1.2em;
 background: url(../images/icon-comments.png) no-repeat 0 .4em;

} .comments a:hover { 

 color: #453729;
 text-decoration: none;

} .comments span { 

 font-size: 1.3em;
 font-style: italic;

} /*Single

*/

.tags { 

 float: left;
 width: 104px;

} .tags span { 

 display: block;
 font-size: 1.5em;
 font-weight: bold;
 text-transform: uppercase;
 color: #beaa99;
 padding: 0 0 10px 28px;
 background: url(../images/icon-tags.png) no-repeat 0 .3em;

} .tags p { 

 font-size: 1.2em;
 line-height: 1.4em;
 color: #beaa99;

} .tags a { 

 color: #beaa99;
 }

.post-header h1 { 

 margin-left: 131px;
 padding-bottom: 4px;
 font-size: 2.2em; 
 }

.meta { 

 border-top: 1px solid #EFEAE4;
 margin-top: 10px;
 padding-top: 5px;
 font-size: 1.2em;
 text-align: right;
 color: #666;

} /*Comments

*/

/*Top

*/

.comment-number { 

 display: block;
 padding: 30px 0 5px 0;
 font-weight: bold;

} .comment-number span { 

 font-size: 1.3em;
 color: #777;

} .none { border-bottom: 1px solid #EFEAE4; } a#leavecomment { 

 font-size: 1.6em;
 padding-left: 2px;

} /*Body

*/

li.comment { 

 padding-top: 20px;
 border-top: 1px solid #EFEAE4;

} li.comment.depth-2 { margin-bottom: 10px; }

  1. comments ul.children { 
 margin: 10px 0 0 131px;
 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; }

  1. 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;

}

/*Pages

*/
  1. content .entry.page { 
 margin: 0;
 width: 628px;

} h2.pagetitle { 

 border-top: 1px solid #EFEAE4;
 margin: 0 0 15px 0;
 padding-top: 20px;
 font-size: 2.2em;

} h1.pagetitle { 

 border-top: 1px solid #EFEAE4;
 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

*/
  1. sidebox { font-size: 1.2em; }
  2. sidebox p { 
 margin-bottom: 15px; 
 line-height: 1.6em;

}

  1. 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

*/
  1. adbox { 
 margin: 20px 0;
 padding: 3px;
 border: 1px solid #E6E1DC;
 background: #F0EBE6;

}

  1. adbox img { border: 1px solid #E6E1DC; }

/*Footer

*/
  1. footer { 
 padding: 30px 0;
 border-top: 10px solid #ded6d4;
 background: #e7e1de;
 color: #555;

}

  1. footer a:visited { color: #444; }
  2. footer a:link { color: #444; }
  3. footer a:hover { text-decoration: underline; }

/*Footer Columns

*/

.footer-column { 

 float: left;
 margin-right: 30px;
 padding-bottom: 20px;
 color: #413f3e;

}

  1. footer-about.footer-column { width: 337px; }
  2. footer-flickr.footer-column { width: 281px; }
  3. footer-search.footer-column { 
 margin: 0;

float: right; 

 width: 266px;

} .footer-column h2 { 

 font-size: 1.6em;
 border-bottom: 2px solid #dbd3d0;
 padding-bottom: 2px;

} .footer-column p { 

 margin: 15px 0;
 font-size: 1.2em;
 line-height: 1.5em;

} /*Flickr

*/

.flickr_badge_image { 

 float: left;
 margin: 0 0 0 10px; 
 padding: 0;
 line-height: 0;

}

  1. flickr_badge_image3.flickr_badge_image { margin: 15px 0 10px 10px; }
  2. flickr_badge_image2.flickr_badge_image { margin: 15px 0 10px 10px; }
  3. flickr_badge_image1.flickr_badge_image { margin: 15px 0 10px 10px; }
  4. flickr_badge_image4.flickr_badge_image { margin-left: 0; }
  5. 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;

}

  1. footer h2.widgettitle { margin-top: 0; }

/*Search

*/
  1. search_form input.search { 
 margin: 15px 0 0 0;
 padding: 5px 2px; 
 width: 180px;
 border: 1px solid #DED8D5;
 background: #F3F3F3;
 color: #555;

}

  1. search_form input.search:focus { background: #fff; }
  2. search_form input#searchsubmit { margin: 0 0 0 5px; }

/*Copyright

*/
  1. copyright { 
 display: block;
 clear: both;
 padding-top: 1px;
 font-size: 1.1em;
 border-top: 2px solid #dbd3d0;

}

  1. copyright a:visited { 
 border-bottom: 1px dotted;
 text-decoration: none;

}

  1. copyright a:link { 
 border-bottom: 1px dotted;
 text-decoration: none;

}

  1. copyright a:hover { 
 border-bottom: 1px solid;
 text-decoration: none;

} /*Miscellaneous

*/

img.border { 

 padding: 14px;
 border: 1px solid #E6E1DC;
 background: #F0EBE6;

} .entry .alignright { margin: 0 0 10px 15px; } .entry .alignleft { margin: 0 15px 10px 0; }

/*menu*/

  1. menu {margin:0px auto; display:block; width:1000px; ;}
  2. nav {display:block;}
  3. nav .mainlevel {float:left; background:#545454; text-align:center; display:block;}
  4. nav .mainlevel a {color:#fff; text-decoration:none; line-height:40px; height:40px; text-align:center; padding:0 8px; display:block; _width:48px;}
  5. nav .mainlevel a:hover {color:#3f240e; text-decoration:none; background:#678900 url(Slide-pannel_14.png) 0 0 repeat-x;}
  6. nav .mainlevel ul {position:absolute; display:none; *width:2000px;/*IE is great need, width>=li.length*/}
  7. nav .mainlevel li {float:left; background:#545454;}
  8. nav .mainlevel li a {padding:0 12px; line-height:24px; height:35px; display:block; _padding-bottom:6px;/*IE6 only*/}
  9. nav .mainlevel li a:hover {color:#3f240e; text-decoration:none; background:#678900 url(Slide-pannel_14.png) 0 0 repeat-x;}
  10. 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(Slide-pannel_14.png) 0 0 repeat-x; display:block; line-height:34px; padding:0 3em;} .Triangle_con {height:9px; background:url(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*/}

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