04. Monochrome CSS

/*

Hi! second css ever rahh

- do not remove my credit

- do not republish/claim as your own

- frakenstiening is a-okay as long as the other creators allow it and are properly credited

any text: #fff

any backgrounds: #000

thanks!

*/

/* BANNER, PROBABLY SHOULD NOT CHANGE THE SIZE! */

#container:before {

content:""; /* leave this empty, don't delete it either or else it won't show */

background-image:url("https://clicklovegrow.com/wp-content/uploads/2021/11/248718588-778276623036502-5497845467544053452-n.jpg");

display:block;

background-position:top;

background-size:cover;

height:20vh; /* adjust the height */

}

/* COLORS */

/* NAVBAR */

.navbar-inverse .navbar-nav .nav-link {color: #fff;}

.navbar-inverse .navbar-nav .nav-link:hover {color: #fff!important;}

.navbar-inverse .navbar-nav .nav-link:focus {color: #fff!important;}

#header .navbar-notifications .btn {background-color:#000; color:#fff; !important;}

.navbar .dropdown-menu {background-color:#000;}

#header .dropdown-menu a:hover {color:#fff !important; background-color:transparent;}

.dropdown-header {color:#fff !important;}

.navbar .dropdown-menu a {color:#fff;}

.navbar .btn-primary {background:#000; color:#fff;}

.navbar .btn-warning {background:#000; color:#fff;}

.navbar .btn-danger {background:#000; color:#fff;}

/* SIDEBAR */

.sidebar {background-color:#000; border-style:double; border-color:#fff;}

.side-nav {background-color:#000;}

.side-nav a {color:#fff;}

.side-nav a:hover, a:active {color:#fff;}

.side-nav li.divider {background-color:#000;}

.side-nav li.header {background-color:#000; color:#fff;}

.side-nav li.subheader {background-color:#000;}

.side-nav li.subheader a {color:#fff;}

/* CONTENT */

body {background-color:#000; color:#fff;}

/* REMOVES RECENT IMAGES + CHARACTER BANNER THINGY */

.row.profile-header {display: none;}

.profile-gallery-title {display:none;}

.profile-section.profile-gallery-section {display:none;}

/* I WOULDNT CHANGE ANYTHING UNDER HERE UNLESS YOUR EXPERIENCED IN CSS ^^ */

.side-nav .display-character img {

display: block;

margin: auto;

max-width: 80%;

max-height: 80%;

border-radius:50%;

position:front;

}

.side-nav .display-character name {

text-align: center;

display: block;

margin-top: .5rem;

font-size:1.25rem;

}

.side-nav .display-user img {

display: block;

margin: auto;

max-width: 80%;

max-height: 80%;

border-radius:50%;

position:front;

}

.side-nav .display-user name {

text-align: center;

display: block;

margin-top: .5rem;

font-size:1.25rem;

}

.side-nav .display-group img {

display: block;

margin: auto;

max-width: 80%;

max-height: 80%;

border-radius:50%;

position:front;

}

.side-nav .display-group name {

text-align: center;

display: block;

margin-top: .5rem;

font-size:1.25rem;

}

.navbar-brand { text-indent:80px; line-height: 0 ; visibility: hidden; }

.side-nav {

position: sticky;

top: 0px;

border:round;

}

.sidebar {

margin-top: -100px

text-align:center;

border:round;

}

.navbar .nav-user-link .display-user-tiny .display-user-username {

display:none;

}

.header{background:transparent !important}

.sidebar li.character-folder.subheader {display: none;}

.side-nav li.header {display: none;}

.side-nav li.user-name {display:none;}

.profile-content-title {display: none;}