Mudanças entre as edições de "Common.css"
De Kraus & Naimer
(55 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;; 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;}