Eutropia by riedler

Imported from https://github.com/RiedleroD/userstyles-riedler/raw/master/eutropia.user.css

Eutropia screenshot
Homepage Install Get Stylus Write a review

Details

Authorriedler

LicenseCC BY-SA 4.0

Created atApril 09, 2021 09:09

Updated atApril 09, 2021 09:48

Applies todolphin-emu.org

Statistics

Learn how we calculate statistics in the FAQ.

Total views105

Total installs21

Weekly installs0

Weekly updates1

Description

A dark mode for dolphin-emu.org

Notes

Version: 1.0.0

Changelog (since 0.2.0):

main:

  • expanded image color correction

  • fixed navbar positioning issues

  • fixed modal popups

  • stop navbar from overflowing out of the page horizontally

  • dimmed main start-page logo

    wiki:

  • styled scrollbar

  • expanded & refined image color correction

  • styled extended details dropdown

  • styled filetoc

  • fixed white line in tabs

  • fixed dropdown of collapsed tabs on the pagetop

  • fixed specific tab text color

  • styled checkboxes, radios & various custom inputs

  • styled mw-datatables

  • added backgrounds to enabled table pagers

  • fixed some way-too-dark text

  • styled error notices

  • darkened wiki logo

    forums:

  • fixed generic star icon

  • fixed some textareas

  • styled default radio inputs

  • styled highlighted text

History

Daily snapshots of style statistics.

2021-07-072021-07-212021-08-032021-08-172021-08-302021-09-122021-09-262021-10-092021-10-222021-11-052021-11-182021-12-01Date0.000.631.251.882.503.133.754.385.00Daily countDaily installsDaily updatesDaily views
2021-07-072021-07-212021-08-032021-08-172021-08-302021-09-122021-09-262021-10-092021-10-222021-11-052021-11-182021-12-01Date0.0014.0028.0042.0055.0069.0083.0097.00110.00Total countTotal installsTotal views

Source code

/* ==UserStyle==
@name           Eutropia
@namespace      https://github.com/RiedleroD/userstyles-riedler/
@version        1.0.0
@description    A dark mode for dolphin-emu.org
@author         Riedler
@preprocessor	uso
@advanced select EICC "Default Image Color Correction" {"Dim":"brightness(0.8)","Recommended Invert":"invert(0.86) hue-rotate(180deg)","Full Invert":"invert(1) hue-rotate(180deg)","Debug":"invert(1) hue-rotate(180deg) saturate(100)","Off":"none"}
@var	color	bg0		"Background 0"		#000
@var	color	bg1		"Background 1"		#151515
@var	color	bg2		"Background 2"		#222
@var	color	bg3		"Background 3"		#333
@var	color	txt		"Text"				#CCC
@var	color	htxt	"Hovered Text"		#EEE
@var	color	btn		"Buttons"			rgb(55, 100, 153)
@var	color	hbtn	"Hovered buttons"	rgb(82,148,226)
@var	color	brd		"Borders"			#888
@var	color	inf		"Information Boxes"	rgba(55, 100, 153, .25)
@var	color	lnk		"Links"				rgb(55, 100, 153)
@var	color	hlnk	"Hovered links"		rgb(82,148,226)
@var	color	pl0		"Game: Perfect"		rgb(55, 100, 153)
@var	color	pl1		"Game: Playable"	#2A2
@var	color	pl2		"Game: Starts"		#CA0
@var	color	pl3		"Game: Broken"		#B33
@var	color	lgt		"Highlight"			#FFFFFF15
==/UserStyle== */
@-moz-document regexp("https?:\\/\\/(..\\.)?dolphin-emu\\.org($|\\/.*)") {
	::-webkit-scrollbar,::-webkit-scrollbar-track-piece{
		background-color:/*[[bg0]]*/ !important;}
	::-webkit-scrollbar-corner,::-webkit-scrollbar-thumb{
		background-color:/*[[bg2]]*/ !important;
		border-radius:0.4em;}
	:root{/*Because Firefox doesn't have the ::-moz-scrollbar selectors*/
		scrollbar-width:thin;
		scrollbar-color:/*[[bg2]]*/ /*[[bg0]]*/;}
	:root,
	body{
		background-color:/*[[bg0]]*/;}
    .col-row .col,
    .breadcrumb,
    .jumbotron{/*I'm not laughing, you're laughing!*/
		background-color:/*[[bg1]]*/;}
	.my-hero h1.title{/*lol*/
		background-color:/*[[bg1]]*/;
		background-blend-mode:hard-light;
		filter:saturate(0.6);}
    .nav>li>a:hover,
	.nav>li>a:focus{
		background-color:/*[[bg2]]*/;}
    .compat-list tbody tr:nth-child(2n),
    code{
		background-color:/*[[lgt]]*/;}
    footer,
    .page-header,
	.versions-list tr:first-child,
	.versions-list tr.download{
		border-color:/*[[brd]]*/;}
    :not(.active)>a[href]:not([class^="tag"]):not(.btn),
	:not(.active)>a[href]:not([class^="tag"]):not(.btn) span{
		color:/*[[lnk]]*/}
	:not(.active)>a[href]:not([class^="tag"]):not(.btn):hover,
	:not(.active)>a[href]:not([class^="tag"]):not(.btn):hover span{
		color:/*[[hlnk]]*/}
    .compat-list tbody tr:nth-child(2n+1){
		background-color:transparent;}
    .col-row,
    img{
		border-radius:0.5rem;}
    :root,body,
	p,span,pre,code,
	h1,h2,h3,h4,h5,h6,
	td,dt,figcaption,li,
    .jumbotron h1,
	.jumbotron .h1,
    a[href]:not([class^="tag"]):not(.btn).rss-tag,
    ul.tag-cloud>li>a[rel="tag"]:not(.btn){
		color:/*[[txt]]*/;
        text-shadow:none !important}
    ul.tag-cloud>li>a[rel="tag"]:not(.btn):hover,
    a[href]:not([class^="tag"]):not(.btn).rss-tag:hover{
        color:/*[[htxt]]*/;
        background-color:/*[[hbtn]]*/;}
	.compat-list>tbody{
		background-color:/*[[bg1]]*/;
        border-radius:0.5rem;}
	#navbar-dolphin{
		background-image:none;
		background-color:/*[[bg1]]*/;
		position:sticky;
		z-index:3;
		top:0;
		width:100%;
        height:5rem;}
	.btn-info,
	.btn-primary{
		background-image:none;
		background-color:/*[[btn]]*/;
		border:none;
		color:/*[[txt]]*/}
	.btn-info:hover,
	.btn-primary:hover{
		background-color:/*[[hbtn]]*/;
		color:/*[[htxt]]*/}
	pre{
		background-color:/*[[bg1]]*/;
		border-color:/*[[brd]]*/;}
	.alert-info{
		background-image:none;
		background-color:/*[[inf]]*/;
		border:none;
		color:/*[[txt]]*/}
	.alert{
		box-shadow:inset 0 1px 0 /*[[brd]]*/, 0 1px 2px rgba(0,0,0,0.05);}
	.well{
		background-color:/*[[bg1]]*/;
		background-image:none;
		border:none;
		border-radius:0.5rem;
		box-shadow:none;}
	.progress{
		background-color:/*[[bg2]]*/;
		background-image:none;}
	.progress-bar-info{
		background-color:/*[[pl0]]*/;
		background-image:none;}
	.progress-bar-success{
		background-color:/*[[pl1]]*/;
		background-image:none;}
	.progress-bar-warning{
		background-color:/*[[pl2]]*/;
		background-image:none;}
	.progress-bar-danger{
		background-color:/*[[pl3]]*/;
		background-image:none;}
	input[type="text"]{
		background-color:/*[[bg1]]*/;
		border:none;}
	.input-group>span>button{
		background-color:/*[[bg1]]*/;
		color:/*[[txt]]*/;}
	.input-group>span>button:hover{
		background-color:/*[[bg1]]*/;
		color:/*[[htxt]]*/;}
	ul.tag-cloud a,
	.rss-tag{
		background-color:/*[[btn]]*/;
		color:/*[[txt]]*/;}
	.rss-tag:hover,
	.rss-tag:focus{
		background-color:/*[[hbtn]]*/;
		color:/*[[htxt]]*/;}
	#toc{
		background-color:/*[[bg1]]*/;
		border:none;
		border-radius:0.5rem;}
	div.thumbinner{
		background-color:/*[[bg1]]*/;
		border:none;
		border-radius:0.5rem;}
	.category>img[title="Wiiware"],
	.category>img[title="Gamecube"],
	.category>img[title="Wii"],
	.category>img[title="Virtual-console"],
	.category>img[title="Channel"]{
		filter:invert(0.8);}
	img[src="//dolphin-emu.org/m/static/img/stars/5.7d3488bc4093.png"],
    img[src="//dolphin-emu.org/m/static/img/stars/4.5096f691933f.png"],
    img[src="//dolphin-emu.org/m/static/img/stars/3.43fe25f46703.png"],
    img[src="//dolphin-emu.org/m/static/img/stars/2.195f9785addd.png"],
    img[src="//dolphin-emu.org/m/static/img/stars/1.6dfb2570f44e.png"]{
        filter:invert(1) hue-rotate(175deg) brightness(2);}
	img:not([class]),
	img.fp-sshot,
	iframe[src^="//www.youtube.com/embed"]{
		filter:/*[[EICC]]*/;}
	.pagination>li>a,
	.pagination>li>span{
		background-color:/*[[bg1]]*/;
		border-color:#0000;
		color:/*[[lnk]]*/;}
	.pagination>li.active>a,
	.pagination>li.active>span,
	.pagination>li.active>a:hover,
	.pagination>li.active>span:hover,
	.pagination>li.active>a:focus,
	.pagination>li.active>span:focus{
		background-color:/*[[btn]]*/;
		border-color:/*[[btn]]*/;
		z-index:1;
		color:/*[[txt]]*/;}
	.pagination>li>a:hover,
	.pagination>li>span:hover,
	.pagination>li>a:focus,
	.pagination>li>span:focus{
		background-color:/*[[bg2]]*/;
		color:/*[[hlnk]]*/;
		border-color:#0000;}
	.dropdown-menu{
		background-color:/*[[bg1]]*/;
		position:absolute;
		overflow-y:scroll;
		max-height:100vh;
		top:0;}
	.dropdown-menu>li>a:hover,
	.dropdown-menu>li>a:focus{
		background-image:none;
		background-color:/*[[bg2]]*/;}
	.modal-content{
		background-color:/*[[bg1]]*/;}
	.modal-header{
		border-color:/*[[brd]]*/;}
	.close{
		color:/*[[txt]]*/;}
	.close:hover,
	.close:focus{
		color:/*[[pl3]]*/;}
	::-webkit-scrollbar{
    	background:transparent;
		background-image:linear-gradient(to right,transparent 0,transparent 95%,/*[[bg1]]*/ 90%);}
	::-webkit-scrollbar-thumb{
		background-image:linear-gradient(to right,transparent 0,transparent 95%,/*[[btn]]*/ 90%);}
	::-webkit-scrollbar-thumb:hover{
		background-image:linear-gradient(to right,/*[[btn]]*/ 0,/*[[btn]]*/ 90%);
		box-shadow:0 0 0 100vh /*[[bg1]]*/;}
	.carousel-caption>p{
		text-shadow:2px 2px 0.1em #000 !important;
		color:/*[[htxt]]*/;
		font-weight:bold;
		display:none;}
	#carousel-sshot:hover .carousel-caption>p{
		display:initial;}
}
@-moz-document regexp("https?:\\/\\/(..\\.)?dolphin-emu\\.org\\/media($|\\/.*)"){
	#gallery>a{
		border:none;}
	img{
		border-radius:0.5rem;}
}
@-moz-document regexp("https?:\\/\\/forums\\.dolphin-emu\\.org($|\\/.*)"){
    #container,body{/*the body here is for the printable post version*/
        background-color:/*[[bg0]]*/;
        border:none;
        border-radius:0.5em;
		color:/*[[txt]]*/;}
	/*scrollbar styling*/
	:root{/*for firefox and future use*/
		scrollbar-color:/*[[bg2]]*/ /*[[bg0]]*/;
		scrollbar-width:thin;}
	::-webkit-scrollbar-button{/*for chrome and safari*/
		display:none;}
	::-webkit-scrollbar-track{
		background-color:/*[[bg0]]*/;}
	::-webkit-scrollbar-thumb{
		background-color:/*[[bg2]]*/;}
	/*miscellanious stuff lol
	  I don't want to sort those*/
	.highlight{
		color:/*[[htxt]]*/;
		background-color:/*[[lgt]]*/;}
    table.tborder{
        background-color:/*[[bg1]]*/;
        border:none;}
    table.tborder td.thead,
    table.tborder td.tfoot{
        background-color:/*[[bg2]]*/;}
    table.tborder tr:nth-child(2n+1){
        background-color:/*[[bg2]]*/;}
    .smalltext,
    span,
    td,
    .pagination,
    .navigation .active,
    strong{
        color:/*[[txt]]*/;}
    #copyright,
    blockquote cite,
    strong{
        color:/*[[htxt]]*/;}
    a:link,
    .thead a:link{
        color:/*[[lnk]]*/;}
    a:link:hover,
    .navigation a:hover,
    .navigation a:active{
        color:/*[[hlnk]]*/;
        text-decoration:underline;}
    .forum_status{
        filter:invert(1) hue-rotate(180deg);}
    .pagination .pagination_current{
        background-color:/*[[hbtn]]*/;
        border-radius:0.5em;
        color:/*[[htxt]]*/;
        border:none;
        text-decoration:none;}
    .pagination .pagination_page,
    .pagination .pagination_last,
	.pagination .pagination_previous,
    .pagination .pagination_next{
        background-color:/*[[btn]]*/;
        border:none;
        color:/*[[txt]]*/;
        border-radius:0.5em;}
    .pagination .pagination_page:hover,
    .pagination .pagination_last:hover,
	.pagination .pagination_previous:hover,
    .pagination .pagination_next:hover{
        background-color:/*[[hbtn]]*/;
        color:/*[[htxt]]*/;
        text-decoration:none;}
    .pagination .go_page>img{
        display:none;}
    .pagination a.go_page,
    #breadcrumb_multipage{
        border-bottom:solid 0.5em /*[[btn]]*/;
        border-right:solid 0.5em #0000;
        border-left:solid 0.5em #0000;
        border-top:none;
        padding:0;
        border-radius:0;
        line-height:0.5em;
        background-color:#0000;}
    .pagination .drop_go_page{
        background-color:/*[[inf]]*/;}
    input.textbox{
        background-color:/*[[bg1]]*/;
        border:solid 1px /*[[brd]]*/;
        color:/*[[txt]]*/;}
    input.textbox:focus{
        background-color:/*[[bg2]]*/;
        color:/*[[htxt]]*/;}
    input.button{
        background-color:/*[[btn]]*/;
        background-image:none;
        color:/*[[txt]]*/ !important;
        border:none;}
    input.button:hover{
        background-color:/*[[hbtn]]*/;
        background-image:none;
        color:/*[[htxt]]*/ !important;}
	input[type="checkbox"],
	input[type="radio"]{
		filter:invert(1) hue-rotate(180deg);}
    .trow_sep{
        background-color:/*[[bg0]]*/;
        color:/*[[txt]]*/;}
    .star_rating{
        filter:invert(1) hue-rotate(175deg) brightness(2);}
    .star_rating a:not(.current_rating){
        filter:brightness(1.8) hue-rotate(30deg);}
    .thread_legend img,
    .thread_status{
        filter:brightness(0.8);}
    select{
        background-color:/*[[bg1]]*/;
        border:solid 1px /*[[brd]]*/;
        color:/*[[txt]]*/;
        border-radius:0.5em 0 0 0.5em;
		padding-right:1em;
		appearance:none;
		-moz-appearance:none;
		-webkit-appearance:none;
		background-image:url("https://riedler.wien/sfto/darklearning/double_triangles_top_bottom_AAA.svg");
		background-repeat:no-repeat;
		background-position:center right;}
    select:hover{
        color:/*[[htxt]]*/;
        background-color:/*[[bg2]]*/;}
	.select2-container-multi .select2-choices{
		background-color:/*[[bg2]]*/;
		background-image:none;
		border-color:/*[[brd]]*/;}
	.select2-container-multi .select2-choices .select2-search-field input{
		color:/*[[txt]]*/;}
	.select2-container-multi .select2-choices .select2-search-field input.select2-active{
		background-color:/*[[bg3]]*/ !important;
		background-blend-mode:multiply;
		color:/*[[htxt]]*/;}
	.select2-results .select2-no-results,
	.select2-results .select2-searching,
	.select2-results .select2-ajax-error,
	.select2-results .select2-selection-limit{
		background-color:/*[[bg1]]*/;
		color:/*[[txt]]*/;}
	.select2-drop{
		color:/*[[txt]]*/;}
	.select2-results .select2-highlighted{
		color:/*[[htxt]]*/;
		background-color:/*[[bg3]]*/;}
	.select2-container-multi .select2-choices .select2-search-choice{
		background-color:/*[[bg3]]*/;
		color:/*[[htxt]]*/;
		background-image:none;
		border-color:/*[[brd]]*/;
		box-shadow: 0 0 2px /*[[bg1]]*/ inset, 0 1px 0 #0000;}
    #copyright>span::after{ /*inserts myself into the copyright notice*/
        content:"| Dark theme by Riedler"}
    .post>.post_date{
        background-image:linear-gradient(/*[[bg1]]*/ 0%,/*[[bg2]]*/ 50%);
        padding-top:2em;}
    .post>.post_author,
    .post>.post_content{
        background-color:/*[[bg2]]*/;
        border:none;}
    .post>.post_controls{
        background-image:linear-gradient(/*[[bg2]]*/ 50%,/*[[bg1]]*/ 100%);
        border:none;
        padding-bottom:2em;}
    .postbit_buttons>a:link{
        background-image:none;
        background-color:/*[[btn]]*/;
        color:/*[[txt]]*/;
        border:none;}
    .postbit_buttons>a:link:hover{
        background-color:/*[[hbtn]]*/;
        color:/*[[htxt]]*/;}
	.postbit_buttons>a:visited{
        background-color:/*[[btn]]*/;
		background-image:none;
        color:/*[[txt]]*/;}
	.postbit_buttons>a:visited:hover{
        background-color:/*[[hbtn]]*/;
		background-image:none;
        color:/*[[htxt]]*/;}
    .codeblock{
        background-color:/*[[bg0]]*/;
        border:none;}
    .buddy_status{
        filter:invert(1) hue-rotate(180deg);}
    .post>.post_author>.author_avatar>a>img{
        background-color:/*[[bg0]]*/;
        border:none;
        border-radius:1em;
        overflow:hidden;
        padding:0;}
    #breadcrumb_multipage{
        height:0;}
    #breadcrumb_multipage_popup{
        border:none;
        outline:none;
        background:/*[[inf]]*/;
        border-radius:0.5em;}
    #breadcrumb_multipage_popup>.pagination_current{
        background-color:/*[[btn]]*/;
        color:/*[[txt]]*/;}
    #breadcrumb_multipage_popup>.pagination_current:hover{
        background-color:/*[[hbtn]]*/;
        color:/*[[htxt]]*/;
        text-decoration:none;}
    .pm_alert{
        background-color:/*[[inf]]*/;
        color:/*[[htxt]]*/;
        border:none;}
    .sceditor-container,
    .sceditor-container>.sceditor-toolbar{
        background-color:/*[[bg2]]*/;
        border:none;}
    .sceditor-container>iframe{
        background-color:/*[[bg2]]*/;}
    blockquote{
        background-color:/*[[bg2]]*/;
        color:/*[[txt]]*/;
        border:none;}
    div.sceditor-group{
        background-color:/*[[bg1]]*/;
        border-bottom:none;}
    .sceditor-button:hover,
    .sceditor-button:active,
    .sceditor-button.active{
        background-color:/*[[bg0]]*/;}
    .popup_menu,
    .popup_menu .popup_item{
        background-color:/*[[bg2]]*/;
        color:/*[[txt]]*/ !important;}
    .popup_menu .popup_item:hover{
        color:/*[[htxt]]*/ !important;}
    hr,
    .navMain hr{
        background-color:/*[[brd]]*/;}
    fieldset{
        border:solid 1px /*[[brd]]*/;}
    textarea,
	.sceditor-container iframe, .sceditor-container textarea{
        background-color:/*[[bg2]]*/;
        border:solid 1px /*[[brd]]*/;
        color:/*[[txt]]*/}
    #select2-drop{
        background-color:/*[[bg1]]*/;}
    #select2-results-1>li{
        background-color:/*[[bg1]]*/;
        color:/*[[txt]]*/;}
    #select2-results-1>li:not(:last-child){
        border-bottom:solid 1px /*[[brd]]*/;}
    .select2-search>input,
    .select2-search input.select2-active{
        background-color:/*[[bg1]]*/;
        background-image:none;
        color:/*[[txt]]*/;
        border:solid 1px /*[[brd]]*/;
        border-radius:0.5em;}
    .select2-container .select2-choice,
    .select2-container>.select2-choice.select2-default{
        background-color:/*[[bg1]]*/;
        background-image:none;
        text-decoration:none !important;}
    .select2-container .select2-choice .select2-arrow{
        background-image:none;
        background-color:/*[[bg1]]*/;
        border-left:none;}
    .select2-dropdown-open .select2-choice{
        box-shadow:none;}
    .pmspace_unused{
        background-color:/*[[bg2]]*/;}
    .pmspace_used.low{
        background-color:/*[[pl1]]*/;
        border:none;
        border-left:solid 1px /*[[pl1]]*/;}
    .pmspace_container{
        border:none;
        line-height:2;
        margin-bottom:-0.3em;
        background-color:#0000;}
	.button{
		background:linear-gradient(to bottom,/*[[bg3]]*/ 5%,/*[[bg2]]*/ 8%);
		border-color:/*[[brd]]*/;
		color:/*[[txt]]*/}
	.button:hover{
		background:linear-gradient(to bottom,/*[[bg3]]*/ 5%,/*[[bg3]]*/ 8%);
		border-color:/*[[brd]]*/;
		color:/*[[htxt]]*/}
	.author_avatar>a>img,/*profile pictures*/
	img.attachment,
	img:not([class]){/*classless images*/
		filter:/*[[EICC]]*/;}
	/*those red stars next to the posters name*/
	img[src="images/small-red-star.gif"]{
		filter:invert(0.8) hue-rotate(180deg) brightness(0.8) saturate(2);
	}
	/*poster badges*/
	img[src="images/groupimages/english/team-administrator.gif"],
	img[src="/images/groupimages/english/team-developer.gif"],
    img[src=" /images/groupimages/english/team-contentcreator.png"]{
		filter:brightness(0.85);}
	/*smilies*/
	.smilie_1,/*smile*/
	.smilie_2,/*wink*/
	.smilie_3,/*cool*/
	.smilie_4,/*grin*/
	.smilie_5,/*tongue*/
	.smilie_6,/*look up*/
	.smilie_7,/*look down*/
	.smilie_8,/*sad*/
	.smilie_10,/*angel*/
	.smilie_12,/*blush*/
	.smilie_13,/*squiggly mouth*/
	.smilie_14,/*annoyed*/
	.smilie_15,/*exclamation mark*/
	.smilie_17,/*confused*/
	.smilie_18,/*idea*/
	.smilie_19,/*smug*/
	.smilie_20{/*unsure*/
		filter:invert(0.8) hue-rotate(180deg) saturate(3) brightness(1.2);}
	.smilie_16{/*heart*/
		filter:invert(1) hue-rotate(220deg) saturate(1.5) brightness(0.93);}
	.smilie_11{/*mad*/
		filter:invert(1) hue-rotate(180deg) saturate(1.3) brightness(0.93);}
	.posticons_label>img{/*posticons, this is only rough, but it's good enough*/
		filter:invert(1) hue-rotate(180deg) saturate(0.8) brightness(1.3)}
	/*paperclip icon*/
	img[src$="Simpl/paperclip.png"]{
		filter:invert(1);
	}
	/*generic star icon*/
	img[src="images/icons/star.gif"]{
		filter:invert(0.8) hue-rotate(180deg) brightness(1.5)}
	/*spoiler popdowns*/
	.spoiler{
		background-color:/*[[bg2]]*/;
		border-color:/*[[brd]]*/;}
	.spoiler_cabecera{
		background-color:/*[[bg3]]*/;
		border:none;}
	.spoiler_contenido{
		background-color:/*[[bg2]]*/;}
	/*post attachments*/
	img.attachment{
		border-color:/*[[brd]]*/;}
}
@-moz-document regexp("https?:\\/\\/wiki\\.dolphin-emu\\.org($|\\/.*)") {
    :root,
    body,
    #mw-page-base{
        background-color:/*[[bg0]]*/;
        background-image:none;}
	/*scrollbar styling*/
	:root{/*for firefox and future use*/
		scrollbar-color:/*[[bg2]]*/ /*[[bg0]]*/;
		scrollbar-width:thin;}
	::-webkit-scrollbar-button{/*for chrome and safari*/
		display:none;}
	::-webkit-scrollbar-track{
		background-color:/*[[bg0]]*/;}
	::-webkit-scrollbar-thumb{
		background-color:/*[[bg2]]*/;}
	/*miscellanious stuff lol
	  I don't want to sort those*/
	.mw-ui-vform .error{
		background-color:/*[[pl3]]*/;
		border-color:#FFF3;
		border-radius:0.3em;
		color:/*[[htxt]]*/;}
	#mw-createaccount-join{
		background-color:/*[[bg2]]*/;
		border-color:/*[[brd]]*/;}
	#mw-createaccount-join:hover{
		background-color:/*[[bg3]]*/;
		border-color:/*[[brd]]*/;}
    div.vectorTabs,
    div.vectorTabs>ul>li.selected{
        background-image:linear-gradient(/*[[bg0]]*/,/*[[bg1]]*/);}
    div.vectorTabs>ul>li:not(.selected){
        background-image:linear-gradient(/*[[bg0]]*/,/*[[bg2]]*/);
        border-bottom:solid 1px /*[[brd]]*/;
        transform:translateY(-1px);}
    p,span,dt,li,div,
    div#footer ul li,
    div#mw-panel div.portal h3,
    div.vectorTabs li.selected a,
    div.vectorTabs li.selected a:visited,
    div#simpleSearch>input,
	#bodyContent div.mw-number-text h3{
        color:/*[[txt]]*/;
		text-decoration:none;}
    a:link,
	a:visited,
    .mw-body-content a.external,
    .mw-body-content a.external:visited,
    div#mw-panel div.portal div.body ul li a,
    div#mw-panel div.portal div.body ul li a:visited,
	span.toctext,
	div.vectorTabs li a{
        color:/*[[lnk]]*/;}
    a:link:hover,
	a:visited:hover,
    .mw-body-content a.external:hover,
    .mw-body-content a.external:visited:hover,
    div#mw-panel div.portal div.body ul li a:hover,
    div#mw-panel div.portal div.body ul li a:visited:hover,
	a:hover>span.toctext{
        color:/*[[hlnk]]*/;}
	div#mw-head div.vectorMenu h3,
	div.vectorTabs ul,
    div.vectorTabs>ul>li>span{
        background-image:none;}
    div.vectorTabs>ul>li{
        border-right:solid 1px /*[[brd]]*/;}
    div.vectorTabs>ul>li:first-child{
        border-left:solid 1px /*[[brd]]*/;
        margin-left:-1px;}
	div.vectorMenu h3 span{
		color:/*[[txt]]*/;}
	div.vectorMenu div.menu{
		background-color:/*[[bg2]]*/;
		color:/*[[txt]]*/;
		border-color:/*[[brd]]*/;}
	div#mw-panel div.portal div.body{
		background-image:none;
		border-top:solid 1px /*[[brd]]*/;}
	div#mw-panel #p-logo + div.portal div.body{
		border-top:none;}
    #content{
        background-color:/*[[bg1]]*/;
        border:none;
        border:1px solid /*[[brd]]*/;}
    div#simpleSearch{
        background-color:/*[[bg2]]*/;
        background-image:none;}
    .fmbox{
        background-color:/*[[inf]]*/ !important;
        color:/*[[txt]]*/;
        border:none;}
	.mw_metadata td,
	.mw_metadata th{
		background-color:/*[[bg2]]*/;
		border-color:/*[[brd]]*/;}
	.mw-datatable, .mw-datatable td, .mw-datatable th{
		background-color:/*[[bg2]]*/;
		border-color:/*[[brd]]*/;}
	.mw-datatable tr:hover td{
		background-color:/*[[bg3]]*/;
		color:/*[[htxt]]*/;}
	.TablePager_nav td.TablePager_nav-next .TablePager_nav-enabled,
	.TablePager_nav td.TablePager_nav-last .TablePager_nav-enabled,
	.TablePager_nav td.TablePager_nav-prev .TablePager_nav-enabled,
	.TablePager_nav td.TablePager_nav-first .TablePager_nav-enabled{
		background-color:/*[[bg2]]*/;
		border-radius:0.5em;}
	a[role="button"]{
		color:/*[[txt]]*/;
		background-color:/*[[btn]]*/;
		padding:0 0.3em 0 0.3em;
		border-radius:0.3em;}
	a[role="button"]:hover,
	a[role="button"]:focus{
		color:/*[[htxt]]*/;
		background-color:/*[[hbtn]]*/;
		text-decoration:none;}
	textarea{
		background-color:/*[[bg0]]*/;
		color:/*[[txt]]*/;}
	input[type="checkbox"],
	input[type="radio"]{
		filter:invert(1) hue-rotate(180deg);}
	.client-js .mw-ui-checkbox:not(#noop) input[type="checkbox"] + label::before,
	.oo-ui-checkboxInputWidget [type="checkbox"] + span{
		background-color:/*[[bg2]]*/;}
	.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span{
		background-color:/*[[btn]]*/;
		border-color:/*[[btn]]*/;}
	.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover + span{
		background-color:/*[[hbtn]]*/;
		border-color:/*[[hbtn]]*/;}
	.mw-ui-input{
		background-color:/*[[bg2]]*/;
		box-shadow:none;
		border-color:/*[[brd]]*/;
		color:/*[[txt]]*/;}
	.oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle,
	.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle{
		background-color:/*[[bg2]]*/;}
	.mw-ui-button.mw-ui-progressive,
	.mw-ui-button.mw-ui-constructive{
		background-color:/*[[btn]]*/;}
	.mw-ui-button.mw-ui-progressive:hover,
	.mw-ui-button.mw-ui-constructive:hover{
		background-color:/*[[hbtn]]*/;}
	.mw-ui-input:hover,
	.mw-ui-input:focus,
	.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover,
	.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus,
	.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected{
		background-color:/*[[bg3]]*/;}
	.client-js .mw-ui-checkbox:not(#noop) input[type="checkbox"]:active + label::before{
		background-color:/*[[bg3]]*/;
		border-color:/*[[brd]]*/;}
	.client-js .mw-ui-checkbox:not(#noop) input[type="checkbox"]:focus:hover + label::before{
		border-bottom-width:2px;}
	.client-js .mw-ui-checkbox:not(#noop) input[type="checkbox"]:hover + label::before{
		border-bottom-width:1px;}
	h1,h2,h3,h4,h5,h6{
		border-color:/*[[brd]]*/;
		color:/*[[txt]]*/;}
	#pagehistory>li{
		background-color:/*[[bg2]]*/;
		border:dashed 1px /*[[brd]]*/;
		box-sizing:border-box;}
	#pagehistory>li.selected,
	#pagehistory>li.between{
		background-color:/*[[bg1]]*/;
		color:/*[[htxt]]*/;
		border:solid 1px /*[[brd]]*/;}
	#pagehistory>li.between{
		margin-bottom:0;
		padding-bottom:0.1em;
		padding-top:2px;
		border-top:none;
		border-bottom:none;}
	#pagehistory>li.selected.before{
		margin-bottom:0;
		padding-bottom:0.1em;
		margin-top:1px;
		border-bottom:none;}
	#pagehistory>li.selected.after{
		border-top:none;
		padding-top:2px;}
	#catlinks{
		background-color:/*[[bg2]]*/;
		border:none;}
	#toc,
	.toc,
	#filetoc{
		background-color:/*[[bg2]]*/;
		border:none;
		border-radius:0.5em;}
	span.tocnumber{
		color:/*[[txt]]*/;
		text-decoration:none;}
	.thumb>.thumbinner{
		background-color:/*[[bg2]]*/;
		border:none;}
	html .thumbimage{
		border:none;
		background-color:/*[[bg2]]*/;}
	pre,
	.mw-code{
		border:solid 1px /*[[brd]]*/;
		background-color:#0000;
		color:/*[[txt]]*/}
	.oo-ui-textInputWidget .oo-ui-pendingElement-pending{
		background-blend-mode:multiply;
		background-color:/*[[brd]]*/;}
	.oo-ui-menuSelectWidget{
		background-color:/*[[bg2]]*/;}
	.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted{
		background-color:/*[[bg3]]*/;
		color:/*[[htxt]]*/;}
	/*search bar*/
	#searchform>#simpleSearch{
		border-color:/*[[bg2]]*/;
		border-bottom:none;}
	.suggestions-result,
	.suggestions-special{
		background-color:/*[[bg2]]*/;
		color:/*[[txt]]*/;}
	.suggestions-result:hover>span{
		color:/*[[htxt]]*/}
	.suggestions-result:hover,
	.suggestions-special:hover{
		background-color:/*[[btn]]*/;
		color:/*[[htxt]]*/;}
	.suggestions-special>.special-label,
	.suggestions-special>.special-query{
		color:/*[[txt]]*/ !important;}
	.suggestions-special:hover>div.special-label,
	.suggestions-special:hover>div.special-query{
		color:/*[[htxt]]*/ !important;}
	/*'containing…' search form*/
	.oo-ui-textInputWidget input,
	.oo-ui-textInputWidget textarea{
		background-color:/*[[bg2]]*/;
		color:/*[[txt]]*/;
		border-color:/*[[brd]]*/;}
	.oo-ui-icon-search,
	.mw-ui-icon-search::before,
	.oo-ui-indicator-clear{
		filter:invert(75%);}
	.mw-search-profile-tabs{
		background-color:/*[[bg2]]*/;
		border-color:/*[[brd]]*/;}
	/*version compatibility in game sites*/
	.revlink{/*stands for revision link and is not a link*/
		color:/*[[txt]]*/;
		background-color:/*[[bg0]]*/;
		border-radius:0.5em;}
	div[style="position: absolute; height: 12px; border: 1px solid #ddd; width: 100%; background: #f9f9f9;"]{
		background-color:/*[[bg2]]*/ !important;
		border:none !important;}
	div[title*="Rating: ***** "]>.plainlinks{
		background-color:/*[[pl0]]*/ !important;}
	div[title*="Rating: **** "]>.plainlinks{
		background-color:/*[[pl1]]*/ !important;}
	div[title*="Rating: *** "]>.plainlinks{
		background-color:/*[[pl2]]*/ !important;}
	div[title*="Rating: ** "]>.plainlinks{
		background-color:/*[[pl3]]*/ !important;}
	div[title*="Rating: * "]>.plainlinks{
		background-color:/*[[pl3]]*/ !important;}
	/*infobox*/
	table.infobox{
		background-color:/*[[bg2]]*/;
		color:/*[[txt]]*/;
		border-color:/*[[brd]]*/;
		border-radius:0.5em;}
	/*standard wiki tables*/
	table.wikitable{
		background-color:/*[[bg1]]*/;
		color:/*[[txt]]*/;}
	table.wikitable>tbody>tr>th,
	table.wikitable>tfoot>tr>th,
	table.wikitable>thead>tr>th{
		background-color:/*[[bg2]]*/;
		border-color:/*[[brd]]*/}
	table.wikitable>tbody>tr>td,
	table.wikitable>tfoot>tr>td,
	table.wikitable>thead>tr>td{
		border-color:/*[[brd]]*/;}
	tr[style="background:#f0f0f0;"]{/*mostly striped tables*/
		background-color:/*[[bg1]]*/ !important}
	table.jquery-tablesorter th.headerSort{
		background-image:url('data:image/svg+xml,<svg height="9" width="21" xmlns="http://www.w3.org/2000/svg"><path style="fill:rgba(255,255,255,0.5)" d="m15 5-4 4-4-4zm0-1-4-4-4 4z"/></svg>');}
	/*navbox*/
	.navbox,
	.navbox table{
		background-color:/*[[bg1]]*/;
		border:none;}
	.navbox th,
	.navbox-title{
		background-color:/*[[bg2]]*/;}
	.navbox-list{
		border-color:/*[[bg1]]*/;}
	.navbox-subgroup .navbox-group,
	.navbox-subgroup .navbox-abovebelow,
	.navbox-abovebelow{
		background-color:/*[[bg2]]*/;}
	.navbox-even{
		background-color:/*[[bg1]]*/;}
	/*diff*/
	td.diff-context{
		background-color:/*[[bg2]]*/;}
	td.diff-deletedline{
		background-color:/*[[bg2]]*/;
		border-color:/*[[pl3]]*/;}
	td.diff-addedline{
		background-color:/*[[bg2]]*/;
		border-color:/*[[pl1]]*/}
	td.diff-deletedline .diffchange{
		background-color:/*[[pl3]]*/;
		color:/*[[htxt]]*/}
	td.diff-addedline .diffchange{
		background-color:/*[[pl1]]*/;
		color:/*[[htxt]]*/;}
	/*inputs and stuff*/
	input[type="number"]{
		-moz-appearance: textfield;/*so that the default arrows don't show up*/
		background-color:/*[[bg2]]*/;
		color:/*[[txt]]*/;
		border:solid 1px /*[[brd]]*/;
		border-radius:0.25em;}
	input[type=number]::-webkit-inner-spin-button,
	input[type=number]::-webkit-outer-spin-button{
	  	-webkit-appearance: none;}
	select{
		-webkit-appearance: none;
	   	-moz-appearance: none;
	   	appearance: none;/*so that the default arrow doesn't show up*/
		background-color:/*[[bg2]]*/;
		color:/*[[txt]]*/;
		border:solid 1px /*[[brd]]*/;
		border-radius:0.25em;
		cursor:pointer;}
	input:not([type]),
	input[type=text]{
		background-color:/*[[bg2]]*/;
		color:/*[[txt]]*/;
		border:solid 1px /*[[brd]]*/;
		border-radius:0.25em;}
	input[type=submit]{
		background-color:/*[[btn]]*/;
		color:/*[[txt]]*/;
		cursor:pointer;
		border:solid 2px /*[[btn]]*/;
		border-radius:0.25em;}
	input[type=submit]:hover{
		background-color:/*[[hbtn]]*/;
		color:/*[[htxt]]*/;
		border-color:/*[[hbtn]]*/;}
    /*Image replacements and adjustments*/
	img:not([class]),
	img.thumbimage{
		filter:/*[[EICC]]*/}
    img[src="/images/5/56/Gamecube.png"]{
        box-sizing:border-box;
        padding-left:180px;
        background:url('https://riedler.wien/sfto/gamecube.svg') no-repeat center;
        background-size: contain;}
    img[src="/images/5/5e/Wii.png"]{
        box-sizing:border-box;
        padding-left:180px;
        background:url('https://riedler.wien/sfto/wii.svg') no-repeat center;
        background-size: contain;}
    img[src="/images/4/4c/WiiWare.png"]{
        box-sizing:border-box;
        padding-left:180px;
        background:url('https://riedler.wien/sfto/wiiware.svg') no-repeat center;
        background-size: contain;}
    img[src="/images/9/9e/Virtual_Console_Nav.png"]{
        box-sizing:border-box;
        padding-left:180px;
        background:url('https://riedler.wien/sfto/virtualconsole.svg') no-repeat center;
        background-size: contain;}
	img[src="/images/6/62/Stars5.png"],
	img[src="/images/a/ae/Stars4.png"],
	img[src="/images/6/6f/Stars3.png"],
	img[src="/images/7/73/Stars2.png"],
	img[src="/images/4/4a/Stars1.png"],
	img[src="/images/4/41/Stars0.png"]{
        filter:invert(1) hue-rotate(175deg) brightness(2);}
	.mw-wiki-logo{
		filter:brightness(0.8);}
}

Reviews

No reviews yet.