custom design based on https://uso.kkx.one/style/125845
mafiaway 2024 custom yellow design by BasieCrazy13
Details
AuthorBasieCrazy13
LicenseNo License
Categoryhttps://www.mafiaway.nl/
Created
Updated
Size24 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name mw custom yellow/black design
@namespace Basiecrayellow
@author Basiecrazy
@description custom design
@version 20240306.01
@license NONE
@preprocessor uso
@advanced color hoofdkleur "Titelkleur" #f5e904
@advanced color achtergrondkleur "Achtergrondkleur" #202020
@advanced color kleurmainfont "Kleur tekst midden" #fff
@advanced text tekst1 '|Knoppen rechts & links|'⇩
@advanced color kleurlinksrechts "> Buttonkleur" #101010
@advanced color kleurbuttonlinksrechts "> Buttonkleur hover" #202020
@advanced color kleurtekstlinksrechts "> Tekstkleur" #fff
@advanced color kleurhoverlinksrechts "> Tekstkleur hover" #fff
@advanced range pxruimte "> Pixels ruimte tussen knoppen" [3.5, 1, 10, 0.5, 'px']
@advanced dropdown buttonkleur "|Buttons|" {
red "Rounded*" <<<EOT @-moz-document regexp('https?://www\\.mafiaway\\.nl(?!/wiki).*') {
input[type="button"],
input[type="submit"],
input.nicebut{
color: /*[[buttontxtcolor]]*\/;
background: /*[[buttoncolor]]*\/;
-webkit-box-shadow: inset 0px 20px 20px -20px #000;
-moz-box-shadow: inset 0px 20px 20px -20px #000;
box-shadow: inset 0px 20px 20px -20px #000;
border: 1px solid rgb(17, 17, 17);
border-bottom: 2px solid #000;
border-right: 2px solid #000;
border-radius: 1em 1em 1em 1em;
cursor: pointer;
padding: 3px 25px;
}
input[type="submit"]:hover,
input[type="button"]:hover,
input.nicebut:hover{
color: /*[[buttontxtcolor]]*\/;
-webkit-box-shadow: inset 0px 20px 20px -20px /*[[buttoncolor]]*\/;
-moz-box-shadow: inset 0px 20px 20px -20px /*[[buttoncolor]]*\/;
box-shadow: inset 0px 20px 20px -20px /*[[buttoncolor]]*\/;
background: /*[[buttoncolor]]*\/;
} input[style*='width:'][type='submit'],
input[style*='width:'][type='button'] {
width: auto !important;
}
input[type="submit"]:active,
input[type="button"]:active,
input.nicebut:active{
position: relative; top:1px;
}
}
EOT;
blackhigh "Black (Highlighted)" <<<EOT @-moz-document regexp('https?://www\\.mafiaway\\.nl(?!/wiki).*') {
input[type="button"],
input[type="submit"],
input.nicebut{
background-color: #22292e;
background-image: -webkit-linear-gradient(top, rgb(47,55,61) 50%, rgb(26,31,36));
background-image: -moz-linear-gradient(top, rgb(47,55,61) 50%, rgb(26,31,36));
background-image: -ms-linear-gradient(top, rgb(47,55,61) 50%, rgb(26,31,36));
background-image: -o-linear-gradient(top, rgb(47,55,61) 50%, rgb(26,31,36));
background-image: linear-gradient(top, rgb(47,55,61) 50%, rgb(26,31,36));
border: 1px solid #0b1319;
color: #aeb6bc;
font-size: 12px;
font-weight: bold;
border-radius: 3px;
padding: 8px 14px;
text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.4), 0 1px 0 rgba(255,255,255,0.2) inset;
-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.4), 0 1px 0 rgba(255,255,255,0.2) inset;
box-shadow: 0 2px 4px rgba(0,0,0,0.4), 0 1px 0 rgba(255,255,255,0.2) inset;
position: relative;
cursor: pointer;
-webkit-transition: color 0.58s ease-in-out;
-moz-transition: color 0.58s ease-in-out;
-ms-transition: color 0.58s ease-in-out;
-o-transition: color 0.58s ease-in-out;
transition: color 0.58s ease-in-out;
}
input[type="submit"]:hover,
input[type="button"]:hover,
input.nicebut:hover{
-webkit-transition: opacity 0.28s ease-in-out;
-moz-transition: opacity 0.28s ease-in-out;
-ms-transition: opacity 0.28s ease-in-out;
-o-transition: opacity 0.28s ease-in-out;
transition: opacity 0.28s ease-in-out;
opacity: 0.8;
color: #000;
background: /*[[buttoncolor]]*\/;
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *\/
/* IE6-9 *\/
}
input[type="submit"]:active,
input[type="button"]:active,
input.nicebut:active{top:1px; position: relative;
} input[style*='width:'][type='submit'],
input[style*='width:'][type='button'] {
width: auto !important;
}
} EOT;
nothing "MW (standaard)" <<<EOT @-moz-document regexp('https?://www\\.mafiaway\\.nl(?!/wiki).*') { input[type="submit"]:active,
input[type="button"]:active,
input.nicebut:active{top:1px; position: relative;
} input[style*='width:'][type='submit'],
input[style*='width:'][type='button'] {
width: auto !important;
}
} EOT;
black "Black" <<<EOT @-moz-document regexp('https?://www\\.mafiaway\\.nl(?!/wiki).*') {
input.nicebut,
input[type="button"],
input[type="submit"] {
margin:2px;
outline: 0;
padding: 5px 12px;
color: /*[[buttontxtcolor]]*\/ !important;
opacity: 0.8;
font-weight: bold;
text-shadow: 1px 1px #262626;
border: 1px solid #000;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: rgba(36,36,36,1);
background: -moz-linear-gradient(top, rgba(36,36,36,1) 0%, rgba(36,36,36,1) 3%, rgba(20,20,20,1) 4%, rgba(15,15,15,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(36,36,36,1)), color-stop(3%, rgba(36,36,36,1)), color-stop(4%, rgba(20,20,20,1)), color-stop(100%, rgba(15,15,15,1)));
background: -webkit-linear-gradient(top, rgba(36,36,36,1) 0%, rgba(36,36,36,1) 3%, rgba(20,20,20,1) 4%, rgba(15,15,15,1) 100%);
background: -o-linear-gradient(top, rgba(36,36,36,1) 0%, rgba(36,36,36,1) 3%, rgba(20,20,20,1) 4%, rgba(15,15,15,1) 100%);
background: -ms-linear-gradient(top, rgba(36,36,36,1) 0%, rgba(36,36,36,1) 3%, rgba(20,20,20,1) 4%, rgba(15,15,15,1) 100%);
background: linear-gradient(to bottom, rgba(36,36,36,1) 0%, rgba(36,36,36,1) 3%, rgba(20,20,20,1) 4%, rgba(15,15,15,1) 100%);
}
input.nicebut:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
opacity: 1.0;
cursor: pointer;
}
input[style*='width:'][type='submit'],
input[style*='width:'][type='button'] {
width: auto !important;
}
input.nicebut:active,
input[type="submit"]:active,
input[type="button"]:active {
top:1px; position: relative;
background-position: 0 top;
color: #fff;
background: #272727;
/* old browsers *\/
background: -moz-linear-gradient(top, #272727 3%, #2d2d2d 51%, #282828 100%);
/* firefox *\/
background: -webkit-gradient(linear, left top, left bottom, color-stop(3%, #272727), color-stop(51%, #2d2d2d), color-stop(100%, #282828));
/* webkit *\/
-moz-box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1);
/* Firefox *\/
-webkit-box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1);
/* Safari, Chrome *\/
box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1);
/* CSS3 *\/
}
} EOT;
}
@advanced color buttoncolor "> Button Kleur" #101010
@advanced color buttontxtcolor "> Button Tekst" #f5e904
@advanced dropdown hoverffct "|Highlight| (forum)" {
tr:hover>td.hover a{color: /*[[hovertxt]]*\/ !important;} EOT;
standaardmw "MW (Standaard)*" <<<EOT tr:hover>td.hover { color: #fff !important;
cursor: pointer;
background: #666666;;
}
gradientdark "Gradient - Dark" <<<EOT tr:hover>td.hover {
-webkit-box-shadow: inset 0px 20px 20px -20px #000;
-moz-box-shadow: inset 0px 20px 20px -20px #000;
box-shadow: inset 0px 20px 20px -20px #000;
background-color: /*[[hoverchoice]]*\/;
color: /*[[hovertxt]]*\/ !important;
cursor: pointer;
}
tr:hover>td.hover a,
tr:hover>td.hover a{color: /*[[hovertxt]]*\/ !important;} EOT;
limee "Gradient - Light" <<<EOT tr:hover>td.hover {
-webkit-box-shadow: inset 0px 20px 20px -20px #fff;
-moz-box-shadow: inset 0px 20px 20px -20px #fff;
box-shadow: inset 0px 20px 20px -20px #fff;
background-color: /*[[hoverchoice]]*\/;
color: /*[[hovertxt]]*\/ !important;
cursor: pointer;
}
tr:hover>td.hover a,
tr:hover>td.hover a{color: /*[[hovertxt]]*\/ !important;} EOT;
black "Black Shadow (standaard)*" <<<EOT tr:hover>td.hover
{
background: rgba(0,0,0,0.9);
background: -moz-linear-gradient(top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.9) 1%, rgba(20,20,20,0.9) 51%, rgba(18,18,18,0.9) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.9)), color-stop(1%, rgba(0,0,0,0.9)), color-stop(51%, rgba(20,20,20,0.9)), color-stop(100%, rgba(18,18,18,0.9)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.9) 1%, rgba(20,20,20,0.9) 51%, rgba(18,18,18,0.9) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.9) 1%, rgba(20,20,20,0.9) 51%, rgba(18,18,18,0.9) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.9) 1%, rgba(20,20,20,0.9) 51%, rgba(18,18,18,0.9) 100%);
cursor: pointer;
}
tr:hover>td.hover>a{background: none !important;} EOT;
choiceff "Effen" <<<EOT tr:hover>td.hover { color: /*[[hovertxt]]*\/ !important;
cursor: pointer;
background: /*[[hoverchoice]]*\/;
}
tr:hover>td.hover a{color: /*[[hovertxt]]*\/ !important;} EOT;
choiceglow "Glow" <<<EOT tr:hover>td.hover { color: /*[[hovertxt]]*\/ !important;
cursor: pointer;
background: /*[[hoverchoice]]*\/;
/*Reflection*\/
-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.4)));
/*Glow*\/
-webkit-box-shadow: 0px 0px 20px /*[[hoverchoice]...