Ações

MediaWiki

Mudanças entre as edições de "Common.css"

De Kraus & Naimer

 
(54 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
Linha 1: Linha 1:
 
/** o código CSS colocado aqui será aplicado a todos os temas */
 
/** o código CSS colocado aqui será aplicado a todos os temas */
 +
 +
/** 0. Ocultar **/
 +
#footer-icons {display:none;}
  
 
/** 1. Formatação de Tabelas **/
 
/** 1. Formatação de Tabelas **/
.bg_produtos { background-image: url(images/bg_blue.jpg); color:#AC1024;}
+
._bg_produtos { background-image: url(images/bg_blue.jpg); color:#AC1024;; font-weight:bold; font-size:18px; font-family: Calibri, Verdana, Arial;}
 +
 
 +
table {width:100%;}
 +
table tbody th, table tbody td {padding:2px 4px 2px 4px; border-top:1px #cccccc solid;border-bottom:1px #cccccc solid;}
 +
table tr:nth-child(even) {background: #FFF}
 +
table tr:nth-child(odd) {background: #EEE}
 +
table tbody th {background:#5E5E5D;color:#FFF;}
 +
table tbody th.blue {background:#4a8bc2;color:#FFF;}
 +
 
 +
table#layout, table#layout th, table#layout td {border-top:0;border-bottom:0;}
 +
table#layout tr {background:#ffffff;}
 +
 
 +
table#aprovacao th, table#aprovacao td {border-top:0;border-bottom:0;}
 +
table#aprovacao tr {background: #FFF}
 +
 
 +
table#lista td {border:1px #cccccc solid; background:#ffffff; padding:10px 20px;}
 +
table#lista th {border:0px #cccccc solid; background:#ffffff;color:#171717;text-align:center;padding:10px 20px;}
 +
table#lista th.blue {border:1px #cccccc solid; background:#4a8bc2;color:#FFFFFF;text-align:center;}
 +
table#lista th.cinza {border:1px #cccccc solid; background:#5E5E5D;color:#FFFFFF;text-align:center;}
 +
table#lista tr:nth-child(even) {background: #FFF;}
 +
table#lista tr:nth-child(odd) {background: #FFF;}
 +
 
 +
 
 +
table.center {text-align: center;}
 +
 
 +
/** 2. Formatação de Texto e Alinhamento**/
 +
th.tcenter, td.tcenter, p.tcenter { text-align: center;}
 +
th.tright, td.tright , p.tright { text-align: right;}
 +
 
 +
/** 3. Imagens **/
 +
 
 +
/** 4. Links **/
 +
.navbar-personaltools > li > a.navbar-userloggedin:link {color: #ffffff;}
 +
 
 +
/** 5. Objetos **/
 +
.seta-esquerda:before { content: ""; display: inline-block; vertical-align: middle; margin-right: 10px; width: 0; height: 0; border-top: 18px solid transparent; border-bottom: 18px solid transparent; border-right: 18px solid #4a8bc2; }
 +
.seta-direita:before { content: ""; display: inline-block; vertical-align: middle; margin-right: 10px; width: 0; height: 0; border-top: 18px solid transparent; border-bottom: 18px solid transparent; border-left: 18px solid #4a8bc2; }
 +
.seta-cima:before { content: ""; display: inline-block; vertical-align: middle; margin-right: 10px; width: 0; height: 0; border-left: 18px solid transparent; border-right: 18px solid transparent; border-bottom: 18px solid #4a8bc2; }
 +
.seta-baixo:before { content: ""; display: inline-block; vertical-align: middle; margin-right: 10px; width: 0; height: 0; border-left: 18px solid transparent; border-right: 18px solid transparent; border-top: 18px solid #4a8bc2; }
 +
.seta-baixo-cinza:before { content: ""; display: inline-block; vertical-align: middle; border-left: 18px solid transparent; border-right: 18px solid transparent; border-top: 18px solid #E6E7E8;border-bottom: 5px solid transparent; }
 +
.seta-cima-cinza:before { content: ""; display: inline-block; vertical-align: middle; border-left: 18px solid transparent; border-right: 18px solid transparent; border-top: 5px solid transparent;border-bottom: 18px solid #E6E7E8; }
 +
 
 +
/** 6. Tema **/
 +
.top-bar {background:#4a8bc2 !important;}
 +
.top-bar-section ul li {background:#4a8bc2 !important;}
 +
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {background:#4a8bc2 !important;}
 +
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button):hover {background:#3f75a2 !important;}

Edição atual tal como às 10h35min de 5 de julho de 2019

/** o código CSS colocado aqui será aplicado a todos os temas */

/** 0. Ocultar **/
#footer-icons {display:none;}

/** 1. Formatação de Tabelas **/
._bg_produtos { background-image: url(images/bg_blue.jpg); color:#AC1024;; font-weight:bold; font-size:18px; font-family: Calibri, Verdana, Arial;}

table {width:100%;}
table tbody th, table tbody td {padding:2px 4px 2px 4px; border-top:1px #cccccc solid;border-bottom:1px #cccccc solid;}
table tr:nth-child(even) {background: #FFF}
table tr:nth-child(odd) {background: #EEE}
table tbody th {background:#5E5E5D;color:#FFF;}
table tbody th.blue {background:#4a8bc2;color:#FFF;}

table#layout, table#layout th, table#layout td {border-top:0;border-bottom:0;}
table#layout tr {background:#ffffff;}

table#aprovacao th, table#aprovacao td {border-top:0;border-bottom:0;}
table#aprovacao tr {background: #FFF}

table#lista td {border:1px #cccccc solid; background:#ffffff; padding:10px 20px;}
table#lista th {border:0px #cccccc solid; background:#ffffff;color:#171717;text-align:center;padding:10px 20px;}
table#lista th.blue {border:1px #cccccc solid; background:#4a8bc2;color:#FFFFFF;text-align:center;}
table#lista th.cinza {border:1px #cccccc solid; background:#5E5E5D;color:#FFFFFF;text-align:center;}
table#lista tr:nth-child(even) {background: #FFF;}
table#lista tr:nth-child(odd) {background: #FFF;}


table.center {text-align: center;}

/** 2. Formatação de Texto e Alinhamento**/
th.tcenter, td.tcenter, p.tcenter { text-align: center;}
th.tright, td.tright , p.tright { text-align: right;}

/** 3. Imagens **/

/** 4. Links **/
.navbar-personaltools > li > a.navbar-userloggedin:link {color: #ffffff;}

/** 5. Objetos **/
.seta-esquerda:before { content: ""; display: inline-block; vertical-align: middle; margin-right: 10px; width: 0; height: 0; border-top: 18px solid transparent; border-bottom: 18px solid transparent; border-right: 18px solid #4a8bc2; }
.seta-direita:before { content: ""; display: inline-block; vertical-align: middle; margin-right: 10px; width: 0; height: 0; border-top: 18px solid transparent; border-bottom: 18px solid transparent; border-left: 18px solid #4a8bc2; }
.seta-cima:before { content: ""; display: inline-block; vertical-align: middle; margin-right: 10px; width: 0; height: 0; border-left: 18px solid transparent; border-right: 18px solid transparent; border-bottom: 18px solid #4a8bc2; }
.seta-baixo:before { content: ""; display: inline-block; vertical-align: middle; margin-right: 10px; width: 0; height: 0; border-left: 18px solid transparent; border-right: 18px solid transparent; border-top: 18px solid #4a8bc2; }
.seta-baixo-cinza:before { content: ""; display: inline-block; vertical-align: middle; border-left: 18px solid transparent; border-right: 18px solid transparent; border-top: 18px solid #E6E7E8;border-bottom: 5px solid transparent; }
.seta-cima-cinza:before { content: ""; display: inline-block; vertical-align: middle; border-left: 18px solid transparent; border-right: 18px solid transparent; border-top: 5px solid transparent;border-bottom: 18px solid #E6E7E8; }

/** 6. Tema **/
.top-bar {background:#4a8bc2 !important;}
.top-bar-section ul li {background:#4a8bc2 !important;}
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {background:#4a8bc2 !important;}
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button):hover {background:#3f75a2 !important;}