MediaWiki:Mobile.css: Różnice pomiędzy wersjami

Z Iron Harvest 1920+ Wikipedia [PL]
Skocz do: nawigacja, szukaj
(Utworzono nową stronę "CSS placed here will affect users of the mobile site: Umieszczony tutaj kod CSS zostanie zastosowany we wszystkich skórkach: /* Das folgende CSS wird für all...")
(Znaczniki: Z internetu mobilnego, Wersja mobilna)
 
m
 
(Nie pokazano 2 pośrednich wersji utworzonych przez tego samego użytkownika)
Linia 2: Linia 2:
 
/* Umieszczony tutaj kod CSS zostanie zastosowany we wszystkich skórkach */
 
/* Umieszczony tutaj kod CSS zostanie zastosowany we wszystkich skórkach */
 
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
 
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
 +
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Infant:ital,wght@0,300..700;1,300..700&family=Sofia+Sans:ital,wght@0,1..1000;1,1..1000&display=swap');
 +
 +
body.mediawiki {
 +
font-family: "Sofia Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
 +
font-weight: 300;
 +
font-optical-sizing: auto;
 +
font-size: 105%;
 +
}
 +
#content {
 +
padding: 0 0 32px;
 +
}
 +
 +
.pre-content h1,
 +
.content h1,
 +
.content h2,
 +
.content h3,
 +
.content h4,
 +
.content h5 {
 +
font-family: "Cormorant Infant", "Sofia Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
 +
font-weight: 600;
 +
}
 +
.image-lazy-loaded {
 +
max-width: 100%;
 +
    max-height: fit-content;
 +
}
 +
 +
.branding-box {
 +
font-size: 12px;
 +
}
 +
 
.item-card {
 
.item-card {
 
     font-size: 100%;
 
     font-size: 100%;
Linia 12: Linia 42:
 
     font-size: 100%;
 
     font-size: 100%;
 
     max-width: 100%;
 
     max-width: 100%;
width: 100% !important;
+
width: 100% !important;
display: table;
+
display: table;
 
}
 
}
 
.item-card-table .description {
 
.item-card-table .description {
Linia 33: Linia 63:
 
     border: none;
 
     border: none;
 
     width: 100%;
 
     width: 100%;
 +
}
 +
 +
 +
.card-factions-header {
 +
 +
}
 +
 +
.card-factions-header--img {
 +
min-width:48px;
 +
}
 +
 +
.card-factions-header--text {
 +
padding-left:10px;
 +
text-align:left;
 +
line-height: 15px;
 +
}
 +
 +
.card-factions-header--text small {
 +
display: block;
 +
font-size: 12px;
 +
font-weight: 400;
 
}
 
}

Aktualna wersja na dzień 14:41, 12 maj 2025

/* CSS placed here will affect users of the mobile site */
/* Umieszczony tutaj kod CSS zostanie zastosowany we wszystkich skórkach */
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Infant:ital,wght@0,300..700;1,300..700&family=Sofia+Sans:ital,wght@0,1..1000;1,1..1000&display=swap');

body.mediawiki {
	font-family: "Sofia Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-optical-sizing: auto;
	font-size: 105%;
}
#content {
	padding: 0 0 32px;
}

.pre-content h1, 
.content h1, 
.content h2, 
.content h3, 
.content h4, 
.content h5 {
	font-family: "Cormorant Infant", "Sofia Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 600;
}
.image-lazy-loaded {
	max-width: 100%;
    max-height: fit-content;
}

.branding-box {
	font-size: 12px;
}

.item-card {
    font-size: 100%;
    max-width: 540px;
    width: 100% !important;
    margin: 0 auto;
    background: #ebecf0;
}
.item-card .item-card-table {
    font-size: 100%;
    max-width: 100%;
	width: 100% !important;
	display: table;
}
.item-card-table .description {
    font-size: 12px;
line-height: 14px;
}
.item-card-table th {   
    background: #d9d9de;
    padding: 6px 12px;
}
.item-card-table td {
    padding: 6px 12px;
    font-size: 13px;
    border-top: 1px solid #c8ccd1;
}

.item-card #toc {
    background: #000;
    border: none;
    width: 100%;
}


.card-factions-header {

}

.card-factions-header--img {
	min-width:48px;
}

.card-factions-header--text {
	padding-left:10px;
	text-align:left;
	line-height: 15px;
}

.card-factions-header--text small {
	display: block;
	font-size: 12px;
	font-weight: 400;
}