Team:UESTC/hp.css

From 2013.igem.org

(Difference between revisions)
 
(13 intermediate revisions not shown)
Line 6: Line 6:
margin:0 auto;
margin:0 auto;
height:auto;
height:auto;
 +
padding-top: 40px;
 +
padding-bottom: 40px;
 +
}
 +
#action_info h1{
 +
font: bold 56px arial,verdana;
}
}
.pp {
.pp {
display: block;
display: block;
-
width: 40%;
+
width: 48%;
-
text-align: justify;
+
text-align: justify;  
-
    font: 18px BuxtonSketch,arial,verdana;
+
float: left;
float: left;
position: relative;
position: relative;
 +
top:60px;
}
}
#ibricks_show h2{
#ibricks_show h2{
-
font: 23px BuxtonSketch,arial,verdana;
+
font: 22px arial,verdana;
 +
position: relative;
 +
top:40px;
 +
}
 +
#ibricks_show {
 +
height: 400px;
 +
width: 80%;
 +
margin: 0 auto;
 +
}
 +
#ibricks_show p{
 +
font: 18px  arial,verdana
 +
}
 +
#ibricks_show a{
 +
position:relative;
 +
top:200px;
 +
right: 100px;
 +
font: 18px museo100regular, arial,verdana;
}
}
#ibricks_show video {
#ibricks_show video {
float: right;
float: right;
 +
position: relative;
 +
top:-46px;
 +
right: 4%;
 +
 +
}
 +
#action_info h2{
 +
font: bold 34px arial,verdana;
 +
}
 +
#action_info p{
 +
font: 18px  arial,verdana;
 +
text-align: justify;
 +
line-height: 1.6em;
 +
}
 +
#photo_gallery {
 +
    width: 80%;
 +
    height: auto;
 +
    margin: 0 auto;
 +
}
 +
    #photo_gallery h1 {
 +
        font: 2.5em  arial,verdana;
 +
    }
 +
    #photo_gallery span {
 +
        font: 12px museo100regular, arial,verdana;
 +
        color:red;
 +
        display: block;
 +
        width: 245px;
 +
        height: auto;
 +
        position: relative;
 +
        top: 0px;
 +
        left: 0px;
 +
    }
 +
.gallery {
 +
    margin: 0 0 5em;
 +
    padding: 0;
 +
    list-style-type: none;
 +
    overflow: visible;
 +
    height: auto;
}
}
 +
    .gallery li {
 +
        display: block;
 +
        width: 150px;
 +
        margin: 0.8em 1em;
 +
        float: left;
 +
        z-index: 0;
 +
    }

Latest revision as of 14:27, 28 October 2013

  1. hp{

height: auto; }

  1. action_info{

width:80%; margin:0 auto; height:auto; padding-top: 40px; padding-bottom: 40px; }

  1. action_info h1{

font: bold 56px arial,verdana; } .pp { display: block; width: 48%; text-align: justify; float: left; position: relative; top:60px; }

  1. ibricks_show h2{

font: 22px arial,verdana; position: relative; top:40px; }

  1. ibricks_show {

height: 400px; width: 80%; margin: 0 auto; }

  1. ibricks_show p{

font: 18px arial,verdana }

  1. ibricks_show a{

position:relative; top:200px; right: 100px; font: 18px museo100regular, arial,verdana; }

  1. ibricks_show video {

float: right; position: relative; top:-46px; right: 4%;

}

  1. action_info h2{

font: bold 34px arial,verdana; }

  1. action_info p{

font: 18px arial,verdana; text-align: justify; line-height: 1.6em; }

  1. photo_gallery {
   width: 80%;
   height: auto;
   margin: 0 auto;

}

   #photo_gallery h1 {
       font: 2.5em  arial,verdana;
   }
   #photo_gallery span {
       font: 12px museo100regular, arial,verdana;
       color:red;
       display: block;
       width: 245px;
       height: auto;
       position: relative;
       top: 0px;
       left: 0px;
   }

.gallery {

   margin: 0 0 5em;
   padding: 0;
   list-style-type: none;
   overflow: visible;
   height: auto;

}

   .gallery li {
       display: block;
       width: 150px;
       margin: 0.8em 1em;
       float: left;
       z-index: 0;
   }