MediaWiki:Vector.css: Unterschied zwischen den Versionen

Version vom 13. Juli 2021, 13:28 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: 16px;
}

h1 {
color: #f39212;
font-weight: 600;
letter-spacing: .02em;}

h2 {
color: #f39212;
font-weight: 400;
}

h3, h4, h5, h6 {
    color: #646463;
    font-weight: 600;
}

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

a {color: #f39212;}

a:visited {color: #bc360a;}

.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%);
}

.mw-body-content .toc h2 {color: #646463}