MediaWiki:Common.css: Porovnání verzí

Z Studijní materiály
Přejít na: navigace, hledání
(Založena nová stránka s textem „Zde uvedené CSS bude ovlivňovat všechny styly: == Cedule ==: div.labelced { margin: 0 10% 2em 10%; /* Odrazeni o desetinu sirky z obou str…“)
 
 
Řádek 116: Řádek 116:
 
border-color: #CAE1FF #DCDCCB; /* Svetle sedozlata "ochrana" */
 
border-color: #CAE1FF #DCDCCB; /* Svetle sedozlata "ochrana" */
 
}
 
}
 +
 +
 +
/*
 +
=== 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-title,
 +
div.navbox td.navbox-abovebelow,
 +
div.navbox th {
 +
  padding-left: 1em;
 +
  padding-right: 1em;
 +
  text-align: center;
 +
}
 +
 +
div.navbox td.navbox-group {
 +
  font-weight: bold;
 +
  padding-left: 1em;
 +
  padding-right: 1em;
 +
  text-align: right;
 +
  white-space: nowrap;
 +
}
 +
 +
div.navbox table.navbox-navbox,
 +
div.navbox table.navbox-subgroup,
 +
div.navbox td.navbox-group + th.navbox-title,
 +
div.navbox td.navbox-list {
 +
  width: 100%;
 +
}
 +
 +
div.navbox td.navbox-list {
 +
  padding: 0;
 +
}
 +
 +
div.navbox td.navbox-group + td.navbox-list {
 +
  border-left: 2px solid transparent;
 +
  text-align: left;
 +
}
 +
 +
div.navbox td.navbox-list div {
 +
  padding: 0 .25em;
 +
}
 +
 +
div.navbox td.navbox-group + th.navbox-title {
 +
  border-left: 2px solid transparent;
 +
}
 +
 +
div.navbox table.navbox-navbox th.navbox-title span.navbox-titletext {
 +
  font-size: 110%;
 +
}
 +
 +
div.navbox table.navbox-subgroup th.navbox-title span.navbox-titletext {
 +
  font-size: 100%;
 +
}
 +
 +
div.navbox td.navbox-imageleft {
 +
  padding: 0 2px 0 0;
 +
  width: 0;
 +
}
 +
 +
div.navbox td.navbox-image {
 +
  padding: 0 0 0 2px;
 +
  width: 0;
 +
}
 +
 +
div.navbox .collapseButton {
 +
  width: 6em;
 +
}
 +
 +
/* barvy */
 +
 +
div.navbox {
 +
  border-color: #a2a9b1;
 +
}
 +
 +
div.navbox,
 +
div.navbox table.navbox-subgroup {
 +
  background-color: #fdfdfd;
 +
}
 +
 +
div.navbox table.navbox-navbox {
 +
  background-color: transparent;
 +
  color: inherit;
 +
}
 +
 +
div.navbox td.navbox-group + th.navbox-title ,
 +
div.navbox td.navbox-group + td.navbox-list {
 +
  border-color: #fdfdfd;
 +
}
 +
 +
div.navbox th.navbox-title,
 +
div.navbox th {
 +
  background-color: #e0e0e0;
 +
}
 +
 +
div.navbox td.navbox-abovebelow,
 +
div.navbox td.navbox-group,
 +
div.navbox table.navbox-subgroup td.navbox-title {
 +
  background-color: #e7e7e7;
 +
}
 +
 +
div.navbox table.navbox-subgroup td.navbox-group,
 +
div.navbox table.navbox-subgroup td.navbox-abovebelow {
 +
  background-color: #f0f0f0;
 +
}
 +
 +
div.navbox td.navbox-even {
 +
  background-color: #f7f7f7;
 +
}
 +
 +
div.navbox td.navbox-odd {
 +
  background-color: transparent;
 +
}
 +
 +
table.navboxes {
 +
  border: 1px solid #a2a9b1;
 +
  clear: both;
 +
  font-size: 88%;
 +
  text-align: center;
 +
  width: 100%;
 +
}
 +
 +
table.navboxes th {
 +
  background-color: #e0e0e0;
 +
  padding-left: 1em;
 +
  padding-right: 1em;
 +
}
 +
 +
table.navboxes .collapseButton {
 +
  width: 6em;
 +
}
 +
 +
table.navboxes div.navbox {
 +
  font-size: 88%;
 +
  margin-top: 0;
 +
}
 +
 +
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;
 +
}

Aktuální verze z 13. 1. 2018, 11:48

/* Zde uvedené CSS bude ovlivňovat všechny styly */
/*
== Cedule ==
*/
div.labelced {
	margin: 0 10% 2em 10%;				/* Odrazeni o desetinu sirky z obou stran a mezera dole */
	background: #fbfbfb;
	width: auto;
	overflow: hidden;
}
div.labelced-page {
	border: 1px solid #a2a9b1;
	border-left: 10px solid #1e90ff;		/* Vychozi: Modra "poznamka" */
}
div.labelced + div.labelced {			/* Spojeni dvou navazujicich ceduli s jednoduchym rameckem */
	margin-top: -2em;
	border-top: none;
}
div.labelced-page-type-speedy {
	border-left: 10px solid #b22222;		/* Cervena "urgentni" */
	background: #fee;					/* Ruzovy podklad */
}
div.labelced-page-type-delete {
	border-left: 10px solid #b22222;		/* Cervene "smazani" */
}
div.labelced-page-type-content {
	border-left: 10px solid #f28500;		/* Oranzova "k obsahu" */
}
div.labelced-page-type-maintenance {
	border-left: 10px solid #f4c430;		/* Zluty "vzhled a styl" */
}
div.labelced-page-type-move {
	border-left: 10px solid #9932cc;		/* Fialovy "presun" */
}
div.labelced-page-type-protection {
	border-left: 10px solid #bba;		/* Sedozlata "ochrana" */
}
div.labelced_message {
	border: none;
	padding: .25em 0.5em;
	width: auto;
	text-align: left;
}
div.labelced hr {						/* Skryti horizontalni cary mezi textem a poznamkou */
	display: none;
}
div.labelced_image {
	float: left;
	border: none;
	padding: 2px 0;
	text-align: center;
	width: 48px;
}
div.labelced_imageright {				/* Predpripraveno i pro umisteni obrazku vpravo; sablona zatim nepodporuje */
	float: right;
	border: none;
	padding: 2px 0;
	text-align: center;
	width: 48px;
}
div.labelced_message_headline {
	font-size: 90%;
	font-weight: bold;
	margin: 0 0 .25em 52px;
	padding: 0 .25em;
	text-align: left;
	width: auto;
}
div.labelced_message_text {
	font-size: 90%;
	margin: 0 0 0 52px;
	padding: 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 {			/* Odsazeni odstavcu ve viceodstavcovem textu zpravy nebo poznamky */
	margin-top: .5em;
}
div.labelced_note {
	padding: .25em 0.5em;
	background: #eeeeee;
	width: auto;
}
div.labelced_note_text {
	font-size: smaller;
	margin: 0 0 0 52px;
	padding: 0 .25em;
	text-align: left;
}
div.labelced_message_headline-noimage,
div.labelced_message_text-noimage,
div.labelced_message_note-noimage {		/* Zruseni odsazeni zleva v pripade chybejiciho obrazku */
	margin-left: 0;
}
div.labelced_note div.labelced_image {	/* Skryti obrazku v poznamce */
	display: none;
}
/*
== Cedule diskuse ==
*/
div.labelced-talk {
	background: #F0F8FF;					/* Vychozi: Modry podklad */				
	border-width: 1px 5px;
	border-style: solid;
	border-color: #CAE1FF;				/* Vychozi: Modra "poznamka" */
}
div.labelced-talk-type-featured {
	border-color: #CAE1FF #FFD700;		/* Svetle zlutozlate "zvyrazneni" */
}
div.labelced-talk-type-protected {
	border-color: #CAE1FF #DCDCCB;		/* Svetle sedozlata "ochrana" */
}


 /*
=== 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-title,
 div.navbox td.navbox-abovebelow,
 div.navbox th {
   padding-left: 1em;
   padding-right: 1em;
   text-align: center;
 }

 div.navbox td.navbox-group {
   font-weight: bold;
   padding-left: 1em;
   padding-right: 1em;
   text-align: right;
   white-space: nowrap;
 }

 div.navbox table.navbox-navbox,
 div.navbox table.navbox-subgroup,
 div.navbox td.navbox-group + th.navbox-title,
 div.navbox td.navbox-list {
   width: 100%;
 }

 div.navbox td.navbox-list {
   padding: 0;
 }

 div.navbox td.navbox-group + td.navbox-list {
   border-left: 2px solid transparent;
   text-align: left;
 }

 div.navbox td.navbox-list div {
   padding: 0 .25em;
 }

 div.navbox td.navbox-group + th.navbox-title {
   border-left: 2px solid transparent;
 }

 div.navbox table.navbox-navbox th.navbox-title span.navbox-titletext {
   font-size: 110%;
 }

 div.navbox table.navbox-subgroup th.navbox-title span.navbox-titletext {
   font-size: 100%;
 }

 div.navbox td.navbox-imageleft {
   padding: 0 2px 0 0;
   width: 0;
 }

 div.navbox td.navbox-image {
   padding: 0 0 0 2px;
   width: 0;
 }

 div.navbox .collapseButton {
   width: 6em;
 }

/* barvy */

 div.navbox {
   border-color: #a2a9b1;
 }

 div.navbox,
 div.navbox table.navbox-subgroup {
   background-color: #fdfdfd;
 }

 div.navbox table.navbox-navbox {
   background-color: transparent;
   color: inherit;
 }

 div.navbox td.navbox-group + th.navbox-title ,
 div.navbox td.navbox-group + td.navbox-list {
   border-color: #fdfdfd;
 }

 div.navbox th.navbox-title,
 div.navbox th {
   background-color: #e0e0e0;
 }

 div.navbox td.navbox-abovebelow,
 div.navbox td.navbox-group,
 div.navbox table.navbox-subgroup td.navbox-title {
   background-color: #e7e7e7;
 }

 div.navbox table.navbox-subgroup td.navbox-group,
 div.navbox table.navbox-subgroup td.navbox-abovebelow {
   background-color: #f0f0f0;
 }

 div.navbox td.navbox-even {
   background-color: #f7f7f7;
 }

 div.navbox td.navbox-odd {
   background-color: transparent;
 }

 table.navboxes {
   border: 1px solid #a2a9b1;
   clear: both;
   font-size: 88%;
   text-align: center;
   width: 100%;
 }

 table.navboxes th {
   background-color: #e0e0e0;
   padding-left: 1em;
   padding-right: 1em;
 }

 table.navboxes .collapseButton {
   width: 6em;
 }

 table.navboxes div.navbox {
   font-size: 88%;
   margin-top: 0;
 }

 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;
 }