Difference between revisions of "Template:USP UNIFESP-Brazil/CSS2"

 
(24 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
p, li {
 
p, li {
font-size: 12pt !important;
+
font-size: 9pt ;
 
color: #00a551;
 
color: #00a551;
}
 
body {
 
    padding: 30px;
 
 
}
 
}
 
  
 
a, a:visited {
 
a, a:visited {
font-size: 12pt !important;
+
font-size: 12pt;
 
color: #00a551 !important;
 
color: #00a551 !important;
 
text-decoration: none !important;
 
text-decoration: none !important;
Line 19: Line 15:
 
}
 
}
 
#top_menu_14 {
 
#top_menu_14 {
height: 30px;
+
height: 16px;
 
}
 
}
 
#top_menu_14 a {
 
#top_menu_14 a {
 
color: white !important;
 
color: white !important;
font-size: 12px !important;
+
font-size: 12px;
 
}
 
}
 +
 
div.topo {
 
div.topo {
 
     font-size: 12pt !important;
 
     font-size: 12pt !important;
 +
margin: auto;
 
     position: fixed;
 
     position: fixed;
     top: 35px;
+
     top: 10px;
 
     z-index: 10000;
 
     z-index: 10000;
 
     background: #fff;
 
     background: #fff;
 +
    padding-top: 10px;
 +
    padding-bottom: 10px;
 +
max-width: none;
 
}
 
}
  
 
div.meio {
 
div.meio {
 
font-size: 12pt !important;
 
font-size: 12pt !important;
margin-top: 120px;
+
margin-top: 100px;
 
}
 
}
 
div.rodape {
 
div.rodape {
Line 46: Line 47:
 
color: white;
 
color: white;
 
text-decoration: none !important;
 
text-decoration: none !important;
 +
}
 +
 +
#menu-lateral {
 +
position: fixed;
 +
left: 2%;
 +
top:30%;
 +
width: 8em;
 +
margin-top:-2.5em;
 +
}
 +
 +
ul.texto {
 +
font-size: 16pt !important;
 
}
 
}
  
Line 55: Line 68:
 
ul.menu li {
 
ul.menu li {
 
float: left;
 
float: left;
width: 13.285%;
+
width: 11.285%;
 
margin-right: 1%;
 
margin-right: 1%;
 
text-align: center;
 
text-align: center;
Line 131: Line 144:
 
width: 90%;
 
width: 90%;
 
margin: 0 auto 20px auto;
 
margin: 0 auto 20px auto;
 +
}
 +
 +
.rotate90 {
 +
    -webkit-transform: rotate(90deg);
 +
    -moz-transform: rotate(90deg);
 +
    -o-transform: rotate(90deg);
 +
    -ms-transform: rotate(90deg);
 +
    transform: rotate(90deg);
 
}
 
}
  
 
.bread {
 
.bread {
 
border-top: 1px solid #00a551;
 
border-top: 1px solid #00a551;
 +
}
 +
 +
object, embed {
 +
    height: 700px;
 
}
 
}

Latest revision as of 02:46, 20 October 2016

p, li { font-size: 9pt ; color: #00a551; }

a, a:visited { font-size: 12pt; color: #00a551 !important; text-decoration: none !important; } a:hover { color: white!important; background: #00a551; text-decoration: none !important; }

  1. top_menu_14 {

height: 16px; }

  1. top_menu_14 a {

color: white !important; font-size: 12px; }

div.topo {

   font-size: 12pt !important;

margin: auto;

   position: fixed;
   top: 10px;
   z-index: 10000;
   background: #fff;
   padding-top: 10px;
   padding-bottom: 10px;

max-width: none; }

div.meio { font-size: 12pt !important; margin-top: 100px; } div.rodape { font-size: 12pt !important; padding-top: 20px; margin-top: 60px; background-color: #00a551; } div.rodape a, div.rodape p { color: white; text-decoration: none !important; }

  1. menu-lateral {

position: fixed; left: 2%; top:30%; width: 8em; margin-top:-2.5em; }

ul.texto { font-size: 16pt !important; }

ul.menu { list-style-type: none; margin: 0; padding: 0; } ul.menu li { float: left; width: 11.285%; margin-right: 1%; text-align: center; } ul.menu li a { display: block; min-height: 67px; color: #00a551; padding: 8px 16px; text-decoration: none; border-radius: 10px; display: flex; align-items: center; justify-content: center; transition: background-color 1s ease; -webkit-transition: background-color 1s ease; -moz-transition: background-color 1s ease; -o-transition: background-color 1s ease; } ul.menu li a:hover, .active, a.active { background-color: #00a551; color: white !important; } div.foto-time { border-radius: 10px; background-color: black; width: 100%; padding-top: 100%; background-size: cover; border: 2px solid #00a551; position: relative; } div.foto-time .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; color: #fff; background-color: none; transition: background-color 0.5s ease; -webkit-transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; } div.membro:hover .overlay, div.mem-active .overlay {

   display: block;
   background-color: rgba(0, 168, 81, 0.6);

} .black { color: black !important; }

.titulo-verde { background: white url('https://static.igem.org/mediawiki/2016/6/66/T--USP_UNIFESP-Brazil--GreenTitle.png') bottom left no-repeat; background-size: 100% 100%; margin-top: 60px; margin-bottom: 40px; }

.titulo-verde h2, #bodyContent h2 { color: white; font-weight: bold; padding-top: 20px; margin-bottom: 5px; }

.reference p { font-size: 11pt!important; }

p.fig-label { font-size: 11pt !important; width: 90%; margin: 0 auto 20px auto; }

.rotate90 {

   -webkit-transform: rotate(90deg);
   -moz-transform: rotate(90deg);
   -o-transform: rotate(90deg);
   -ms-transform: rotate(90deg);
   transform: rotate(90deg);

}

.bread { border-top: 1px solid #00a551; }

object, embed {

   height: 700px;

}