Team:USTC-China/groupmeetings.css

From 2012.igem.org

(Difference between revisions)
(Created page with "- →format of text: #Layer1 { position:absolute; left:-220px; top:-10px; width:150%; height:250mm; } div#text{ text-indent: 0em; white-space: pre-wrap; ...")
Line 49: Line 49:
font-color: red;}
font-color: red;}
-
/*background*/
 
-
#content{    background:transparent url("https://static.igem.org/mediawiki/2011/e/ee/Bg3.png")  center top fixed repeat-y;
 
-
              padding: 0px;
 
-
      margin:0 auto;
 
-
              border: none; 
 
-
              top:-10px;
 
-
              opacity:1;
 
-
}
 
-
body {        background:#000000 url("https://static.igem.org/mediawiki/2011/d/d7/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;
 
-
}
 
-
#main_container {
+
.bio {
-
width: 900px;
+
    clear:both;
-
height: auto;
+
    padding-bottom: 20px;
-
margin: auto;
+
    border-bottom: 1px solid #ccc;
-
background-color:;
+
}
}
-
.box_content{
+
.bio img {
-
width:267px;
+
    float:left;
-
height:380px;
+
    margin-right: 10px;
-
float:left;
+
-
margin:10px 5px 10px 10px;
+
-
background:url("https://static.igem.org/mediawiki/2011/a/a4/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("https://static.igem.org/mediawiki/2011/4/49/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;
+
}
}
-
 
+
#videoiframe {
-
 
+
    overflow: hidden;
-
table#toc{
+
    margin-top: 20px;
-
display:none;
+
}
}
-
.header {
+
.col_list ul{
-
position: relative;
+
    list-style-type:none;
-
width: 960px;
+
    list-style-image:none;
-
height: 50px;
+
    background-image:none;
-
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 ---------- */
+
.col_list li{
-
 
+
    text-align:center;
-
ul  {
+
    font-family:"Comic Sans MS", cursive;
-
      list-style-image: none;
+
    font-size: 1.6em;
 +
    padding: 5px 15px;
 +
   
 +
    background-color:transparent;
}
}
-
 
+
a {
-
#nav {
+
    color: #991133;
-
float: right;
+
    text-decoration: none;
-
font-family: Arial, Helvetica, sans-serif;
+
-
font-weight: bold;
+
-
font-size: 12px;
+
-
padding-top: 70px;
+
-
height: 43px;
+
}
}
-
 
+
a:hover {
-
#nav .last {
+
    text-decoration: underline;
-
padding-right: 2px;
+
-
 
+
-
background-repeat:no-repeat;
+
-
background-position:right;
+
}
}
-
#nav, #nav ul{
+
.clear {
-
margin:0;
+
    clear:both;
-
padding:0;
+
-
list-style-type:none;
+
-
list-style-position:outside;
+
-
position:relative;
+
-
line-height:1.5em;
+
-
width: 960px;
+
-
height: 50px;
+
}
}
-
#nav .on {
+
#col_left{
-
color:#fff !important;
+
    float: left;
-
background-image: url(images/USTC-China_nav_button_bg.jpg) !important;
+
    width: 550px;
-
background-position: bottom left !important;
+
    padding: 30px 22px;
 +
    margin:0;
}
}
-
 
+
#col_right{
-
#nav a:link, #nav a:active, #nav a:visited{
+
     float: right;
-
     display:block;
+
     width: 242px;
-
     padding: 14px 35px;
+
     padding: 30px 28px 30px 15px;
-
     color:#a5a5a5;
+
     margin:0;
-
     text-decoration:none;
+
-
text-transform: uppercase;
+
-
background-image: url(images/USTC-China_nav_button_bg.jpg);
+
-
background-position: top left;
+
}
}
-
 
+
#col_nav{
-
#nav a:hover {
+
     float: left;
-
     color:#fff;
+
    width: 242px;
-
background-image: url(images/USTC-China_nav_button_bg.jpg);
+
    padding: 30px 28px 30px 15px;
-
background-position: bottom left;
+
    margin:0;
}
}
-
 
-
#nav li{
 
-
width:126px;
 
-
float:left;
 
-
position:relative;
 
-
background: #004370;
 
-
}
 
-
 
-
#nav li.nimei{
 
-
width:203px;
 
-
float:left;
 
-
position:relative;
 
-
background: #004370;
 
-
}
 
-
 
-
#nav ul {
 
-
    position:absolute;
 
-
    width:13em;
 
-
    top:3.8em;
 
-
    display:none;
 
-
z-index: 1;
 
-
}
 
-
 
-
#nav li ul a {
 
-
    width:9em;
 
-
    float:left;
 
-
background-color: #004370;
 
-
/* #2e2e2e*/
 
-
/* #004370;*/
 
-
/* #292929;*/
 
-
/*#33ADFF;*/
 
-
background-image: none !important;
 
-
}
 
-
 
-
#nav li ul a:hover {
 
-
background-color: #33ADFF;
 
-
}
 
-
 
-
#nav ul ul{
 
-
top:auto;
 
-
}
 
-
 
-
#nav li ul ul {
 
-
    left:12em;
 
-
    margin:0px 0 0 10px;
 
-
    }
 
-
 
-
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
 
-
    display:none;
 
-
    }
 
-
 
-
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
 
-
    display:block;
 
-
    }
 

Revision as of 12:26, 18 September 2012

/*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;}



.bio { 

   clear:both;
   padding-bottom: 20px;
   border-bottom: 1px solid #ccc;

} .bio img { 

   float:left;
   margin-right: 10px;

}

  1. videoiframe { 
   overflow: hidden;
   margin-top: 20px;

} .col_list ul{ 

   list-style-type:none;
   list-style-image:none;
   background-image:none;

} .col_list li{ 

   text-align:center;
   font-family:"Comic Sans MS", cursive;
   font-size: 1.6em;
   padding: 5px 15px;
   
   background-color:transparent;

} a { 

   color: #991133;
   text-decoration: none;

} a:hover { 

   text-decoration: underline;

}

.clear { 

   clear:both;

}

  1. col_left{ 
   float: left;
   width: 550px;
   padding: 30px 22px;
   margin:0;

}

  1. col_right{ 
   float: right;
   width: 242px;
   padding: 30px 28px 30px 15px;
   margin:0;

}

  1. col_nav{ 
   float: left;
   width: 242px;
   padding: 30px 28px 30px 15px;
   margin:0;

}

Retrieved from "http://2012.igem.org/Team:USTC-China/groupmeetings.css"