Common.css: Różnice pomiędzy wersjami
Z Ludzie Morza
(Nie pokazano 2 pośrednich wersji utworzonych przez tego samego użytkownika) | |||
Linia 1: | Linia 1: | ||
/* Umieszczony tutaj kod CSS zostanie zastosowany we wszystkich skórkach */ | /* Umieszczony tutaj kod CSS zostanie zastosowany we wszystkich skórkach */ | ||
/** the two boxes on main page **/ | |||
.mw-parser-output #mp-two-columns { | .mw-parser-output #mp-two-columns { | ||
Linia 5: | Linia 7: | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
gap: .66ex; | gap: .66ex; | ||
margin: 1.33ex 0; | |||
} | } | ||
Linia 40: | Linia 43: | ||
background: #c2dee6; | background: #c2dee6; | ||
border: 1px solid #2284a1; | border: 1px solid #2284a1; | ||
padding: .33ex .66ex; | |||
} | |||
/** the 3rd box on the main page **/ | |||
.mw-parser-output #mp-one-column { | |||
display: flex; | |||
flex-wrap: wrap; | |||
gap: .66ex; | |||
margin: 1.33ex 0; | |||
} | |||
.mw-parser-output #mp-one-column-mid { | |||
flex: 1 60ex; | |||
background: #efe6fa; | |||
border: 1px solid #b5a1d2; | |||
padding: 1.33ex; | |||
} | |||
.mw-parser-output #mp-one-column-mid h2, | |||
.mw-parser-output #mp-one-column-mid h3, | |||
.mw-parser-output #mp-one-column-mid h4, | |||
.mw-parser-output #mp-one-column-mid h5, | |||
.mw-parser-output #mp-one-column-mid h6, | |||
.mw-parser-output #mp-one-column-mid JUNK { | |||
background: #d1c2e6; | |||
border: 1px solid #afa3bf; | |||
padding: .33ex .66ex; | padding: .33ex .66ex; | ||
} | } |
Aktualna wersja na dzień 22:46, 23 cze 2022
/* Umieszczony tutaj kod CSS zostanie zastosowany we wszystkich skórkach */ /** the two boxes on main page **/ .mw-parser-output #mp-two-columns { display: flex; flex-wrap: wrap; gap: .66ex; margin: 1.33ex 0; } .mw-parser-output #mp-two-columns-left { flex: 1 60ex; background: #e6f0fa; border: 1px solid #a1b8d2; padding: 1.33ex; } .mw-parser-output #mp-two-columns-left h2, .mw-parser-output #mp-two-columns-left h3, .mw-parser-output #mp-two-columns-left h4, .mw-parser-output #mp-two-columns-left h5, .mw-parser-output #mp-two-columns-left h6, .mw-parser-output #mp-two-columns-left JUNK { background: #c2dee6; border: 1px solid #517398; padding: .33ex .66ex; } .mw-parser-output #mp-two-columns-right { flex: 1 60ex; background: #e6f6fa; border: 1px solid #a1c7d2; padding: 1.33ex; } .mw-parser-output #mp-two-columns-right h2, .mw-parser-output #mp-two-columns-right h3, .mw-parser-output #mp-two-columns-right h4, .mw-parser-output #mp-two-columns-right h5, .mw-parser-output #mp-two-columns-right h6, .mw-parser-output #mp-two-columns-right JUNK { background: #c2dee6; border: 1px solid #2284a1; padding: .33ex .66ex; } /** the 3rd box on the main page **/ .mw-parser-output #mp-one-column { display: flex; flex-wrap: wrap; gap: .66ex; margin: 1.33ex 0; } .mw-parser-output #mp-one-column-mid { flex: 1 60ex; background: #efe6fa; border: 1px solid #b5a1d2; padding: 1.33ex; } .mw-parser-output #mp-one-column-mid h2, .mw-parser-output #mp-one-column-mid h3, .mw-parser-output #mp-one-column-mid h4, .mw-parser-output #mp-one-column-mid h5, .mw-parser-output #mp-one-column-mid h6, .mw-parser-output #mp-one-column-mid JUNK { background: #d1c2e6; border: 1px solid #afa3bf; padding: .33ex .66ex; }