Team:UESTC/hp.css

From 2013.igem.org

(Difference between revisions)
 
(8 intermediate revisions not shown)
Line 10: Line 10:
}
}
#action_info h1{
#action_info h1{
-
font: 30px museo100regular, arial,verdana;
+
font: bold 56px arial,verdana;
}
}
.pp {
.pp {
display: block;
display: block;
-
width: 40%;
+
width: 48%;
text-align: justify;     
text-align: justify;     
float: left;
float: left;
Line 21: Line 21:
}
}
#ibricks_show h2{
#ibricks_show h2{
-
font: 22px museo100regular, arial,verdana;
+
font: 22px arial,verdana;
position: relative;
position: relative;
top:40px;
top:40px;
Line 27: Line 27:
#ibricks_show {
#ibricks_show {
height: 400px;
height: 400px;
 +
width: 80%;
 +
margin: 0 auto;
}
}
#ibricks_show p{
#ibricks_show p{
-
font: 18px museo100regular, arial,verdana
+
font: 18px arial,verdana
}
}
#ibricks_show a{
#ibricks_show a{
position:relative;
position:relative;
-
top:70px;
+
top:200px;
 +
right: 100px;
 +
font: 18px museo100regular, arial,verdana;
}
}
#ibricks_show video {
#ibricks_show video {
Line 39: Line 43:
position: relative;
position: relative;
top:-46px;
top:-46px;
-
right: 20%;
+
right: 4%;
}
}
#action_info h2{
#action_info h2{
-
font: 22px museo100regular, arial,verdana;
+
font: bold 34px arial,verdana;
}
}
#action_info p{
#action_info p{
-
font: 22px arial,verdana;
+
font: 18px arial,verdana;
text-align: justify;
text-align: justify;
-
line-height: 1.4em;
+
line-height: 1.6em;
}
}
#photo_gallery {
#photo_gallery {
     width: 80%;
     width: 80%;
-
     height: 668px;
+
     height: auto;
     margin: 0 auto;
     margin: 0 auto;
}
}
     #photo_gallery h1 {
     #photo_gallery h1 {
-
         font: 2.5em museo100regular, arial,verdana;
+
         font: 2.5em arial,verdana;
     }
     }
     #photo_gallery span {
     #photo_gallery span {
-
         font: 12px/1.2em museo100regular, arial,verdana;
+
         font: 12px museo100regular, arial,verdana;
         color:red;
         color:red;
         display: block;
         display: block;
Line 78: Line 82:
         display: block;
         display: block;
         width: 150px;
         width: 150px;
-
         margin: 0.8em 2em;
+
         margin: 0.8em 1em;
         float: left;
         float: left;
         z-index: 0;
         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;
   }