Dark
jQuery Dark by BamaBraves by bamabraves
Details
Authorbamabraves
LicenseNo License
Categoryhttps://jqueryui.com/
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 jQuery Dark by BamaBraves
@version 20220307.02.11
@namespace userstyles.world/user/bamabraves
@description Dark
@author bamabraves
@license No License
==/UserStyle== */
@-moz-document domain("jquery.com"), domain("jqueryui.com"), domain("jquerymobile.com") {
/* 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("jquery.com"), domain("jqueryui.com"), domain("jquerymobile.com") {
/* Site Settings */
* {
letter-spacing: 1px!important;
text-decoration: none!important;
text-shadow: none;
transition: none!important;
}
selector
{
text-transform: capitalize!important;
}
#content .signatures,
#global-nav nav ul li,
.signatures h4,
.ui-widget-content,
.ui-widget-header,
:focus
{
border: none!important;
box-shadow: none!important;
text-shadow: none!important;
outline: none!important;
}
#banner-secondary [class*="column"] + [class*="column"]:last-child {
float: left!important;
}
.resources {
right: -14%;
}
pre code {
white-space: pre-line;
}
.ui-page-theme-a .ui-btn, html .ui-bar-a .ui-btn, html .ui-body-a .ui-btn, html body .ui-group-theme-a .ui-btn, html head+body .ui-btn.ui-btn-a, .ui-page-theme-a .ui-btn:visited, html .ui-bar-a .ui-btn:visited, html .ui-body-a .ui-btn:visited, html body .ui-group-theme-a .ui-btn:visited, html head+body .ui-btn.ui-btn-a:visited
{
text-shadow: none!important;
}
/*___ Fonts ________________________________________________________________________*/
#content .syntaxhighlighter,
#download-builder .component-group-desc h3,
.ui-mobile-viewport
{
font-size: 1.5em !important;
}
#download-builder *,
pre[style="word-wrap: break-word; white-space: pre-wrap;"],
code
{
font-size: 28px!important;
}
#content p,
.demo-description,
.desc,
.entry-content li,
.ui-btn,
body.api.jquery-ui.single.single-post.postid-7.single-format-standard.single-author.singular,
body.jquery-ui.page.page-id-25.page-template-default.page-slug-draggable.single-author.singular
{
font-size: 21px!important;
}
.ui-widget-content
{
font-size: 19px!important;
}
selector
{
font-size: 17px!important;
}
selector
{
font-size: 15px!important;
}
#banner-secondary .features-box p,
#download-builder .component-group-desc h3,
body.api.jquery-ui.single.single-post.postid-7.single-format-standard.single-author.singular,
body.jquery-ui.page.page-id-25.page-template-default.page-slug-draggable.single-author.singular
{
line-height: 45px!important;
}
#content p,
#content ul li
{
line-height: 25px!important;
}
/*___ Remove Items _________________________________________________________________*/
selector
{
left: -9999px!important;
position: absolute!important;
top: -9999px!important;
}
/*___ Left/Right/Top/Bottom ________________________________________________________*/
.push-eight {
left: 77%;
}
.columns {
margin-top: 15px!important;
}
/*___ Margins ______________________________________________________________________*/
.ui-widget-content
{
margin: 12px!important;
}
#banner-secondary .features-box.row.eight.columns.pull-four {
margin: -8% 35% 0!important;
}
.row {
margin: 25px auto;
}
.syntaxhighlighter a,
.syntaxhighlighter code,
.syntaxhighlighter div,
.syntaxhighlighter pre,
.syntaxhighlighter table caption,
.syntaxhighlighter table tbody,
.syntaxhighlighter table td,
.syntaxhighlighter table thead,
.syntaxhighlighter table tr,
.syntaxhighlighter table,
.syntaxhighlighter textarea
{
margin: 5px 0 !important;
}
selector
{
margin: 3px 6px!important;
}
/*___ Paddings _____________________________________________________________________*/
selector
{
padding: 12px!important;
}
#logo-events {
padding: 20px 46px;
}
.listing .entry-meta .category,
code.jquery-ui.page.page-id-25.page-template-default.page-slug-draggable.single-author.singular
{
padding: 3px 16px!important;
}
#container {
padding: 0;
}
/*___ Heights ______________________________________________________________________*/
selector
{
max-height: none!important;
}
selector
{
height: auto!important;
}
/*___ Widths _______________________________________________________________________*/
#content .signatures,
.constrain,
.row
{
max-width: none!important;
}
#banner-secondary
{
width: auto!important;
}
#download-builder .component-group-desc p {
width: 100%;
}
.row
{
width: 98%!important;
}
#content {
width: 90%;
}
.demo-description {
width: 70%!important;
}
.four, .row .four {
width: 24%;
}
#sidebar, .sidebar-left, .sidebar-right {
width: 10%;
}
}
@-moz-document domain("jquery.com"), domain("jqueryui.com"), domain("jquerymobile.com") {
/* Font Settings */
.title,
a,
a[href]
{
color: #0ff!important;
text-shadow: 1px 1px #000!important;
}
a[href]:visited
{
color: #fc79fc!important;
text-shadow: 1px 1px #000!important;
}
/*__________________________________________________________________________________*/
.jqm-demos .jqm-header p,
.title:hover,
a:hover,
a[href]:hover,
h1,
input[type="checkbox"]:checked+label,
input[type="radio"]:checked+label
{
color: #ff0!important;
}
/*__________________________________________________________________________________*/
#content li,
#content,
#download-builder *,
#tooltip,
.demo-description,
.desc,
.ui-page-theme-a .ui-btn,
.ui-widget-content,
button
{
color: #fff!important;
}
/*___ Khaki ________________________________________________________________________*/
#download-builder .component-group-desc h3,
.ui-dialog .ui-dialog-title,
h1,
h2
{
color: #F0E890!important;
}
/*___ Burlywood ____________________________________________________________________*/
#content b,
#download-builder h2,
#download-builder span.component-title,
.ui-dialog .ui-dialog-content b,
.ui-dialog .ui-dialog-content strong,
h3,
h4,
strong
{
color: #e0b880!important;
}
/*___ Sandy Brown __________________________________________________________________*/
.entry-posted,
h5,
h6,
label
{
color: #F0A060!important;
}
/*___ Blue _________________________________________________________________________*/
time
{
color: #07beff!important;
}
/*___ Green ________________________________________________________________________*/
selector
{
color: #07ff24!important;
}
/*___ Red __________________________________________________________________________*/
selector
{
color: #ff0707!important;
}
/*__________________________________________________________________________________*/
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;
padding: 3px 12px!important;
}
/*__________________________________________________________________________________*/
::selection
{
background: #ff9!important;
color: #000!important;
}
pre ::selection
{
background: #ff9!important;
color: #fff!important;
}
::placeholder
{
color: #f48f8f!important;
opacity: 1;
}
/*___ Misc _________________________________________________________________________*/
.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper,
pre[style="word-wrap: break-word; white-space: pre-wrap;"],
pre code
{
color: #fff!important;
}
pre .css .hljs-keyword,
pre .css .rule .keyword,
pre .hljs-keyword,
pre .hljs-subst,
pre .javascript .hljs-name,
pre .javascript .title,
pre .keyword,
pre .nginx .hljs-name,
pre .nginx .title,
pre .request,
pre .status,
pre .subst,
pre .winutils
{
color: #ff9595;
}
pre .django .hljs-tag .hljs-keyword,
pre .django .tag .keyword,
pre .hljs-tag .hljs-name,
pre .hljs-tag,
pre .rules .property,
pre .tag .title,
pre .tag
{
color: #86e2ff;
}
pre .hljs-string,
pre .phpdoc,
pre .string,
pre .tag .value,
pre .tex .formula
{
color: #ffdb70;
}
pre .hljs-name,
pre .hljs-selector-id,
pre .id
{
color: #ff0c0c;
font-weight: bold;
}
pre .attribute,
pre .hljs-attr,
pre .hljs-attribute,...