Šablona:Cedule/styles.css

/****************************************
 * Kaskádové styly pro šablonu
 * Template:Cedule
 ****************************************/

/*** TODO *******************************
 * --------------------------------------
 * Zjistit a vytvořit potřebné třídy [hotovo]
 * Doplnit styly jednotlivých tříd [hotovo]
 * Úprava šablony k použití kaskád. stylů
 * Úprava šablony k použití daných tříd
 * Kategorizace použitím pomocných tříd
 ****************************************/

/* Překopírováno z Wikipedie - upraveno k lehké změně stylu */
div.labelced {
  margin: 0 10% 2em 10%; /* Odražení o desetinu šířky z obou stran a mezera dole */
  width: auto;
  overflow: hidden;
}
div.labelced-page {
  border: 1px solid #a2a9b1;
  border-radius: 8px;
  background-color: #1e90ff;     /* Výchozí: Modrá "poznámka" */
}
div.labelced + div.labelced {
  /* Přiražení dvou navazujících cedulí s menší mezerou */
  margin-top: -1.5em;
}
div.labelced-page-type-delete, div.labelced-page-type-speedy {
  background-color: #b22222;     /* Důležitá a urgentní šablona (smazat, apod.) */
}
div.labelced-page-type-content {
  background-color: #f28500;     /* Varovná šablona (ohledně obsahu) */
}
div.labelced-page-type-maintenance {
  background-color: #f4c430;     /* Údržbová šablona (informace o údržbě) */
}
div.labelced-page-type-move {
  background-color: #9932cc;     /* Manipulační šablona (přesun, přejmenování, apod.) */
}
div.labelced-page-type-protection {
  background-color: #bba;        /* Ochranná šablona (zamčení, apod.) */
}
div.labelced-page-type-editnotice {
  margin: 0 !important;
  background-color: #a2a9b1 !important;
}
div.labelced-message {
  background: #fbfbfb;
  border: none;
  border-top-left-radius: 5px;
  margin-left: 0.8em;
  padding: 0.25em 0.5em;
  width: auto;
  text-align: left;
  display: flex;
}
div.labelced-page-type-speedy div.labelced-message {
  background-color: #fee;        /* Urgentní šablona se od důležité liší barvou pozadí zprávy */
}
div.labelced-message:only-child {
  /* Pokud chybí poznámka, musí se zaoblít levý dolní roh zprávy */
  border-bottom-left-radius: 5px;
}
div.labelced hr {
  /* Skrytí horizontální čáry mezi textem a poznámkou */
  display: none;
}
div.labelced-image {
  float: left;
  border: none;
  padding: 2px 0.5em 0 0;
  text-align: center;
}
div.labelced-message-headline {
  font-size: 90%;
  font-weight: bold;
  margin: 0 0 0.25em 0;
  padding: 0 0.25em;
  text-align: left;
  width: auto;
}
div.labelced-message-text {
  font-size: 90%;
  padding: 0 0.25em;
  text-align: left;
  width: auto;
}
div.labelced-message-text p,
div.labelced-note-text p {
  margin: 0;
}
div.labelced-message-text p + p,
div.labelced-note-text p + p {
  /* Odsazení odstavců ve víceodstavcovém textu zprávy nebo poznámky */
  margin-top: 0.5em;
}
div.labelced-note {
  padding: 0.25em 0.5em;
  margin-left: 0.8em;
  border-bottom-left-radius: 5px;
  background: #eeeeee;
  width: auto;
}
div.labelced-note-text {
  font-size: smaller;
  margin: 0 0 0 52px;
  padding: 0 0.25em;
  text-align: left;
}
div.labelced-message-headline-noimage,
div.labelced-message-text-noimage,
div.labelced-message-note-noimage {
  /* Zrušení odsazení zleva v případě chybějícího obrázku */
  margin-left: 0;
}
div.labelced-note div.labelced-image {
  /* Skrytí obrázku v poznámce */
  display: none;
}