Akcje

MediaWiki

Common.css: Różnice pomiędzy wersjami

Z Ludzie Morza

(Utworzono nową stronę "→‎Umieszczony tutaj kod CSS zostanie zastosowany we wszystkich skórkach: .mp-upper { display: flex; flex-wrap: wrap; } .mp-left, .mp-right { flex: 1 60ex; }")
 
 
(Nie pokazano 22 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 */


.mp-upper {
/** 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;
  display: flex;
  flex-wrap: wrap;
  flex-wrap: wrap;
gap: .66ex;
margin: 1.33ex 0;
}
}


.mp-left,
.mw-parser-output #mp-one-column-mid {
.mp-right {
  flex: 1 60ex;
  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;
}
}

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;
}