Benutzer:Rabakilgur/common.css

aus Wiki Aventurica, dem DSA-Fanprojekt
Leere nach dem Speichern den Browser-Cache, um die Änderungen sehen zu können.
  • Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
  • Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
  • Internet Explorer: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
  • Opera: Extras → Internetspuren löschen … → Individuelle Auswahl → Den kompletten Cache löschen

Mehr Hilfe zu Cascading Style Sheets und JavaScript gibt es auf Hilfe:CSS und Hilfe:Javascript.

* {
	outline: none;
}
*::-webkit-scrollbar {
    width: 12px !important;
    height: 12px !important;
    background: #201e1e !important;
    border: 1px solid #272525 !important;
}
*::-webkit-scrollbar-corner,
*::-webkit-scrollbar-track {
    background: #201e1e !important;
}
*::-webkit-scrollbar-thumb,
*::-webkit-scrollbar-track {
    border: 0 !important;
    box-shadow: none !important;
}
*::-webkit-scrollbar-thumb {
    min-height: 28px !important;
    background: #333 !important;
}
*::-webkit-scrollbar-thumb:hover {
    background: #444 !important;
}
*::-webkit-scrollbar-thumb:active {
    background: #555 !important;
}
*::-webkit-scrollbar-button {
    display: none !important;
}
body {
	background: #181616;
}
a:link {
    color: #22aaff;
}
a:visited {
    color: #22aaff;
}
#bodyContent a[href *="wiki-aventurica.de"], #bodyContent a[href *="wiki-aventurica.de"]:active {
    color: #22aaFF !important;
}
#bodyContent a[href *="wikipedia.org/wiki/de:"], #bodyContent a[href *="wikipedia.org/wiki/de:"]:active, #bodyContent a[href *="de.wikipedia.org"], #bodyContent a[href *="de.wikipedia.org"]:active, #mw-indicator-interwiki a[href *="de.wikipedia.org"], #mw-indicator-interwiki a[href *="de.wikipedia.org"]:active {
    color: #bbc !important;
}
.mw-parser-output a.external,
#bodyContent a.external[href *="amazon.de"], #bodyContent a.external[href *="amazon.de"]:active, #bodyContent a.external[href *="amazon.com"], #bodyContent a.external[href *="amazon.com"]:active,
#bodyContent a.external[href *="ulisses-spiele.de"], #bodyContent a.external[href *="ulisses-spiele.de"]:active, #bodyContent a.external[href *="ulisses-forum.de"], #bodyContent a.external[href *="ulisses-forum.de"]:active, #bodyContent a.external[href *="f-shop.de"], #bodyContent a.external[href *="f-shop.de"]:active, #bodyContent a.external[href *="ulisses-ebooks.de"], #bodyContent a.external[href *="ulisses-ebooks.de"]:active, #bodyContent a.external[href *="schicksalspfade.de"], #bodyContent a.external[href *="schicksalspfade.de"]:active, #bodyContent a.external[href *="taladur.de"], #bodyContent a.external[href *="taladur.de"]:active, #bodyContent a.external[href *="dsa5.de"], #bodyContent a.external[href *="dsa5.de"]:active,
#bodyContent a[href *="dsaforum.de"], #bodyContent #bodyContent a[href *="dsaforum.de"]:active,
#bodyContent a.external[href *="creativecommons.org"], #bodyContent a.external[href *="creativecommons.org"]:active,
#bodyContent a.external[href *="uhrwerk-verlag.de"], #bodyContent a.external[href *="uhrwerk-verlag.de"]:active, #bodyContent a.external[href *="uhrwerk-magazin.de"], #bodyContent a.external[href *="uhrwerk-magazin.de"]:active,
#bodyContent a.external[href *="deviantart.com"], #bodyContent a.external[href *="deviantart.com"]:active,
#bodyContent a.external[href *="nandurion.de"], #bodyContent a.external[href *="nandurion.de"]:active,
#bodyContent a.external[href *="twitter.com"], #bodyContent a.external[href *="twitter.com"]:active,
#bodyContent a.external[href *="phileasson-projekt.de"], #bodyContent a.external[href *="phileasson-projekt.de"]:active,
#bodyContent a.external[href *="borbarad-projekt.de"], #bodyContent a.external[href *="borbarad-projekt.de"]:active,
#bodyContent a.external[href *="orkenspalter.de"], #bodyContent a.external[href *="orkenspalter.de"]:active, #bodyContent a.external[href *="dsa-updates.de"], #bodyContent a.external[href *="dsa-updates.de"]:active {
    color: #0088FF !important;
}
#bodyContent a[href *="wikipedia.org"] {
    filter: invert(1);
    color: #840 !important;
}
hr {
    border-color: #FFFFFF22;
}
#mw-content {
    background: #222020;
    color: #fff;
}
#toc {
    background: #323030;
    border: none;
    display: inline-block;
}
td #toc {
    margin-right: 10px;
}
.register {
    background: transparent;
}
.register-karte,
.registerkarte1,
.registerkarte2 {
    border: none;
    padding: 10px 8px;
    border-radius: 3px 3px 0 0;
    background: #323030;
}
.register-karte a {
    color: #eee;
}
.register-reihe > .selflink + .register-karte,
.registerkarte1 {
    background: #ccc;
    border: none;
    padding: 10px 8px;
}
.register-reihe > .selflink + .register-karte a,
.registerkarte1 a {
	color: #000;
}
.register-leer,
.registerkarte3 {
    padding: 8px 0px;
    border-color: #323030;
}
.register > span:last-child {
    position: relative;
    transform: translateY(2px);
    border-color: #323030 !important;
}
#mw-page-header-links li.selected a {
    color: #fff;
}
table th[style="background:#FFF7A5;"] {
    background: #323030 !important;
    padding: 6px 8px;
}
.rahmen {
    border-color: transparent;
    overflow: hidden;
    background: #323030 !important;
}
.rahmen th[style*="background:#FFFFFF"] {
    background: #323030 !important;
}
.hintergrund {
    background-color: #323030 !important;
    color: #FFF;
}
.hidenew {
    border: none !important;
    background-color: #323030 !important;
    border-radius: 4px 4px 0 0;
}
.hidenew td {
    padding: 8px 12px;
}
.hidenew a img {
    filter: grayscale(1) brightness(0.3);
    display: none;
}
.hidenew .hintergrund {
	padding: 4px 8px;
}
.hidenew p, .hidenew dl {
    padding: 0 20px;
}
.hidenew dl dt {
    font-family: Arial;
    font-size: 110%;
}
#mw-content-text div[style*="border:1px solid #aaa"] {
    border: 2px solid #323030 !important;
    border-radius: 8px;
    height: unset !important;
    min-height: 20px;
}
#mw-content-text div[style*="border:1px solid #aaa"] p {
    margin: 2px 0 4px 0;
}
.mw-changeslist-legend, .mw-body .mw-search-profile-tabs, .mw-body fieldset#mw-searchoptions, table.wikitable {
    color: #fff;
}
table.wikitable > tr > th, table.wikitable > * > tr > th {
    background-color: #282626;
}
table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {
    padding: 4px 8px;
    border: 1px solid #FFFFFF22;
}
.ProduktHintergrund,
.StandardHintergrund {
    background-color: #323030;
}
.ProduktVordergrund,
.StandardVordergrund {
    background-color: #FFFFFF1a;
}
.infobox.ProduktHintergrund tr:first-child th {
    background: #050;
}
.infobox {
    margin-left: 24px;
    border: none;
    border-radius: 4px;
    overflow: hidden;
}
.infobox td {
    padding: 4px 6px;
}
.infobox tr:first-child th {
    padding: 4px 0;
}
.infobox tr:first-child th span {
    display: inline-block;
    width: 20px;
    margin-right: 10px;
    margin-top: 1px;
}
span[style="background-color:#8FBC8F;"] {
    background-color: transparent !important;
}
.toctogglelabel {
    color: #68a;
}
.toccolours {
    font-size: 100% !important;
}
.mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt {
    font-family: sans-serif, Arial;
}
.client-js .mw-editsection a {
    opacity: 0;
    transition: opacity 0.2s 0.5s ease-in-out;
}
.client-js h2:hover .mw-editsection a {
    opacity: 1;
}
#mw-content-container {
    background: #181616;
    border: none;
}
#mw-content {
    border: none;
    border-radius: 0 0 4px 4px;
}
.sidebar-chunk,
.catlinks {
    background: #222020 !important;
    color: #FFF;
    box-shadow: none !important;
    border: none !important;
    border-radius: 4px;
    padding: 1rem 1rem 1px !important;
}
.sidebar-chunk h3 {
    font-family: sans-serif, Arial;
    border-bottom: solid 2px #FFFFFF33 !important;
}
.catlinks li {
    border-left: 1px solid #FFFFFF55;
}
#catlinks.catlinks-allhidden {
    display: none !important;
}
#mw-footer-container {
    text-align: center;
    border: none;
    box-shadow: none;
    background: #181616;
    opacity: 0.5;
}
.footer-icons {
    display: none;
}
#mw-header-container {
    background: #242222;
    color: #FFF;
}
#p-banner {
    filter: invert(1) brightness(2);
    transform: scale(1.4) translate(-6px, 4px);
}
#personal-extra {
    filter: invert(1);
}
#personal h2 {
    background-position: 0px 3px;
    margin-left: -9px;
    padding-left: 28px;
    padding-top: 8px;
    font-family: sans-serif, Arial;
}
#simpleSearch {
    background: #434040;
    color: #FFF;
    border: none;
    border-radius: 3px;
    box-shadow: 0 0 0 1px #434040;
}
#searchInput {
    color: #FFF;
    padding: 0.4rem 0.6rem;
}
#searchButton {
    top: -1px;
    right: 0.2rem;
}
#mw-header-hack div {
    display: none;
}
.editOptions {
    background: #323030 !important;
    border: none !important;
    border-radius: 0 0 4px 4px !important;
}
.mw-charinsert-buttons {
    border: none !important;
    background: #323030;
    border-radius: 4px;
}
.hintergrund[style="border: 1px #000000 solid; border-width: 2px; cellspacing: 4;"] {
    border: none !important;
    margin: 15px 0;
}
.mw-portlet-body a:hover {
    text-decoration: none;
}
.thumbinner {
    background: #323030;
    box-shadow: none;
    border: none;
    border-radius: 4px;
}
.thumbinner .thumbimage, .thumbborder {
    border: none;
}
.Wartungsbaustein {
    background: #553 !important;
    border: none !important;
    padding: 2px 4px;
    border-radius: 3px;
}
.mw-disambig {
	background-color: transparent;
}
table.mw-collapsible.rahmen.mw-made-collapsible {
    margin-top: 10px;
    border-radius: 4px;
    overflow: hidden;
}
table.mw-collapsible.rahmen.mw-made-collapsible th {
    padding: 4px 12px;
}
table.mw-collapsible.rahmen.mw-made-collapsible th span {
    margin-left: 10px;
}
.mw-disambig {
    background-color: transparent;
}
.codeEditor-status {
    background: #FFFFFF33;
}
.mw-charinsert-buttons a {
    background-color: #FFFFFF33;
    border: none !important;
    border-radius: 4px;
    margin-top: 4.5px;
    padding: 2px 6px;
}
.mw-highlight {
    background: transparent;
}
.mw-highlight pre {
    filter: invert(1) brightness(2.5) sepia(0.1);
    border: none;
}
#mw-clearyourcache .hintergrund {
    border-radius: 4px;
}
#mw-clearyourcache .hintergrund td {
    padding: 10px;
}
.createbox .mw-ui-input-inline {
    width: 100% !important;
    filter: invert(0.9);
    font-size: 100% !important;
    border-radius: 4px;
    border: none !important;
    box-shadow: none !important;
    padding: 4px 8px !important;
}
.createbox input:last-child {
    display: block;
    filter: invert(0.9);
    border-radius: 4px;
    border: 2px solid #ddd !important;
    box-shadow: none !important;
    padding: 4px 8px !important;
    margin: 6px auto 15px auto;
}
table.wikitable,
table.maintable {
    background-color: #FFFFFF08;
}
.wikitable td[style*="background-color:#f9f9f9"] {
    background: transparent !important;
}
.vordergrund {
    background-color: #403c2b ! important;
}
.register + .ProduktVordergrund {
    border-radius: 4px !important;
    border: none !important;
    box-shadow: 0 0 0 2px #339966 inset !important;
}
.register + .ProduktVordergrund td:last-child {
    text-align: right !important;
}
.register + .ProduktVordergrund td {
    padding: 8px !important;
}
.mw-disambig {
    background-color: rgba(255, 0, 0, 0.2) !important;
}
table.jquery-tablesorter th.headerSort {
    filter: invert(1);
    background-color: #00000005;
    color: #000;
}
*[style="background:#77CCFF;"] {
    background: #0a324a !important;
}
table.maintable {
    background-color: #FFFFFF08;
    border-radius: 4px;
    overflow: hidden;
    margin: 4px;
}
table.maintable th {
    background: #2b2b1f;
}
table.maintable, table.maintable > tbody > * > * {
    border: none !important;
}
ul#filetoc, .toc, .mw-warning {
    background: #323030;
    border: none;
    border-radius: 4px;
}
table.centered.toc td {
    padding: 10px;
}
span[style*="background-color:#fff7a5;"] {
    background: #565331 !important;
    border: none !important;
}
.rundetabelle {
    border-radius: 4px;
}
#mw-indicator-Abk\.C3\.BCrzung {
    border-radius: 2px;
    overflow: hidden;
    box-shadow: -5px 0 0 3px #323030, 3px 0 0 3px #323030;
}
#personal .dropdown {
    background: #282626 !important;
    border-radius: 4px !important;
    border: 2px solid #444141 !important;
}
.pokey {
    border-bottom-color: #444141;
}
.pokey::after {
    display: none;
}
.mw_metadata th {
    background-color: #FFFFFF11;
}
.mw_metadata td {
    background-color: #FFFFFF08;
}
.mw_metadata th, .mw_metadata td {
    border-color: #FFFFFF11;
    padding: 4px 8px;
    font-size: 0.75rem;
}
.mw_metadata {
    margin: 10px 0;
}
#file img {
    transition: background 0.3s ease-in-out !important;
}
td[style="font-size:x-small;"] {
    font-size: small !important;
}
.alternate tr:nth-child(even) {
    background: #FFFFFF05;
}
*[style="background-color:#eee;"] {
    background: transparent !important;
    opacity: 0.5;
}
.mw-body li.gallerybox div.thumb {
    background: #FFFFFF11;
    border-color: transparent;
    border-radius: 4px;
}
div[style="float:left; max-width:75%; max-height:185px; overflow-x:auto; overflow-y:scroll; border:1px solid #ccc; border-left:none; white-space:nowrap;"],
.register + div[style*="max-height:185px;"] {
    max-height: none !important;
    border: none !important;
    overflow-y: auto !important;
}
*[style*="background-color:#ffeeBB"],
*[style*="background-color:#FFF7A5;"] {
    background-color: #52451c !important;
}
.mw-parser-output > table.centered.noprint.nomobile[style] {
    display: block;
    border: 2px solid #880000 !important;
    border-radius: 4px;
    background-color: #323030 !important;
    margin: 10px 0;
    padding: 0 10px;
}
table.center[cellpadding="7"] table[style*="border-collapse:collapse;"] td[style*="border"] {
    border-color: #aaa !important;
    border-width: 2px !important;
}
table.center[cellpadding="7"] table[style*="border-collapse:collapse;"] td[style*="dashed"] {
	border-right-style: dotted !important;
}
table.center[cellpadding="7"] td[style*="background-color"] {
	position: relative;
	z-index: 3;
    border: none !important;
    border-radius: 1px;
    box-shadow: none !important;
}
table.center[cellpadding="7"] td[style*="background-color:#fff;"] {
    background-color: #383636 !important;
    box-shadow: 0 0 0 3px #383636 !important;
}
table.center[cellpadding="7"] td[style*="background-color:lightgrey;"] {
    background-color: #2c2a2a !important;
    box-shadow: 0 0 0 3px #2c2a2a !important;
}
a[title="Tsatag"] > img,
a[title="Boronstag"] > img,
img[alt^="Madamal"] {
    filter: invert(1);
    mix-blend-mode: lighten;
}
.NavContent > .rundetabelle[style*="background-color:#FFF7A5;"] {
    border: none !important;
}
fieldset {
    background: #323030;
}
img[alt="At.png"],
a.mw-helplink,
#bodyContent a[href *="dsaforum.de"] {
	filter: invert(1);
    color: #dd5500 !important;
}




@media screen and (max-width: 850px) {
	body,
	html {
		width: 100vw;
		overflow-x: hidden;
	}
	#mw-content {
		padding: 1em 0.5em;
	}
	#mw-header-container {
	    padding: 3.75em 0.5em 0.35em;
	}
	#mw-content-block {
	    background: #222020;
	}
	#catlinks li {
	    border-left: 0 !important;
	    margin-top: 10px;
	}
	h2 {
		width: 100%;
	}
	#user-tools h2:after,
	.sidebar-chunk h2:after,
	#ca-more:after,
	#ca-languages:after {
		display: none;
	}
	#menus-cover {
		background: #000000;
	}
	#personal > * {
	    overflow-x: hidden;
	}
	#site-navigation h2 {
		left: 0.4em;
	}
	#personal h2 {
	    padding: 0;
	    margin-right: -2.3em;
	}
	#site-tools h2 {
		right: 3.8em;
	}
	#personal-extra {
		top: 1.1em;
	    right: 7.5em;
	    transform: scale(1.1);
	    position: absolute;
	    z-index: 3;
	}
	#p-logo-text {
	    position: absolute !important;
	    top: 1.2em;
	    left: 6em;
	    text-align: left;
	    transform: scale(0.8);
	    transform-origin: center left;
	}
	.sidebar-inner,
	.dropdown {
		background: #282626 !important;
	    border-radius: 4px !important;
	    border: 2px solid #444141 !important;
	}
	infobox {
		display: block;
		width: 100%;
		margin-bottom: 12px;
	}
}