Team:USTC-Software/css/project style

From 2012.igem.org

(Difference between revisions)
 
(8 intermediate revisions not shown)
Line 16: Line 16:
     }
     }
-
#project_wrapper img{
+
#project_wrapper img,
 +
#page_wrapper img{
     display:block;
     display:block;
     width:600px;
     width:600px;
Line 22: Line 23:
     float:none;
     float:none;
}
}
-
      
+
 
 +
pre{
 +
     width:80%;
 +
    margin:30px auto;
 +
    font-family:Courier;
 +
    font-size:16px;
 +
    white-space: pre-wrap;      /* css-3 */
 +
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 +
    white-space: -pre-wrap;      /* Opera 4-6 */
 +
    white-space: -o-pre-wrap;    /* Opera 7 */
 +
    word-wrap: break-word;      /* Internet Explorer 5.5+ */
 +
    background-color:black;
 +
    color:white;
 +
}
 +
 
.technology_feature{
.technology_feature{
     margin-bottom:25px;
     margin-bottom:25px;
Line 45: Line 60:
     margin-top:25px;
     margin-top:25px;
}
}
 +
 +
p.h3{
 +
    font-size:23px;
 +
    margin-bottom:10px;
 +
    margin-top:20px;
 +
}
 +
 +
#page_wrapper p.h3{
 +
        font-size:23px;
 +
        margin-bottom:10px;
 +
        margin-top:20px;
 +
    }
p.main{
p.main{
Line 58: Line 85:
p.list{
p.list{
     font-size:18px;
     font-size:18px;
-
     line-height:2.5em;
+
     line-height:1.5em;
 +
    text-indent:1.5em;
     width:90%;
     width:90%;
     margin:0 auto;
     margin:0 auto;
     list-style:disc;
     list-style:disc;
}
}

Latest revision as of 11:44, 13 November 2012

  1. project_wrapper,
  2. software_wrapper,
  3. page_wrapper{
   clear:both;
   width:900px;
   margin:0 auto;
   color:white;
   padding:40px;
   background:url('https://static.igem.org/mediawiki/2012/d/de/USTC-Software-images-half-black.png');
   position:relative;
   }
   #project_wrapper .feature_group,
   #software_wrapper .feature_group{
       margin: 60px auto;
       position:relative;
   }
  1. project_wrapper img,
  2. page_wrapper img{
   display:block;
   width:600px;
   margin:30px auto;
   float:none;

}

pre{

   width:80%;
   margin:30px auto;
   font-family:Courier;
   font-size:16px;
   white-space: pre-wrap;       /* css-3 */
   white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
   white-space: -pre-wrap;      /* Opera 4-6 */
   white-space: -o-pre-wrap;    /* Opera 7 */
   word-wrap: break-word;       /* Internet Explorer 5.5+ */
   background-color:black;
   color:white;

}

.technology_feature{

   margin-bottom:25px;

} .technology_feature + .technology_feature{

   border-top: 1px solid #999;

}

p{

   font-family: 'Quicksand', sans-serif;

}

p.h1{

   font-size:35px;
   margin-bottom:15px;
   margin-top:30px;

}

p.h2{

   font-size:25px;
   margin-bottom:10px;
   margin-top:25px;

}

p.h3{

   font-size:23px;
   margin-bottom:10px;
   margin-top:20px;

}

  1. page_wrapper p.h3{
       font-size:23px;
       margin-bottom:10px;
       margin-top:20px;
   }

p.main{

   font-size:20px;
   line-height:1.5em;
   width:90%;
   margin:0 auto;
   }
   p.main + p.main{
       text-indent:1em;
   }
   

p.list{

   font-size:18px;
   line-height:1.5em;
   text-indent:1.5em;
   width:90%;
   margin:0 auto;
   list-style:disc;

}