Team:USTC-China/groupmeetings.css

From 2012.igem.org

Revision as of 12:07, 18 September 2012 by Yueyangming (Talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

/*format of text*/

  1. Layer1 {

position:absolute; left:-220px; top:-10px; width:150%; height:250mm;


}

div#text{ text-indent: 0em;

             white-space: pre-wrap;
             font-size:30px;

margin-right:10mm; margin-top:2mm; white-space: pre-wrap; color: #666; text-align: left; font-size: 1.2em; font-style: normal; line-height: 0.5em; font-weight: lighter; font-variant: normal; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

             }

h1{ letter-spacing: 0.1em;

             font-weight: 0.1px;
             text-align:center;
             font-family:"Comic Sans MS", cursive;
             font-size: 1.9em;

} .er{font-family:"Comic Sans MS";} margin-right:10mm; margin-top:2mm; white-space: pre-wrap; color: #666; text-align: left; font-size: 1.9em; font-style: normal; line-height: 0.5em; font-weight: lighter; font-variant: normal; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; } pic{ align:center; }link{ font-color: red;}

/*background*/

  1. content{ background:transparent url("Bg3.png") center top fixed repeat-y;
             padding: 0px;

margin:0 auto;

             border: none;  
             top:-10px;
             opacity:1;

} body { background:#000000 url("Sky.jpg") center top fixed repeat-y; } table{

             padding: 0px;

margin:0 auto;

             border: none;  
             top:-10px;
             background-color: rgba(0, 0, 0, 0);}

</style>


<head> <style type="text/css">

.imgbox {
  margin:20px;
  padding:10px;
  border:1px solid black;
  text-align:center;
  }

.ppp{ font-size:15px; }

  1. main_container {

width: 900px; height: auto; margin: auto; background-color:; } .box_content{ width:267px; height:380px; float:left; margin:10px 5px 10px 10px; background:url("USTC-China_box_bg.gif") no-repeat top center;

       background-size:300px 380px;

} .ach{ width:290px; height:680px; float:left; margin:0px 0px 0px 0px; background:url("Meteoroid1.jpg") no-repeat top center;

       background-size:300px 650px;

} .box_title{ padding:10px 0 10px 0; } .title_icon{ float:left; padding:0 5px 0 10px; } .box_text_content{ width:250px; float:left; padding:15px 0 0 15px; } .box_icon{ float:left; padding:0 5px 0 0 ; } .box_text{ width:220px; float:left; text-align:justify; padding:0 0 0 10px; } a.details{ float:right; padding:5px 15px 0 0; text-decoration:none; font-weight:bold; color:#f8851f; }


table#toc{ display:none; } .header { position: relative; width: 960px; height: 50px; padding: 0; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin: 0 auto; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: -30px;

background-repeat-x: repeat; background-repeat-y: no-repeat; background-attachment: initial; background-position-x: initial; background-position-y: initial; background-origin: initial; background-clip: initial; background-color: initial; } /* ---------- Navigation ---------- */

ul {

      list-style-image: none;

}

  1. nav {

float: right; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; padding-top: 70px; height: 43px; }

  1. nav .last {

padding-right: 2px;

background-repeat:no-repeat; background-position:right; }

  1. nav, #nav ul{

margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; width: 960px; height: 50px; }

  1. nav .on {

color:#fff !important; background-image: url(images/USTC-China_nav_button_bg.jpg) !important; background-position: bottom left !important; }

  1. nav a:link, #nav a:active, #nav a:visited{
   display:block;
   padding: 14px 35px;
   color:#a5a5a5;
   text-decoration:none;

text-transform: uppercase; background-image: url(images/USTC-China_nav_button_bg.jpg); background-position: top left; }

  1. nav a:hover {
   color:#fff;

background-image: url(images/USTC-China_nav_button_bg.jpg); background-position: bottom left; }

  1. nav li{
width:126px;

float:left; position:relative; background: #004370; }

  1. nav li.nimei{
width:203px;

float:left; position:relative; background: #004370; }

  1. nav ul {
   position:absolute;
   width:13em;
   top:3.8em;
   display:none;	

z-index: 1; }

  1. nav li ul a {
   width:9em;
   float:left;

background-color: #004370; /* #2e2e2e*/ /* #004370;*/ /* #292929;*/ /*#33ADFF;*/ background-image: none !important; }

  1. nav li ul a:hover {

background-color: #33ADFF; }

  1. nav ul ul{

top:auto; }

  1. nav li ul ul {
   left:12em;
   margin:0px 0 0 10px;
   }
  1. nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
   display:none;
   }
  1. nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
   display:block;
   }