Team:HUST-China/Common all.css

From 2014.igem.org

Revision as of 13:40, 17 October 2014 by TommyYang (Talk | contribs)
  1. p-logo a{visibility: hidden;}
  2. content h1.firstHeading{visibility: hidden;}

.printfooter{visibility: hidden;}

  1. catlinks{visibility: hidden;}
  2. footer-box{visibility: hidden;}

/*#preloader { 

       width: 0px;
       height: 0px;
       display: inline;
       background-image: url(Back3.jpg);

}*/ div#globalWrapper {background-image:url(https://static.igem.org/mediawiki/2014/1/1e/Back3.jpg);position: absolute;background-repeat:repeat-y;}

  1. animat {

margin: 0px auto; height: 110px; position: relative; text-align:center; } body { background-image:url(Back3.jpg); /**/ background-repeat: no-repeat; background-size: auto; }

  1. animat p {

visibility: hidden; display: block; height:12px; position: relative; text-align: center; font: bold 20px broadway; 

       width:80px;
       margin:0px;
       padding: 0;

}

  1. animat span:hover p {visibility: visible;}
  2. animat span{

z-index: 80; display: block; text-align: center; position: absolute; margin: 0 auto; width: 80px; height: 81px; 

       left: -200px ;

} /*custom start*/

  1. searchform {visibility:hidden;}
  2. firstHeading{visibility: hidden;}

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

 {
 border-collapse:collapse;

} table, th, td 

 {
 text-align:center;
 border: 1px solid #888888;

} /* table img{ max-width: 500px; max-height:300px; }

  • /

.bg{ background:transparent; } div.navigater { clear: both; position: relative; width: 1024px; height: 46px; padding-top: 0px; background-repeat: no-repeat;

} .navigater ul { position: center; 

       left: -50px;
 	z-index:100;

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

       margin:0px;
       padding-left:0px;
       height:50px;
       	background-repeat: no-repeat;

}

.navigater ul li { 

 z-index:100;
 font: bold 14px/20px helvetica;
 display: inline-block;
 margin: 0 5px;
 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(255,255,255);

display: inline-block; font-size:14px/20px; width: 110px; height: 14px; padding-bottom:18px; padding-top: 18px; text-align:center; text-decoration:none; background-repeat: no-repeat; } .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: block; position: absolute; width: 104px; top: 46px; left: 3px; 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:block; z-index:100; 

       font: bold 12px/18px helvetica;

width: 104px; margin: 0px; padding: 9px 0px; background-repeat:no-repeat; text-align:center; cursor: pointer; }

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

       padding: 9px 0px;

font-size:10px/16px; 

       color:rgb(0,0,0);

}

.navigater ul li ul li:hover { background-color:#00FFCC ; background-repeat: no-repeat; background-position: 50% 60%;

}

.navigater ul li:hover ul { 

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

}


  1. cont_column {

z-index: 200; margin-bottom: 100px; padding-bottom: 0px; width: 900px; background: transparent; }

  1. cont_column div.chapter {

position: relative; width: 900px; border-style: solid; background: url(HUST_LOGO_Small.png) no-repeat 95% 35px; box-shadow: 0px 0px 25px #888888; border-style: solid; border-width: 0px; border-color: #f7eed1; margin-bottom: -5px; padding: 60px 0; }

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

position: relative; width: 760px; margin-left: 60px; margin-right: 50px; color: rgb(0, 0, 0); }

  1. cont_column ol,#cont_column ul{

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

  1. cont_column li{ 
       font-weight:bold;
       font-family: verdana;
       margin-left: 30px;
       text-align:left;
       padding: 5px 0px;

}

  1. cont_column span {

display: block; position: relative; font-weight: bold; top: -40px; right: 50px; height: 30px; font-family: Monotype Corsiva; font-size: 20px; text-align: right; padding: 0px; margin: 0px; }

  1. cont_column h1,#cont_column h2 {

font-weight: bold; }

}

  1. cont_column h3 {

padding-bottom:5px; margin-bottom: 0px; }

  1. cont_column p{text-align: left;}
  1. top_button {

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

   right:0px;
   top:0px;

display: block; }

  1. top_button p {

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


  1. top_button span{

z-index: 100; position: fixed; display: block; background: url(./pic/HUST_Logo_iGEM.png); margin: 0 0; width: 100px; height: 151px; bottom: 50px; cursor: pointer; }

  1. top_button span:hover {

}

  1. top_button img {

clear: both; }


  1. side_bar {

position: fixed; width: 190px; top:170px; left:0; background-color: #777;

}

  1. side_bar div {

position: relative; }

/* tag styles */ .anchor-h2 { display: block; position: relative; left: 0px; float:right;

padding: 1px 20px 1px 1px; margin-top: 5px; border-color: #FFF; } .anchor-h2 p { margin:0; padding:6px 2px; border:2px ; width:190px; text-decoration: none; text-align: right; font-family: Arial, Helvetica, sans-serif; font-size: 16px; } .anchor-h3 { display: inline; position: relative; float:right;

padding: 1px 10px 1px 1px; margin-top: 1px; } .anchor-h3 p{ margin:0; padding:0px 2px; border:2px dotted #DDD; width:180px; text-decoration: none; left: 0px; text-align: right; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

  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. address { 
       display:table;

bottom:0; 

       position:center;
       margin:0 auto;
       left:0;

}

  1. address p {

font-family:"Cooper Black"; color: #888888; font-size: 16px; position: relative; display: block; margin: 5px auto; text-align: center; }

  1. references p {

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

       color:#696;

}


/*--custom end */

/*--Fig DIV start */

div.figure { position: relative; margin: 5px 60px 5px 100px; 

       padding: 0px;

} img.fig_img { float:left; 

       top:0px;
       left:0px;
       margin:5px;
       padding:0px;

} img.fig_img:hover { 

       cursor:pointer;

} p.des { float:left; 

       margin:0px;
       padding:0px;
       font-size:14px;

} div.clear { 

       clear:both;
       margin:0px;
       padding:0px;

}

/*--Fig DIV end */

/* guide_link start */ div.results_guide { display:block; position:relative; width:700px; height: 300px; margin:0px; padding:0px; } a.guide_button { display:block; position:absolute; width:200px; height:200px; }

  1. target {

background-image:url(Gear_01.png); position:absolute; top:100px; 

       left:8px;

}

  1. suicidegene { background-image:url(Gear_02.png);

position:absolute; 

       top:3px;

left:160px; }

  1. tet-off { background-image:url(Gear_03.png);

position:absolute; left:309px; top:104px; }

  1. lenti-virus { background-image:url(Gear_04.png);

position:absolute; left:485px; top:70px; }

/* guide_link end */

/* guide_link2 start */ div.results_guide2 { display:block; position:relative; width:700px; height: 300px; margin:0px; padding:0px; background-image:url(3cells_bg.png); } a.guide_button2 { display:block; position:absolute; width:160px; height:210px; }

  1. ips {

background-image:url(3cells_01.png); position:absolute; top:0px; 

   left:0px;

}

  1. hepatocyte {

background-image:url(3cells_02.png); position:absolute; 

   top:0px;

left:250px; }

  1. hepatoma {

background-image:url(3cells_03.png); position:absolute; left:500px; top:0px; }

a:link { color: #000; } a:visited { color: #000; } a:hover { color: #FFF; } /* guide_link2 end */

Retrieved from "http://2014.igem.org/Team:HUST-China/Common_all.css"