MediaWiki:Common.css

/**
 * Uvedené styly budou načteny ve všech skinech.
 * Viz [[Fórum:Common.css (dokumentace)]].
 */
 
/*
 * Provizorní ošetření diskusního tlačítka "Odpovědět"
 * (funguje jen v NS 1 - Diskuse)
 */
.ns-1 .mw-editsection-visualeditor,
.ns-1 .mw-editsection-divider {
  display: inline;
}

.ns-1 .mw-editsection-visualeditor {
  visibility: hidden;
  font-size: 0;
}

.ns-1 .mw-editsection-visualeditor::before {
  content: "odpovědět";
  visibility: visible;
  font-size: small;
}

/* Hlavní strana, portály a menu
   ===========================================================================*/

body.page-Home #firstHeading {
  display: none;
}

body.page-Home #content {
  padding-top: 0;
}

/* postranní menu se souvisejícími portály a osobním menu */
#p-rel-portals,
#p-rel-exam,
#n-hidden,
li[id^='n-hidden'] {
  display: none;
}

/* schovat menu pro nepřihlášené */
#p-editorial-links,
#p-custom-menu {
	display:none;
}

/* titulní stránka */

.mp_container_obory {
  column-width: 14em;
  column-gap: 1em;
}

.mp_container_obory b {
  color: #ffbe00;
}

.mp_container_obory a {
  display: block;
}

.mp_container_obory p {
  break-inside: avoid;
}

/* portály responzivně */

div.portalCely {
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
}

div.portalOddil {
	padding: 0 3rem 3rem 0;
}

/* oddíly portálů */

.oddilPortalu {
  float: left;
  margin: 1rem 0.5rem;
  width: 31%;
  overflow-x: hidden;
}

.sekcePortalu {
  float: left;
  margin: 1rem 0.5rem;
  width: 31%;
  overflow-x: hidden;
}

.oddilSekcePortalu {
  margin: 0 0.5rem 1rem 0.5rem;
  overflow-x: hidden;
}

@media (max-width: 600px) {
  
  .oddilPortalu {
    width: 100%;
    float: none;
    margin: 1rem 0;
  }
  
  .sekcePortalu {
    width: 100%;
    float: none;
    margin: 1rem 0;
  }
  
}

/* Tabulky
   ===========================================================================*/
   
table.wikitable,
table.bluetable {
  margin: 1em 1em 1em 0;
  background: #f9f9f9;
  border: 1px #aaaaaa solid;
  border-collapse: collapse;
  border-radius: 2px;
}

table.wikitable th,
table.wikitable td,
table.bluetable th,
table.bluetable td {
  border: 1px #aaaaaa solid;
  padding: 0.2em;
}

table.wikitable th,
table.bluetable th {
  background: #f2f2f2;
  text-align: center;
}

table.wikitable caption,
table.bluetable caption {
  margin-left: inherit;
  margin-right: inherit;
}

table.bluetable th {
  background-color: #8da6d6;
}
 
.bluecell {
  background: #d4e3ff !important;
}

/* tabulka svalů */

table.nikytable caption {
  margin-left: inherit;
  margin-right: inherit;
  color:#8A514A;
  font-weight: bold;
  font-size: small;
}

table.nikytable th {
  background: #A37860;
  color:#FFFFFF;
  font-weight: bold;
  font-size: small;
  text-align: center;
}

table.nikytable {
  display: block;
  margin: 1em 1em 1em 0;
  background: #ffffff;
  border: 2px #A37860 double;
  border-collapse: collapse;
  border-radius: 1px;
  font-size: small;
  table-layout: fixed;
  overflow-x: auto;
  width: 100% !important;
}

table.nikytable th,
table.nikytable td {
  border: 1px solid #D1BDB7;
  padding: 0.7em;
  font-size: small;
}

table.nikytable td {
  font-size: small;
}

table.nikytable td:first-child {
  border: 1px solid #D1BDB7;
  padding: 0.7em;
  color:#A37860 ;
  background: #FFDAD0;
  font-weight: bold;
  font-size: small;
  text-align: center;
}

table.nikytable .linka {
	border-top: 3px #D1BDB7 solid;
}

.svalovec:hover {
	outline: black solid 4px;
	outline-offset: -4px;
	
}


/* Články
   ===========================================================================*/

/* reference */
sup.reference {
	font-size: 70%;
}

/* skrýt vybraný obsah */
.hiddenStructure {
  display: none;
}

/* obsah vždy vpravo na stránce */
#toc, .toc {
  float: right;
  margin: 0.5em;
  max-width: 250px;
}

/* schované šablony */

.schovana_zprava .schovana_zprava_hidden  {
  background-color: #FFFFFF;
  position: absolute;
  opacity: 0;
  right: 1%;
  z-index: 1000;
  transition: 0.2s all ease-out;
}

.schovana_zprava:hover .schovana_zprava_hidden {
  opacity: 1;
}

.schovana_zprava_visible {
  z-index: 990;
  background-color: #FFFFFF;
}


/* Diskuse
   ===========================================================================*/
   
/* styl položek archivu LQT */
.lqtItemStyle {
	border-radius: 4px;
	background-color: #e7f4fd;
	margin: 0 0 15px 0;
	padding: 8px;
	overflow-y: auto;	
}


/* Speciální stránky
   ===========================================================================*/

/* dokumentační podstránka */
.template-documentation {
  clear: both;
  margin: 1em 0 0 0;
  border: 1px solid #dddddd;
  border-left: 6px solid #17a2b8;
  border-radius: 4px;
  background-color: #fafafa;
  padding: 1em;
}


/* Boxy
   ===========================================================================*/
   
.mainHeadBox {
  background-color: #FFBB05;
  padding: 4px !important;
  font-size: 110%;
  font-weight: bold;
  border-radius: 5px 5px 0 0;
}

.mainContentBox {
  background-color: #FFFFFF;
  padding: 7px;
  margin-bottom: 15px;
  border-radius: 0 0 5px 5px;
}

.helpContentBox {
  border: 1px solid #FFBB05;
  padding: 7px;
  margin-bottom: 15px;
  border-radius: 0 0 5px 5px;
}

.mainTopBox {
  width:100%;
  padding:5px;
  border: 1px solid #ececec;
  background-color: #FFFFFF;
  margin-bottom: 12px;
  margin-top: -17px;
  border-radius: 5px;
}

.forumHeadBox {
  background-color: #A4C9F6;
  padding: 4px !important;
  font-size: 110%;
  font-weight: bold;
  border-radius: 5px 5px 0 0;
}

.forumContentBox {
  border: 1px solid #A4C9F6;
  padding: 7px;
  margin-bottom: 15px;
  border-radius: 0 0 5px 5px;
}

.contactsHeadBox {
  background-color: #FFD740;
  padding: 4px !important;
  font-size: 110%;
  font-weight: bold;
  border-radius: 5px 5px 0 0;
}

.contactsContentBox {
  border: 1px solid #FFD740;
  padding: 7px;
  margin-bottom: 15px;
  border-radius: 0 0 5px 5px;
}

.YellowHeadBox {
  background-color: #FFD740;
  padding: 4px !important;
  font-size: 110%;
  font-weight: bold;
  border-radius: 5px 5px 0 0;
}

.YellowContentBox {
  border: 1px solid #FFD740;
  padding: 7px;
  margin-bottom: 15px;
  border-radius: 0 0 5px 5px;
}

.LightgreenHeadBox {
  background-color: lightgreen;
  padding: 4px !important;
  font-size: 110%;
  font-weight: bold;
  border-radius: 5px 5px 0 0;
}

.LightgreenContentBox {
  border: 1px solid lightgreen;
  padding: 7px;
  margin-bottom: 15px;
  border-radius: 0 0 5px 5px;
}

.LightblueHeadBox {
  background-color: lightblue;
  padding: 4px !important;
  font-size: 110%;
  font-weight: bold;
  border-radius: 5px 5px 0 0;
}

.LightblueContentBox {
  border: 1px solid lightblue;
  padding: 7px;
  margin-bottom: 15px;
  border-radius: 0 0 5px 5px;
}

.PinkHeadBox {
  background-color: pink;
  padding: 4px !important;
  font-size: 110%;
  font-weight: bold;
  border-radius: 5px 5px 0 0;
}

.PinkContentBox {
  border: 1px solid pink;
  padding: 7px;
  margin-bottom: 15px;
  border-radius: 0 0 5px 5px;
}

.otherHeadBox {
  padding: 4px !important;
  font-size: 110%;
  font-weight: bold;
  border-radius: 5px 5px 0 0;
}

.otherContentBox {
  border: 1px solid;
  padding: 7px;
  margin-bottom: 15px;
  border-radius: 0 0 5px 5px;
}

.imagemapBox {
  padding: 2px;
  width: 98%;
  border: 2px solid #A6D8FF;
  border-radius: 5px;
}

.portalMainBox {
  padding: 4px !important;
  font-size: 20pt;
  font-weight: bold;
  border-radius: 5px;
}

.portalMainBox p {
  margin: 0.4em;
}


/* Typografie a speciální styly
   ===========================================================================*/

/* úvodní box v článcích ve fóru */
div.forum-uvod {
  padding: 5px;
  background-color: #f9f9fd;
  border: 1px solid #aaaacc;
  border-radius: 2px;
}

/* templatedata šablon */
.mw-templatedata-doc-wrap {
  display: none;
}

/* šablony úvodních upozornění */
div.uvodni-upozorneni {
  font-style: italic;
  margin: 0 0 1em 2em;
}

/* tip */
.tip {
  padding: 5px;
  background-color: #DDFBDD;
  border: 1px solid #66CD00;
  border-radius: 5px;
}

/* box vypadající jako komiksová bublina */

.bublina {
  display: block;
  position: relative;
  width: 300px;
  height: 75px;
  text-align: center;
  line-height: 75px;
  background-color: white;
  border: 8px solid #FFBB05;
  border-radius: 30px;
  box-shadow: 2px 2px 4px #ECECEC;
}

.bublina:before {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  left: 30px;
  top: 75px;
  border: 25px solid;
  border-color: #FFBB05 transparent transparent #FFBB05;
}

.bublina:after {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  left: 38px;
  top: 75px;
  border: 15px solid;
 border-color: white transparent transparent white;
}

/* box se správným příkladem */
.dobry_priklad {
  background-color: #DAFFDA;
  padding: 8px;
  margin-left: 5em;
  margin-right: 5em;
}

/* box se špatným příkladem */
.spatny_priklad {
  background-color: #FFE5F5;
  padding: 8px;
  margin-left: 5em;
  margin-right: 5em;
}

/* poznámka "pod čarou" */
.poznamka {
  background-color: #E6E6FA;
  margin-left: 5em;
  margin-right: 5em;
  font-size: smaller;
  padding: 8px;
}

/* cave */
.cave {
  font-weight: bold;
}

/* příklad z praxe nebo ukázka */
.priklad {
  background-color: #F0FFFF;
  padding: 8px;
  margin-left: 5em;
  margin-right: 5em;
  font-style: italic;
}

/* petit */
.petit {
  font-size: 80%;
}

/* přeškrtnutí textu nebo redakčních údajů - použito v redakčním tlačítku */
.preskrtnuto {
  text-decoration: line-through;
}

/* infoboxy */

.infobox {
  border: 1px solid #888888;
  border-collapse: separate;
  clear: right;
  float: right;
  margin: 0.5rem 2rem 2rem;
  padding:1em;
}

.infobox th, .infobox td {
  vertical-align: top;
}

/* navboxy */

div.navbox {
  border: 1px solid transparent;
  clear: both;
  font-size: 88%;
  padding: 2px;
  text-align: center;
  margin-top: 2em;
}
 
div.navbox + div.navbox {
  margin-top: 0;
}
 
div.navbox tr.navbox-padding {
  height: 2px;
}
 
div.navbox th.navbox-název,
div.navbox td.navbox-nadpod,
div.navbox th {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}
 
div.navbox td.navbox-skupina {
  font-weight: bold;
  padding-left: 1em;
  padding-right: 1em;
  text-align: right;
  white-space: nowrap;
}
 
div.navbox table.navbox-navbox,
div.navbox table.navbox-podskupina,
div.navbox td.navbox-skupina + th.navbox-název,
div.navbox td.navbox-seznam {
  width: 100%;
}
 
div.navbox td.navbox-seznam {
  padding: 0;
}
 
div.navbox td.navbox-skupina + td.navbox-seznam {
  border-left: 2px solid transparent;
  text-align: left;
}
 
div.navbox td.navbox-seznam div {
  padding: 0 .25em;
}
 
div.navbox td.navbox-skupina + th.navbox-název {
  border-left: 2px solid transparent;
}
 
div.navbox table.navbox-navbox th.navbox-název span.navbox-názevtext {
  font-size: 110%;
}
 
div.navbox table.navbox-podskupina th.navbox-název span.navbox-názevtext {
  font-size: 100%;
}
 
div.navbox td.navbox-obrázekleft {
  padding: 0 2px 0 0;
  width: 0;
}
 
div.navbox td.navbox-obrázek {
  padding: 0 0 0 2px;
  width: 0;
}
 
div.navbox .collapseButton {
  width: 6em;
}
 
div.navbox {
  border-color: #aaa;
}
 
div.navbox,
div.navbox table.navbox-podskupina {
  background-color: #fdfdfd;
}
 
div.navbox table.navbox-navbox {
  background-color: transparent;
  color: inherit;
}
 
div.navbox td.navbox-skupina + th.navbox-název ,
div.navbox td.navbox-skupina + td.navbox-seznam {
  border-color: #fdfdfd;
}
 
div.navbox th.navbox-název,
div.navbox th {
  background-color: #FDA600;
}
 
div.navbox td.navbox-nadpod,
div.navbox td.navbox-skupina,
div.navbox table.navbox-podskupina td.navbox-název {
  background-color: #fdaa2c;
}
 
div.navbox table.navbox-podskupina td.navbox-skupina,
div.navbox table.navbox-podskupina td.navbox-nadpod {
  background-color: #fdaa2c;
}
 
div.navbox td.navbox-even {
  background-color: #ffcb7b;
}
 
div.navbox td.navbox-odd {
  background-color: #ffcb7b;
}
 
table.navboxes {
  border: 1px solid #aaa;
  clear: both;
  font-size: 88%;
  text-align: center;
  width: 100%;
}
 
table.navboxes th {
  background-color: #F6AE41;
  padding-left: 1em;
  padding-right: 1em;
}
 
table.navboxes .collapseButton {
  width: 6em;
}
 
table.navboxes div.navbox {
  font-size: 88%;
}
 
table.navboxes + table.navboxes,
table.navboxes + div.navbox,
div.navbox + table.navboxes,
div.navbox + div.navbox {
  margin-top: -1px;
}
 
.collapseButton {
  float: right;
  font-weight: normal;
  text-align: right;
  width: auto;
}

.navBoxHeader { 
	padding:8px 10px 8px 35px;
	font-weight:bold;
	color:#ffffff;
	background-color:#fdaa2c;
	border-top-left-radius:1rem;
	border-top-right-radius:1rem;
}

.navBoxContent { 
	padding:0px 0px 20px 8px;
	background-color: #ffe1b5;
}

.navBoxContent > ul {
  padding:10px 10px 20px 15px;
}

.navBoxContent > ul ul {
  margin-left: 20px;
}

.navBoxContent > ul li {
  list-style-type: none;
  margin: 2px 10px;
  position: relative;
	padding: 0px 5px;
	font-size: 0.9rem;
	line-height: 1rem;
}

.navBoxContent > ul li::before {
  content: "";
  position: absolute;
  top: -5px; /*-4*/
  left: -20px;
  border-left: 1px solid #d3941c;
  border-bottom: 1px solid #d3941c;
  width: 20px;
  height: 12px;
}

.navBoxContent > ul li::after {
  position: absolute;
  content: "";
  top: 7px;
  left: -20px;
  border-left: 1px solid #d3941c;
  border-top: 1px solid #d3941c;
  width: 20px;
  height: 100%;
}

.navBoxContent > ul li:last-child::after,
.navBoxContent > ul > li:first-child::before  {
  display:none;
  
}

.navBoxFooter { 
	border-bottom-left-radius:1rem;
	border-bottom-right-radius:1rem;
	padding:0px 10px 20px 35px;
	background-color: #f7c06c;
	margin:0px;
	font-size:0.9rem;
}

/* horizontální seznamy (tzv. flatlists) */

.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

.hlist dd,
.hlist dt,
.hlist li {
  margin: 0;
  display: inline;
}

/* vnořené horizontální seznamy */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
  display: inline;
}

/* generování interpunkce */
.hlist dt:after {
  content: ": ";
}
.hlist dd:after,
.hlist li:after {
  content: " · ";
  font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
  content: none;
}

/* číslovaný horizontální seznam */
.hlist ol {
  counter-reset: listitem;
}
.hlist ol > li {
  counter-increment: listitem;
}
.hlist ol > li:before {
  content: " " counter(listitem) " ";
  white-space: nowrap;
}
.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
  content: " (" counter(listitem) " ";
}

/* seznamy bez odrážek (tzv. plainlists) */

.plainlist ol,
.plainlist ul {
  line-height: inherit;
  list-style: none none;
  margin: 0;
}
.plainlist ol li,
.plainlist ul li {
  margin-bottom: 0;
}

/* styly odrážek pro Šablona:Seznam */
.seznam > ul > li {
  list-style-type: disc;
}
.seznam > ul > li > ul >li {
  list-style-type: circle;
}
.seznam > ul > li > ul > li > ul li {
  list-style-type: square;
}

/* styly pro šablonu Rozbalit */

.sablona-rozbalit-nadpis {
	font-weight: bold;
	line-height: 1.6;
}

.mw-collapsed .sablona-rozbalit-nadpis::after {
	color: #c0c0c0;
	content: "(pro více informací rozbalte)";
	font-weight: normal;
	padding: 0 1rem;
}

.sablona-rozbalit .mw-collapsible-toggle-default::before,
.sablona-rozbalit .mw-collapsible-toggle-default::after {
	content: "";
	visibility: hidden;
}

.sablona-rozbalit .mw-collapsible-text {
	background-color: #ffbe00;
	border-radius: 3px;
	display: inline-block;
	font-weight: bold;
	min-width: 80px;
	padding: 0.1rem 0.5rem;
	text-align: center;
}

/* extenze Quiz */
.quiz .question {
	margin-bottom: 2em;
}

/*** Style ordered lists ***/
/* First */
ol:not([class='references']),
ol:not([class='references']) > li > ol > li > ol > li > ol > li > ol {
	counter-reset: list;
    list-style-type: decimal;
}
ol:not([class='references']) > li,
ol:not([class='references']) > li > ol > li > ol > li > ol > li {
	list-style: none;
}
ol:not([class='references']) > li:before,
ol:not([class='references']) > li > ol > li > ol > li > ol > li:before {
	content: counter(list, decimal) ". ";
  	counter-increment: list;
}
/* Second */
ol:not([class='references']) > li > ol,
ol:not([class='references']) > li > ol > li > ol > li > ol > li > ol > li > ol {
	counter-reset: list;
    list-style-type: lower-alpha;
}
ol:not([class='references']) > li > ol > li,
ol:not([class='references']) > li > ol > li > ol > li > ol > li > ol > li {
	list-style: none;
}
ol:not([class='references']) > li > ol > li:before,
ol:not([class='references']) > li > ol > li > ol > li > ol > li > ol > li:before {
	content: counter(list, lower-alpha) ") ";
  	counter-increment: list;
}
/* Third */
ol:not([class='references']) > li > ol > li > ol > li > ol,
ol:not([class='references']) > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol {
	counter-reset: list;
    list-style-type: lower-roman;
}
ol:not([class='references']) > li > ol > li > ol > li,
ol:not([class='references']) > li > ol > li > ol > li > ol > li > ol > li > ol > li {
	list-style: none;
}
ol:not([class='references']) > li > ol > li > ol > li:before,
ol:not([class='references']) > li > ol > li > ol > li > ol > li > ol > li > ol > li:before {
	content: counter(list, lower-roman) ". ";
  	counter-increment: list;
}
ol>li>p {
	display:inline;
}