Edit Brick Hill Theme Selector

Raw Source

Minified Source

techlover0010 / Brick Hill Theme Selector

// ==UserScript==
// @name         Brick Hill Theme Selector
// @namespace    http://techsworld.hol.es/
// @version      1.0
// @description  Use old themes that Brick Hill has used (and some of my themes too)!
// @author       Tech
// @match        https://www.brick-hill.com/*
// @grant        none
// @icon         https://www.brick-hill.com/assets/BH_favicon.png
// @require      http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js
// @license MIT
// @copyright 2018, techlover0010 (https://openuserjs.org/users/techlover0010)
// ==/UserScript==
window.onload = function () {
  $('div[onclick="panel(\'purchases\')"]').after(`
<div onclick="panel('themes')" style="float:left;margin-top:10px;background-color: #77b9fd;border: 1px solid black;color:white;border-bottom:0px;border-left:0px;padding:8px;width: 90px;text-align:center;">
<label>Themes</label>
</div>
`);
  $('#panel-purchases').after(`
<div id="panel-themes" style="clear: both; display: none;">
<div id="box">
    <h3 style="margin: 10px;">Themes</h3>
    <h5 id="using"></h5>
<div id="buttonContainer">
<div id="theme"><button id="mothers" class=""><img src="https://i.imgur.com/kcUM1U6.png"><p>Mothers Day</p></button></div>
<div id="theme"><button id="july"><img src="https://i.imgur.com/kOQhPMI.png"><p>July</p></button></div>
<div id="theme"><button id="oldn"><img src="https://i.imgur.com/R1Ukrf1.png"><p>Old Night Theme</p></button></div>
<div id="theme"><button id="fullnight"><img src="https://i.imgur.com/sY628ww.png"><p>Full Night Theme</p></button></div>
<div id="theme"><button id="summer"><img src="https://i.imgur.com/eDFS3PP.png"><p>Summer</p></button></div>
<div id="theme"><button id="fall"><img src="https://i.imgur.com/akZ8rgT.png"><p>Fall</p></button></div>
<div id="theme"><button id="thanksgiving"><img src="https://i.imgur.com/tQIH8Gd.png"><p>Thanksgiving</p></button></div>
<div id="theme"><button id="winter"><img src="https://i.imgur.com/nmY3gRF.png"><p>Winter</p></button></div>
<div id="theme"><button id="christmas"><img src="https://i.imgur.com/DxJddZ5.png"><p>Christmas</p></button></div>
<div id="theme"><button id="oldbh"><img src="https://i.imgur.com/pKGNc2L.png"><p>Old Brick Hill</p></button></div>
</div>
<style>
.snowflake {display: none!important;}.active{border:1px solid green!important;transform:translateY(-4px);box-shadow:2px 3px 6px rgba(0,66,6,.42)!important} #buttonContainer{margin-left:20px} #theme button{width:140px;height:119px;padding:0 0 110px;background:#fff!important;border:1px solid gray;border-radius:3px;transition:.3s ease;box-shadow:0 1px 4px rgba(0,0,0,.42)}#theme button:hover, #theme button:focus{outline:none;transform:translateY(-4px);box-shadow:2px 3px 6px rgba(0,0,0,.42)}#theme{display:inline-block;padding-top:10px}#theme button img{display:inline-block;width:100%;margin-top:0}#theme button p{color:#000!important;font-size:16px;margin:3px 3px 3px 10px;text-align:left}
</style>
</div>
</div>
`);
  $("#theme button").click(function () {
    var oldtheme2 = window.localStorage.name;
    var elementExists2 = document.getElementById(oldtheme2);
    if ($("#" + oldtheme2).hasClass("active")) {
      elementExists2.className = "";
    }
  })
  //load
  if (window.localStorage.name != "" && window.localStorage.name != null) {
    if (window.localStorage.name == "mothers") {
      $("head").append('<style id="mothersstyle">' + mothers + '</style>');
      $("#mothers").addClass('active');
    }
    if (window.localStorage.name == "july") {
      $("head").append('<link id="julystyle" rel="stylesheet" href="/themes/4thjuly.css" type="text/css">');
      $("#july").addClass('active');
    }
    if (window.localStorage.name == "oldn") {
      $("head").append('<style id="oldnstyle">' + oldn + '</style>');
      $("#oldn").addClass('active');
    }
    if (window.localStorage.name == "fullnight") {
      $("head").append('<style id="fullnightstyle">' + fullnight + '</style>');
      $("#fullnight").addClass('active');
    }
    if (window.localStorage.name == "summer") {
      $("head").append('<style id="summerstyle">' + summer + '</style>');
      $("#summer").addClass('active');
    }
    if (window.localStorage.name == "fall") {
      $("head").append('<style id="fallstyle">' + fall + '</style>');
      $("#fall").addClass('active');
    }
    if (window.localStorage.name == "thanksgiving") {
      $("head").append('<style id="thanksgivingstyle">' + thanksgiving + '</style>');
      $("#thanksgiving").addClass('active');
    }
    if (window.localStorage.name == "winter") {
      $("head").append('<style id="winterstyle">' + winter + '</style>');
      $("#winter").addClass('active');
    }
    if (window.localStorage.name == "christmas") {
      $("head").append('<style id="christmasstyle">' + christmas + '</style>');
      $("#christmas").addClass('active');
      $.getScript('https://codepen.io/techlover0010/pen/VdoQxg.js', () => {
        snowStorm.toggleSnow();
        snowStorm.snowColor = '#ddeeff';
        snowStorm.animationInterval = 60;
        snowStorm.flakesMaxActive = 50;
        snowStorm.followMouse = false;
        snowStorm.snowStick = false;
        snowStorm.vMaxX = 1;
        snowStorm.vMaxY = 1;
        snowStorm.className = 'snowflake';
      })
    }
    if (window.localStorage.name == "oldbh") {
      $("head").append('<style id="oldbhstyle">' + oldbh + '</style>');
      $("#oldbh").addClass('active');
    }
  }
  else {
    console.log('No Theme Selected!');
  }
  //end
  $("#mothers").click(function () {
    var oldtheme = window.localStorage.name
    var elementExists = document.getElementById(oldtheme + 'style');
    if (elementExists != null && elementExists != '') {
      document.getElementById(oldtheme + 'style').remove();
    }
    window.localStorage.name = "mothers";
    $("head").append('<style id="mothersstyle">' + mothers + '</style>');
    $("#using").text('Successfully selected theme: ' + window.localStorage.name + '!');
    $(this).addClass('active');
  });
  $("#july").click(function () {
    var oldtheme = window.localStorage.name
    var elementExists = document.getElementById(oldtheme + 'style');
    if (elementExists != null && elementExists != '') {
      document.getElementById(oldtheme + 'style').remove();
    }
    window.localStorage.name = "july";
    $("head").append('<link id="julystyle" rel="stylesheet" href="/themes/4thjuly.css" type="text/css">')
    $("#using").text('Successfully selected theme: ' + window.localStorage.name + '!');
    $(this).addClass('active');
  });
  $("#oldn").click(function () {
    var oldtheme = window.localStorage.name
    var elementExists = document.getElementById(oldtheme + 'style');
    if (elementExists != null && elementExists != '') {
      document.getElementById(oldtheme + 'style').remove();
    }
    window.localStorage.name = "oldn";
    $("head").append('<style id="oldnstyle">' + oldn + '</style>');
    $("#using").text('Successfully selected theme: ' + window.localStorage.name + '!');
    $(this).addClass('active');
  });
  $("#summer").click(function () {
    var oldtheme = window.localStorage.name
    var elementExists = document.getElementById(oldtheme + 'style');
    if (elementExists != null && elementExists != '') {
      document.getElementById(oldtheme + 'style').remove();
    }
    window.localStorage.name = "summer";
    $("head").append('<style id="summerstyle">' + summer + '</style>');
    $("#using").text('Successfully selected theme: ' + window.localStorage.name + '!');
    $(this).addClass('active');
  });
  $("#fall").click(function () {
    var oldtheme = window.localStorage.name
    var elementExists = document.getElementById(oldtheme + 'style');
    if (elementExists != null && elementExists != '') {
      document.getElementById(oldtheme + 'style').remove();
    }
    window.localStorage.name = "fall";
    $("head").append('<style id="fallstyle">' + fall + '</style>');
    $("#using").text('Successfully selected theme: ' + window.localStorage.name + '!');
    $(this).addClass('active');
  });
  $("#thanksgiving").click(function () {
    var oldtheme = window.localStorage.name
    var elementExists = document.getElementById(oldtheme + 'style');
    if (elementExists != null && elementExists != '') {
      document.getElementById(oldtheme + 'style').remove();
    }
    window.localStorage.name = "thanksgiving";
    $("head").append('<style id="thanksgivingstyle">' + thanksgiving + '</style>');
    $("#using").text('Successfully selected theme: ' + window.localStorage.name + '!');
    $(this).addClass('active');
  });
  $("#winter").click(function () {
    var oldtheme = window.localStorage.name
    var elementExists = document.getElementById(oldtheme + 'style');
    if (elementExists != null && elementExists != '') {
      document.getElementById(oldtheme + 'style').remove();
    }
    window.localStorage.name = "winter";
    $("head").append('<style id="winterstyle">' + winter + '</style>');
    $("#using").text('Successfully selected theme: ' + window.localStorage.name + '!');
    $(this).addClass('active');
  });
  $("#fullnight").click(function () {
    var oldtheme = window.localStorage.name
    var elementExists = document.getElementById(oldtheme + 'style');
    if (elementExists != null && elementExists != '') {
      document.getElementById(oldtheme + 'style').remove();
    }
    window.localStorage.name = "fullnight";
    $("head").append('<style id="fullnightstyle">' + fullnight + '</style>');
    $("#using").text('Successfully selected theme: ' + window.localStorage.name + '!');
    $(this).addClass('active');
  });
  $("#christmas").click(function () {
    var oldtheme = window.localStorage.name
    var elementExists = document.getElementById(oldtheme + 'style');
    if (elementExists != null && elementExists != '') {
      document.getElementById(oldtheme + 'style').remove();
    }
    window.localStorage.name = "christmas";
    $("head").append('<style id="christmasstyle">' + christmas + '</style>');
    $("#using").text('Successfully selected theme: ' + window.localStorage.name + '!');
    $(this).addClass('active');
    $.getScript('https://codepen.io/techlover0010/pen/VdoQxg.js', () => {
      snowStorm.toggleSnow();
      snowStorm.snowColor = '#ddeeff';
      snowStorm.animationInterval = 60;
      snowStorm.flakesMaxActive = 50;
      snowStorm.followMouse = false;
      snowStorm.snowStick = false;
      snowStorm.vMaxX = 1;
      snowStorm.vMaxY = 1;
      snowStorm.className = 'snowflake';
    })
  });
  $("#oldbh").click(function () {
    var oldtheme = window.localStorage.name
    var elementExists = document.getElementById(oldtheme + 'style');
    if (elementExists != null && elementExists != '') {
      document.getElementById(oldtheme + 'style').remove();
    }
    window.localStorage.name = "oldbh";
    $("head").append('<style id="oldbhstyle">' + oldbh + '</style>');
    $("#using").text('Successfully selected theme: ' + window.localStorage.name + '!');
    $(this).addClass('active');
  });
};

function panel(box) {
  document.getElementById('panel-settings').style.display = "none";
  document.getElementById('panel-purchases').style.display = "none";
  document.getElementById('panel-themes').style.display = "none";
  document.getElementById('panel-' + box).style.display = "block";
}
//theme storage
var mothers = `/* mothers day theme */
@font-face {
    font-family: "pixel";
    src: url('/download/FSEX300.ttf');
}
h1 {
    font-size: 36px;
    color: #555;
    margin: 5px;
}
h2 {
    font-size: 30px;
    color: #444;
    margin: 5px;
}
h3 {
    font-size: 24px;
    color: #333;
    margin: 5px;
}
h4 {
    font-size: 18px;
    color: #222;
    margin: 5px;
}
h5 {
    font-size: 14px;
    color: #555;
    margin: 5px;
}
h6 {
    font-size: 12px;
    color: #6f6f6f;
    margin: 5px;
}
* {
    font-family: Arial, Helvetica, sans-serif;
    /*font-family: Comic Sans MS, Comic Sans, "Comic Sans MS", "Comic Sans", sans-serif;*/
}
.three-slots {
    width: 31.33333%;
    margin-left: 1%;
    margin-right: 1%;
    float: left;
}
.forumColumn {
    height: 50px;
    vertical-align: top;
}
body {
    background-image: url("https://www.brick-hill.com/assets/mothers_bkg.png")!important;
    background-position: center top;
    background-color: #FFF;
    background-size: contain;
    background-repeat: repeat-y;
    min-height: 96%;
    display: flex;
    flex-direction: column;
    margin-top: 0px;
}
div {
    display: block;
}
button {
    cursor: pointer;
    cursor: hand;
}
.nav {
    color: #FFF;
}
a {
    text-decoration: none;
    color: #333;
    cursor: pointer;
    cursor: hand;
}
a:hover {
    text-decoration: underline;
}
ul {
    padding: 0px;
    list-style: none;
}
textarea {
    text-align: left;
}
input {
    text-align: left;
}
blockquote {
    margin: 0px;
    /* border: 1px solid #000; */
    /* background-color: #FF77CF; */
    /* color: #FFF; */
    border-left: 5px solid #FF77CF;
    padding-left: 5px;
    margin-bottom: 5px;
    margin-top: 5px;
    color: #232323;
}
span {
    padding: 3px;
}
table {
    vertical-align: middle;
}
.pixel-font {
    font-family: "pixel", sans-serif;
}
.center-text {
    text-align: center;
}
.large-txt {
    font-size: 2rem;
}
.download:before {
    content: "";
    padding: 5px;
}
.banned {
    margin-bottom: 10px;
    border: 1px solid #AA1111;
    background-color: #EE3333;
    color: #fff;
    text-align: center;
    padding: 3px;
}
.online {
    color: Green;
    font-size: 14px;
    vertical-align: middle;
    float: right;
    margin-left: -20px;
}
.offline {
    color: #DD0000;
    font-size: 14px;
    vertical-align: middle;
    float: right;
    margin-left: -20px;
}
.blue-button {
    background-color: #FF77CF;
    color: #FFF;
    border: 1px solid #000;
    margin-top: 10px;
    margin-left: 3px;
}
.red-button {
    background-color: #DD0000 !important;
    color: #FFF;
    border: 1px solid #000;
    margin-top: 10px;
    margin-left: 3px;
}
.profile-display {
    border: 1px solid #000;
    background-color: #FDFDFD;
    width: 118px;
    height: 118px;
}
#header {
    width: 900px;
    /* margin:auto; */
    margin-left: auto;
    margin-right: auto;
    /*margin-top: 50px;*/
    margin-top: 0px;
}
#info {
    background-color: #FF77CF;
    float: right;
    border: #000000 1px solid;
    margin: 20px;
    padding-left: calc(34px - 1em);
    padding-right: 14px;
    color: white;
    width: 120px;
    text-align: left;
    font-size: 14px;
}
#welcome {
    float: left;
    margin: 5px 20px 20px 20px;
    color: white;
    text-align: left;
    font-size: 16px;
    font-weight: 600;
    background: #FF77CF;
    border: 1px solid black;
    padding: 2px;
    padding-left: 5px;
    padding-right: 5px;
}
.label {
    color: #777;
    font-size: 12px;
}
#banner {
    /*font-size: 0;
  height: 108px;
  background-image: url("assets/header_.png");
  background-size: 100%;*/
    height: 100px;
    background-image: url("https://www.brick-hill.com/assets/Banner.png")!important;
    background-size: 100%;
    padding-top: 66px;
}
#navbar {
    color: white;
    font-size: 16px;
    font-weight: bold;
    border: solid #000000;
    border-width: 0px 1px 1px 1px;
    background-color: #FF77CF;
    padding: 10px;
    text-align: left;
}
#navlower {
    background-color: #f2a6d9!important;
}
#body {
    margin: auto;
    margin-top: 10px;
    width: 900px;
}
#status {
    width: 593px;
    border: 1px solid #000000;
    float: left;
    background-color: #E9EBF3;
    display: inline-block;
}
#misc {
    width: 593px;
    border: 1px solid #000000;
    float: left;
    background-color: #E9EBF3;
    display: inline-block;
    margin-top: 10px;
}
#news {
    width: 293px;
    border: 1px solid #000000;
    float: right;
    background-color: #E9EBF3;
    display: inline-block;
}
#subsect {
    border: solid #AAAAAA;
    border-width: 0px 0px 1px 0px;
    margin: 0px 0px 10px 0px;
}
#player {
    border: 1px solid #000000;
    background-color: #E9EBF3;
    display: inline-block;
}
#box {
    border: 1px solid #000000;
    background-color: #E9EBF3;
    overflow: auto;
    padding-bottom: 10px;
}
#column {
    display: inline-block;
}
#shopItem {
    border: 1px solid #000;
    background-color: #FDFDFD;
    width: 140px;
    height: 140px;
}
.shopTitle {
    font-size: 14px;
    font-weight: bold;
    color: #333;
    margin: 4px;
}
.shopDesc {
    font-size: 12px;
    font-weight: bold;
    color: #555;
    margin: 2px 2px 2px 4px;
}
th {
    background-color: #FF77CF;
}
td {
    background-color: #E9EBF3;
}
.game {
    padding: 5px;
    width: 210px;
    float: left;
}
.game a {
    color: #000;
    padding: 0px;
}
.game b a {
    color: #000;
    padding: 0px;
}
.game img {
    width: 100%;
}
.play-btn {
    padding: 20px;
    background-color: #02a202;
    color: #fff;
    margin: auto;
    text-align: center;
}
.play-btn:hover {
    background-color: #00c400;
    cursor: pointer;
}
.title {
    color: #333;
    margin: 2px;
}
.description {
    color: #555;
    margin: 2px;
    font-size: 12px;
}
#navbar span span a {
    color: #fff;
}
input[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button, select, .button-style {
    background-color: #FF77CF;
    color: #FFF;
    border: 1px solid #000;
}
a[src="redraw"] {
    color: #329de7;
}
.colorPallete {
    cursor: pointer;
}
.colorPallete:hover {
    cursor: pointer;
}

/*
input:not(old) + label > span{padding:0px!important;}
input:not(old) + label > span > span{padding:0px!important;}

input[type=radio   ]:not(old){
  width     : 2em;
  margin    : 0;
  padding   : 0;
  font-size : 1em;
  opacity   : 0;
}


input[type=radio   ]:not(old) + label{
  display      : inline-block;
  margin-left  : -2em;
  line-height  : 1.5em;
}

input[type=radio   ]:not(old) + label > span{
  display          : inline-block;
  width            : 0.875em;
  height           : 0.875em;
  margin           : 0.25em 0.5em 0.25em 0.25em;
  border           : 0.0625em solid rgb(192,192,192);
  border-radius    : 0.25em;
  background       : rgb(224,224,224);
  background-image :    -moz-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :     -ms-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :      -o-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image : -webkit-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :         linear-gradient(rgb(240,240,240),rgb(224,224,224));
  vertical-align   : bottom;
}

input[type=radio   ]:not(old):checked + label > span{
  background-image :    -moz-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :     -ms-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :      -o-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image : -webkit-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :         linear-gradient(rgb(224,224,224),rgb(240,240,240));
}


input[type=radio]:not(old):checked + label > span > span {
    display: block;
    width: 0.5em;
    height: 0.5em;
    margin: 0.125em;
    border: 0.0625em solid rgb(0, 0, 0);
    border-radius: 0.125em;
    background: rgb(119, 185, 255);
    background-image: -moz-linear-gradient(rgb(0, 175, 255),rgb(118, 192, 252));
    background-image: -ms-linear-gradient(rgb(0, 175, 255),rgb(118, 192, 252));
    background-image: -o-linear-gradient(rgb(0, 175, 255),rgb(118, 192, 252));
    background-image: -webkit-linear-gradient(rgb(0, 175, 255),rgb(118, 192, 252));
    background-image: -webkit-linear-gradient(rgb(0, 175, 255),rgb(118, 192, 252));
}*/
#friends {
    clear: both;
    padding-top: 10px;
}
#friendsPending {
    clear: both;
}
input:focus, textarea:focus {
    outline: none;
}

/* Media Tags (for responsive devices)
@media only screen and (max-width: 919px) {
#header {}
width: 100%;
}
#banner {
height: 109px;
background-repeat: no-repeat;
background-size: cover;
}
}
*/
#body {
    flex: 1;
}
html {
    height: 100%;
}
#footer {
    text-align: center;
    background: #8a0059;
    width: 860px;
    margin: auto;
    margin-bottom: -37px;
    padding: 20px;
    margin-top: 10px;
    /*    border: 1px solid black;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 0px;
    border-left-width: 1px;*/
}
.red-msg {
    padding: 4px;
    border: 1px solid darkred;
    background-color: red;
    color: #fff;
    font-weight: bold;
}
.shopSideBarButton {
    padding: 8px 0px 0px 20px;
    background-color: #FF77CF;
    border-top: 1px solid #000;
    /*border-left: 20px solid #FF77CF;*/
    height: 25px;
    text-decoration: none;
}
.numButtonsHolder {
    margin-top: 4px;
    margin-bottom: 4px;
}
.numButtonsHolder a {
    /*background-color: #6da7e5;
  border: 1px solid #000;*/
    padding: 3px;
    color: #fff;
}
.shopSideBarButton:hover {
    /*border-left: 20px solid #5490d0;*/
}
.meshim_widget_widgets_Favicon .default_icon.default_icon_online {
    color: #e9ebf3 !important;
}
.thread-title {
    padding: 10px;
    background-color: #FF77CF;
    color: #fff;
    border: 1px solid #000000;
}
.button {
    text-align: center;
    padding: 5px;
    display: inline-block;
    background-color: #FF77CF;
    color: #FFF;
    border: 1px solid #000;
    font-size: 15px;
}
.mint-text {
    color: #2BA4FF;
}
.ace-text {
    color: #C60000;
}
.royal-text {
    color: #FFE600;
    font-style: italic;
}
.membership-image {
    width: 25%;
    float: left;
    text-align: center;
}
.membership-table {
    width: 100%;
    border-collapse: collapse;
    /*border: 1px solid #000;*/
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}
.membership-table tbody tr th {
    background-color: transparent;
    padding: 10px;
    border-bottom: 1px solid #000;
}
.membership-table tbody tr td {
    background-color: transparent !important;
    text-align: center;
    padding: 12px;
}
.membership-table, .membership-table th, .membership-table td {
    border-left: 1px solid black;
    border-right: 1px solid black;
}
.membership-table tr:nth-child(even) {
    background-color: #D6DCF7;
}
tt, code, kbd, samp, pre {
    font-family: monospace!important;
}
pre {
    color: white;
    border-left: 5px solid #FF77CF;
    padding: 5px;
    padding-top: 0px;
    width: 94%;
    background: #333;
    border-radius: 5px;
    border-top: 20px solid #FF77CF;
}
pre::before {
    content: "Code";
    position: absolute;
    margin-top: -19.5px;
    font-size: 15px;
    font-weight: bold;
}
pre br {
    display: none;
}
.spoiler {
    padding: 5px;
    border: 1px solid #000;
    background-color: #FF77CF;
    color: #fff;
}
.spoiler:hover {
    cursor: pointer;
}
.forumImage {
    width: auto;
    max-width: 60%;
}`;
var oldn = `/* Night Theme */
body {
    background: #11161b!important;
    background-image: url(https://www.brick-hill.com/assets/transparentPixel.png)!important;
}
#navbar, #info, #welcome {
    background-color: #1f2831!important;
    background-image: url(https://www.brick-hill.com/assets/transparentPixel.png)!important;
}
#navlower {
    text-align: center;
    border: 1px solid black;
    border-top: 0;
    padding: 4px;
    font-size: 16px;
    background-color: #3f4851!important;
    color: white;
}
#banner {
    height: 100px!important;
    padding-top: 9px!important;
    margin-top: 66px!important;
    background-image: url(https://www.brick-hill.com/assets/BH_HeadNight.png)!important;
}
#box {
    background-color: #d4d4d4;
}
#panel {
    background-color: #eeeeee;
}
textarea, input {
    border-color: black;
    border-width: 1px;
}
input[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button, select {
    background-color: #eeeeee;
    color: #fff;
}
#footer {
    background: #1F2831!important;
}
th {
    background-color: #333!important;
}
.shopSideBarButton {
    background-color: #303d4a !important;
}
.numButtonsHolder a {
    background-color: #303d4a !important;
}
.numButtonsHolder a:hover {
    background-color: #28323d !important;
}
input[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button, select, .button-style {
    background-color: #303d4a;
}
.thread-title {
    background-color: #303d4a !important;
}
.button {
    background-color: #303d4a !important;
}
td {
    background-color: #d4d4d4;
}
.spoiler {
    background-color: #303d4a !important;
}
pre {
    border-color: #303d4a!important;
    background: #131313!important;
}`;
var summer = `/* Summer Theme */
#banner {
    height: 100px;
    padding-top: 9px;
    margin-top: 66px;
    background-image: url(http://www.brick-hill.com/assets/BHSummerHead.png)!important;
}
#navbar, #info, #welcome {
    background-color: #c2a15a;
    background-image: url(http://www.brick-hill.com/assets/transparentPixel.png)!important;
}
#navlower {
    background-color: #e6bf6a!important;
}
th {
    background-color: #c2a15a;
}
#footer {
    background: #826c3d;
}
body {
    background-image: url(http://www.brick-hill.com/assets/sandBkg.png)!important;
    background-size: 25%;
    background-repeat: repeat;
}
input[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button, select {
    background-color: #c2a15a;
}
#refreshAvatar {
    color: #c2a15a!important;
}
#welcome:hover {
    background-color: #927943;
    background-image: url(http://www.brick-hill.com/assets/transparentPixel.png)!important;
}`;
var fall = `/* Fall Theme */
#banner {
    height: 100px;
    padding-top: 9px;
    margin-top: 66px;
    background-image: url(http://www.brick-hill.com/assets/Fall_Head.png)!important;
}
#navbar, #info, #welcome {
    background-color: #7d2702;
    background-image: url(http://www.brick-hill.com/assets/transparentPixel.png)!important;
}
th {
    background-color: #7d2702;
}
#footer {
    background: #501800;
}
body {
    background-image: url(https://www.colourbox.com/preview/10956127-maple-leaf-seamless-pattern-vector-seamless-background-autumn.jpg)!important;
    background-size: 25%;
    background-repeat: repeat;
}
input[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button, select {
    background-color: #7d2702;
}
#refreshAvatar {
    color: #7d2702!important;
}
#welcome:hover {
    background-color: #501800;
    background-image: url(http://www.brick-hill.com/assets/transparentPixel.png)!important;
}
div[style="padding: 10px;background-color:#77B9FF;color:#fff;"], button[style="display:block;background-color:#77B9FF; color:#FFF; border:1px solid #000; margin: auto;font-size: 15px;"], input[style="display:block;background-color:#77B9FF;color:#FFF;border:1px solid #000;margin: auto;font-size: 15px;float:right;"] {
    background: #7d2702!important;
}
.shopSideBarButton {
    background-color: #7d2702;
}
.numButtonsHolder a {
    background-color: #7d2702 !important;
}
.numButtonsHolder a:hover {
    background-color: #692000 !important;
}
.thread-title {
    background-color: #7d2702 !important;
}
blockquote {
    border-color: #963004;
}
#navlower {
    background: #b55836!important;
}`;
var thanksgiving = `body {
    background-image: none;
    background-color: #795937!important;
}

#navbar,#welcome,#info,div[onclick^="panel"] {
    background-color: #950108!important;
}

pre,blockquote {
    border-color: #950108;
}

#navlower {
    background-color: #c25414;
}

#banner {
    background-image: url('https://www.brick-hill.com/assets/thanksgivingbanner-2017.png')!important;
}

#footer {
    background-color: #b1841e;
}

input[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button, select, .button-style, .button, .spoiler {
    background-color: #ce770b;
}

.red-button {
    background-color: #8a0101!important;
}

.shopSideBarButton,th,.thread-title {
    background-color: #FED001;
}
`;
var winter = `/* Winter Theme */
#banner {
    height: 100px;
    padding-top: 9px;
    margin-top: 66px;
    background-image: url(http://www.brick-hill.com/winter-theme/snow_head.png)!important;
}
body {
    background-image: url(http://www.brick-hill.com/winter-theme/snow.png), url(http://www.brick-hill.com/assets/bkg.png)!important;
    background-size: 25%, contain;
    background-repeat: repeat, repeat-y;
}
#box {
    background-image: url(http://www.brick-hill.com/winter-theme/snow-box.png)
}
#navbar {
    background-image: url(http://www.brick-hill.com/winter-theme/snow.png);
}

/* body {
    background-image: url(http://www.brick-hill.com/winter-theme/snow.png), url(http://www.brick-hill.com/winter-theme/snow-foot.png), url(http://www.brick-hill.com/assets/bkg.png)!important;
    background-size: 25%, 21% ,cover;
    background-repeat: repeat, repeat-x ,repeat-y;
    background-position: center, bottom, center;
} */
body:after {
    content: '.';
    background-image: url(http://www.brick-hill.com/winter-theme/snow-foot.png);
    background-size: 16%;
    background-position: bottom;
    background-repeat: repeat-x;
    z-index: -1;
    padding-top: 19px;
    margin-bottom: -8px;
    margin-left: -10px;
    margin-right: -8px;
}`;
var fullnight = `:root {
    --background-color: #1e2124;
    --color: white;
    --element: #2e3135;
    --light-element: #4d5259;
    --lighter-element: #7a838f;
    --border: #262626;
    --light-border: #414141;
    --dark-blue: #00508a;
    --green: #68d43d;
    --button: #4c5158;
    --special-chart: fuchsia;
}
body {
    background: var(--background-color)!important;
}

/*Elements */
#welcome {
    background: var(--element)!important;
    border-color: var(--border);
    color: var(--color);
}
.shopSideBarButton {
    background: var(--element)!important;
    border-color: var(--border);
    color: var(--color);
}
#box, #info, #navbar, #footer {
    background: var(--element)!important;
    color: var(--color)!important;
    border-color: var(--border);
}
#subsect {
    border-color: var(--light-border);
}
td {
    background: var(--element)!important;
}
a, a span {
    color: var(--color)!important;
    text-decoration: none!important;
    word-break: break-word;
}
th, #navlower {
    background: var(--light-element)!important;
}
.blue-button {
    background-color: var(--dark-blue)!important;
    color: var(--color)!important;
    border-color: var(--border)!important;
    padding: 3px;
}
.blocker {
    filter: grayscale(1);
}
#banner {
    background-image: url(https://www.brick-hill.com/assets/nightBanner.png)!important;
    filter: grayscale(1);
}
#shopItem {
    background-color: var(--light-element)!important;
    border-color: var(--border)!important;
}
.shopDesc {
    color: #b3b3b3;
}
.shopDesc .fa-money, [style="color:Green;"] {
    color: var(--green)!important;
}
.shopDesc .fa-circle, [style="color:Orange;"] {
    color: orange!important;
}
p[style="color:#44A4EE;"] {
    color: #44A4EE!important;
}
input, textarea {
    background: var(--light-element)!important;
    border-color: var(--border)!important;
    border-style: solid;
    border-width: 1px;
}
input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button:not(.colorPallete), select, .button-style, .button, #button {
    background-color: var(--button)!important;
}
#button {
    border-color: var(--border)!important;
}

a[href="upload"].button-style {
    font-size: 11px;
    padding: 5px 6px 5px 6px;
    text-decoration: none;
}
a[onclick*="getPage('all','', "], a[onclick*="getPage('hat','', "], a[onclick*="getPage('tool','', "], a[onclick*="getPage('tshirt','', "], a[onclick*="getPage('face','', "], a[onclick*="getPage('shirt','', "], a[onclick*="getPage('pants','', "], a[onclick*="getPage('head','', "], a[onclick*="getWall("], div[style="width:100%;display:block;overflow:auto;"] a[onclick*="getPage('hat',"], div[style="width:100%;display:block;overflow:auto;"] a[onclick*="getPage('tool',"], div[style="width:100%;display:block;overflow:auto;"] a[onclick*="getPage('tshirt',"], div[style="width:100%;display:block;overflow:auto;"] a[onclick*="getPage('face',"], div[style="width:100%;display:block;overflow:auto;"] a[onclick*="getPage('shirt',"], div[style="width:100%;display:block;overflow:auto;"] a[onclick*="getPage('pants',"], div[style="width:100%;display:block;overflow:auto;"] a[onclick*="getPage('head',"], .numButtonsHolder a {
    background-color: var(--light-element);
    border: 1px solid var(--border);
    padding: 1px;
}
.numButtonsHolder {
    text-align: center;
}
p.description, .fa-thumb-tack, .fa-lock, .fa-pencil, .fa-refresh {
    color: var(--color)!important;
}
.forumColumn:nth-of-type(2n+0) td {
    background-color: #36383c!important;
}
.thread-title {
    background-color: var(--light-element);
}
div[style="width: 77%;float:left;word-wrap: break-word;"] span[style="color: #444;"], .fa-flag, .fa-quote-right {
    color: var(--color)!important;
}
img[src="shuttle.png"] {
    filter: brightness(3) contrast(0.8);
}
a.label {
    color: #bbbbbb!important;
}
p.label {
    color: #bbbbbb;
}
span {
    color: var(--color)!important;
}
div[style="padding:10px;background-color:white;border: 1px solid black;word-wrap: break-word;"] {
    background-color: var(--light-element)!important;
}
blockquote {
    border-color: var(--light-border);
    color: var(--color);
}
div[onclick*="panel('"] {
    background-color: var(--light-element)!important;
}
#wall #subsect div[style="float:left;"] {
    float: initial!important;
    overflow: hidden;
}
div[style="text-align:center;height:140px;"] div[style="width:84px;margin:4px;display:inline-block;"] {
    word-break: break-word;
}
div[style="float:left;text-align:center;margin-right:10px;padding-bottom: 100px;background-color:#77B9FF;border-right:1px solid black;"] {
    background-color: var(--light-element)!important;
}
.crateSideBarButton, table[style="border-collapse: collapse;border-bottom: 1px solid black;border-right: 1px solid black;border-left: 1px solid rgb(0, 0, 0);border-top: 1px solid;margin-right: -1px;margin-left: -1px;"], div[style="float:left;text-align:center;margin-right:10px;padding-bottom: 100px;background-color:#77B9FF;border-right:1px solid black;"] {
    background-color: var(--light-element)!important;
    border-color: var(--light-border)!important;
}
.online {
    color: var(--green)!important;
}
.offline {
    color: red!important;
}
.spoiler {
    background-color: var(--light-element)!important;
}
.red-button {
    padding: 3px;
}
pre {
    color: white;
    border-left: 10px solid var(--border);
    padding: 5px;
    padding-top: 0px;
    width: 94%;
    background: var(--light-element);
    border-radius: 5px;
    border-top: 20px solid var(--border);
    overflow-x: scroll;
}
div[style="width:44%;float:left;border:1px solid black;margin:10px 20px;padding:10px;background-color:white;"], div[style="width:44%;float:right;border:1px solid black;margin:10px 20px 0px 0px;padding:10px;background-color:white;"] {
    background: var(--light-element)!important;
}
.confirm div {
    background: var(--light-element)!important;
    border-color: var(--border)!important;
}
input, textarea, td[style="padding: 8px 0px 0px 8px;background: #f8f9ff;word-break:break-word;color:#333;"] {
    color: var(--color)!important;
    font-size: 14px!important;
}
#footer:after {
    content: 'MMade with love by Tech~';
    font-size: 14px;
    word-break: break-all;
    padding-left: 124%;
    font-family: monospace;
    color: springgreen;
}
#footer {
    overflow: hidden;
    padding-bottom: 40px;
}
g text {
    fill: var(--color)!important;
}
path {
    fill: var(--light-element)!important;
}
path[stroke="#ffe804"], circle[stroke="none"] {
    stroke: var(--special-chart)!important;
    fill: var(--special-chart)!important;
}
h4[style="text-align:center;"] i.fa-money:after {
    content: '.';
    color: transparent;
}
#abutton a div {
    color: #ffffff00!important;
    text-decoration: none;
    padding: 2%;
    background-image: url(https://i.imgur.com/m8kHJm6.png);
    background-size: cover;
    background-position: center;
}
/*custom scrollbar */
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    background: var(--background);
}
::-webkit-scrollbar-thumb {
    background: var(--light-element);
    border-radius: 20px;
    transition: .3s;
}
::-webkit-scrollbar-thumb:hover {
    background: var(--lighter-element);
    transition: .3s;
}

/*Font colors*/
td {
    color: var(--color)!important;
}
p {
    color: var(--color)!important;
}
h1 {
    font-size: 36px;
    color: #f2f2f2!important;
    margin: 5px;
}
h2 {
    font-size: 30px;
    color: #ddd!important;
    margin: 5px;
}
h3 {
    font-size: 24px;
    color: #f9f9f9!important;
    margin: 5px;
}
h4 {
    font-size: 18px;
    color: #f8f8f8!important;
    margin: 5px;
}
h5 {
    font-size: 14px;
    color: #ccc!important;
    margin: 5px;
}
h6 {
    font-size: 12px;
    color: #e5e5e5!important;
    margin: 5px;
}`;
var oldbh = `#banner
  {
    background-image: url('http://www.brick-hill.com/assets/BH_HeadOLD.png')!important;
    background-image: url('http://i.imgur.com/VHpPTaN.png')!important;
    height: 68px!important;
    border: 1px solid black!important;
    border-bottom: none!important;
    padding: 0px!important;
  }

  #info
  {
    margin: 1px!important;
    border-bottom: black 1px solid!important;
    border-right: none!important;
    border-top: none!important;
  }

  #welcome
  {
    background: transparent!important;
    border: none!important;
    margin: 0!important;
  }

  #welcome:hover
  {
    background: transparent!important;
    text-decoration: underline!important;
  }

  body
  {
    background: #c4d5ef!important;
  }

  #navbar
  {
    background-color: #77B9FF!important;
  }`;
var christmas = `.snowflake {
    z-index: -100!important;
color: #ddeeff!important;
}

body {
    background-image: url(https://www.brick-hill.com/assets/bkg_winter.png)!important;
}

#banner {
    background-image: url(https://www.brick-hill.com/assets/Christmas_Banner.png)!important;
}

#info {
    background-color: #b50006;
}

#welcome {
    background-color: #b50006;
}

#navbar {
    background-color: #b50006;
}

#navlower {
    background-color: #007d1f;
}

table:nth-of-type(odd) tbody tr th {
    background-color: #b50006;
}

table:nth-of-type(even) tbody tr th {
    background-color: #007d1f;
}

.thread-title {
    background-color: #b50006;
}

blockquote {
    border-left: 5px solid #b50006;
}

.shopSideBarButton {
    background-color: #007d1f;
}

.crateSideBarButton {
    background-color: #007d1f;
}

.button {
    background-color: #007d1f;
}

input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button, select, .button-style {
    background-color: #b50006;
}`;
var oldbh = `#banner {
    background-image: url('http://www.brick-hill.com/assets/BH_HeadOLD.png')!important;
    background-image: url('http://i.imgur.com/VHpPTaN.png')!important;
    height: 68px!important;
    border: 1px solid black!important;
    border-bottom: none!important;
    padding: 0px!important;
}
#info {
    margin: 0px!important;
    padding-bottom: 1px;
    border-bottom: black 1px solid!important;
    border-right: none!important;
    border-top: none!important;
}
#welcome {
  background: transparent!important;
  border: none!important;
  margin: 0!important;
}
#welcome:hover {
  background: transparent!important;
  text-decoration: underline!important;
}
body {
  background: #c4d5ef!important;
}
#navbar {
  background-color: #77B9FF!important;
}`;
Raw Source Toggle Dropdown Minified Source techlover0010 / Brick Hill Theme Selector

Donate for the site OpenUserJS

Raw Source

Minified Source

techlover0010 / Brick Hill Theme Selector
