Skip to content

Brick Hall 2017 2018 old website Halloween (OLD) by ivaylo

Homepage Write a review Install Get Stylus

Details

Authorivaylo

LicenseNONE

Categorybrick-hall.xyz

Created

Updated

Size39 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

2017 Brick Hill website design for Brick Hall!

Notes

Userstyle doesn't have notes.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
/* ==UserStyle==
@name         Brick Hill 2017 2018 old website Halloween (OLD)
@namespace    USO Archive
@author       t.co on Brick Hill
@description  This style was the first style i ever made. There are a lot of broken things in here.
@version      20211008.22.38
@license      NONE
@preprocessor uso
==/UserStyle== */
@-moz-document url-prefix("https://www.brick-hall.xyz/") {
*
  {
    font-family: Arial, Helvetica, sans-serif;
    box-shadow: unset;
  }

  element.style
  {
    border-radius: 5px;
  }

body {
	background-color: #11161b;
    color: #000000;
}

.body {
color: #fff;
}

html
  {
    background-image: url('http://web.archive.org/web/20170330222627im_/http://beta.brick-hill.com/assets/bkg.png');
    background-position: center top;
    margin: auto;
    margin-top: auto;
    margin-top: 10px;
    width: 1050px;
  }

.card forum-links inline {
	background-color: #3c3c3c;
}

.shop-categories .category {
	color: #fff
}

.shop-categories .category a:hover, .shop-categories .category.active {
	color: #fff;
}

.top blue {
	background-color: #1f2831;
}

.card {
background-color: #6a6a6a;
}

.content {
	background-color: #3c3c3c;
}

.theme-default {
	background: transparent;
}

.large-text {
	color: #ffffff
}

.medium-text {
	color: #ffffff
}

.smedium-text {
	color: #ffffff
}

.stat .title {
	color: #ffffff
}
  nav li
  {
    bottom: 20px;
  }

  nav .primary li
  {
    bottom: 20px;
    font-weight: 700;
    font-size: 16px;
  }

  nav li a:not(.active):hover
  {
    text-decoration: underline;
    border-color: transparent;
  }

  nav li a
  {
    padding: 8px 5px;
    padding-right: 0;
    padding-left: 0;
  }

  nav li:first-child
  {
    padding-left: 10px;
  }

  nav
  {
    width: 900px;
    margin: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    margin-top: 0px;
  }

  .primary,
.secondary
  {
    background-color: transparent;
  }

  nav div.primary
  {
    background-color: transparent;
    background-image: url('https://web.archive.org/web/20180109034425im_/https://www.brick-hill.com/assets/nightBanner.png');
    background-size: 100%;
    padding-top: 18%;
    overflow: hidden;
    background-repeat: no-repeat;
  }

  nav div.primary div.grid
  {
    background-color: #1f2831;
    margin-top: 1px;
  }

  nav div.primary div.grid,
nav div.secondary div.grid
  {
    border: 1px solid #000;
    border-top: none;
  }

  .bottom-bar
  {
    color: white;
    text-align: center;
    border-top: none;
    background-color: #5d5d5d;
    line-height: 0.7;
    font-size: 16px;
    margin-top: -5px !important;
  }

  .secondary .grid
  {
    padding-top: 5px;
  }

  .primary #info
  {
    float: none;
    line-height: 20px;
  }

  nav .info
  {
    border-radius: 0;
    padding: 5px 10px 15px;
    background-color: #1f2831;
    display: inline-block;
    border: 1px solid #000;
    width: 179px;
    top: 70px;
    position: absolute;
    right: 80px;
  }

.trade-picker .trade.selected {
	background-color: #545454;
}

.trade-picker {
	background-color: #3c3c3c;
}

  div.info div:nth-of-type(3n)
  {
    float: left;
  }

  div.info div:nth-of-type(4n)
  {
    float: right;
    margin-right: 16px;
  }

  .card
  {
    border: 1px solid #000;
    border-radius: 0;
    -webkit-box-shadow: unset;
    box-shadow: unset;
  }

  .input-group.fill input
  {
    overflow: initial !important;
  }

  .card .content
  {
    padding: 6px;
    border-radius: 0 !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    background-color: #6a6a6a;
    overflow: auto;
    height: 100%;
    box-sizing: border-box;
    color: #fff
  }

.card .name {
	color: #fff 
}

.dark-gray-text {
color: #fff
}


.card .creator {
 color: #fff
}

.select-color-text {
	color: #fff
}

  .card .top:not(.absolute).blue,
.card .top:not(.absolute).red,
.card .top:not(.absolute).orange,
.card .top:not(.absolute).green,
.card .top:not(.absolute)
  {
    background-color: #E9EBF3;
    color: #333;
    border-bottom: none;
    border-bottom: 1px solid !important;
    border-color: #aaa !important;
    font-weight: 700;
  }

  .card .top:not(.absolute)
  {
    padding: 5px;
  }

  .card .top
  {
    padding: 6px;
    box-sizing: border-box;
    background-color: #E9EBF3;
    border-radius: unset;
    border-bottom: 1.5px solid gray;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    color: #999;
    font-weight: 700;
    line-height: 1.163;
    font-size: 24px;
  }

  .username
  {
    float: left;
    margin: 5px 20px 20px 20px;
    color: white;
    text-align: left;
    font-size: 16px;
    font-weight: 600;
    background: #77b9ff;
    border: 1px solid black;
    padding: 2px;
    padding-left: 5px;
    padding-right: 5px;
    position: absolute;
    top: 55px;
    left: 7%;
  }

  .primary ul li:after
  {
    content: "|";
  }

  .primary ul li:last-child:after
  {
    content: none;
  }

  .secondary ul li:after
  {
    content: "  |  ";
  }

  .secondary ul li:last-child:after
  {
    content: none;
  }

  .card.forum-links
  {
    background-color: #77B9FF;
  }

  .forum-options a,
.forumPage,
.forumPage.blue
  {
    color: #fff;
  }

  .card.forum-links .content
  {
    background: #5d5d5d;
  }

  .forum-links a
  {
    color: white;
  }

  footer
  {
    background: #00508a;
  }

  .main-holder.grid
  {
    width: 95%;
    display: block;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
  }

  .bits-icon
  {
    background: url('https://i.imgur.com/XdwCtln.png');
    background-repeat: no-repeat;
    background-size: auto auto;
    background-position: 0 -22px;
    height: 16px;
    color: Orange;
  }

  .bucks-icon
  {
    background: url('https://i.imgur.com/XdwCtln.png');
    background-repeat: no-repeat;
    background-size: auto auto;
    background-position: 0 -43.5px;
    height: 16px;
    color: Green;
  }

  .friends-icon
  {
    background: url('https://i.imgur.com/XdwCtln.png');
    background-repeat: no-repeat;
    background-size: auto auto;
    height: 16px;
    background-position: 0 -63px;
  }

  .messages-icon
  {
    background: url('https://i.imgur.com/XdwCtln.png');
    background-repeat: no-repeat;
    background-size: auto auto;
    height: 16px;
    background-position: 0 -82px;
  }

  .splash
  {
    margin-top: -20%;
  }

  .button.green,
.forum-button.green,
.forum-create-button.green,
button.green,
input[type=submit].green
  {
    background-color: #03c303;
    border-color: #000000;
    font-size: 12px !important;
    border-radius: 0px;
    padding: 3px;
    font-family: Arial, Helvetica, sans-serif;
  }

  .button, button, .button.blue,
.forum-button.blue,
.forum-create-button.blue,
button.blue,
input[type=submit].blue
  {
    background-color: #77B9FF;
    border-color: #000000;
    font-size: 12px;
    border-radius: 0px;
    padding: 3px;
    font-family: Arial, Helvetica, sans-serif;
  }

  .button.red,
.forum-button.red,
.forum-create-button.red,
button.red,
input[type=submit].red
  {
    background-color: #fe5746;
    border-color: #000000;
    font-size: 12px;
    border-radius: 0px;
    padding: 3px;
    font-family: Arial, Helvetica, sans-serif;
  }

  .button.orange,
.forum-button.orange,
.forum-create-button.orange,
button.orange,
input[type=submit].orange
  {
    background-color: #fdbc38;
    border-color: #000000;
    font-size: 12px;
    border-radius: 0px;
    padding: 3px;
    font-family: Arial, Helvetica, sans-serif;
  }

  div.col-1-1.tab-buttons > button.tab-button.blue
  {
    padding: 12px;
    font-size: 15px;
  }

  .purchase-bucks
  {
    font-size: 15px;
    background-color: #03c303;
    border: 1px solid black!important;
    min-width: 100px;
    border-width: 0;
    cursor: pointer;
  }

  .purchase-bits
  {
    font-size: 15px;
    background-color: var(--price-bits-hex);
    ;
    border: 1px solid black!important;
    min-width: 100px;
    border-width: 0;
    cursor: pointer;
  }

  .tabs .tab
  {
    color: #000;
    border-radius: 0;
  }

  .tabs .tab-body
  {
    border: 1px solid #000;    
    background-color: #6a6a6a
  }

  .special-icon
  {
    vertical-align: top;
    width: 60px;
    height: 60px;
    background: url('https://i.imgur.com/KOGP3Gs.png');
    background-repeat: no-repeat;
    background-size: auto auto;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
  }

  .special-e-icon
  {
    vertical-align: top;
    width: 60px;
    height: 60px;
    background: url('https://i.imgur.com/33U2Jaj.png');
    background-repeat: no-repeat;
    background-size: auto auto;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
  }

  .membership-cubes,
.mem-bottom,
.mem-top
  {
    margin-top: 2px;
    display: none;
  }

  .forum-bar a
  {
    color: #fff;
  }

  .crate-types .active,
.crate-types li
  {
    background-color: #f8f8f8;
    border: 1px solid #000000;
    border-radius: 0px;
    background-color: #77B9FF;
    border-top: none;
    text-align: center;
    color: #fff;
    padding: 7px;
  }

  .crate-types li:hover
  {
    background-color: #77B9FF;
    border-left: 1px solid #000000;
  }

  .crate-types li:first-child
  {
    border-top: 1px solid #000000;
  }

  .crate-types li:first-child,
.crate-types li:last-child
  {
    border-radius: 0;
  }

  .crate-types li:hover
  {
    text-decoration: underline;
  }

  .ellipsis
  {
    color: #fff !important;
  }

  .profile-card.crate img
  {
    border-radius: 0;
    border: 1px solid #000000;
    background: transparent;
  }

.button:not(.plain):not([disabled]).blue, .button:not(.plain):not([disabled]).blue {
	color: #fff;
    background-color: #5f358c;
    border-color: #9e61ff;
}

.theme-default .new-theme button.blue, .theme-default .new-theme .button.blue {
	color: #fff;
    background: #5f358c;
    border: 1px solid #9e61ff;
}

.new-theme .header {
	color: #fff
}

.theme-default .new-theme button.clear, .theme-default .new-theme .button.clear {
	background: #5f358c;
	padding: 0px;
	border: 1px solid #9e...

Reviews

No reviews yet.