MediaWiki:Common.css
De WikiRioDoce
Nota: Depois de salvar, você terá de limpar o cache do seu navegador para ver as alterações.
- Firefox / Safari: pressione Shift enquanto clica em Recarregar, ou pressione Ctrl-F5 ou Ctrl-R (Command-R para Mac);
- Google Chrome: pressione Ctrl-Shift-R (Command-Shift-R em um Mac)
- Internet Explorer: pressione Ctrl enquanto clica em Recarregar ou pressione Ctrl-F5;
- Opera: limpe o cache em Ferramentas → Preferências (Tools → Preferences)
/** o código CSS colocado aqui será aplicado a todos os temas */
body{ background-color: rgba(240, 198, 96, 0.17); }
#mw-page-base{
background-image:linear-gradient(rgba(255, 247, 188, 0.15) 50%,rgba(248, 232, 148, 0.21) 100%);
background-color: #ffffff;
}
.mw-body{
border:1px solid #96e382;
}
/** esconder título "Página principal" da portada(home) */
.page-Página_principal .mw-body h1.firstHeading{
display:none;
}
/** Reducir espaço no topo dos conteúdos (entre título e texto das páginas) */
#contentSub{
margin:0px;
}
#content.mw-body{
padding-top:15px;
}
/* Bullets dos intens no CategoryTree */
/*
.CategoryTreeItem .CategoryTreeBullet:before{
content: "• ";
}
*/
.CategoryTreeItem .CategoryTreeLabelPage:before{
content: "• ";
}
/* ***** ***** TimelineTable ***** ***** */
table.tl_table{
border-width: thin;
border-spacing: 2px;
border-style: outset;
border-color: black;
border-collapse: separate;
background-color: white;
border-radius: 9px;
}
th.tl_title{
text-transform: uppercase
text-align: center;
border-width: 1px;
padding: 1px;
border-style: outset;
border-color: blue;
background-color: rgb(243, 248, 252);
border-radius: 9px;
}
th.tl_years{
text-align: center;
font-style: italic;
border-width: 1px;
padding: 1px;
border-style: outset;
border-color: blue;
background-color: rgb(223, 228, 252);
border-radius: 4px;
}
th.tl_months{
text-align: center;
border-width: 1px;
padding: 1px;
border-style: outset;
border-color: blue;
background-color: rgb(243, 248, 252);
border-radius: 2px;
}
th.tl_days{
text-align: center;
border-width: 1px;
padding: 1px;
border-style: outset;
border-color: blue;
background-color: rgb(243, 248, 252);
border-radius: 2px;
}
th.tl_weeks{
text-align: center;
border-width: 1px;
padding: 1px;
border-style: outset;
border-color: blue;
background-color: rgb(243, 248, 252);
border-radius: 2px;
}
td.tl_freetime{
background-color: rgb(187, 210, 236);
border-width: 1px;
border-color: black;
border-style: inset;
border-radius: 7px;
}
td.tl_event{
text-align: center;
padding: 1px;
background-color: rgb(61, 114, 194);
border-width: 1px;
border-color: white;
border-style: inset;
color: white;
border-radius: 7px;
white-space: normal
}
td.tl_foot{
text-align: center;
padding: 1px;
background-color: rgb(243, 248, 252);
border-width: 1px;
border-color: blue;
border-style: ridge;
color: gray;
border-radius: 9px;
}
/*
thead.tl_header{}
tbody.tl_body{}
tfoot.tl_footer{}
*/
/* Styles for Forms */
table.formtable{
width:100%;
}
.formtable label.checkboxLabel{
margin-right:20px;
float:left;
}
.formtable .checkboxLabel .createboxInput{
margin:0px !important;
margin-right:-2px !important;
}
table.formtable tr{
background-color:#EDEDED;
}
table.formtable th{
width:170px;
padding:5px;
}
.predVideo-caixaVideo{
float:left;
width:61%;
}
.predVideo-caixaQuadroLat{
float:left;
width:38%;
}
/*
.predVideo-caixaVideo .embedvideowrap{
width:100% !important;
}
.predVideo-caixaVideo .embedvideowrap iframe{
width:100%;
}
*/
.subTitle_tableForm{
text-align: center;
background-color: rgb(248, 240, 207);
padding: 5px;
font-weight: bold;
}
table.formtable .form_unidadeMedida{
color:#B216B6;
}
.form_unidadeMedidaFront{
color:#038d8d;
}
.form_tableSubtitulo_front{
text-align: center;
background-color: #FBEDC5;
font-weight: bold;
font-style: italic;
}
.form_tableSubtitulo_front-agua{
text-align: center;
background-color: #CADFF5;
font-weight: bold;
font-style: italic;
}
.table_descImgFront{
color:#0071ae;
}
/**************************/
/* Styles for Info Tables */
/**************************/
.info_table{
width: 30em;
font-size: 90%;
border: 1px solid #aaaaaa;
background-color: #f9f9f9;
color: black;
margin-bottom: 0.5em;
margin-left: 1em;
padding: 0.2em;
float: right;
clear: right;
text-align:left;
}
.info_table th{
background: #FBEDC5;
}
.info_table th.padrao{
background-color: rgb(255, 221, 124) !important;
font-size: larger;
}
.info_table .th_padrao{
font-weight:bold;
}
.table_agua{
width: 30em;
font-size: 90%;
border: 2px solid #0600ff;
background-color: #e5f9f9;
color: black;
margin-bottom: 0.5em;
margin-left: 1em;
padding: 0.2em;
float: right;
clear: right;
text-align:left;
}
.table_localidades{
width: 30em;
font-size: 90%;
border: 1px solid #aaaaaa;
background-color: #f9f9f9;
color: black;
margin-bottom: 0.5em;
margin-left: 1em;
padding: 0.2em;
float: right;
clear: right;
text-align:left;
}
/***************************************/
/* CSS headertabs do Bem-vindo na Home */
/***************************************/
#mf-welcome #headertabs{
border: none;
background: none;
}
#mf-welcome #headertabs .ht-editsection{
display:none;
}
#mf-welcome #headertabs ul{
padding:0px;
border:0px;
border-bottom: 3px solid #053ea2;
}
#mf-welcome #headertabs ul li{
/* margin-right: 0px !important; */
border:0px;
background: #6E6E6E;
border-radius: 0px;
}
#mf-welcome #headertabs ul li.ui-tabs-active {
background: #053ea2 !important;
}
#mf-welcome #headertabs ul li a{
color: white;
font-weight: bold;
}
#mf-welcome #headertabs .ui-tabs-panel{
padding:0px;
}
/* Menu Lateral Ezquerdo (Sidebar) */
#mw-panel h3{
font-weight: bold !important;
color:#76a47e !important;
}
/**************/
/* CSS Tables */
/**************/
table.td_top td{
vertical-align:top;
}
/*** CSS 3 Colunas responsivas ***/
.column {
float: left;
width: 33.33%;
}
/* Clear floats after the columns */
.row:after {
content: "";
display: table;
clear: both;
}
.cel_content {
padding:0px 10px 0px 10px;
}
@media screen and (max-width: 860px) {
.column {
width: 100%;
}
}
.paddingTop0 {
padding-top:0px;
}
.padding-content-ambox {
padding-top:1.2em;
padding-bottom:1.2em;
padding-left:1em;
padding-right:1em;
}
.margin-left {
margin-left:10px;
}
/*** Cores ***/
.grey{
color:#888;
}