Skip to content

www.wolvden.com/den/11857 by spaztic

Write a review Install Get Stylus

Details

Authorspaztic

LicenseCC spaztic

Categorywolvden.com

Created

Updated

Code size11 kB

Code checksum1436e380

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

wolvden css

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       www.wolvden.com/den/11857
@version    20250428.18.14
@namespace  ?
==/UserStyle== */

@-moz-document url-prefix("https://www.wolvden.com/den/11857") {
/* MAIN PAGE PANEL */
 
#main {
    background: #2b3c4ab8;
    border: solid;
    
}

#sidebar {
    position: relative;
    padding-top: 15px;
    background: #2b3c4ab8;
}


#sidebar .card {
    border: 0;
    border-bottom: transparent;
    background-color: #2b3c4ab8;
    margin-bottom: 15px;
    width: 100%;
}

.nav-tabs {
    border-bottom: transparent;
}

#header .breadcrumb-nav {
    background-color: #2b3c4ab8;
}

/* FONT */
 
body {
    font-family: Courier, monospace;
    color: #f8b342
}

@import url('LINK" rel="stylesheet" ');


/* BACKGROUND/CHAT BACKGROUND */


body {
    background: url('https://previews.dropbox.com/p/thumb/ACmkhR_Pnen_tNOOCvDuaDn884L-HCbGb83mPucauEqm_kQJrkaWfLpMyHSVJNKYmXtQtuW5mXY2tiyxJisT7JNtecqLm7v4URWzMzCTANTx4uM1qc9LnDXoAGpQwr7ScyvCKWC1cgcmPJwMsLjPDLbyKmiMzdOtHu-VhSGLZ5u5-8bkjOtg3omoTZ1swY46JPl7-8rbX-uD_PzIIP3a2WfSdEcTPob7XZJIF1MVAq876dSqD1LhT_MB9bw5Yd25gOBkIXyDj4ljH-czTyRhA1Q7x9FVdvxZaEYsWGJj_CDn5iXstvZhiYPLKgbDxmwhviweArK0kFZnka-xO3wmMO6b/p.jpeg?is_prewarmed=true') 
center fixed;

    background-size: 100%;
    
    font-family: Courier, monospace;
}

tr:nth-of-type(odd) {
    background: transparent !important;
}

#sidebar .card {
    background: rgba(1, 1, 1, .5);
}

/* WELCOME BACK */
 
.navbar-status, .navbar-expand {
    background: transparent !important;
    color: #fff !important;
    font-family: Courier, monospace !important;
}

.breadcrumb-item.active {
    color: #fff;
}

/* CSS CREDIT */

.breadcrumb::after {
        content: "CSS by spaz #11857";
        color: #fff;
        position: absolute;
        right: 4.5%;
        z-index: 100
    }


/* PANEL BACKGROUND COLOR */
.table {
    background: #000;
    background-size: 100%;
    border: none !important;
    border-collapse: separate;
    border-radius: 0px;
}

html.nolayout body {
    background-color: transparent !important;
    background-image:none !important;
}

#header .breadcrumb-nav {
    background-color: #2b3c4ab8;
}

.table {
    background: #4a312bb8;
    background-size: 100%;
    border: none !important;
    border-collapse: separate;
    border-radius:10px;
}

/* WOLF CARDs */

#main .card {
    border: none;
    background:rgba(1, 1, 1, .5);
    background-size: 50%;
    margin-bottom: 1rem;
}

img {
    border-style: none;
}

.bg-light, .btn-light {
    background: #f8b342 !important;
    color: #fff;
}

.bg-dark {
    background-color: #f8b342!important;
}

.text-light {
    color: #f8b342!important;
}

/* HEADERS COLOR ( Leader+Cave Headers ) */
.top, 
.bottom,
th {
    background: #000 !important;
    color: #fff !important;
    border-radius: 3px;
    text-align: left;
}
 
tr:nth-of-type(odd) {
    background: rgba(1, 1, 1, .5) !important;
}

/* NAVBAR (DEN, CROSSROADS, HOARD) */
 
.navbar-main {
    background: #4a312bb8 !important;
    color: #f8b342 !important;
    border-top-left-radius: 1px !important;
    border-top-right-radius: 1px !important;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: transparent;
    background-color: transparent;
    border-color: #000 #000 #f8b342;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    border-color: transparent;
    color: #f8b342;
}

.nav-tabs .nav-link {
    border: 1px none #f8b342;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.text-danger {
    color: #fff !important;
}

/* CHAT */

.s-chat-message:nth-child(even) /* Even Numbered Messages */ {
	background: #f8b34245 !important;
        color: #4a312bb8 !important;
	border: none !important
}

.s-chat-message:nth-child(odd) /* Odd Numbered Messages */ {
	background: #f8b34245 !important;
        color: #2b3c4ab8 !important;
	border: none !important
}

.s-chat-message__pinned /* Pinned Message */ {
	background: rgba(1, 1, 1, .5) !important;
        color: #fff !important;
	border: none !important
}

.s-chat-message_timestamp /* Timestamps */ {
	color: #fff !important;
}

div#chatMessageContainer {
	border: #000 !important;
}

button#label_currentChannel /* Channel Button ie. Main, Sales */ {
	background: rgba(1, 1, 1, 0.5) !important;
        color: #fff !important;
	border: solid !important
}


/* CAVE NAME BAR */
 
th.top {
    background: #000 !important;
    color: #f8b342 !important;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}
 
/* ALERTS */
 
.alert {
    background: #4a312bb8;
    border: solid;
    color: #f8b342;
}
 
.alert-warning,
.alert-danger {
    background: #2b3c4ab8;
    color: #f8b342;
}
 
/* LINKS & LINK HOVER COLOR */
 
a:link,
a:visited {
    color: #fff !important;
}
 
a:hover {
    color: #4a312bb8 !important;
}
 
/* Dropdown Options */
 
input,
select,
textarea {
    background: rgba(1, 1, 1, .5) !important;
    border: none !important;
    border-color: transparent;
    border-radius: 5px;
    box-shadow: none !important;
    color: #fff !important;
    text-shadow: none !important;
}

#footer {
    background-color: #4a312bb8;
    color: #e2e2e2;
    text-align: center;
}
 
/* SCROLL BAR */
 
::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}
 
 
/* SCROLL BAR BACKGROUND */
 
::-webkit-scrollbar-track {
    background: #f8b342;
}
 
/* SCROLL BAR (Scrolling thing) */
 
::-webkit-scrollbar-thumb {
    background: #000;
    border-radius: 4px;
}
 
.table .subheader {
    background-color: #000;
}

/* TOPBAR (Names, Messages, Modbox+Terms of Service, Code of Conduct section) */
 
#header .navbar-status{
    background: #000;
    border: none;
    border-top: none;
    color: #000;
    border-radius: 12px;
    font-family: Courier, monospace;
}
 
.navbar {
    background: #000;
    border-bottom: none;
    font-family: Courier, monospace;
    border-radius: 6px;
}

#header .navbar-main .nav-link .fa {
    width: 1.25rem;
    height: 20px;
    position: relative;
    top: -1px;
    font-size: 1rem;
    color: rgba(1, 1, 1, .5);
    margin-right: 0.35rem;
    text-align: center;
}
 
.navbar li a {
    color: #000!important;
}
 
/* PROGRESS BAR BACKGROUND */
 
div.progress {
    background: transparent!important;
    
}
 
/* PROGRESS BARS */
 
div.progress-bar {
    background: linear-gradient(to top right, #f8b342, #2b3c4ab8)!important;
        
}

/* PACK DYNASTY */
img[src$="packdynasty.png"] {
    content:url('https://previews.dropbox.com/p/thumb/AClRAWyAwCCmjR5CbsM80qpnD-eml9g8nk2m4_phFZufFvs6jKa-5Em9eEUm20bJvCLsIkmc8uYMgAuSBy4ZL_q6QlY5VbmXr9N-QGCucJML1oruRbGknDJT9ztrhdWYoCQj8bgpg-k-73ss_JFMRLjEvHKnOp_sWBJgXj75RdWECkVD8GJL9lv8OWAibHcoBKlV1dYFPOHSWX4KpUqJC9xo9p9W_wtWaY_5ovChggY-FGWnMmR48pDgayCQhi0dtJY61Rnx4rXcOd1D3K0_wBYsIWZ5RQ37loCIDJCrKC3wmXUoHIG8Kg4vMtaBIg3sku-26wn7x9T2DBl9Uh-YH_fl/p.jpeg')!important;
    width:300px;
    height:300px!important;
}
 
/* NESTING */
img[src$="nesting.png"] {
    content:url('https://previews.dropbox.com/p/thumb/ACnt5ZAHQyrdaYiYCZDhejaQGTEtvVBLPkRJavqC0wwRGFpx6BeznWgchMXRrxxSDCUWOCaAG9EdTPBR9pMEHk5GLfDgYpE1vtvg-d7PqzU072LwwUgJYoYHiblHYwcDfEoWyGwbQ9nd6x5eygWmvziZahHrMRNlBwJiOQIcd9ng8IXRIsAFXtlPuVWkqOKRIeRkUq3DaiBe-1ueWL5_3uMs6Kd8WQx1i1LbL72GGTDKtE0bRSK71Utfsh70Qjjf5M_g6P51HK4nZtL-nhEcQ6c-V0XyipoSwrelKV1kd6F_MIzAlYW-ymCXO2uVF4uHcpyhH9oG1IO_xXBhTkRJmtdU/p.jpeg')!important;
    width:300px;
    height:300px!important;
}
 
/* OVERVIEW */
img[src$="packoverview.png"] {
    content:url('https://previews.dropbox.com/p/thumb/ACmZkSDf10iVvkGeQtXD2IcVYu9NBLx-6RCzAIndi_d3BA56jCC764WdWzU7rWkgmtfd7UYGroNPKiyOGutknImH84nAAWYZYdNTQeQ6MaLiDRvTH79O17S8qQBAX02v3FM4QQMT1g4D0X2sfRHFijy6DT3R78VPsjEiRm2MQKZMEUJ6_OsZVmMMFLE63zACcVbEbsmy5SWi1lamnutaTtUukKzZJAOrXvTbJw_mZhzVMd2NbjG5Tt9KHJzLrv-hMFMbKLClDorQDlXo_6AKgGNEGiZobnmbh88NqpZPq8xqsLuH9KRLyNd_flAgvZ4b3piGZK6wiOWp62MJgI27Tn2E/p.jpeg')!important;
    width:300px;
    height:300px!important;
}
 
/* BREEDING */
img[src$="breeding.png"] {
    content:url('https://previews.dropbox.com/p/thumb/ACkSr6Uh5tkK8nvAYct6wg7zWWYGqh700vRGiUUnjJsZKBj4geU8wFCf3q5-7ZucWPoIFFStMXKCJDIDzLQ6XrI6m8YVlHrdIp92mXqEmNBJ3MkvIRGUDThTMsVo3usbJDTeRtfofYPPfGRsPwbGih4mikYJsnfuo2hg1LMhKYFyfpdIUXQp02ryVXU4OPqm3H2jwZvvdsc81C8eTMxO9m4jTMiKy1i7mjJFWV-zpekVmoiG39BR-DOmRaQbvZRD0WLQpy8DokAzt2g8en7-mjd8W3UPm-d2qjTBr4c_U65BnnaPhtOkmZOyp5jGXjduZWs/p.jpeg')!important;
    width:300px;
    height:300px!important;
 
}

/* SOCIALIZING */
img[src$="socializing.png"] {
    content:url('https://previews.dropbox.com/p/thumb/AClRZEnUxQA1944wvFFboY3qWDUfkIwQV58IpvXAdpwEvBqzeZdsDkIP7Hk_oUH_0qhcvHul2XCAl0Xl2mM_h2EC6jQKxUcyuREOzpQjfbrF_a3A9yiec4Ls5DurrWtpAtFme_q9irFOw5WrRneysC_n98xFQVlWN2cx9AeaNGtVk9qKGsh89oomI08JDzXHP_6Uox2trgrlQCSLwrpypVR3yOkuM2S9CNX8SskbdzrxezfJfMt-wSBQPMm6z20w1TILYk_0dkWW_VKDEjDc7SkpLpbmtvKpjoZ4PcVT8ehJszM4s5j5ipXyijjCjbWXzWI/p.jpeg')!important;
    width:300px;
    height:300px!important;

}

/* PUPSITTING */
img[src$="pupsitting.png"] {
    content:url('https://previews.dropbox.com/p/thumb/ACkQ3cfiQCBPIdieGOU2ou4w46KzXs0pGz-cotgqUF207q9vikGIOcV2trKJW7djYwkFwaUa1rbqSdIAdVngfbI54arCUJJJ5U6x9oz_L2QD-l-jYwoPmpDPO2bfFC5oYcbEapdW3XcBckHxEMfBPc7t5qiGY2UwBQ1J7zc-tMHbeIQ3n3tfs1y6bY3SWzXpKcJkyPWs32YhfHsWht81fhYnbAmPWCuQaYU4ue088dRoj-u50JhM97jkUucaOfOP9JDf5Gd6h-mPGfXCJwEnTLcaN-sj7WtUIJDC9o3HrhRGva3tDYS22gzjlg6Sm3ZVnVO0h2DuB6qn71l8jrewU0fb/p.jpeg')!important;
    width:300px;
    height:300px!important;

}


/* boxes */

.bh {
    border:1px solid #2b3c4ab8;
    background:rgba(0,0,0,.4);
    font:18px Courier, monospace;
    text-transform:none;
    font-style: italic;
    padding:5px 0px;
    text-align:center;
    transition:0.5s ease;
}

.b1,.b2l,.b2r,.b3l,.b3m,.b3r,.b1a,.b2la,.b2ra,.b3la,.b3ma,.b3ra {
    margin-bottom:20px;
    float:left;
    transition:0.5s ease;
} .b1,.b1a {
    width:60%;
    margin-left:20%;
} .b2l,.b2r,.b2la,.b2ra {
    width:49%;
} .b2r,.b2ra {
    margin-left:2%;
} .b3l,.b3m,.b3r,.b3la,.b3ma,.b3ra {
    width:3...

Reviews

No reviews yet.