Team:SYSU-China/Project style.css

From 2013.igem.org

(Difference between revisions)
Line 26: Line 26:
display: inline;
display: inline;
list-style: none;
list-style: none;
 +
        margin-left:0px;
 +
        padding-left:0px;
}
}
Line 32: Line 34:
   font: bold 14px/20px helvetica;
   font: bold 14px/20px helvetica;
   display: inline-block;
   display: inline-block;
-
   margin: 0 5px;
+
   margin: 0 2px;
   padding-bottom: 18px;
   padding-bottom: 18px;
   position: relative;
   position: relative;

Revision as of 13:07, 20 September 2013

/*custom start*/ body {background-color:#9ac3b1;} p {color: #630;} table {color:#630;background-color:transparent;}

  1. searchform {visibility:hidden;}

div.content_body { display: block; position: relative; margin: 0 auto; width: 1024px; }

div.navigater { clear: both; position: relative; width: 1024px; height: 50px; padding-top: 0px; } .navigater ul { position: absolute; left: 0px; 

 	z-index:100;

text-align: center; display: inline; list-style: none; 

       margin-left:0px;
       padding-left:0px;

}

.navigater ul li { 

 z-index:100;
 font: bold 14px/20px helvetica;
 display: inline-block;
 margin: 0 2px;
 padding-bottom: 18px;
 position: relative;
 width: 110px;
 height: 28px;
 background-repeat:no-repeat;
 text-align:center;
 cursor: pointer;
 -webkit-transition: background-image 0.2s;
 -moz-transition: background-image 0.2s;
 -ms-transition: background-image 0.2s;
 -o-transition: background-image 0.2s;
 transition: background-image 0.2s;

} .navigater ul li a:link{ color: rgb(252,241,206); display: inline-block; font-size:14px/20px; width: 110px; height: 14px; padding-bottom:18px; padding-top: 18px; text-align:center; text-decoration:none; } .navigater ul li a:hover {text-decoration:none; background-color: transparent;} .navigater ul li a:visited {text-decoration:none; background-color: transparent;}

.navigater ul li:hover { z-index:100; color: #fff; -webkit-transition: background-image 0.2s; -moz-transition: background-image 0.2s; -ms-transition: background-image 0.2s; -o-transition: background-image 0.2s; transition: background-image 0.2s; } .navigater ul li ul { list-style: none; z-index:100; display: inline; position: absolute; width: 104px; top: 0px; left: 90px; opacity: 0; visibility: hidden; -webkit-transiton: opacity 0.2s; -moz-transition: opacity 0.2s; -ms-transition: opacity 0.2s; -o-transition: opacity 0.2s; -transition: opacity 0.2s; }

.navigater ul li ul li {

display: inline-block; z-index:300; height: 30px; width: 204px; margin: 0px; border: 2px solid #099; padding: 1px; background-repeat:no-repeat; text-align:center; cursor: pointer; }

.navigater ul li ul li a:link{ width: 104px; }

.navigater ul li ul li:hover { background-image:url(WIKI-light.png); background-repeat: no-repeat; background-position: 50% 60%;

} /*.navigater ul li:hover ul { 

 z-index:200;
 opacity: 1;
 visibility: visible;

}mark*/ /* color separately */

  1. HOME { background: url(https://static.igem.org/mediawiki/2013/a/ae/WIKI-05-BG.png);}
  2. HOME:hover { background-image: url(https://static.igem.org/mediawiki/2013/7/7f/WIKI-00-BG-HOVER.png);}
  1. PROJECT { background: url(https://static.igem.org/mediawiki/2013/1/12/WIKI-01-BG.png);}
  2. PROJECT:hover { background-image: url(https://static.igem.org/mediawiki/2013/f/ff/WIKI-01-BG-HOVER.png);}
  3. PROJECT ul{ background: #aeaf55;}
  1. JUDGING { background: url(https://static.igem.org/mediawiki/2013/3/38/WIKI-02-BG.png);}
  2. JUDGING:hover { background-image: url(https://static.igem.org/mediawiki/2013/b/ba/WIKI-02-BG-HOVER.png);}
  3. JUDGING ul{ background: #B65836;}
  1. SAFETY { background: url(https://static.igem.org/mediawiki/2013/6/66/WIKI-03-BG.png);}
  2. SAFETY:hover { background-image: url(https://static.igem.org/mediawiki/2013/9/9f/WIKI-03-BG-HOVER.png);}
  3. SAFETY ul{ background: #4AA984;}
  1. NOTEBOOK { background: url(https://static.igem.org/mediawiki/2013/0/0b/WIKI-04-BG.png);}
  2. NOTEBOOK:hover { background-image: url(https://static.igem.org/mediawiki/2013/d/d9/WIKI-04-BG-HOVER.png);}
  3. NOTEBOOK ul{ background: #B48662;}
  1. TEAM { background: url(https://static.igem.org/mediawiki/2013/a/ae/WIKI-05-BG.png);}
  2. TEAM:hover { background-image: url(https://static.igem.org/mediawiki/2013/b/b7/WIKI-05-BG-HOVER.png);}
  3. TEAM ul{ background: #D2783C;}

/* color separately end */

  1. cont_column {

z-index: 200; margin: 0px; padding-bottom: 100px; width: 726px; float: left;

}

  1. cont_column div.chapter {

position: relative; width: 726px; border-style: solid; background: url(Side-cont-BG.png) top left repeat-y , url(CONTENT-BG-PROJECT.png) repeat-y 50px 0px ; box-shadow: 0px 0px 25px #888888; border-style: solid; border-width: 1px; border-color: #f7eed1; margin-bottom: -5px; padding: 60px 0; }

  1. cont_column h1, h2, h3, h4, p {

position: relative; width: 536px; margin-left: 90px; margin-right: 100px; }

  1. cont_column span {

display: block; position: relative; font-weight: bold; top: -40px; right: 50px; height: 30px; font-family: "Comic Sans MS", cursive; font-size: 20px; text-align: right; padding: 0px; margin: 0px; }

  1. cont_column h1 {

font-weight: bold; }

  1. cont_column h2 {

color:#366; }

  1. cont_column h3 {

padding-bottom:5px; border-bottom: 2px solid #666; margin-bottom: 0px; color:#699; }

  1. top_button {

float: left; width: 100px; height: 100px; position: absolute; 

       left:728px;
       top:0px;

display: block; }

  1. top_button p {

margin: 0; padding: 0; visibility: hidden; background-image: url(TALKFRAME.png); background-repeat: no-repeat; display: inline-block; height:51px; position: relative; text-align: center; font:10px helvetica; }


  1. top_button span{

z-index: 100; position: fixed; display: block; background: url(WIKI-MASCOT-STAND-SHADOW.png); margin: 0 0; width: 100px; height: 151px; bottom: 50px; cursor: pointer; }

  1. top_button span:hover {

background: url(TOP_BACKING.png); }

  1. top_button img {

clear: both; }


  1. side_bar {

position: absolute; width: 240px; top:0; left:0; }

  1. side_bar div {

position: relative; }

/* tag styles */ .anchor-h2 { display: block; position: relative; left: 0px; background-image: url(TAG_H2.png); background-repeat: repeat-y; float:left;

padding: 5px 5px 5px 20px; margin-top: 5px; border-color: #FFF; } .anchor-h2 p { margin:0; padding:0; border:0; width:210px; text-decoration: none; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 24px; } .anchor-h3 { display: inline; position: relative; background-image: url(TAG_H3.png); background-repeat: repeat-y; float:left;

padding: 5px 5px 5px 20px; margin-top: 1px; } .anchor-h3 p{ margin:0; padding:0; border:0; width:180px; text-decoration: none; left: 0px; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 13px; }

  1. side_bar p {

color: rgb(255, 255, 255); text-decoration: none; cursor: pointer; }

  1. side_bar a:visited {

color: rgb(255, 255, 255); }

  1. side_bar a:active {

color: rgb(255, 255, 255); }

  1. side_bar a:hover {

}

  1. side_bar #address {

clear:left; }

  1. side_bar #address p {

font-family:"Cooper Black"; color: #724c21; font-size: 16px; position: relative; margin: 5px auto; height:20px; text-align: center; }

  1. references p {

width: 536px; text-align:left; font-size:10px; } a.quote { vertical-align:super; font-size:10px; } a.quote,a.references { 

       color:#696;

}


/*--custom end */

Retrieved from "http://2013.igem.org/Team:SYSU-China/Project_style.css"