Common.css: Różnice pomiędzy wersjami
Z Ludzie Morza
| 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 40: | Linia 42: | ||
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; | |||
} | |||
.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; | ||
} | } | ||
Wersja z 22:45, 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;
}
.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;
}
.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;
}
