Difference between revisions of "Template:USP UNIFESP-Brazil/CSS2"
Danilovieira (Talk | contribs) |
MiguelCroce (Talk | contribs) |
||
| (60 intermediate revisions by 3 users not shown) | |||
| Line 1: | Line 1: | ||
p, li { | p, li { | ||
| − | font-size: | + | font-size: 9pt ; |
color: #00a551; | color: #00a551; | ||
} | } | ||
| − | a { | + | |
| + | a, a:visited { | ||
font-size: 12pt; | font-size: 12pt; | ||
| − | color: #00a551; | + | color: #00a551 !important; |
| − | text-decoration: none; | + | text-decoration: none !important; |
} | } | ||
a:hover { | a:hover { | ||
| − | color: white; | + | color: white!important; |
background: #00a551; | background: #00a551; | ||
| + | text-decoration: none !important; | ||
| + | } | ||
| + | #top_menu_14 { | ||
| + | height: 16px; | ||
| + | } | ||
| + | #top_menu_14 a { | ||
| + | color: white !important; | ||
| + | font-size: 12px; | ||
} | } | ||
| + | |||
div.topo { | 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 { | div.meio { | ||
| − | margin-top: | + | font-size: 12pt !important; |
| + | margin-top: 100px; | ||
} | } | ||
div.rodape { | div.rodape { | ||
| + | font-size: 12pt !important; | ||
padding-top: 20px; | padding-top: 20px; | ||
| + | margin-top: 60px; | ||
background-color: #00a551; | background-color: #00a551; | ||
} | } | ||
div.rodape a, div.rodape p { | div.rodape a, div.rodape p { | ||
color: white; | color: white; | ||
| + | text-decoration: none !important; | ||
} | } | ||
| + | |||
| + | #menu-lateral { | ||
| + | position: fixed; | ||
| + | left: 2%; | ||
| + | top:30%; | ||
| + | width: 8em; | ||
| + | margin-top:-2.5em; | ||
| + | } | ||
| + | |||
| + | ul.texto { | ||
| + | font-size: 16pt !important; | ||
| + | } | ||
| + | |||
ul.menu { | ul.menu { | ||
list-style-type: none; | list-style-type: none; | ||
| Line 32: | Line 68: | ||
ul.menu li { | ul.menu li { | ||
float: left; | float: left; | ||
| − | width: | + | width: 11.285%; |
margin-right: 1%; | margin-right: 1%; | ||
text-align: center; | text-align: center; | ||
| Line 51: | Line 87: | ||
-o-transition: background-color 1s ease; | -o-transition: background-color 1s ease; | ||
} | } | ||
| − | ul.menu li a:hover, .active { | + | ul.menu li a:hover, .active, a.active { |
background-color: #00a551; | background-color: #00a551; | ||
color: white !important; | 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; | ||
} | } | ||
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; }
- top_menu_14 {
height: 16px; }
- 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; }
- 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;
}
