MediaWiki:Common.css: mudanças entre as edições

De Wikincat
Ir para navegação Ir para pesquisar
Sem resumo de edição
Sem resumo de edição
 
(4 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
Linha 337: Linha 337:
/* Design de etiquetas */
/* Design de etiquetas */


/* dejavu-mono-latin-400-normal */
.labelPrintContainer {
@font-face {
font-family: 'DejaVu Mono';
font-style: normal;
font-display: swap;
font-weight: 400;
src: url(https://cdn.jsdelivr.net/fontsource/fonts/dejavu-mono@latest/latin-400-normal.woff2) format('woff2'), url(https://cdn.jsdelivr.net/fontsource/fonts/dejavu-mono@latest/latin-400-normal.woff) format('woff');
}

.labelContainer {
height: 237.3mm;
height: 237.3mm;
width: 208.2mm;
width: 208.2mm;
Linha 355: Linha 364:
margin-left: 2.5mm;
margin-left: 2.5mm;
font-size: 100%;
font-size: 100%;
font-family: 'DejaVu Mono';
}
}


Linha 364: Linha 374:
.labelUnit table tr:nth-child(1) td:nth-child(1) {
.labelUnit table tr:nth-child(1) td:nth-child(1) {
vertical-align: top;
vertical-align: top;
font-weight: bold;
font-weight: 900;
}
}



Edição atual tal como às 14h08min de 14 de setembro de 2024

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

/* Don't display some stuff on the main page */
.page-Wikincat_Home h1 {
  display: none;
}
.page-Wikincat_Home #ca-talk {
  display: none;
}

/* Center */
.center {
  text-align: center;
}
div.center div,
div.center p,
div.center table,
div.center form {
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}

/* wikincatTable */

.wikincatTable {
  border-collapse: collapse;
  width: 100%;
}

.wikincatTable td,
.wikincatTable th {
  border: 1px solid #ddd;
  padding: 8px;
}

.wikincatTable tr:nth-child(even) {
  background-color: #f2f2f2;
}

.wikincatTable tr:hover {
  background-color: #ddd;
}

.wikincatTable th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #4caf50;
  color: white;
}

/* Semantic Result Formats (filtered) */
.filtered {
  height: auto;
}

.filtered-filters {
  width: 25%;
  background: #f9f9f9;
  border-color: #f9f9f9;
  /* border-radius: 5px; */
  /* border-top-left-radius: 5px; */
  /* border-top-right-radius: 5px; */
  /* border-bottom-right-radius: 5px; */
  /* border-bottom-left-radius: 5px; */
  margin: 0 5px 0 0 !important;
  padding: 5px;
  float: left;
  height: auto;
}

.filtered-views {
  overflow: auto;
  overflow-x: auto;
  overflow-y: auto;
  padding: 0;
  margin: 0 0 0 0;
  border: 0;
  height: auto;
  border-right-width: 0;
  border-top-width: 0;
  border-left-width: 0;
  border-bottom-width: 0;
}

.filtered-views-container {
  padding: 0 0 0 0 !important;
}

.filtered-filters .filtered-value {
  /* border-radius: 5px; */
  margin: 5px 5px 11px 5px;
  border: 1px solid #a7d7f9;
}

.filtered .filtered-filters {
  border: 1px solid #ffffff;
}

.filtered .filtered-views {
  border: 1px solid #ffffff !important;
}

.filtered-filters .filtered-value .filtered-value-label span {
  background-color: #f9f9f9;
  font-weight: bold;
  padding-left: 10px;
  padding-right: 10px;
}

.filtered-filters .filtered-value .filtered-value-switches {
  font-size: 90%;
  font-weight: normal;
  border-bottom-color: #e8e8e8;
}

.filtered-filters .filtered-value .filtered-value-hide {
  position: relative;
  top: -2em;
  width: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 0;
  margin-bottom: 0;
  text-align: center;
  background-color: #f9f9f9;
  cursor: pointer;
  font-size: 90%;
}

.filtered-filters .filtered-value .filtered-value-show {
  position: relative;
  top: -2em;
  width: 10px;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 10px;
  background-color: #f9f9f9;
  cursor: pointer;
  text-align: center;
  font-size: 90%;
}

.filtered-filters .filtered-value .filtered-value-option {
  padding: 2px;
  background-color: #f9f9f9;
  display: block;
  width: 97%;
}

.filtered .filtered-filters .filtered-filter .filtered-filter-label {
  background: #f9f9f9;
}

.ns-0 #ca-talk {
  display: none;
}
.searchresult {
  color: #888888;
}

/* DivTable.com */
.divTable {
  display: table;
  width: 100%;
}
.divTableRow {
  display: table-row;
}
.divTableHeading {
  background-color: #eee;
  display: table-header-group;
}
.divTableCell,
.divTableHead {
  border: 1px solid #999999;
  display: table-cell;
  padding: 3px 10px;
}
.divTableHeading {
  background-color: #eee;
  display: table-header-group;
  font-weight: bold;
}
.divTableFoot {
  background-color: #eee;
  display: table-footer-group;
  font-weight: bold;
}
.divTableBody {
  display: table-row-group;
}

/* SMW special properties */
.smwbuiltin a,
.smwbuiltin .new {
  color: #ff8000;
}
/* implementing tabs: https://www.w3schools.com/howto/howto_js_tabs.asp */

/* Style the tab */
.wikincatTab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
.wikincatTab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
.wikincatTab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.wikincatTab .active {
  background-color: #ccc;
}

/* Style the tab content */
.wikincatTabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}

/* Collapsible content from
https://alligator.io/css/collapsible */
.wrap-collapsible {
  margin-bottom: 10px;
}

.wrap-collapsible input[type="checkbox"] {
  display: none;
}

.lbl-toggle {
  display: block;

  text-align: center;

  padding: 5px;

  color: #4d4d4d;
  background-color: #eaecf0;

  cursor: pointer;
  border: 1px solid #a1a9b0;
  border-radius: 3px;
  transition: all 0.25s ease-out;
}

.lbl-toggle:hover {
  color: #202e87;
}

.lbl-toggle::before {
  content: " ";
  display: inline-block;

  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid;
  vertical-align: middle;
  margin-right: 0.7rem;
  transform: translateY(-2px);

  transition: transform 0.2s ease-out;
}

.toggle:checked + .lbl-toggle::before {
  transform: rotate(90deg) translateX(-3px);
}

.collapsible-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.25s ease-in-out;
}

.toggle:checked + .lbl-toggle + .collapsible-content {
  max-height: 100%;
}

.toggle:checked + .lbl-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

/* WSSearchFront extension */
.wssearch--hit__date,
.wssearch--hit__body {
  display: none;
}

/* NumerAlpha extension behaviour via CSS
.numeralpha-numeral {
  counter-reset: numeral;
}

.increment-numeralpha-numeral::before {
  counter-increment: numeral;
  content: counter(numeral, decimal) ". ";
}

.numeralpha-roman {
  counter-reset: roman;
}

.increment-numeralpha-roman::before {
  counter-increment: roman;
  content: counter(roman, upper-roman) ". ";
}

.numeralpha-alpha {
  counter-reset: alpha;
}

.increment-numeralpha-alpha::before {
  counter-increment: alpha;
  content: counter(alpha, lower-alpha) ". ";
}
*/

/* Design de etiquetas */

/* dejavu-mono-latin-400-normal */
@font-face {
  font-family: 'DejaVu Mono';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(https://cdn.jsdelivr.net/fontsource/fonts/dejavu-mono@latest/latin-400-normal.woff2) format('woff2'), url(https://cdn.jsdelivr.net/fontsource/fonts/dejavu-mono@latest/latin-400-normal.woff) format('woff');
}

.labelContainer {
  height: 237.3mm;
  width: 208.2mm;
  border: 0.1mm solid blue;
  padding-top: 17mm;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.labelUnit {
  height: 33.3mm;
  width: 101.2mm;
  border: 0.1mm solid red;
  border-radius: 2mm;
  margin-left: 2.5mm;
  font-size: 100%;
  font-family: 'DejaVu Mono';
}

.labelUnit table {
  height: 95%;
  width: 98%;
}

.labelUnit table tr:nth-child(1) td:nth-child(1) {
  vertical-align: top;
  font-weight: 900;
}

.labelUnit table tr:nth-child(1) td:nth-child(2) {
  line-height: 0.9;
  width: 61mm;
  font-size: 0.775em;
}

.labelUnit table tr:nth-child(2) td:nth-child(1) {
  line-height: 0.9;
  text-align: right;
}

.labelUnit table tr:nth-child(3) {
  line-height: 0.9;
  font-size: 0.775em;
}