MediaWiki:Mobile.css

Z Studijní materiály
Verze z 14. 2. 2018, 18:56, kterou vytvořil Wnc (diskuse | příspěvky) (Založena nová stránka s textem „CSS placed here will affect users of the mobile site: Zde uvedené CSS bude ovlivňovat všechny styly: == Cedule ==: div.labelced { margin…“)
(rozdíl) ← Starší verze | zobrazit aktuální verzi (rozdíl) | Novější verze → (rozdíl)
Přejít na: navigace, hledání
/* CSS placed here will affect users of the mobile site */
/* 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;
 }