A selection of scripts and stylesheets I use to override some websites look. Packaged in a very simple Firefox extension.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 

282 lines
4.2 KiB

/* Base */
*, ::before, ::after
{
color: #a89984 !important;
border-color: #1d2021 !important;
outline-color: #1d2021 !important;
text-shadow: none !important;
box-shadow: none !important;
/*-moz-box-shadow: none !important;*/
background-color: transparent !important;
}
html *
{
color: inherit !important;
}
p::first-letter,
h1::first-letter,
h2::first-letter,
p::first-line
{
color: inherit !important;
background: none !important;
}
/* :: Give solid BG :: */
/* element */
b,i,u,strong
{
color: #98971a;
}
html,
body,
li ul,
ul li,
table,
header,
article,
section,
nav,
menu,
aside,
/* common */
[class*="nav"],
[class*="open"],
[id*="ropdown"], /*dropdown*/
[class*="ropdown"],
div[class*="menu"],
[class*="tooltip"],
div[class*="popup"],
div[id*="popup"],
/* Notes, details, etc. Maybe useful */
div[id*="detail"],div[class*="detail"],
div[class*="note"], span[class*="note"],
div[class*="description"],
/* Also common */
div[class*="content"], div[class*="container"],
/* Popup divs that use visibility: hidden and display: none */
div[style*="display: block"],
div[style*="visibility: visible"]
{
background-color: #282828 !important;
}
/*: No BG :*/
*:not(:empty):not(span):not([class="html5-volume-slider html5-draggable"]):not([class="html5-player-chrome html5-stop-propagation"]), *::before, *::after,
td:empty, p:empty, div:empty:not([role]):not([style*="flashblock"]):not([class^="html5"]):not([class*="noscriptPlaceholder"])
{
background-image: none !important;
}
/*: Filter non-icons :*/
span:not(:empty):not([class*="icon"]):not([id*="icon"]):not([class*="star"]):not([id*="star"]):not([id*="rating"]):not([class*="rating"]):not([class*="prite"])
{
background-image: none !important;
text-indent: 0 !important;
}
/*: Image opacity :*/
img, svg
{
opacity: .75 !important;
}
img:hover, svg:hover
{
opacity: 1 !important;
}
/* Highlight */
::-moz-selection
{
background-color: #ebdbb2 !important;
color: #32302f !important;
}
/* ::: anchor/links ::: */
a
{
color: #689d6a !important;
background-color: #282828 !important;
opacity: 1 !important;
text-indent: 0 !important;
}
a:link
{
color: #458588 !important;
}
a:visited
{
color: #b16286 !important;
}
a:hover
{
color: #d79921 !important;
background-color: #1d2021 !important;
}
a:active
{
color: #d65d0e !important;
}
/* "Top level" div */
body > div
{
background-color: inherit !important;
}
/* :::::: Text Presentation :::::: */
summary, details
{
background-color: inherit !important;
}
kbd, time, label, .date
{
color: #98971a !important;
}
acronym, abbr
{
border-bottom: 1px dotted !important;
cursor: help !important;
}
mark
{
background-color: #cc241d !important;
}
/* :::::: Headings :::::: */
h1,h2,h3,h4,h5,h6
{
background-image: none !important;
border-radius: 5px !important;
/*-moz-border-radius: 5px !important;*/
-webkit-border-radius: 5px !important;
text-indent: 0 !important;
}
h1,h2,h3,h4,h5,h6
{
background-color: #1d2021 !important;
}
h1,h2
{
color: #98971a!important;
}
h3,h4
{
color: #d79921!important;
}
h5,h6
{
color: #d65d0e!important;
}
/* :::::: Tables, cells :::::: */
table table
{
background: #1d2021 !important;
}
th, caption
{
background: #282828 !important;
}
/* ::: Inputs, textareas ::: */
input, textarea, button,
select,option,optgroup
{
color: #ebdbb2 !important;
background: none #1d2021 !important;
-moz-appearance: none !important;
-webkit-appearance: none !important;
}
input,
textarea,
button
{
border-color: #32302f !important;
border-width: 1px !important;
}
/* :::::: Button styling :::::: */
input[type="button"],
input[type="submit"],
input[type="reset"],
button
{
background: #1d2021 !important;
}
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
button:hover
{
color: #32302f !important;
background: #ebdbb2 !important;
}
input[type="image"]
{
opacity: .85 !important;
}
input[type="image"]:hover
{
opacity: .95 !important;
}
/* Lightbox fix */
html [id*="lightbox"] *
{
background-color: transparent !important;
}
html [id*="lightbox"] img
{
opacity: 1 !important;
}
/* Youtube Annotation */
#movie_player-html5 .annotation
{
background: #1d2021 !important;
}
/* Mozilla addons shrink/expand sections */
.expando a
{
background: none transparent !important;
}