Black Forum Theme
To use you need to install the plugin Stylus (Firefox) or Stylebot (chrome, "Open Stylebot" -> "Edit CSS")
Black Forum Theme
Black Forum Theme
Last edited by AZJIO on Mon May 17, 2021 1:09 pm, edited 1 time in total.
Re: Black Forum Theme
Re: Black Forum Theme
It's nice to have the same theme Offline and Online, thanks
To have the profile on the left, as before, you can add at the end of the css
To have the profile on the left, as before, you can add at the end of the css
Code: Select all
@media (min-width: 701px) {
.post.online {
background-image: none;
}
.post .preonline.online {
width: 58px;
height: 58px;
position: absolute;
left: 0;
top: 0;
-ms-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.no-avatar .preonline.online {
position: relative;
margin: -8px;
}
.post .postprofile {
float: left;
border-width: 0 1px 0 0;
}
.post .postprofile dd, .post .postprofile dt {
margin-right: 8px;
margin-left: 0;
}
.has-profile .postbody {
float: right;
margin-right: 6px;
}
}
Re: Black Forum Theme
Hi,
@AZJIO
small style1 adjustment
cordially
@AZJIO
small style1 adjustment
cordially
Code: Select all
.site_logo {
background-image: url("http://share.ldvmultimedia.com/evzjz43l.png");
width:149px;
height:52px;
}
#PureBasic, .notouch, .section-viewtopic, .ltr, .hasjs, .wrap
{
color: #83adff;
background-color: #3f3f3f !important;
}
.headerbar, .navbar, .inner, .panel
{
color: #eeeeee;
background-color: #272727 !important;
}
.top-anchor, .postprofile
{
color: #eeeeee;
background-color: #272727 !important;
}
.postbody
{
color: #eeeeee;
background-color: #3f3f3f !important;
border-radius: 9px;
padding: 5px 5px 5px 5px;
}
.page-header
{
color: #eeeeee;
background-color: #222 !important;
}
/**/
html, body
{
color: #eeeeee;
background-color: #333333 !important;
}
.post, .has-profile, .bg2, .unreadpost
{
color: #eeeeee;
background-color: #272727 !important;
}
a
{
color:#83adFF !important;
text-decoration:none !important;
}
a:hover, a.postbody:hover, h3.first a:hover
{
color:#DFC47D !important;
}
h3.first a
{
color: #CFB46D !important;
}
.postbody h3 a
{
color: #DFC47D !important;
}
cite a
{
color: #FF8080 !important;
}
a.username-coloured
{
color: #FF60FF !important;
font-size:1.4em;
}
a.username
{
color: #FF8080 !important;
font-size:1.4em;
}
a.username:hover, cite a:hover
{
color:#eeeeee !important;
}
a.postlink
{
color: #979ae8 !important;
border-bottom: 0
}
a.postlink:hover
{
color:#DFC47D !important;
background-color: #3f3f3f !important;
}
.codebox {
color:#DFC48D !important;
background-color:#1b2124 !important;
border: 1px solid #666 !important;
}
.codebox code {
color:#C0AD72 !important;
background-color:#272f33 !important;
}
.postbody .content {
color:#eeeeee !important;
}
blockquote {
background-color: #303030 !important;
border-radius: 9px;
}
/*
does Not work
*/
li.row, .bg1 {
background: #272727 !important;
}
li.row, .bg2 {
background: #272727 !important;
}
.forumbg, .topiclist, .forabg {
background: #262626 !important;
}
Select, input {
background-color: #272727 !important;
border: solid 1px #FF8080 !important;
color: #1088FF;
}
/**/
.navigation .active-subsection a, .tabs .activetab > a {
background-color: #111 !important;
color: #eeeeee;
}
.message-box textarea {
background: #3d3d3d !important;
border: solid 1px #555 !important;
outline: none;
color: #eeeeee;
}
input[type=submit] {
padding: 5px 10px 5px 10px;
font: 13px/20px sans-serif;
border-radius: 15px;
}
/* Поле ввода Ñ Ñ„Ð¾ÐºÑƒÑом, контраÑтно */
input[type=submit]:focus {
background: #eeeeee !important;
color: #eeeeee;
border: solid 1px #eeeeee !important;
}
/* кнопка, наведение */
input[type=submit]:hover {
background: #eeeeee !important;
border: solid 1px #eeeeee !important;
outline: none;
color: #eeeeee !important;
}
/* Links on gradient backgrounds */
#search-box a:link, .navbg a:link, .forumbg .header a:link, .forabg .header a:link, th a:link {
color: #eeeeee;
}
#search-box a:visited, .navbg a:visited, .forumbg .header a:visited, .forabg .header a:visited, th a:visited {
color: #eeeeee;
}
Select, input.search, .inputbox, .pagination span a, .pagination span a:link, .pagination span a:visited
{
color: #ffffff !important;
}
li.row strong {
color: #eeeeee;
}
.postprofile strong {
color: #eeeeee;
}
#cp-main .panel li.header dd, #cp-main .panel li.header dt {
color: #eeeeee;
}
#tabs .activetab a:hover span {
color: #eeeeee;
}
.rtl li.row:hover dd {
border-right-color: #eeeeee;
border-left-color: transparent;
}
/* ; ecriture bandeau importante*/
li.header dt, li.header dd {
color: #FF8080;
}
.codebox {
background-color: #fffbd7;
border-radius: 10px;
border-color: #C9D2D8;
}
.codebox a{
color: #297af9;
text-decoration:none;
}
html, body {
color: #BFBFBF;
background-color: #000000;
}
h1 {
color: #FF8080;
}
h2 {
color: #FF8080;
}
h3 {
border-bottom-color: #1088FF;
color: #1088FF;
}
hr {
border-color: #000000;
border-top-color: #808080;
}
li.row strong, .postprofile strong, label, .panel, #tabs a span, dl.details dt
{
color: #eeeeee !important;
}
/* ligne */
li.row {
background-color: #e6e9ed;
}
li.row:hover {
background-color: #e6d00b;
}
ul.topiclist li {
color: #0e60dd;
}
li.row {
border-top-color: #FFFFFF;
border-bottom-color: #00608F;
}
li.row strong {
color: #000000;
}
li.row:hover {
background-color: #F6F4D0;
}
li.row:hover dd {
border-left-color: #CCCCCC;
}
.rtl li.row:hover dd {
border-right-color: #CCCCCC;
border-left-color: transparent;
}
a.button1, input.button1, input.button3, a.button2, input.button2 {
color: #1088FF;
background-color: #ffffff;
}
/* Input field styles
---------------------------------------- */
.inputbox {
background-color: #000000;
border-color: #666666;
color: #ffffff;
}
.inputbox:-moz-placeholder {
color: #cccccc;
}
.inputbox::-webkit-input-placeholder {
color: #cccccc;
}
.inputbox:hover {
border-color: #666666;
}
.inputbox:focus {
border-color: #666666;
color: #FFffff;
}
.inputbox:focus:-moz-placeholder {
color: transparent;
}
.inputbox:focus::-webkit-input-placeholder {
color: transparent;
}
@media (min-width: 701px) {
.post.online {
background-image: none;
}
.post .preonline.online {
width: 58px;
height: 58px;
position: absolute;
left: 0;
top: 0;
-ms-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.no-avatar .preonline.online {
position: relative;
margin: -8px;
}
.post .postprofile {
float: left;
border-width: 0 1px 0 0;
}
.post .postprofile dd, .post .postprofile dt {
margin-right: 8px;
margin-left: 0;
}
.has-profile .postbody {
float: right;
margin-right: 6px;
}
}
Last edited by kernadec on Tue May 18, 2021 9:37 pm, edited 2 times in total.
Re: Black Forum Theme
I'm using Dark Reader plugin. It works ok for almost all sites.
https://darkreader.org/
https://darkreader.org/
[Registered PB User since 2006]
[PureBasic 5.7][SpiderBasic 2.2] [Win 10 64bit]
[Intel i7 990x 4.20 Ghz] [18GB DDR3]
Re: Black Forum Theme
Updated style1
*Changed the color of the selected text
*Adaptation of blue, red
*Inverting pictures in a signature
*jump to the top made to the left
*added some previously suggested things (logo, author on the right, rounded code block)
*Changed the color of the selected text
*Adaptation of blue, red
*Inverting pictures in a signature
*jump to the top made to the left
*added some previously suggested things (logo, author on the right, rounded code block)