Difference between revisions of "Template:UFAM-UEA Brazil/CSS"

 
(82 intermediate revisions by the same user not shown)
Line 4: Line 4:
 
#top_title{
 
#top_title{
 
display: none;
 
display: none;
 +
}
 +
 +
@font-face {
 +
    font-family: wikiFont;
 +
    src: url(https://static.igem.org/mediawiki/2016/7/78/UFAM_UEA_WIKI_FONT.otf);
 
}
 
}
  
Line 14: Line 19:
 
a{
 
a{
 
text-decoration:none;
 
text-decoration:none;
 +
font-family: wikiFont;
 
}
 
}
 
table {
 
table {
Line 40: Line 46:
 
     font-weight: normal;
 
     font-weight: normal;
 
     font-size: 100%;
 
     font-size: 100%;
−
font-family: ApexNew;
 
 
     margin:0;
 
     margin:0;
 
     color:#fff;
 
     color:#fff;
Line 64: Line 69:
 
}
 
}
  
 +
#HQ_page h1{
 +
font-family: wikiFont;
 +
}
 +
#HQ_page h2{
 +
font-family: wikiFont;
 +
}
 +
#HQ_page h3{
 +
font-family: wikiFont;
 +
}
 
#HQ_page p{
 
#HQ_page p{
−
font-size: 0.8em;
+
font-family: wikiFont;
 +
font-size: 1.2em;
 
}
 
}
  
 
p{
 
p{
−
font-size: 1em;
+
font-size: 1.2em;
 
color:#fff;
 
color:#fff;
 
text-align: justify;
 
text-align: justify;
Line 114: Line 129:
 
padding-left:2em;
 
padding-left:2em;
 
   }
 
   }
−
 
  
 
.main-container{
 
.main-container{
Line 138: Line 152:
 
.ln-project{
 
.ln-project{
 
   width:100%;
 
   width:100%;
−
   height:18em;
+
   height:14em;
 
   padding-bottom:1em;
 
   padding-bottom:1em;
 
   display:inline-block;  
 
   display:inline-block;  
Line 156: Line 170:
  
  
−
.ln-human{
+
.h-human{
−
 
+
color:#fff;
−
width:100%;
+
background:#ffc000;
−
  height:60px;
+
   font-size: 1.5em;
−
   display:inline-block;
+
   line-height: 100%;
−
   background-image:url(https://static.igem.org/mediawiki/2016/thumb/7/7e/UFAM_UEA_Brazil_DNA_vermelho.png/800px-UFAM_UEA_Brazil_DNA_vermelho.png);
+
  margin:0;
−
background-size:6em;
+
   padding:0.5em;
−
   margin-top:1.4em;
+
   text-align: center; 
−
    
+
 
}
 
}
  
Line 213: Line 226:
 
width:9em;
 
width:9em;
 
height:9em;
 
height:9em;
 +
}
 +
 +
.c-col-s{
 +
width:100%;
 +
text-align: center;
 +
padding-top:1em;
 +
padding-bottom:1em;
 +
}
 +
 +
.col-s{
 +
width:13%;
 +
display:inline-block;
 +
}
 +
 +
.col-s img{
 +
width:4em;
 +
height:4em;
 +
}
 +
 +
.c-col-2{
 +
width:100%;
 +
text-align: center;
 +
}
 +
 +
.col-2{
 +
margin:10px;
 +
display:inline-block;
 +
}
 +
 +
.col-2 img{
 +
width:20em;
 +
height:20em;
 
}
 
}
  
Line 246: Line 291:
  
 
.medal-title {
 
.medal-title {
−
   text-align:center;
+
   text-align:left;
−
padding:0 1em;
+
padding-top:1.3em;
 +
padding-bottom:0em;
 
}
 
}
  
 
.medal-title h2{
 
.medal-title h2{
 
   font-size:2.5em;
 
   font-size:2.5em;
−
padding-rigth:0.1em;
+
padding-bottom:0.5em;
 +
padding-top:0.5em;
 
color:#e2574c;
 
color:#e2574c;
 
}
 
}
Line 261: Line 308:
 
}
 
}
  
 +
.linha-branca{
 +
height:5px;
 +
background:#fff;
 +
margin-top:0.3em;
 +
}
 +
 +
 +
.member-team{
 +
width:100%;
 +
text-align:center;
 +
margin-bottom:2em;
 +
}
 +
 +
.member-team-data{
 +
width: 45%;
 +
display: inline-block;
 +
}
 +
 +
.member-team-data img{
 +
width: 15em;
 +
height:18em;
 +
}
 +
 +
.notebook-link{
 +
display: block;
 +
font-size:1.2em;
 +
color:#fff;
 +
margin-top:0.5em;
 +
margin-bottom:0.5em;
 +
padding:0.5;
 +
}
 +
 +
label{
 +
font-family: wikiFont;
 +
margin-top:0.5em;
 +
margin-bottom:0.5em;
 +
padding:0.5em;
 +
display: block;
 +
background:#BDBDBD;
 +
}
 +
 +
label:hover{
 +
background:#fff;
 +
color:#363636;
 +
margin-top:0.5em;
 +
margin-bottom:0.5em;
 +
padding-left:1;
 +
}
 +
 +
#ma, input{
 +
  display: none
 +
}
 +
 +
#mb, input{
 +
  display: none
 +
}
 +
 +
#mo1, input{
 +
  display: none
 +
}
 +
 +
#mo2, input{
 +
  display: none
 +
}
 +
 +
#mo3, input{
 +
  display: none
 +
}
 +
 +
#mo4, input{
 +
  display: none
 +
}
 +
 +
#mo5, input{
 +
  display: none
 +
}
 +
 +
 +
input#togglemerA:checked ~ #ma{
 +
  display: block
 +
}
 +
 +
input#togglemerB:checked ~ #mb{
 +
  display: block
 +
}
 +
 +
input#togglemo1:checked ~ #mo1{
 +
  display: block
 +
}
 +
 +
input#togglemo2:checked ~ #mo2{
 +
  display: block
 +
}
 +
 +
input#togglemo3:checked ~ #mo3{
 +
  display: block
 +
}
 +
 +
input#togglemo4:checked ~ #mo4{
 +
  display: block
 +
}
 +
 +
input#togglemo5:checked ~ #mo5{
 +
  display: block
 +
}
 +
 +
#ph1, input{
 +
  display: none
 +
}
 +
 +
#ph2, input{
 +
  display: none
 +
}
 +
 +
#ph3, input{
 +
  display: none
 +
}
 +
 +
#is, input{
 +
  display: none
 +
}
 +
 +
input#toggleis:checked ~ #is{
 +
  display: block
 +
}
 +
 +
input#toggleph1:checked ~ #ph1{
 +
  display: block
 +
}
 +
 +
input#toggleph2:checked ~ #ph2{
 +
  display: block
 +
}
 +
 +
input#toggleph3:checked ~ #ph3{
 +
  display: block
 +
}
 +
 +
#np1, input{
 +
  display: none
 +
}
 +
 +
#np2, input{
 +
  display: none
 +
}
 +
 +
#np3, input{
 +
  display: none
 +
}
 +
 +
#np4, input{
 +
  display: none
 +
}
 +
 +
 +
#np5, input{
 +
  display: none
 +
}
 +
 +
 +
input#togglenp1:checked ~ #np1{
 +
  display: block
 +
}
 +
 +
 +
input#togglenp2:checked ~ #np2{
 +
  display: block
 +
}
 +
 +
 +
input#togglenp3:checked ~ #np3{
 +
  display: block
 +
}
 +
 +
input#togglenp4:checked ~ #np4{
 +
  display: block
 +
}
 +
 +
input#togglenp5:checked ~ #np5{
 +
  display: block
 +
}
  
 
</style>
 
</style>
 
</html>
 
</html>

Latest revision as of 00:41, 20 October 2016