body {
background-image: url("https://1-background.com/images/stars-1/beautiful-blue-stars-fill.jpg");
background-color:black;
background-attachment:fixed;
background-repeat: repeat;
background-size: cover;
}

body {
margin: 0;
font: Comic Sans;
font-size: 12px;
color:yellow;
text-align: center;
}

/* scrollbar */

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #737373; 
}
::-webkit-scrollbar-thumb {
    background: #222;}
  
::-webkit-scrollbar-thumb:hover {
    background: #171717;}
 
.navbar-status /* Status bar containing your currencies, etc. */ {
    background-color: rgba(147,112,219,0.7) !important;
}

.breadcrumb-nav /* Gray breadcrumb bar under the status bar. */ {
    background-color: rgba(75,0,130,0.7) !important;
}

div#main, div#sidebar{ /* affects the main box on profile */
    background-color: rgba(147,112,219,0.4);
}

h1 /* Title header. */ {
    color: Yellow;
    font-family:'Comic Sans';
    font-size: 4em;
    text-shadow: 2px 2px 2px #0006;
    text-align:center;
} 
h2{ 
    color:lightgray;
}
.mt-4{
    color:gray;
}
.card-body, .card{
    background-image: linear-gradient(#000000c2, #000000c2); url("https://1-background.com/images/stars-1/starry-night-star-seamless-background.jpg");
    background-size: cover;
}

.card{
    border: 1px solid #6f6f6f !important;
    color: gray;
}

.card-body.pt-1.pb-1{
    display: none;
}

span{ /* changes some text to white */
    color: white;
}

p{
    color: white !important;
}

a{ /* affects most the links, not just the ones in color*/
    color: white;
}

a:hover{ /* only active when the cursor hovers OVER a link*/
    color: #9b9b9b;
}

tr.subheader{
    background-color: rgba(75,0,130,0.7) !important;
}

td.bottom{
    background-color: rgba(75,0,130,0.7) !important;
}

.nav-tabs /* Section containing the Den and Profile links. */ {
    /* CODE HERE */
} 
.nav-tabs .nav-link /* Individual links of the above section. */ {
    /* CODE HERE */
} 
.nav-tabs .nav-link.active /* Link of the page being viewed. */ {
    /* CODE HERE */
}

/* Tables */

tbody {
    border: 1px solid #6f6f6f; 
    color: #BBB
} 

.table th /* Individual table headers. */ {
    background-image: linear-gradient(#000000, #000000), url("https://i.pinimg.com/originals/07/56/c4/0756c45ed25c22ac27609ef5b46a2f09.jpg"); /* there are technically 2 backgrounds at once here, the linear gradient is only used to make the image darker. you can remove it if you just want a single image */
    background-size: cover;
} 

td.left{ /* left side of the tables */
    background-color: black !important;
    color: #bbb; /* font color */
}

.table-striped tbody tr:nth-of-type(odd) { /* changes every other of a table row, making it striped */
    background-color:rgba(75,0,130,0.7);
}

.table-striped tbody tr:nth-of-type(even) {
        background-color:rgba(147,112,219,0.7);
}

td.right{
    /* write here if you want to change the right side of the table */
}

.note-editable.card-block p{ /* changes the text-color of the big textbox under account settings*/
    color: black;
}

select.form-control, option{ /* changes color of the drop-boxes */
    background-color: black;
    color: grey;
}

select.form-control:focus{ /* changes color of drop-boxes after clicked */
    background-color: #000;
    color: #c1c1c1;
}

.note-editable.card-block{
    background-color: #000 !important;
    color: white !important;
}

span.note-current-fontsize{
    color: black !important; /* makes the text on the font color button black */
}

span.note-current-fontname{
    color: black !important; /* makes the text on the font name button black */
}

.dropdown-item{
    color: #fff !important;
    background-color: black;
}

/* CHATBOX */
.s-chat-message_content{ /* affects chat colors */
    color: #393939;
}

.s-chat__username{ /* affects usernames in chat */
    color: black;
}

.s-chat-message_content a{ /* affects links in chat */
    color: black;
}

.subheader /* Subheader row of Cave tables. */ {
    /* CODE HERE */
} 

.border-none /* Lead Wolf table. */ {
    /* CODE HERE */
} .border-none th /* Title header of the Lead Wolf table. */ {
    /* CODE HERE */
} .border-none .card /* Card containing the Lead Wolf avatar. */ {
    /* CODE HERE */
} .border-none .striped {
    /* CODE HERE */
} .featured-wolf {
    /* CODE HERE */
}

.col-6 .card.text-center {
    background-color: #000 !important;
} 
.col-6 .card.text-center .card-header {
    background-color: #000 !important;
}

.bottom /* Bottom row of the Member Information table. */ {
    /* CODE HERE */
} .left /* Lefthand cells of the Member Information tables. */ {
    /* CODE HERE */
} .right /* Righthand cells of the Member Information tables. */ {
    /* CODE HERE */
}

/* Alerts and notifications */

.alert-info /* Blue alerts (new messages, etc). */ {
    color: #1582aa !important;
    background-color: black;
} 
.alert-danger /* Red alerts (starving wolves, etc). */ {
    color: #a92323 !important;
    background-color: black;
} 
.alert-success /* Green alerts (full energy, etc). */ {
    color: #3a8829 !important;
    background-color: black;
}

#summernote-form{
    color: gray;
}

/* progress bars */

div.progress /* Progress bars. */ {
    background-color:black !important;
} 
div.progress-bar.bg-info /* HP bars. */ {
    background-color:#ADD8E6 !important;
} 
div.progress-bar.bg-danger /* Hunger bars. */ {
    background-color: #8B008B !important;
} 
div.progress-bar.bg-primary /* Mood bars. */ {
    background-color: #E6E6FA !important;
} 
div.progress-bar.bg-warning /* Energy bars. */ {
    background-color: #BA55D3 !important;
} 
div.progress-bar.bg-success /* EXP bars. */ {
    background-color: #87CEFA !important;
}

/* EXTRA PROFILE BOXES */

.lazy-profile-scrollbox{ /* affects simple scroll-box */
    height: 100px;
    overflow-Y: scroll;
    background: black;
    padding: 3px 5px;
    border: 1px solid grey;
    color: white !important;
}

#footer /* Copyright content at the page bottom. Don't obscure or mess with it too much. */ {
    /* CODE HERE */
}

/* Start http://www.cursors-4u.com */ * {cursor: url(https://cur.cursors-4u.net/cursors/cur-3/cur205.ani), url(http://cur.cursors-4u.net/cursors/cur-3/cur205.png), auto !important;} /* End http://www.cursors-4u.com */