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; ...")
 
(19 intermediate revisions not shown)
Line 1: Line 1:
/*format of text*/
/*format of text*/
 +
 +
#group{background:#fff;height:auto;z-index:1001;}
 +
#Layer1 {
#Layer1 {
position:absolute;
position:absolute;
Line 10: Line 13:
}
}
-
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;
h1{          letter-spacing: 0.1em;
               font-weight: 0.1px;
               font-weight: 0.1px;
               text-align:center;
               text-align:center;
-
               font-family:"Comic Sans MS", cursive;
+
               font-family: 'Dosis', sans-serif;
               font-size: 1.9em;
               font-size: 1.9em;
}   
}   
-
.er{font-family:"Comic Sans MS";}
+
h2 {
 +
font-family: 'Capriola', sans-serif;
 +
color:#06402C;text-decoration:none;
 +
font-size:20pt;
 +
border-bottom:solid 1px #f60;
 +
text-align:center;}
 +
.er{font-family: 'Dosis', sans-serif;}
margin-right:10mm;
margin-right:10mm;
margin-top:2mm;
margin-top:2mm;
Line 42: Line 37:
font-weight: lighter;
font-weight: lighter;
font-variant: normal;
font-variant: normal;
-
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
+
font-family: 'Dosis', Arial, Helvetica, sans-serif;
}
}
 +
hr{ solid 1px #f60;}
pic{
pic{
align:center;
align:center;
Line 49: Line 45:
font-color: red;}
font-color: red;}
-
/*background*/
+
#group p {
-
#content{   background:transparent url("https://static.igem.org/mediawiki/2011/e/ee/Bg3.png")  center top fixed repeat-y;
+
      font-family: 'Dosis', sans-serif;
-
              padding: 0px;
+
      margin-top:20px;
-
      margin:0 auto;
+
      margin-bottom:20px;
-
              border: none;
+
      line-height: 18pt;
-
              top:-10px;
+
      font-size:14pt;
-
              opacity:1;
+
       text-decoration:none;
-
}
+
      text-align:justify; }
-
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>
+
.bio {
-
<style type="text/css">
+
    clear:both;
-
.imgbox {
+
    padding-bottom: 20px;
-
  margin:20px;
+
    border-bottom: 1px solid #ccc;
-
  padding:10px;
+
-
  border:1px solid black;
+
-
  text-align:center;
+
-
  }
+
-
.ppp{
+
-
font-size:15px;
+
}
}
-
 
+
.bio img {
-
#main_container {
+
    float:left;
-
width: 900px;
+
    margin-right: 10px;
-
height: auto;
+
-
margin: auto;
+
-
background-color:;
+
-
}
+
-
.box_content{
+
-
width:267px;
+
-
height:380px;
+
-
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;
 +
  font-family: 'Dosis', sans-serif;
 +
    font-size: 1.6em;
 +
    padding: 5px 15px;
-
ul  {
 
-
      list-style-image: none;
 
}
}
-
#nav {
 
-
float: right;
 
-
font-family: Arial, Helvetica, sans-serif;
 
-
font-weight: bold;
 
-
font-size: 12px;
 
-
padding-top: 70px;
 
-
height: 43px;
 
-
}
 
-
#nav .last {
+
.clear {
-
padding-right: 2px;
+
    clear:both;
-
 
+
-
background-repeat:no-repeat;
+
-
background-position:right;
+
}
}
-
#nav, #nav ul{
+
#col_left{
-
margin:0;
+
    float: left;
-
padding:0;
+
    width: 646px;
-
list-style-type:none;
+
height:2600px;
-
list-style-position:outside;
+
background-color:#fff;
-
position:relative;
+
    padding: 30px 22px;
-
line-height:1.5em;
+
    margin:0;
-
width: 960px;
+
-
height: 50px;
+
}
}
 +
#col_right{
 +
    float: right;
 +
    width: 242px;
-
#nav .on {
+
    padding: 30px 28px 30px 15px;
-
color:#fff !important;
+
    margin:0;
-
background-image: url(images/USTC-China_nav_button_bg.jpg) !important;
+
-
background-position: bottom left !important;
+
}
}
-
 
+
#col_nav{
-
#nav a:link, #nav a:active, #nav a:visited{
+
     float: left;
-
     display:block;
+
     width: 242px;
-
     padding: 14px 35px;
+
     height:2600px;
-
     color:#a5a5a5;
+
background-color:#fff;
-
    text-decoration:none;
+
    padding: 30px 28px 30px 15px;
-
text-transform: uppercase;
+
    margin:0;
-
background-image: url(images/USTC-China_nav_button_bg.jpg);
+
-
background-position: top left;
+
}
}
-
 
-
#nav a:hover {
 
-
    color:#fff;
 
-
background-image: url(images/USTC-China_nav_button_bg.jpg);
 
-
background-position: bottom left;
 
-
}
 
-
 
-
#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;
 
-
    }
 

Latest revision as of 16:48, 21 September 2012

/*format of text*/

  1. group{background:#fff;height:auto;z-index:1001;}
  1. Layer1 {

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


}


h1{ letter-spacing: 0.1em; 

             font-weight: 0.1px;
             text-align:center;
             font-family: 'Dosis', sans-serif;
             font-size: 1.9em;

} 

h2 {

font-family: 'Capriola', sans-serif; color:#06402C;text-decoration:none; font-size:20pt; border-bottom:solid 1px #f60; text-align:center;} .er{font-family: 'Dosis', sans-serif;} 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: 'Dosis', Arial, Helvetica, sans-serif; } hr{ solid 1px #f60;} pic{ align:center; }link{ font-color: red;}

  1. group p { 
      font-family: 'Dosis', sans-serif;
      margin-top:20px;
      margin-bottom:20px;
      line-height: 18pt;
      font-size:14pt;
      text-decoration:none;
      text-align:justify; }


.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: 'Dosis', sans-serif;
   font-size: 1.6em;
   padding: 5px 15px;

}


.clear { 

   clear:both;

}

  1. col_left{ 
   float: left;
   width: 646px;

height:2600px; background-color:#fff; 

   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;
   height:2600px;

background-color:#fff; 

   padding: 30px 28px 30px 15px;
   margin:0;

}

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