MediaWiki:Vector.css: Unterschied zwischen den Versionen

Aus Landesjugendring-Wiki
Zur Navigation springen Zur Suche springen
Zeile 82: Zeile 82:
h1, h2 {
h1, h2 {
     color: #f39212;
     color: #f39212;
     text-transform: uppercase;
     font-weight: 600;
}
}
h2 {text-transform: uppercase}
h3, h4, h5, h6 {
    color: #646463;


em {font-style: italic;}
em {font-style: italic;}

Version vom 13. Juli 2021, 14:16 Uhr

/* Das folgende CSS wird für Benutzer der Vector-Benutzeroberfläche geladen. */
/* Load Font */
/* source-sans-pro-300 - latin-ext_latin */
@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 300;
	src: local('Source Sans Pro Light'), local('SourceSansPro-Light')
		url('/fonts/source-sans-pro-v13-latin-ext_latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
		url('/fonts/source-sans-pro-v13-latin-ext_latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
	font-display: swap;
}

/* source-sans-pro-regular - latin-ext_latin */
	@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 400;
	src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
		url('/fonts/source-sans-pro-v13-latin-ext_latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
		url('/fonts/source-sans-pro-v13-latin-ext_latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
	font-display: swap;
}

/* source-sans-pro-italic - latin-ext_latin */
@font-face {
	font-family: 'Source Sans Pro';
	font-style: italic;
	font-weight: 400;
	src: local('Source Sans Pro Italic'), local('SourceSansPro-Italic'),
		url('/fonts/source-sans-pro-v13-latin-ext_latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
		url('/fonts/source-sans-pro-v13-latin-ext_latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
	font-display: swap;
}

/* source-sans-pro-600 - latin-ext_latin */
@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 600;
	src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'),
		url('/fonts/source-sans-pro-v13-latin-ext_latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
		url('/fonts/source-sans-pro-v13-latin-ext_latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
	font-display: swap;
}

/* source-sans-pro-600italic - latin-ext_latin */
@font-face {
	font-family: 'Source Sans Pro';
	font-style: italic;
	font-weight: 600;
	src: local('Source Sans Pro SemiBold Italic'), local('SourceSansPro-SemiBoldItalic'),
		url('/fonts/source-sans-pro-v13-latin-ext_latin-600italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
		url('/fonts/source-sans-pro-v13-latin-ext_latin-600italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
	font-display: swap;
}

/* source-sans-pro-700 - latin-ext_latin */
@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 700;
	src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'),
		 url('ljrbw.de/file/fonts/source-sans-pro-v13-latin-ext_latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
		 url('ljrbw.de/file/fonts/source-sans-pro-v13-latin-ext_latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
	font-display: swap;
}


@primary: #f39212;
@dark-gray: #646363;
@light-gray: #efefef;
@warm-gray: #edefe9;

body {
	font-family: 'Source Sans Pro', sans-serif;
    color: #646363;
	background: #fff;
    font-size: 18px;
}

h1, h2 {
    color: #f39212;
    font-weight: 600;
}

h2 {text-transform: uppercase}

h3, h4, h5, h6 {
    color: #646463;

em {font-style: italic;}
strong {font-weight: 600;}

.editOptions {
    background-color: #fdf4e7;
    color: #202122;
}

.mw-body {
    border: 1px solid #f7bd70;
color: #646363;

#mw-page-base {
    background-color: #fff;
    background-image: -webkit-linear-gradient(top,#ffffff 50%,#fff 100%);
    background-image: linear-gradient(to bottom,#ffffff 50%,#fff 100%);
    background-position: bottom left;
    height: 5em;

.vector-menu-tabs, .vector-menu-tabs li, .vector-menu-tabs a {
    background-image: linear-gradient(to top,#f7bd70 0,#fdf4e7 1px,#ffffff 100%);
}