MediaWiki:Common.css: Unterschied zwischen den Versionen

Aus Kinthara Spiel-Wiki
Zur Navigation springen Zur Suche springen
K
 
(7 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
 
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
 
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
 +
 +
.wikitable.characterdata > tr > th, .wikitable.characterdata > tr > td, .wikitable.characterdata > * > tr > th, .wikitable.characterdata > * > tr > td {
 +
  border-right: 0;
 +
  border-left: 0;
 +
}
 +
 
.wikitable.characterdata > tr > th, .wikitable.characterdata > * > tr > th {
 
.wikitable.characterdata > tr > th, .wikitable.characterdata > * > tr > th {
 
   text-align: left;
 
   text-align: left;
 +
  min-width: 13em;
 
}
 
}
  
.wikitable.characterdata > tr > th, .wikitable.characterdata > tr > td, .wikitable.characterdata > * > tr > th, .wikitable.characterdata > * > tr > td {
+
.wikitable.characterdata > tr > td, .wikitable.characterdata > * > tr > td {
  border-right: 0;
+
 
  border-left: 0;
 
 
}
 
}
  
.wikitable.characterdata > tr:nth-child(even) {
+
/* Carolingia font */
  background-color: #f5f7fb;
+
 
 +
@font-face {
 +
    font-family: 'Carolingia';
 +
    src: url('/fonts/Carolingia.woff2') format('woff2'), url('/fonts/Carolingia.woff') format('woff');
 +
    font-weight: normal;
 +
    font-style: normal;
 
}
 
}
  
.wikitable.characterdata > tr > th:nth-child(even), .wikitable.characterdata > * > tr > th:nth-child(even) {
+
div.news {
  background-color: #dfe1e5;
+
--text-color: #231f20;
 +
--header-color: #f4d917;
 +
--border-color: #e9d36c;
 +
--shadow-color: #dddddd;
 +
display: block;
 +
border: 4px solid var(--border-color);
 +
border-bottom-right-radius: 1.75em;
 +
outline: 2px solid white;
 +
outline-offset: -2px;
 +
box-shadow: inset 0 0 0.5em var(--border-color);
 +
background: linear-gradient(-10deg, #f3f0ed 0%, #e5e2df 40%, #f2f0ed 100%);
 +
width: 50%;
 +
box-sizing: border-box;
 +
}
 +
div.news.fullwidth {
 +
width: 100%;
 +
}
 +
div.news.blue {
 +
--text-color: #2d90c9;
 +
--header-color: #88dcdb;
 +
--border-color: #42fbfb;
 +
--shadow-color: #000000;
 +
background: linear-gradient(-10deg, #262626 0%, #2a2a2a 12%, #333333 25%, #242424 39%, #161616 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
 +
}
 +
div.news div.heading {
 +
display: block;
 +
background: linear-gradient(-72deg, #dedede33 0%, #ffffff33 16%, #dedede33 21%, #ffffff33 24%, #45454533 27%, #dedede33 36%, #ffffff33 45%, #ffffff33 60%, #dedede33 72%, #ffffff33 80%, #dedede33 84%, #a1a1a133 100%), linear-gradient(to right, #231f20 0%, #231f20 37%, #4f4c4d 54%, #4f4c4d 87%, #ffffff 100%);
 +
font-family: Arial, sans-serif;
 +
font-weight: bold;
 +
font-size: 1.2rem;
 +
font-variant: small-caps;
 +
color: var(--header-color);
 +
text-shadow: 0 0 2px black, 0 0 5px;
 +
border-bottom: 4px solid var(--border-color);
 +
padding: 0 0.7em;
 +
height: 1.75em;
 +
}
 +
div.news div.heading a {
 +
color: var(--header-color);
 +
}
 +
/*
 +
div.news div.heading::after {
 +
content: "❌";
 +
font-stretch: normal;
 +
color: var(--text-color);
 +
display: block;
 +
float: right;
 +
}
 +
*/
 +
div.news div.heading p {
 +
margin: 0;
 +
displaY: inline;
 +
}
 +
div.news div.subheading {
 +
display: block;
 +
font-family: 'Roboto Condensed', sans-serif;
 +
font-weight: bold;
 +
font-variant: small-caps;
 +
color: var(--text-color);
 +
text-shadow: 0 0 1px var(--shadow-color);
 +
padding: 0 0.5em;
 +
}
 +
div.news div.article {
 +
display: block;
 +
font-family: 'Roboto Condensed', sans-serif;
 +
color: var(--text-color);
 +
text-shadow: 0 0 1px var(--shadow-color);
 +
text-align: justify;
 +
padding: 0 0.5em;
 +
}
 +
div.news div.article p {
 +
margin: 0.5em 0;
 +
text-indent: 1.5em;
 +
}
 +
div.news div.article p:first-child {
 +
text-indent: 0;
 +
}
 +
div.news .srcondensed {
 +
font-stretch: condensed;
 
}
 
}

Aktuelle Version vom 9. Februar 2020, 17:51 Uhr

/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */

.wikitable.characterdata > tr > th, .wikitable.characterdata > tr > td, .wikitable.characterdata > * > tr > th, .wikitable.characterdata > * > tr > td {
  border-right: 0;
  border-left: 0;
}

.wikitable.characterdata > tr > th, .wikitable.characterdata > * > tr > th {
  text-align: left;
  min-width: 13em;
}

.wikitable.characterdata > tr > td, .wikitable.characterdata > * > tr > td {

}

/* Carolingia font */

@font-face {
    font-family: 'Carolingia';
    src: url('/fonts/Carolingia.woff2') format('woff2'), url('/fonts/Carolingia.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

div.news {
	--text-color: #231f20;
	--header-color: #f4d917;
	--border-color: #e9d36c;
	--shadow-color: #dddddd;
	display: block;
	border: 4px solid var(--border-color);
	border-bottom-right-radius: 1.75em;
	outline: 2px solid white;
	outline-offset: -2px;
	box-shadow: inset 0 0 0.5em var(--border-color);
	background: linear-gradient(-10deg, #f3f0ed 0%, #e5e2df 40%, #f2f0ed 100%);
	width: 50%;
	box-sizing: border-box;
}
div.news.fullwidth {
	width: 100%;
}
div.news.blue {
	--text-color: #2d90c9;
	--header-color: #88dcdb;
	--border-color: #42fbfb;
	--shadow-color: #000000;
	background: linear-gradient(-10deg, #262626 0%, #2a2a2a 12%, #333333 25%, #242424 39%, #161616 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
}
div.news div.heading {
	display: block;
	background: linear-gradient(-72deg, #dedede33 0%, #ffffff33 16%, #dedede33 21%, #ffffff33 24%, #45454533 27%, #dedede33 36%, #ffffff33 45%, #ffffff33 60%, #dedede33 72%, #ffffff33 80%, #dedede33 84%, #a1a1a133 100%), linear-gradient(to right, #231f20 0%, #231f20 37%, #4f4c4d 54%, #4f4c4d 87%, #ffffff 100%);
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 1.2rem;
	font-variant: small-caps;
	color: var(--header-color);
	text-shadow: 0 0 2px black, 0 0 5px;
	border-bottom: 4px solid var(--border-color);
	padding: 0 0.7em;
	height: 1.75em;
}
div.news div.heading a {
	color: var(--header-color);
}
/*
div.news div.heading::after {
	content: "❌";
	font-stretch: normal;
	color: var(--text-color);
	display: block;
	float: right;
}
*/
div.news div.heading p {
	margin: 0;
	displaY: inline;
}
div.news div.subheading {
	display: block;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
	font-variant: small-caps;
	color: var(--text-color);
	text-shadow: 0 0 1px var(--shadow-color);
	padding: 0 0.5em;
}
div.news div.article {
	display: block;
	font-family: 'Roboto Condensed', sans-serif;
	color: var(--text-color);
	text-shadow: 0 0 1px var(--shadow-color);
	text-align: justify;
	padding: 0 0.5em;
}
div.news div.article p {
	margin: 0.5em 0;
	text-indent: 1.5em;
}
div.news div.article p:first-child {
	text-indent: 0;
}
div.news .srcondensed {
	font-stretch: condensed;
}