Difference between revisions of "Team:ZJU-China/css/ZJU-stylesheet2.css"

Revision as of 08:47, 5 September 2015

body { background: #A7A4A1 url();

      font-family: "gennifer", Helvetica, sans-serif;

}

@font-face { font-family:gennifer; src: url('https://static.igem.org/mediawiki/2015/8/84/Zju-china_jennifer-webfont.eot'); /* IE9 Compat Modes */ src: url('https://static.igem.org/mediawiki/2015/8/84/Zju-china_jennifer-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

 url('https://static.igem.org/mediawiki/2015/8/85/Zju-china_jennifer-webfont.woff') format('woff'), /* Modern Browsers */ 
 url('https://static.igem.org/mediawiki/2015/9/94/ZJU-CHINA_jennifer.ttf')  format('truetype'), /* Safari, Android, iOS */ 
 url('https://static.igem.org/mediawiki/2015/0/0d/Zju-china_jennifer-webfont.svg') format('svg'); /* Legacy iOS */

}

.shadow-hp-ov{ background-color:#FFF; border:2px solid #ddd; padding-left:6%; padding-right:6%; -moz-box-shadow: 10px 10px 5px #888888; box-shadow: 2px 2px 5px #888888; border-radius:2em; }

.shadow{ border:2px solid #ddd; border-radius:2em; padding-left:3%; padding-right:3%; -moz-box-shadow: 10px 10px 5px #888888; box-shadow: 0px 0px 2em #888888; }

article {

   padding-top: 5px;
   padding-bottom: 5%;
   padding-left: 15%;
   padding-right: 15%;
   font-size: 16px;
 }

h3, h4, h5, h6 {

 font-family: gennifer, Helvetica, sans-serif;
 border-bottom: none;
 text-align: center;

}

h1 {

 font-family: gennifer, Helvetica, sans-serif;
 border-bottom: none;
 font-size: 6em;

}

h2 {

 font-family: gennifer, Helvetica, sans-serif;
 border-bottom: none;
 font-size: 2.5em;
 padding-top:0.5em;
 padding-bottom: 0.5em;
 text-align: center;

} .hh2 {

   width: 100%;
   border: 2px solid #ddd;
   color: #666;
   font-size: 30px;

}

.wherno{

   border:2px solid #ddd;

border-bottom:0px solid #ddd; }

.hh3{

   width: 100%;
   border: 2px solid #ddd;
   color: #666;
   font-size: 20px;

padding-top:0.2em;

   padding-bottom: 0.2em;

}

.hh4{

   width: 100%;
   font-size: 30px;

padding-top:0;

   padding-bottom: 0.2em;

text-align: center; color: #666; border-bottom:2px solid #ddd; } .p1{

text-align:justify; text-justify:inter-word;
font-size:22px;

} .p1bord{

font-size:25px;
text-align: center;
	padding-top:0.5em;
   padding-bottom: 0.5em;
   padding-bottom: 0.5em;

} .p2{

text-align:justify; text-justify:inter-word;
text-align: center;

}

.p3{

text-align:justify; text-justify:inter-word;
text-align: left;
padding-left:1em;
padding-right:1em;
}

.p2,.p3{ font-size:16px; } .ul1{

text-align:justify; text-justify:inter-word;
font-size:22px;

}

.qanda{ padding-top:0.2em;

   padding-bottom: 0.2em;

border-bottom: 1px solid #ddd; } .question{

 font-family:gennifer, Helvetica, sans-serif;
 font-size:22px;

} .answer{

 font-family:gennifer, Helvetica, sans-serif;
 font-size:18px;

}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {

 line-height: inherit;
 color: rgba(100, 153, 148, 1);

}

.row {

 overflow: hidden;
 position: relative;
 width: 100%;
 margin: 1em 0;
 padding: 0;

}

.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {

 padding: 0;

}

.col-md-2 h3, .col-md-4 h3, .col-md-6 h3, .col-md-8 h3, .col-md-2 h4, .col-md-4 h4, .col-md-6 h4, .col-md-8 h4, .col-md-2 h5, .col-md-4 h5, .col-md-6 h5, .col-md-8 h5 {

 margin-top: 0em;

}

.text-col-right {

 padding-left: 2em;

}

.text-col-left {

 padding-right: 2em;

}

.kuvateksti {

 font-size: small;
 margin-top: 1em;
 text-align: center;

}

.img-center {

 text-align: center;
 margin-top: 0;
 width:100%;

}

.img-table {

 text-align: center;
 margin-top: 0;
 width:100%;
 height:400px;

}

.img-center .img-responsive {

 display: inline;

}

.Collaboration-pin{

text-align:justify; text-justify:inter-word;
font-size:24px;
line-height:150%;

}

.Collaboration-pout{

text-align:justify; 
text-justify:inter-word;
font-size:22px;
line-height:130%;	
padding-top:10px;
padding-bottom:1em;

}

.Collaboration-h{

   width: 100%;
   color: #666;
   font-size: 30px;

padding-top:10px; padding-bottom:10px; border-top:2px solid #ddd; }

.row2{

 overflow: hidden;
 position: relative;
 width: 100%;
 margin: 1em 0;
 padding-top:20px;
 padding-bottom:20px;

}

.in-h-left{

   text-align:left;

}