Here's one similar enough to the base colour palette suited towards my monitor, one can always make edits if they desire. I'll be making edits and changes in the future, but this CSS gives me hemmerhoids
For those of you not looking to make edits but still want one that fits your screen, here you go:
body {
background-color: #1c1c1c;
color: #D8DEE9;
font-family: sans-serif;
font-size: 16px;
line-height: 1.4;
text-align: justify;
}
.forum-tabs>li.active>a, .forum-tabs>li.active>a:focus, .forum-tabs>li.active>a:hover, .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover, .topic-tabs>li.active>a, .topic-tabs>li.active>a:focus, .topic-tabs>li.active>a:hover {
border: 0;
}
.topic-tabs>li.active>a, .topic-tabs>li.active>a:focus, .topic-tabs>li.active>a:hover, .topic-tabs>li>a, .topic-tabs>li>a:focus, .topic-tabs>li>a:hover {
padding-bottom: 20px;
}
.nav-tabs>li>a {
position:relative;
left:-600px;
background-color: #454141;
color: #D8DEE9;
width: 150px;
margin-right: 2px;
line-height: 1.5;
border-radius: 0px;
padding-bottom: 20px;
}
.nav-tabs>li>a:hover {
background-color: #d4d4d41;
color: #D8DEE9;
font-weight: 500;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
background-color: #454141;
color: #D8DEE9;
font-weight: 500;
}
.nav-tabs>li.active>a:hover {
background-color: #383838;
color: #D8DEE9;
font-weight: 500;
}
.bb-h1 {
font-family: sans-serif;
margin-top: 0;
}
.bb-h2 {
font-family: sans-serif;
margin-top: 0;
}
.bb-h3 {
font-family: sans-serif;
margin-top: 0;
}
.panel {
border: 0 !important;
position: relative;
left: -600px;
width: 2350px;
background-color: #454141;
}
.panel-heading {
border-radius: 0px 0px 0 0 !important;
background-color: #2b2b2b !important;
color: #000000;
border: #222626 !important;
margin-top: 5px !important;
}
.panel-body {
background-color: #363333 !important;
padding: 15px;
}
.panel-footer {
border-radius: 0 0 15px 15px !important;
background-color: #363333 !important;
border: 0 !important;
margin-bottom: 10px !important;
}
.well {
background-color: #2b2b2b !important;
border: 0;
box-shadow: 0 0 0 0;
}
For those of you not looking to make edits but still want one that fits your screen, here you go:
body {
background-color: #1c1c1c;
color: #D8DEE9;
font-family: sans-serif;
font-size: 16px;
line-height: 1.4;
text-align: justify;
}
.forum-tabs>li.active>a, .forum-tabs>li.active>a:focus, .forum-tabs>li.active>a:hover, .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover, .topic-tabs>li.active>a, .topic-tabs>li.active>a:focus, .topic-tabs>li.active>a:hover {
border: 0;
}
.topic-tabs>li.active>a, .topic-tabs>li.active>a:focus, .topic-tabs>li.active>a:hover, .topic-tabs>li>a, .topic-tabs>li>a:focus, .topic-tabs>li>a:hover {
padding-bottom: 20px;
}
.nav-tabs>li>a {
background-color: #454141;
color: #D8DEE9;
width: 150px;
margin-right: 2px;
line-height: 1.5;
border-radius: 0px;
padding-bottom: 20px;
}
.nav-tabs>li>a:hover {
background-color: #d4d4d41;
color: #D8DEE9;
font-weight: 500;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
background-color: #454141;
color: #D8DEE9;
font-weight: 500;
}
.nav-tabs>li.active>a:hover {
background-color: #383838;
color: #D8DEE9;
font-weight: 500;
}
.bb-h1 {
font-family: sans-serif;
margin-top: 0;
}
.bb-h2 {
font-family: sans-serif;
margin-top: 0;
}
.bb-h3 {
font-family: sans-serif;
margin-top: 0;
}
.panel {
border: 0 !important;
background-color: #454141;
}
.panel-heading {
border-radius: 0px 0px 0 0 !important;
background-color: #2b2b2b !important;
color: #000000;
border: #222626 !important;
margin-top: 5px !important;
}
.panel-body {
background-color: #363333 !important;
padding: 15px;
}
.panel-footer {
border-radius: 0 0 15px 15px !important;
background-color: #363333 !important;
border: 0 !important;
margin-bottom: 10px !important;
}
.well {
background-color: #2b2b2b !important;
border: 0;
box-shadow: 0 0 0 0;
}