Mudanças entre as edições de "Common.css"
De Kraus & Naimer
| (19 revisões intermediárias pelo mesmo usuário não estão sendo mostradas) | |||
| Linha 12: | Linha 12: | ||
table tr:nth-child(odd) {background: #EEE} | table tr:nth-child(odd) {background: #EEE} | ||
table tbody th {background:#5E5E5D;color:#FFF;} | 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 th, table#aprovacao td {border-top:0;border-bottom:0;} | ||
table#aprovacao tr {background: #FFF} | 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;} | + | 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(even) {background: #FFF;} | ||
table#lista tr:nth-child(odd) {background: #FFF;} | table#lista tr:nth-child(odd) {background: #FFF;} | ||
| + | |||
table.center {text-align: center;} | table.center {text-align: center;} | ||
| Linha 26: | Linha 33: | ||
th.tcenter, td.tcenter, p.tcenter { text-align: center;} | th.tcenter, td.tcenter, p.tcenter { text-align: center;} | ||
th.tright, td.tright , p.tright { text-align: right;} | th.tright, td.tright , p.tright { text-align: right;} | ||
| − | |||
/** 3. Imagens **/ | /** 3. Imagens **/ | ||
| Linha 32: | Linha 38: | ||
/** 4. Links **/ | /** 4. Links **/ | ||
.navbar-personaltools > li > a.navbar-userloggedin:link {color: #ffffff;} | .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;}