Divine-Pride - Dark by TBlazeWarriorT

/* ==UserStyle==
@name         Divine-Pride - Dark
@namespace    USO Archive
@author       TBlazeWarriorT
@description  Dark Divine-Pride, keeping some color, WIP
@version      2024-10-01
@license      CC-BY-NC-ND-4.0
@preprocessor uso
==/UserStyle== */
@-moz-document domain('divine-pride.net') {
:root {
--header-footer-bg: hsl(210, 35%, 6%);
--body-bg: #222;
--widget-arti-bg: #111;
--btn-bg: #222;
--btn-hover-bg: #444;

--font-100: hsl(0, 0%, 90%);
--font-90: hsl(0, 0%, 80%);
--font-80: hsl(0, 0%, 70%);
    
--borders: #333;
}

body {
	background-color: var(--body-bg);
	color: #666;
}

/*btn:active, btn:focus {
	background-color: red !important;
}*/

button, input, optgroup, select, textarea {
	background-color: var(--btn-bg) !important;
	color: #666 !important;
}
    
.breadcrumb {
    background-color: var(--btn-hover-bg);
}
    
.form-signin {
    background-color: var(--widget-arti-bg);
}

pre {
    color: var(--font-80);
}
.method th {
    color: var(--font-80);
}

/*html[dir="ltr"] .ipsStream_withTimeline .ipsStreamItem::after {
	border-color: transparent #222 transparent transparent !important;
}

input:active, input:focus, input:hover, select:active, select:hover {
	outline: none !important;
	border-color: transparent !important;
}

input[type=number] {
	-moz-appearance: textfield;
	background-color: transparent !important;
}

input[type=number] {
	-moz-appearance: textfield;
}*/

legend {
	border: 0 !important;
	border-bottom: none !Important;
    background-color: #333
}

.skilltreelevel-1 {
    background-color: #333;
}
    
.skilltreelevel-0 {
    background-color: #444;
}

/*nav {
	background-color: #222;
	color: #6b6b6b;
}

nav {
	background-color: transparent !important;
}*/

p, .articleBox, .article_container {
	background-color: var(--widget-arti-bg) !important;
	color: #666 !important;
}

/*select {
	border: none !important;
}*/

textarea, .borderBox {
	/*border: none !important;*/
    border-color: var(--borders);
}

.article_container .subtitle, .posted_date {
	color: #444 !important;
}

.bg-dark {
	background-color: var(--header-footer-bg) !important;
}

.btn {
	color: #eee !important;
}

.btn-outline-primary {
	border-color: transparent !important;
}

.btn:hover {
	background-color: var(--btn-hover-bg) !important;
	border-color: transparent;
}

.btn:active, .btn.active {
    background-color: var(--btn-hover-bg) !important;
}

.dropdown-divider {
	border-top: none !important;
}

.dropdown-item {
    color: var(--font-80);
	background-color: #222 !important;
} 
    
.dropdown-item:hover, .dropdown-item.active, .dropdown-item:active {
    color: var(--font-100);
	background-color: var(--btn-hover-bg) !important;
}

.dropdown-menu {
	background-color: #222 !important;
}

.footer {
	background-color: var(--header-footer-bg) !important;
}

.maintitle {
	background: #181818 !important;
}

.nav-tabs {
	border-bottom: none !important;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	color: var(--font-100) !important;
	background-color: var(--btn-bg) !important;
	border-color: transparent !important;
	border: none !important;
}

.page-item.active .page-link {
	background-color: var(--btn-hover-bg);
	border-color: transparent;
}

.page-link {
	position: relative;
	display: inline;
	color: var(--font-80);
	background-color: var(--btn-bg);
	border: none;
}

.page-link:hover {
	background-color: transparent !important;
	color: white !important;
}

    /*item tooltip stuff */
/*.dp-tooltip, .dp-tooltip-head, .dp-tooltip-body, .dp-tooltip-foot, .dp-item-properties {
    background-color: var(--widget-arti-bg);
}*/
    
.table, .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr, .table > thead > tr > td, .table > thead > tr > th {
	border: 0.5px solid #222;
}
    
td.enabled {
    border: 2px dotted #FFF !important;
}

.table-bordered th {
    color: #AAA;
    background-image: linear-gradient(#333, #222);
	/*background: none !important;*/
	/*background-color: #222 !important;*/
}
   /*Messes up elements*/ 
/*.table td {
    color: var(--font-100);
    background-image: linear-gradient(#222, #111);
	background: none !important;
	background-color: #222;
}*/
    
.widget-content {
	background-color: var(--widget-arti-bg);
	color: #EEE;
	border: none;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 10px;
}
    
    /* FORUM STUFF */
.ipsAreaBackground_light, .ipsClearfix, .ipsRichEmbed_header {
	background: #111 !important;
	color: #aaa !important;
}

.ipsAreaBackground_reset {
	background: transparent !important;
}

.ipsBox {
	border: none !important;
	box-shadow: 0px;
	border-radius: 3px;
}

.ipsBox {
	border: none !important;
	box-shadow: none !important;
}

.ipsBox:not(.ipsBox_transparent):not(.ipsModerated) {
	background-color: transparent !important;
}

.ipsDataItem {
	border-style: none !important;
	border-color: transparent !important;
}

.ipsDataList.ipsDataList_zebra .ipsDataItem:not(.ipsDataItem_selected):not(.ipsModerated):not(.ipsDataItem_new):not(.ipsDataItem_success):not(.ipsDataItem_warning):not(.ipsDataItem_error):not(.ipsDataItem_info):not(.ipsDataItem_status):nth-child(2n) {
	background: transparent !important;
}

.ipsNavBar_primary > ul > li.ipsNavBar_active > a {
	background: #222 !important;
}

.ipsNavBar_primary:not(.ipsNavBar_noSubBars) > ul::before {
	background: #222 !important;
}

.ipsNavBar_secondary {
	background: #222 !important;
}

.ipsPad input {
	background-color: #222 !important;
}

.ipsSpoiler, .ipsStyle_spoiler {
	border-style: none !important;
	background: transparent !important;
	color: white;
}

.ipsSpoiler_header {
	background: transparent;
	color: #626262;
}

.ipsStream_withTimeline .ipsStreamItem.ipsStreamItem_contentBlock::after, .ipsStream_withTimeline .ipsStreamItem.ipsStreamItem_contentBlock::before {
	border-style: none;
}

.ipsStreamItem.ipsStreamItem_contentBlock {
	border: none !important;
}

.ipsType_sectionTitle {
	background: transparent !important;
}

.ipsWidget.ipsWidget_horizontal .ipsWidget_title, .ipsWidget.ipsWidget_vertical .ipsWidget_title {
	background: transparent !important;
	border-radius: 0 !important;
	border: none !important;
}
    
#elSearch {
	background: transparent !important;
}

#ipsLayout_header header {
	background-color: transparent !important;
}

.alert-danger {
	color: #444;
	background-color: #202020;
	border-color: #222;
}
    
a {
	color: #999 !important;
	text-decoration: none;
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}

a:hover {
	color: #9d9ca1 !important;
}
    
}