Dark
Fret Find Dark by BamaBraves by bamabraves
Details
Authorbamabraves
LicenseNo License
Categoryhttps://www.ekips.org
Created
Updated
Size8.5 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name Fret Find Dark by BamaBraves
@version 20220212.03.37
@namespace userstyles.world/user/bamabraves
@description Dark
@author bamabraves
@license No License
==/UserStyle== */
@-moz-document domain("ekips.org") {
/* Scrollbar Settings */
::-webkit-scrollbar {
/* Width */
width: 1.2em!important;
}
/* Color of handle ___________________________________________________________________________*/
::-webkit-scrollbar-thumb {
background: #580303!important;
background-image: linear-gradient(to right, rgba(93, 6, 6, 0.95), rgba(255, 4, 4, 0.1)), url(https://image.ibb.co/hCq4n5/Carbon_Fiber_2.jpg)!important;
box-shadow: inset 0 0 5px rgba(0, 0, 0, .4), rgba(55, 55, 55, 1) 0 1px 0!important;
border-radius: 22px!important;
border: 1px solid rgba(0, 0, 0, .25)!important;
}
::-webkit-scrollbar-thumb:hover {
background: #580303!important;
background-image: linear-gradient(to left, rgba(93, 6, 6, 0.95), rgba(255, 4, 4, 0.1)), url(https://image.ibb.co/hCq4n5/Carbon_Fiber_2.jpg)!important;
border-radius: 22px!important;
box-shadow: inset 0 0 5px rgba(0, 0, 0, .4), rgba(155, 155, 155, 1) 0 1px 0!important;
}
/* Color of Track ______________________________________________________________________________*/
::-webkit-scrollbar-track {
background: #170000!important;
box-shadow: inset 8px 0 13px rgba(0, 0, 0, .4), rgba(55, 55, 55, 1) 0 1px 0!important;
border: 1px solid rgba(0, 0, 0, .25)!important;
}
/* Color of handles at top and bottom ___________________________________________________________*/
::-webkit-scrollbar-button {
background: #4c0707!important;
box-shadow: inset 0 12px 13px rgba(0, 0, 0, 0.6), rgba(55, 55, 55, 1) 0 1px 0!important;
}
::-webkit-scrollbar-button:hover {
border-radius: 22px!important;
box-shadow: inset 0 0 5px rgba(0, 0, 0, .4), rgba(155, 155, 155, 1) 0 1px 0!important;
}
/* Color of the bottom corner of the scrollable element, where two scrollbar meet. ______________*/
::-webkit-scrollbar-corner
{
background: #530205!important;
box-shadow: inset 0 12px 13px rgba(0, 0, 0, 0.6), rgba(55, 55, 55, 1) 0 1px 0!important;
}
::-webkit-scrollbar-corner:hover
{
border-radius: 22px!important;
box-shadow: inset 0 0 5px rgba(0, 0, 0, .4), rgba(155, 155, 155, 1) 0 1px 0!important;
}
}
@-moz-document domain("ekips.org") {
/* Site Settings */
* {
letter-spacing: 1px!important;
text-decoration: none!important;
}
:focus {
border: none!important;
box-shadow: none!important;
outline: none!important;
}
table.foundfrets {
border-collapse: separate;
}
/*___ Fonts ________________________________________________________________________*/
tr:first-child td {
font-size: 31px!important;
}
dd,
p {
font-size: 21px!important;
}
dt,
tr:not(:first-child):not(:nth-child(2)) td {
font-size: 19px!important;
}
dd label {
font-size: 17px!important;
}
p {
line-height: 25px!important;
}
/*___ Left/Right/Top/Bottom ________________________________________________________*/
#diagram {
margin-left: 12rem;
}
#content {
margin: 1rem 12rem;
}
#content, #diagram, #downloads, #worksheet, table.foundfrets {
margin-top: 1rem;
}
/*___ Margins ______________________________________________________________________*/
#downloads {
margin: 32px!important;
}
#sidebar ul#menu,
dt
{
margin: 3px 6px!important;
}
input[type="radio"] {
margin: 3px -32px 0 -40px;
}
/*___ Paddings _____________________________________________________________________*/
#content,
#diagram,
#downloads,
#worksheet,
table.foundfrets
{
padding: 12px!important;
}
/*___ Widths _______________________________________________________________________*/
#content
{
width: 87%!important;
}
#diagram {
width: 5%;
}
}
@-moz-document domain("ekips.org") {
/* Font Settings */
a[href],
td span
{
color: #0ff!important;
text-shadow: 1px 1px #000!important;
}
a[href]:visited
{
color: #fc79fc!important;
text-shadow: 1px 1px #000!important;
}
/*__________________________________________________________________________________*/
tr:not(:first-child):not(:nth-child(2)) td:first-child,
a[href]:hover,
h1,
input[type="checkbox"]:checked+label,
input[type="radio"]:checked+label
{
color: #ff0!important;
}
/*__________________________________________________________________________________*/
dd,
dt,
li,
p,
table.foundfrets td
{
color: #fff!important;
}
/*___ Khaki ________________________________________________________________________*/
tr:first-child td,
h1,
h2
{
color: #F0E890!important;
}
/*___ Burlywood ____________________________________________________________________*/
#downloads dt,
tr:nth-child(2) td,
h3,
h4
{
color: #e0b880!important;
}
/*___ Sandy Brown __________________________________________________________________*/
h5,
h6,
label
{
color: #F0A060!important;
}
/*___ Blue _________________________________________________________________________*/
time
{
color: #07beff!important;
}
/*___ Green ________________________________________________________________________*/
selector
{
color: #07ff24!important;
}
/*___ Red __________________________________________________________________________*/
selector
{
color: #ff0707!important;
}
/*__________________________________________________________________________________*/
input,
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
select,
textarea
{
background-color: #5d1b1b!important;
border-radius: 22px!important;
color: #fff!important;
text-align: center!important;
}
/*__________________________________________________________________________________*/
::selection
{
background: #ff9!important;
color: #000!important;
}
pre ::selection
{
background: #ff9!important;
color: #fff!important;
}
::placeholder
{
color: #f48f8f;
opacity: 1;
}
}
@-moz-document domain("ekips.org") {
/* Background Settings */
body,
html {
background: url(https://image.ibb.co/hVmiOe/wallpaper_with_black_background_45_free_wallpaper.jpg)no-repeat!important;
background-attachment: fixed!important;
background-size: 100%!important;
}
/*___ Plain Black __________________________________________________________________*/
#content,
#diagram,
#downloads,
#sidebar ul#menu,
#worksheet,
table.foundfrets
{
background-color: #000!important;
border-radius: 22px!important;
border: 1px solid rgba(0, 0, 0, .25)!important;
box-shadow: inset 0 0 5px #0006, #373737 0 1px 0, 10px 10px 5px #0006, #9b9b9b 0 1px 0!important;
}
#content:hover,
#diagram:hover,
#downloads:hover,
#sidebar ul#menu:hover,
#worksheet:hover,
table.foundfrets:hover
{
box-shadow: inset 0 0 5px #0006, #9b9b9b 0 1px 0, 10px 10px 5px #0a0a0a66, #9b9b9b 0 1px 0!important;
}
/*___ Highlight Background _________________________________________________________*/
tr:not(:first-child):not(:nth-child(2)):hover
{
background: linear-gradient(to right, #383838, #0000)!important;
border-left-color: #434343!important;
}
}
@-moz-document domain("ekips.org") {
/* Image Settings */
tr:not(:first-child):not(:nth-child(2)) {
filter: brightness(65%)!important;
}
/*__________________________________________________________________________________*/
tr:not(:first-child):not(:nth-child(2)):hover {
filter: brightness(100%)!important;
}
/*__________________________________________________________________________________*/
img {
border-radius: 22px!important;
}
/*__________________________________________________________________________________*/
img
{
-webkit-box-reflect: below 0 -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent), to(rgba(250, 250, 250, 0.1)));
}
}
@-moz-document domain("ekips.org") {
/* New Icons */
input[type="radio" i] {
appearance: none;
}
/* Lights _______________________________________________________________________________*/
/* On ___________________________*/
input[type="radio"]:checked
{
background: url(https://i.ibb.co/njmsz2z/green-light-on.png) no-repeat!important;
box-sizing: border-box;
}
/* Off __________________________*/
input[type="radio"]
{
background: url(https://i.ibb.co/z5C1bGj/red-light-on.png) no-repeat!important;
box-sizing: border-box;
}
input[type="radio"], input[type="radio"]:checked {
background-size: 21px!important;
height: 18px!important;
margin-left: 0.51rem!important;
padding-left: 58px!important;
width: 1px!important;
}
}