/* VARIABLES */
:root {
/* VARIABLES > Core */
--logo-img: var(--darkmode-logo-img);
--logo-opacity: 30%;
/* VARIABLES > Misc */
--darkmode-gradient-top: var(--dark-bg-1);
--darkmode-gradient-bottom: var(--dark-bg-2);
--dark-bg-1: #21252E;
--dark-bg-2: #2F333C;
--dark-txt-color: #EDEDED;
--header-txt-color: rgb(var(--accent));
--subheader-txt-color: var(--dark-txt-color);
--misc-txt-color: var(--dark-txt-color);
--link-txt-color: rgb(var(--accent));
--link-hover-txt-color: #FFF;
/* VARIABLES > Color Accents */
--acc-default: 153, 187, 255;
--acc-wyoming: 252, 69, 69;
--acc-canada: 252, 69, 69;
--acc-poland: 186, 127, 108;
--acc-slothspit: 69, 99, 245;
--acc-vanguard: 85, 204, 51;
--acc-threshold: 221, 207, 238;
--acc-overwatch: 255, 215, 0;
--acc-spc: 88, 188, 209;
--acc-fishing: 141, 203, 211;
--acc-nightfall: 222, 40, 20;
--acc-hybrasil: 69, 109, 245;
--acc-goc: 112, 148, 255;
/* VARIABLES > BetterFootnotes */
--fnColor: rgb(var(--accent));
/* VARIABLES > ACS COLORS by Nagiros */
--six-color: 188, 136, 255 !important;
/* purple*/
--five-color: 255, 34, 67 !important;
/* red */
--four-color: 255, 141, 54 !important;
/* orange */
--three-color: 255, 226, 82 !important;
/* yellow */
--two-color: 117, 167, 242 !important;
/* blue */
--one-color: 40, 159, 107 !important;
/* green */
--white-bar: 207, 207, 207;
--lg-bar: 118, 118, 130;
--gray-bg: 66, 66, 72;
}
/* MAIN */
body {
color: var(--dark-txt-color);
background-color: var(--dark-bg-2);
background-image: linear-gradient(to bottom,
var(--darkmode-gradient-top), var(--darkmode-gradient-bottom) 200px);
background-repeat: no-repeat;
--barColour: var(--dark-bg-1);
--linkColour: var(--dark-txt-color);
}
#page-content a {
padding-bottom: .067rem;
border-bottom: thin solid rgb(var(--accent));
}
#page-content a:not(#page-content .authorlink-wrapper a):hover,
.page-rate-widget-box a,
#page-content .pseudocrumbs a,
#page-content .yui-nav li a,
#page-content #toc a,
#page-content .danger-diamond a,
#page-content a.collapsible-block-link,
#page-content span.tooltip a,
#page-content a.footnoteref {
border-bottom: none !important;
}
/* MAIN > Header */
#header h1 a::after {
color: var(--misc-txt-color);
}
/* MAIN > Header > Search Box */
#search-top-box-form>input[type=submit] {
border: solid 1px #EDEDED;
background: var(--dark-bg-1);
!important;
color: var(--dark-txt-color);
}
#search-top-box-form input[type=submit]:hover {
border: solid 1px rgb(var(--accent));
}
/* MAIN > Header > Top Bar */
#top-bar ul li ul li a:hover {
color: var(--dark-txt-color) !important;
background-color: rgba(0, 0, 0, 0.5) !important;
}
/* MAIN > Header > Login Info */
#login-status {
color: var(--dark-txt-color);
}
#login-status a {
color: rgb(var(--accent));
}
#login-status ul a {
color: var(--dark-txt-color);
background: var(--dark-bg-1);
}
#login-status ul a:hover {
color: rgb(var(--accent));
}
#account-topbutton {
border: solid 1px rgb(var(--accent));
}
/* MAIN > Header > Side Bar */
#side-bar {
background: var(--dark-bg-2);
}
#side-bar .side-block,
#side-bar .side-block.resources,
#side-bar .side-block.media {
background: var(--dark-bg-1);
}
#side-bar .collapsible-block-unfolded-link .collapsible-block-link {
color: var(--dark-txt-color) !important;
}
#side-bar .collapsible-block-unfolded-link {
border-bottom: none;
}
#top-bar .open-menu a {
filter: drop-shadow(0px 1px 10px rgba(0, 0, 0, 0.2));
}
/* CONTENT */
/* CONTENT > Blockquotes, Custom Divs */
.blockquote,
div.blockquote,
blockquote {
background: var(--dark-bg-1);
border-left: 5px dashed rgb(var(--accent));
box-shadow: 4px 4px var(--dark-bg-2);
}
.jotting,
.notation,
.modal,
.paper {
background: var(--dark-bg-1);
border-color: rgb(var(--accent));
}
.paper {
box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.8);
}
div.note {
background: var(--dark-bg-1);
}
/* CONTENT > Headings, Titles */
#page-title,
.meta-title {
color: var(--dark-txt-color) !important;
border-bottom-color: rgba(255, 255, 255, 0.3);
}
h1 {
color: rgb(var(--accent)) !important;
}
h2,
h3,
h4,
h5,
h6 {
color: var(--dark-txt-color) !important;
}
.footnotes-footer .title {
color: var(--dark-txt-color);
}
/* CONTENT > Rate Module */
.page-rate-widget-box {
font-family: var(--ui-font);
}
.page-rate-widget-box,
#page-content .rate-box-with-credit-button {
border: solid 1px rgb(var(--accent));
}
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown,
.page-rate-widget-box .cancel,
#page-content .rate-box-with-credit-button {
background: var(--dark-bg-1);
}
.page-rate-widget-box .rate-points {
background: var(--dark-bg-1) !important;
}
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a,
.page-rate-widget-box .cancel a,
#page-content .rate-box-with-credit-button .fa-info {
color: var(--dark-txt-color);
}
div.page-rate-widget-box .rate-points {
color: var(--dark-txt-color) !important;
}
.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover,
.page-rate-widget-box .cancel a:hover {
background: rgb(var(--accent)) !important;
}
/* CONTENT > Rate Module > Info Pane */
#page-content .rate-box-with-credit-button .creditButton p a {
border-left-color: transparent;
}
#page-content .rate-box-with-credit-button .page-rate-widget-box .cancel {
border-radius: 0;
}
#page-content .rate-box-with-credit-button .page-rate-widget-box .rate-points {
border-left: 0;
}
.rate-box-with-credit-button .page-rate-widget-box .cancel a:hover {
border-radius: 0;
}
#page-content .rate-box-with-credit-button .fa-info {
color: var(--dark-txt-color);
}
#page-content .rate-box-with-credit-button .fa-info:hover {
color: rgb(var(--accent));
}
#page-content .modalbox {
background: var(--dark-bg-2) !important;
color: var(--dark-txt-color);
box-shadow: none;
}
.close-credits,
.credit-back {
filter: grayscale(100%) invert(100%) contrast(275%);
}
/* CONTENT > Rate Module > Author Label */
#page-content .authorbox {
background-color: var(--dark-bg-1) !important;
color: var(--dark-txt-color) !important;
}
#page-content .authorbox::before {
border-color: transparent transparent var(--dark-bg-1) transparent;
}
/* CONTENT > Image Block */
.scp-image-block .scp-image-caption {
background-color: var(--dark-bg-1) !important;
color: var(--dark-txt-color);
}
.scp-image-block img,
.scp-image-block .scp-image-caption {
border-color: rgba(0, 0, 0, 0.4);
}
/* CONTENT > Tables Base */
#page-content tr th {
color: var(--dark-bg-1);
background-color: rgb(var(--accent));
border: solid 2px rgb(var(--accent));
}
#page-content tr td {
border: solid 2px rgb(var(--accent));
background-color: var(--dark-bg-1);
}
/* CONTENT > Tables Customization (Table Coloring System) */
/* CONTENT > Tables Customization (Table Coloring System) > Table Headings, Image Captions */
#page-content .table1 tr th,
#page-content .table1 .scp-image-block .scp-image-caption,
#page-content .table1 .scp-image-block img {
background-color: rgb(40, 159, 107);
border-color: rgb(40, 159, 107);
--link-txt-color: rgb(0, 229, 129);
--accent: 0, 229, 129 !important;
}
#page-content .table1 tr td {
border-color: rgb(40, 159, 107);
}
#page-content .table2 tr th,
#page-content .table2 .scp-image-block .scp-image-caption,
#page-content .table2 .scp-image-block img {
background-color: rgb(117, 167, 242);
border-color: rgb(117, 167, 242);
--link-txt-color: rgb(76, 146, 252);
--accent: 76, 146, 252 !important;
}
#page-content .table2 tr td {
border-color: rgb(117, 167, 242);
}
#page-content .table3 tr th,
#page-content .table3 .scp-image-block .scp-image-caption,
#page-content .table3 .scp-image-block img {
background-color: rgb(255, 226, 82);
border-color: rgb(255, 226, 82);
--link-txt-color: rgb(255, 255, 46);
--accent: 255, 255, 46 !important;
}
#page-content .table3 tr td {
border-color: rgb(255, 226, 82);
}
#page-content .table4 tr th,
#page-content .table4 .scp-image-block .scp-image-caption,
#page-content .table4 .scp-image-block img {
background-color: rgb(255, 141, 54);
border-color: rgb(255, 141, 54);
--link-txt-color: rgb(255, 98, 0);
--accent: 255, 98, 0 !important;
}
#page-content .table4 tr td {
border-color: rgb(255, 141, 54);
}
#page-content .table5 tr th,
#page-content .table5 .scp-image-block .scp-image-caption,
#page-content .table5 .scp-image-block img {
background-color: rgb(255, 34, 68);
border-color: rgb(255, 34, 68);
--link-txt-color: rgb(255, 71, 71);
--accent: 255, 71, 71 !important;
}
#page-content .table5 tr td {
border-color: rgb(255, 34, 68);
}
#page-content .table6 tr th,
#page-content .table6 .scp-image-block .scp-image-caption,
#page-content .table6 .scp-image-block img {
background-color: rgb(188, 136, 255);
border-color: rgb(188, 136, 255);
--link-txt-color: rgb(197, 159, 245);
--accent: 197, 159, 245 !important;
}
#page-content .table6 tr td {
border-color: rgb(188, 136, 255);
}
/* CONTENT > Tables Customization (Table Coloring System) > Other Colored Divs */
.table1 .jotting,
.table1 .notation,
.table1 .modal,
.table1 .paper,
.jotting.table1,
.notation.table1,
.modal.table1,
.paper.table1 {
border-color: rgb(var(--one-color));
--link-txt-color: rgb(var(--one-color));
--accent: var(--one-color) !important;
}
.table2 .jotting,
.table2 .notation,
.table2 .modal,
.table2 .paper,
.jotting.table2,
.notation.table2,
.modal.table2,
.paper.table2 {
border-color: rgb(var(--two-color));
--link-txt-color: rgb(var(--two-color));
--accent: var(--two-color) !important;
}
.table3 .jotting,
.table3 .notation,
.table3 .modal,
.table3 .paper,
.jotting.table3,
.notation.table3,
.modal.table3,
.paper.table3 {
border-color: rgb(var(--three-color));
--link-txt-color: rgb(var(--three-color));
--accent: var(--three-color) !important;
}
.table4 .jotting,
.table4 .notation,
.table4 .modal,
.table4 .paper,
.jotting.table4,
.notation.table4,
.modal.table4,
.paper.table4 {
border-color: rgb(var(--four-color));
--link-txt-color: rgb(var(--four-color));
--accent: var(--four-color) !important;
}
.table5 .jotting,
.table5 .notation,
.table5 .modal,
.table5 .paper,
.jotting.table5,
.notation.table5,
.modal.table5,
.paper.table5 {
border-color: rgb(var(--five-color));
--link-txt-color: rgb(var(--five-color));
--accent: var(--five-color) !important;
}
.table6 .jotting,
.table6 .notation,
.table6 .modal,
.table6 .paper,
.jotting.table6,
.notation.table6,
.modal.table6,
.paper.table6 {
border-color: rgb(var(--six-color));
--link-txt-color: rgb(var(--six-color));
--accent: var(--six-color) !important;
}
.table1 .blockquote,
.table1 div.blockquote,
.table1 blockquote,
.table2 .blockquote,
.table2 div.blockquote,
.table2 blockquote,
.table3 .blockquote,
.table3 div.blockquote,
.table3 blockquote,
.table4 .blockquote,
.table4 div.blockquote,
.table4 blockquote,
.table5 .blockquote,
.table5 div.blockquote,
.table5 blockquote,
.table6 .blockquote,
.table6 div.blockquote,
.table6 blockquote,
.blockquote.table1,
div.blockquote.table1,
.blockquote.table2,
div.blockquote.table2,
.blockquote.table3,
div.blockquote.table3,
.blockquote.table4,
div.blockquote.table4,
.blockquote.table5,
div.blockquote.table5,
.blockquote.table6,
div.blockquote.table6 {
background: var(--dark-bg-1);
}
.table1 .jotting,
.table1 .notation,
.table1 .modal,
.table1 .paper,
.jotting.table1,
.notation.table1,
.modal.table1,
.paper.table1,
.table2 .jotting,
.table2 .notation,
.table2 .modal,
.table2 .paper,
.jotting.table2,
.notation.table2,
.modal.table2,
.paper.table2,
.table3 .jotting,
.table3 .notation,
.table3 .modal,
.table3 .paper,
.jotting.table3,
.notation.table3,
.modal.table3,
.paper.table3,
.table4 .jotting,
.table4 .notation,
.table4 .modal,
.table4 .paper,
.jotting.table4,
.notation.table4,
.modal.table4,
.paper.table4,
.table5 .jotting,
.table5 .notation,
.table5 .modal,
.table5 .paper,
.jotting.table5,
.notation.table5,
.modal.table5,
.paper.table5,
.table6 .jotting,
.table6 .notation,
.table6 .modal,
.table6 .paper,
.jotting.table6,
.notation.table6,
.modal.table6,
.paper.table6 {
background: var(--dark-bg-1);
}
.table1 .blockquote,
.table1 div.blockquote,
.table1 blockquote,
.blockquote.table1,
div.blockquote.table1 {
border-left-color: rgb(var(--one-color));
--link-txt-color: rgb(var(--one-color));
--accent: var(--one-color) !important;
}
.table2 .blockquote,
.table2 div.blockquote,
.table2 blockquote,
.blockquote.table2,
div.blockquote.table2 {
border-left-color: rgb(var(--two-color));
--link-txt-color: rgb(var(--two-color));
--accent: var(--two-color) !important;
}
.table3 .blockquote,
.table3 div.blockquote,
.table3 blockquote,
.blockquote.table3,
div.blockquote.table3 {
border-left-color: rgb(var(--three-color));
--link-txt-color: rgb(var(--three-color));
--accent: var(--three-color) !important;
}
.table4 .blockquote,
.table4 div.blockquote,
.table4 blockquote,
.blockquote.table4,
div.blockquote.table4 {
border-left-color: rgb(var(--four-color));
--link-txt-color: rgb(var(--four-color));
--accent: var(--four-color) !important;
}
.table5 .blockquote,
.table5 div.blockquote,
.table5 blockquote,
.blockquote.table5,
div.blockquote.table5 {
border-left-color: rgb(var(--five-color));
--link-txt-color: rgb(var(--five-color));
--accent: var(--five-color) !important;
}
.table6 .blockquote,
.table6 div.blockquote,
.table6 blockquote,
.blockquote.table6,
div.blockquote.table6 {
border-left-color: rgb(var(--six-color));
--link-txt-color: rgb(var(--six-color));
--accent: var(--six-color) !important;
}
/* CONTENT > Tabs Customization */
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
border-color: rgb(var(--accent));
}
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
color: var(--dark-txt-color);
background-color: var(--dark-bg-1);
}
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
color: var(--dark-txt-color);
background-color: rgb(var(--accent));
}
.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li {
color: var(--dark-txt-color);
background-color: var(--dark-bg-1);
}
.yui-navset .yui-nav .selected,
.yui-navset .yui-navset-top .yui-nav .selected {
background-color: rgb(var(--accent));
}
.yui-navset .yui-nav .selected a {
color: var(--dark-bg-1);
}
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:active {
color: var(--dark-bg-1);
background-color: rgb(var(--accent));
}
.yui-navset .yui-content {
background-color: var(--dark-bg-1);
}
/* CONTENT > Collapsibles */
#page-content a.collapsible-block-link:not(.licensebox a.collapsible-block-link, .info-container a.collapsible-block-link, .default-col a.collapsible-block-link) {
color: var(--dark-txt-color);
background: rgba(0, 0, 0, 0.4);
box-shadow: inset 0px 0px 0px 2px rgb(var(--accent));
}
#page-content a.collapsible-block-link:not(.licensebox a.collapsible-block-link, .info-container a.collapsible-block-link, .default-col a.collapsible-block-link):hover {
background: rgba(var(--accent), 0.25);
}
/* CONTENT > ACS Adjustments */
/* ACS COLORS by Nagiros */
.anom-bar>.bottom-box {
/* horizontal bar */
box-shadow: 0 -0.5rem 0 0 rgb(207, 207, 207) !important;
-webkit-box-shadow: 0 -0.5rem 0 0 rgb(207, 207, 207) !important;
-moz-box-shadow: 0 -0.5rem 0 0 rgb(207, 207, 207) !important;
box-shadow: 0 -0.5rem 0 0 rgb(var(--white-bar, 207, 207, 207)) !important;
-webkit-box-shadow: 0 -0.5rem 0 0 rgb(var(--white-bar, 207, 207, 207)) !important;
-moz-box-shadow: 0 -0.5rem 0 0 rgb(var(--white-bar, 207, 207, 207)) !important;
}
.bottom-box>.diamond-part {
/* vertical bar */
box-shadow: -0.5rem 0 0 0 rgb(207, 207, 207) !important;
-webkit-box-shadow: -0.5rem 0 0 0 rgb(207, 207, 207) !important;
-moz-box-shadow: -0.5rem 0 0 0 rgb(207, 207, 207) !important;
box-shadow: -0.5rem 0 0 0 rgb(var(--white-bar, 207, 207, 207)) !important;
-webkit-box-shadow: -0.5rem 0 0 0 rgb(var(--white-bar, 207, 207, 207)) !important;
-moz-box-shadow: -0.5rem 0 0 0 rgb(var(--white-bar, 207, 207, 207)) !important;
}
.anom-bar-container.esoteric .text-part .main-class,
.anom-bar-container.explained .text-part .main-class,
.anom-bar-container.neutralized .text-part .main-class,
.anom-bar-container.pending .text-part .main-class {
background-color: rgba(66, 66, 72, .5) !important;
background-color: rgba(var(--gray-bg, 66, 66, 72), .5) !important;
border-left-color: rgb(118, 118, 130) !important;
border-left-color: rgb(var(--lg-bar, 118, 118, 130)) !important;
}
.danger-diamond>.arrows {
/* inverted arrows */
filter: invert(90%) !important;
-webkit-filter: invert(90%) !important;
}
.danger-diamond>.quadrants>.bottom-quad,
.anom-bar-container.explained .danger-diamond>.quadrants>.top-quad,
.anom-bar-container.neutralized .danger-diamond>.quadrants>.top-quad,
.anom-bar-container.pending .danger-diamond>.quadrants>.top-quad {
/* "transparent" bottoms/top icon backgrounds */
background-color: rgb(26, 26, 26) !important;
/* body background color */
}
.danger-diamond>.bottom-icon,
.anom-bar-container.pending .danger-diamond>.top-icon::before {
/* esoteric, pending icon backgrounds */
background-color: rgb(3, 3, 3) !important;
}
.anom-bar>.bottom-box::before {
background-color: var(--white-bar);
}
/* CONTENT > Woed Bar Adjustments */
div.scale div.item1>div,
div.scale div.class1>div,
div.scale div.obj {
color: var(--dark-txt-color);
}
div.scale div.obj {
background-color: var(--dark-bg-1);
box-shadow: inset 0px 0px 0px 2px rgba(0, 0, 0, 0.35);
}
/* MISC */
#footer,
#footer a {
color: var(--dark-txt-color);
}
#license-area {
color: var(--dark-txt-color);
background: var(--dark-bg-1);
border-top: solid 2px rgba(0, 0, 0, 0.3);
}
#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
border-left: solid 1px var(--dark-bg-1);
border-right: solid 1px var(--dark-bg-1);
}
#top-bar ul li.sfhover ul li a,
#top-bar ul li:hover ul li a {
border-top-color: var(--dark-bg-1);
}
#header #top-bar a {
color: var(--dark-bg-1);
}
#page-content hr:not(.fancyhr hr) {
background-color: rgb(var(--accent));
}
#page-content .divider>hr,
div.paper hr {
border-top-color: rgb(var(--accent));
}
.page-options-bottom a {
color: var(--dark-bg-1);
background: rgb(var(--accent));
}
.page-options-bottom a:hover {
background: rgba(var(--accent), 0.3);
color: var(--dark-txt-color);
}
.code {
background-color: #F8F8F8;
border: solid 3px var(--dark-bg-2);
box-shadow: none;
}
.fncon {
background-color: var(--dark-bg-1);
border-color: rgb(var(--accent));
}
/* Pop-Up Windows */
.owindow {
background-color: var(--dark-bg-1);
border-color: rgb(var(--accent));
}
.owindow .modal-header {
background-color: var(--dark-bg-1);
}
.owindow .modal-body img {
background-color: transparent !important;
}
.owindow .title {
background-color: rgba(0, 0, 0, 0.4);
color: rgb(var(--dark-txt-color));
border-bottom-color: rgba(0, 0, 0, 0.6);
}
.owindow .button-bar a {
background-color: rgba(0, 0, 0, 0.4);
color: var(--dark-txt-color);
}
.owindow .button-bar a:hover {
background-color: rgb(var(--accent));
color: var(--dark-bg-1);
}
.buttons .btn {
background-color: rgba(0, 0, 0, 0.5);
border-color: rgb(var(--accent));
color: #dfdfdf;
}
.buttons .btn:hover {
background-color: rgb(var(--accent));
color: var(--dark-txt-color);
}
#edit-cancel-button,
#edit-diff-button,
#edit-preview-button,
#edit-save-draft-button,
#edit-save-continue-button,
#edit-save-button {
background: var(--dark-bg-1);
color: var(--dark-txt-color);
border-color: #979797;
}
#edit-cancel-button:hover,
#edit-diff-button:hover,
#edit-preview-button:hover,
#edit-save-draft-button:hover,
#edit-save-continue-button:hover,
#edit-save-button:hover {
background: var(--dark-bg-1);
border-color: rgb(var(--accent));
color: rgb(var(--accent));
}
#edit-save-button,
#edit-save-continue-button {
--accent: 33, 255, 58;
}
#edit-cancel-button {
--accent: 255, 31, 41;
}
#lock-info {
background-color: var(--dark-bg-1);
}
a.action-area-close:hover {
background-color: var(--dark-bg-1);
color: rgb(var(--accent));
}
.wd-editor-toolbar-panel {
filter: invert(90%) hue-rotate(180deg);
}
.pager .current {
background-color: rgb(var(--accent));
border-color: var(--dark-txt-color);
}
table.page-history tbody tr {
color: var(--dark-txt-color);
}
textarea,
input.text {
background-color: var(--dark-bg-1);
color: var(--dark-txt-color);
}
.hovertip {
background: var(--dark-bg-1) !important;
}
#main-content .page-tags {
border-color: rgb(var(--accent));
}
#main-content .page-tags a {
color: var(--dark-bg-1);
}
#main-content .page-tags a::after {
background-color: var(--dark-bg-1);
}
#action-area>p {
color: #c9eede;
}
.yui-ac-content {
border: 1px solid var(--dark-txt-color);
background: var(--dark-bg-1);
}
.autocomplete-list li:hover {
background: unset;
color: rgb(var(--accent));
}
.preview-message,
.error-block {
background-color: rgba(64, 14, 23, 0.7) !important;
color: var(--dark-txt-color);
}
input.checkbox,
.page-history input {
filter: invert(1) grayscale(1);
}
#h-perpage {
filter: invert(1);
}
table.page-history td.optionstd a,
.pager .current,
.pager a {
border: 1px solid rgba(255, 255, 255, 0.25);
}
.inline-diff del {
background-color: rgba(255, 0, 0, 0.6);
}
.inline-diff ins {
background-color: rgba(0, 255, 52, 0.3);
}
.fader iframe,
.fader a {
border: none;
}
