MediaWiki:Wikia.css

/*Szablon Przystanek infobox*/
.type-przystanek {
	width: 280px;
	border: 1px solid black;
}
/**Ogólny wygląd dla motywów**/
.pi-theme-a.pi-background,
.pi-theme-t.pi-background,
.pi-theme-at.pi-background,
.pi-theme-ta.pi-background {
	background-color: white;
}
/**Wygląd tytułu**/
/***Czcionka i inne***/
.type-przystanek .pi-title {
	font-family: frutiger;
	text-align: center;
	font-weight: bold;
	border-bottom: 1px solid black !important;
	background-color: white;
}
/***Kolor tekstu***/
.pi-theme-a .pi-title { color:#401340 }
.pi-theme-t .pi-title,
.pi-theme-at .pi-title,
.pi-theme-ta .pi-title { color:red }
/**Wygląd nagłówków**/
.type-przystanek .pi-header {
	color:white;
	background-color: #595959;
}
/**Wygląd paska na samej górze szablonu**/
.type-przystanek .pi-navigation[data-item-name="line"] {
	padding: 0;
	height: 4px;
	line-height:4px;
	font-size:4px;
	overflow:hidden;
}
.pi-theme-a .pi-navigation[data-item-name="line"] { background: #401340 }
.pi-theme-t .pi-navigation[data-item-name="line"] { background: red }
.pi-theme-at .pi-navigation[data-item-name="line"],
.pi-theme-ta .pi-navigation[data-item-name="line"] { background: linear-gradient(to right, red 0%, red 50%, #401340 50%, #401340 100%) }
/**Wygląd strzałki**/
.type-przystanek .pi-collapse .pi-header::after { filter: invert(100%) }
/**Wygląd - inne**/ 
.type-przystanek .pi-data[data-source="stacja_kolejowa"] .pi-data-value a, 
.type-przystanek .pi-data[data-source="stacja_wkd"] .pi-data-value a,
.type-przystanek .pi-data[data-source="stacja_metra_m1"] .pi-data-value a { 
	color: darkblue;
	font-weight: bold;
} 
.type-przystanek .pi-data[data-source="stacja_metra_m2"] .pi-data-value a {
	color: red;
	font-weight: bold;
}
/* Szablon Ulica infobox */
.pi-theme-ulica {
	width: 275px;
	border: 1px #aaa solid;
	margin: 0 0 1em 1em;
	font-size: 95%;
	text-align:left; 
	table-layout: fixed;
	padding: 2px;
	background: #f8f8f8; 
}
/** Tło **/
.pi-theme-ulica .pi-background {
	background-color: #f8f8f8; 
}
/** Tytuł **/
.pi-theme-ulica .pi-title[data-item-name="title"] {
	text-align: center;
	background: #054bb3;
	color: #ffffff;
	font-size: 170%;
	font-weight: bold;
}
/** Grupa "title-group" **/
.pi-theme-ulica .pi-group[data-item-name="title-group"] {
	background: #054bb3;
	color: #ffffff;
	font-size: 80% !important;
	border: 1px #054bb3 solid;
}

.pi-theme-ulica .pi-group[data-item-name="title-group"] .pi-data {
	text-align: left;
}

.pi-theme-ulica .pi-group[data-item-name="title-group"],
.pi-theme-ulica .pi-group[data-item-name="title-group"] .pi-smart-data-value:not(:first-child),
.pi-theme-ulica .pi-group[data-item-name="title-group"] .pi-smart-data-label:not(:first-child) {
    border-color: #054bb3;
}

.pi-theme-ulica .pi-group[data-item-name="title-group"] .pi-smart-data-value:first-child,
.pi-theme-ulica .pi-group[data-item-name="title-group"] .pi-smart-data-label:first-child {
    text-align: left;
}

.pi-theme-ulica .pi-group[data-item-name="title-group"] .pi-smart-data-value:last-child,
.pi-theme-ulica .pi-group[data-item-name="title-group"] .pi-smart-data-label:last-child {
    text-align: right;
}

/** Navigation - rejon msi **/
.pi-theme-ulica .pi-navigation[data-item-name="subtitle-nav"] {
	background: #ED0201;
	color: #ffffff;
	font-weight: normal !important;
}

.pi-theme-ulica .pi-navigation[data-item-name="subtitle-nav"] a {
	background: #ED0201;
	color: #ffffff;
	font-weight: normal !important;
}

.pi-theme-ulica .pi-navigation[data-item-name="subtitle-nav-ulica"] {
	background: #f1f1f1;
	font-weight: normal !important;
}
/** Zdjęcia i podpisy **/
.pi-theme-ulica .pi-image,
.pi-theme-ulica .pi-image .pi-image-thumbnail {
    width: 250px;
    height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
	background: #f1f1f1;
}
.pi-theme-ulica .pi-caption {
	text-align: center;
	background: #f1f1f1;
}
/** Znaczniki <data> **/
.pi-theme-ulica .pi-data[data-item-name="rok"],
.pi-theme-ulica .pi-data[data-item-name="dlugosc"],
.pi-theme-ulica .pi-data[data-item-name="dzielnica"] {
	border-color: transparent;
}
/* Plac */
.pi-theme-plac {
	width: 275px;
	border: 1px #aaa solid;
	margin: 0 0 1em 1em;
	font-size: 95%;
	text-align:left; 
	background: #f8f8f8; 
	table-layout: fixed;
	padding: 2px;
}
/** Tło **/
.pi-theme-plac .pi-background {
	background-color: #f8f8f8; 
}
/** Tytuł **/
.pi-theme-plac .pi-title[data-item-name="title"] {
	text-align: center;
	background: #054bb3;
	color: #ffffff;
	font-size: 170%;
	font-weight: bold;
}
/** Grupa "title-group" **/
.pi-theme-plac .pi-group[data-item-name="title-group"] {
	background: #054bb3;
	color: #ffffff;
	font-size: 80% !important;
	border: 1px #054bb3 solid;
}

.pi-theme-plac .pi-group[data-item-name="title-group"] .pi-data {
	text-align: left;
}
.pi-theme-plac .pi-group[data-item-name="title-group"],
.pi-theme-plac .pi-group[data-item-name="title-group"] .pi-smart-data-value:not(:first-child),
.pi-theme-plac .pi-group[data-item-name="title-group"] .pi-smart-data-label:not(:first-child) {
    border-color: #054bb3;
}

.pi-theme-plac .pi-group[data-item-name="title-group"] .pi-smart-data-value:first-child,
.pi-theme-plac .pi-group[data-item-name="title-group"] .pi-smart-data-label:first-child {
    text-align: left;
}

.pi-theme-plac .pi-group[data-item-name="title-group"] .pi-smart-data-value:last-child,
.pi-theme-plac .pi-group[data-item-name="title-group"] .pi-smart-data-label:last-child {
    text-align: right;
}
/** Navigation - rejon msi **/
.pi-theme-plac .pi-navigation[data-item-name="subtitle-nav"] {
	background: #ED0201;
	color: #ffffff;
	font-weight: normal !important;
}

.pi-theme-plac .pi-navigation[data-item-name="subtitle-nav"] a {
	background: #ED0201;
	color: #ffffff;
	font-weight: normal !important;
}

.pi-theme-plac .pi-navigation[data-item-name="subtitle-nav-plac"] {
	background: #f1f1f1;
	font-weight: normal !important;
}
/** Zdjęcia i podpisy **/
.pi-theme-plac .pi-image,
.pi-theme-plac .pi-image .pi-image-thumbnail {
    width: 250px;
    height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
	background: #f1f1f1;
}
.pi-theme-plac .pi-caption {
	text-align: center;
	background: #f1f1f1;
}

/** Znaczniki <data> **/
.pi-theme-plac .pi-data[data-item-name="rok"],
.pi-theme-plac .pi-data[data-item-name="komunikacja_miejska"],
.pi-theme-plac .pi-data[data-item-name="dzielnica"] {
	border-color: transparent;
}