/* ==UserStyle==
@name TFGamesSite "DarkBevel"
@version 0.9.5
@description Dark theme for TFGames.Site forums
@author HiEv
@namespace https://greasyfork.org/en/users/691024-hiev
@homepageURL https://greasyfork.org/en/scripts/412177-tfgamessite-darkbevel
@supportURL https://greasyfork.org/en/scripts/412177-tfgamessite-darkbevel/feedback
@preprocessor stylus
To add this style to Stylus in your browser:
1) Click the Stylus "S" icon on your toolbar to get the Stylus menu.
2) Click the "Manage" button on that menu.
3) Under "Backup", choose "Import" and then "Import Styles".
4) Open the "TFGamesSite_-_DarkBevel.json" file.
Now you should see this new style in your browser when you're at the TFGamesSite forum.
==/UserStyle== */
@-moz-document url-prefix("https://tfgames.site/phpbb3/"), url-prefix("https://www.tfgames.site/phpbb3/") {
:root { /* Palette */
--font-white : #F9F9FF;
--near-black : #1F1F1F;
--font-light-blue : #C1CFFF;
--font-blue : #75B7F0;
--bevel-blue : #677CC7;
--medium-blue : #243265;
--dark-blue : #1F1F47;
--very-dark-blue : #0A0A38;
--font-light-purple : #DCC6F0;
--font-purple : #E1C1FF;
--bright-purple : #A765E2;
--purple : #7A4DA2;
--dark-purple : #4D3562;
--very-dark-purple : #28133C;
--font-pink : #FFC1C1;
--light-red : #D68B8B;
--bright-red : #D11F1F;
--dark-red : #8B0000;
--font-green : #72EDA8;
--medium-green : #5D9E66;
--dark-green : #0A2107;
}
html, body {
color: var(--font-white);
background-color: #61106E;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
}
a {
display: inline;
color: var(--font-light-blue);
}
a:hover, a:focus, a:active {
color: var(--font-purple);
text-decoration: underline;
}
blockquote {
background-color: #200D06;
border-color: #B272B7;
border-radius: 5px;
}
blockquote blockquote {
background-color: var(--dark-blue);
}
blockquote blockquote blockquote {
background-color: #200D06;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
-webkit-appearance: button;
-moz-appearance: button;
cursor: pointer;
color: var(--font-white);
background-color: var(--purple);
background-image: -webkit-gradient(linear, left top, left bottom, from(var(--bright-purple)), to(var(--dark-purple)));
background-image: -ms-linear-gradient(top, var(--bright-purple) 0%, var(--dark-purple) 100%);
background-image: -o-linear-gradient(top, var(--bright-purple) 0%, var(--dark-purple) 100%);
background-image: -moz-linear-gradient(top, var(--bright-purple) 0%, var(--dark-purple) 100%);
background-image: -webkit-linear-gradient(top, var(--bright-purple) 0%, var(--dark-purple) 100%);
background-image: linear-gradient(to bottom, var(--bright-purple) 0%, var(--dark-purple) 100%);
border-color: #9D87AB;
border-radius: 3px;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #969696 !important;
opacity: 1 !important;
}
:-moz-placeholder { /* Firefox 18- */
color: #969696 !important;
opacity: 1 !important;
}
::-moz-placeholder { /* Firefox 19+ */
color: #969696 !important;
opacity: 1 !important;
}
input:-ms-input-placeholder { /* IE 10+ */
color: #969696 !important;
opacity: 1 !important;
}
::-ms-input-placeholder { /* Edge */
color: #969696 !important;
opacity: 1 !important;
}
::placeholder {
color: #969696 !important;
opacity: 1 !important;
}
a.button1:hover, input.button1:hover, input.button3:hover, a.button2:hover, input.button2:hover, input.button1:focus, input.button2:focus, input.button3:focus {
color: var(--font-white);
border-color: var(--font-light-purple);
-webkit-box-shadow: 0 0 5px #d8a6f6;
box-shadow: 0 0 5px #d8a6f6;
}
input.button1:hover, input.button2:hover, input.button3:hover {
background-color: var(--bright-purple);
background-image: -webkit-gradient(linear, left top, left bottom, from(var(--dark-purple)), to(var(--bright-purple)));
background-image: -ms-linear-gradient(top, var(--dark-purple) 0%, var(--bright-purple) 100%);
background-image: -o-linear-gradient(top, var(--dark-purple) 0%, var(--bright-purple) 100%);
background-image: -moz-linear-gradient(top, var(--dark-purple) 0%, var(--bright-purple) 100%);
background-image: -webkit-linear-gradient(top, var(--dark-purple) 0%, var(--bright-purple) 100%);
background-image: linear-gradient(to bottom, var(--dark-purple) 0%, var(--bright-purple) 100%);
}
select, input[type="number"] {
height: 24px;
margin: 0;
background-image: -webkit-gradient(linear, left top, left bottom, from(#404F74), to(#08082D));
background-image: -ms-linear-gradient(top, #404F74 0%, #08082D 100%);
background-image: -o-linear-gradient(top, #404F74 0%, #08082D 100%);
background-image: -moz-linear-gradient(top, #404F74 0%, #08082D 100%);
background-image: -webkit-linear-gradient(top, #404F74 0%, #08082D 100%);
background-image: linear-gradient(to bottom, #404F74 0%, #08082D 100%);
background-color: #2B3859;
color: #c4d9fb;
font-weight: bold;
border-color: #152B4D;
cursor: pointer;
}
@css {
select, input[type="number"] {
filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#404F74', endColorstr='#08082D', GradientType=0)";
}
}
select:hover, select:focus, input[type="number"]:hover, input[type="number"]:focus {
border-color: #65A4C3;
background-color: #404F74;
background-image: -webkit-gradient(linear, left top, left bottom, from(#08082D), to(#404F74));
background-image: -ms-linear-gradient(top, #08082D 0%, #404F74 100%);
background-image: -o-linear-gradient(top, #08082D 0%, #404F74 100%);
background-image: -moz-linear-gradient(top, #08082D 0%, #404F74 100%);
background-image: -webkit-linear-gradient(top, #08082D 0%, #404F74 100%);
background-image: linear-gradient(to bottom, #08082D 0%, #404F74 100%);
-webkit-box-shadow: 0 0 5px #6f9ecc;
box-shadow: 0 0 5px #6f9ecc;
}
@css {
select:hover, select:focus, input[type="number"]:hover, input[type="number"]:focus {
filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#08082D', endColorstr='#404F74', GradientType=0)";
}
}
dd select[multiple] {
height: auto;
}
h2 {
color: #7394E3;
text-shadow: 2px 2px #2D3D65;
}
h3 {
color: var(--font-light-blue);
}
table.table1 .name {
color: var(--font-white);
}
table.table1 td {
color: #e9c4ff;
}
table.table1 tbody tr:hover, table.table1 tbody tr.hover {
background-color: #2D496B;
color: var(--font-white);
}
.table1.responsive.memberlist td div {
background-color: inherit !important;
color: inherit !important;
border: none !important;
margin-left: inherit;
}
.table1.responsive td div {
background-color: var(--dark-red) !important;
color: var(--font-white) !important;
border: 1px solid var(--font-white) !important;
margin-left: 8px;
}
.table1 td.info div {
background-color: transparent !important;
border: 0 none !important;
margin: 0;
}
.table1.responsive td font {
color: var(--font-white);
font-weight: bold;
}
label, dd label, dl.details dt, dl.mini dt {
color: var(--font-white);
}
dl.details dd {
color: #e9c4ff;
}
dl.faq dt {
color: #8cc7ff;
}
.text-strong {
font-weight: bold;
font-size: 103.85%;
}
.icon.icon-red, a:hover .icon.icon-red {
color: var(--bright-red);
-webkit-box-shadow: 0 0 13px 3px #eadada;
box-shadow: 0 0 13px 3px #eadada;
background-color: #eadada80;
}
.post-notice.reported a {
color: var(--bright-red);
-webkit-box-shadow: 5px 0 15px 3px #eadada;
box-shadow: 5px 0 15px 3px #eadada;
border-radius: 8px;
background-color: #fff7f7a1;
padding: 0 5px 0 0
}
li.reported:hover, .reported {
background-color: var(--dark-red) !important
}
.phpbb_alert {
background-color: #273A71;
}
.alert_title {
color: #98bce6;
}
.alert_close .icon::before {
background-color: #20417B;
}
.dropdown {
padding: 0 !important;
-webkit-box-shadow: 0 0 13px #000;
box-shadow: 0 0 13px #000;
}
.jumpbox-cat-link {
background-color: var(--dark-blue);
border-top-color: var(--dark-blue);
color: var(--font-white);
}
.dropdown .dropdown-contents, .dropdown .dropdown-contents .jumpbox-sub-link, .panel-container .panel {
background-color: var(--medium-blue);
}
.dropdown-button-control .dropdown {
top: 33px;
}
.dropdown .pointer {
top: -10px;
}
.dropdown-button-control.dropdown-up .dropdown {
bottom: 33px;
}
.dropdown-up .pointer {
top: auto;
bottom: -11px;
}
.dropdown-extended .header, .dropdown-extended .footer {
color: #a3d5f9;
background-color: #363839;
background-image: -webkit-gradient(linear, left top, left bottom, from(#4D4D4D), to(#1F2326));
background-image: -ms-linear-gradient(top, #4D4D4D 0%, #1F2326 100%);
background-image: -o-linear-gradient(top, #4D4D4D 0%, #1F2326 100%);
background-image: -moz-linear-gradient(top, #4D4D4D 0%, #1F2326 100%);
background-image: -webkit-linear-gradient(top, #4D4D4D 0%, #1F2326 100%);
background-image: linear-gradient(to bottom, #4D4D4D 0%, #1F2326 100%);
text-shadow: 1px 1px 1px #687393;
}
.navbar {
margin-bottom: 5px;
}
.navbar .dropdown {
top: 33px !important;
}
.notification-block:hover, .notification-block:focus, .notification-block:active {
color: #7A22A1;
}
.notification_list p.notification-time {
color: var(--font-white);
}
.notification-block:hover p.notification-time {
color: #000;
}
.logo {
position: relative;
padding: 3px 13px 0 3px;
}
.site_logo {
background-image: url("https://tfgames.site/logocontest/scipioafricanus1.png");
background-size: contain;
display: inline-block;
position: relative;
height: 72px;
width: 205px;
border-radius: 7px;
border: 1px solid #444;
-webkit-box-shadow: 1px 1px 5px 0 var(--font-white);
box-shadow: 1px 1px 5px 0 var(--font-white);
}
.search-header {
-webkit-box-shadow: 1px 1px 5px 0 var(--font-white);
box-shadow: 1px 1px 5px 0 var(--font-white);
}
.forabg {
background-color: #10171b;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2f3132), color-stop(100%, #10171b));
background-image: -ms-linear-gradient(top, #C7D7DE80 0%, #2f313280 2px, #23272980 92px, #10171b80 100%), -ms-linear-gradient(left, var(--font-white) 0%, #2f3132 2px, #232729 92px, #10171b 100%);
background-image: -o-linear-gradient(top, #C7D7DE80 0%, #2f313280 2px, #23272980 92px, #10171b80 100%), -o-linear-gradient(left, var(--font-white) 0%, #2f3132 2px, #232729 92px, #10171b 100%);
background-image: -moz-linear-gradient(top, #C7D7DE80 0%, #2f313280 2px, #23272980 92px, #10171b80 100%), -moz-linear-gradient(left, var(--font-white) 0%, #2f3132 2px, #232729 92px, #10171b 100%);
background-image: -webkit-linear-gradient(top, #C7D7DE80 0%, #2f313280 2px, #23272980 92px, #10171b80 100%), -webkit-linear-gradient(left, var(--font-white) 0%, #2f3132 2px, #232729 92px, #10171b 100%);
background-image: linear-gradient(to bottom, #C7D7DE80 0%, #2f313280 2px, #23272980 92px, #10171b80 100%), linear-gradient(to right, var(--font-white) 0%, #2f3132 2px, #232729 92px, #10171b 100%);
}
.page-body {
max-width: 1600px;
position: -webkit-sticky;
position: sticky;
left: calc(50% - 800px);
}
.headerbar {
color: var(--font-white);
font-size: 15px;
font-style: italic;
}
.headerbar, .forumbg {
background-color: var(--near-black);
background-image: -ms-linear-gradient(left, #dedede80 0%, #0000 3px 100%), -ms-linear-gradient(top, #dedede80 0%, #0000 3px 100%), -ms-linear-gradient(315deg, #dedede80 0%, #0000 5px 100%),
-ms-linear-gradient(right, #0008 0%, #0000 4px 100%), -ms-linear-gradient(bottom, #0008 0%, #0000 4px 100%), -ms-linear-gradient(135deg, #0008 0%, #0000 9px 100%);
background-image: -o-linear-gradient(left, #dedede80 0%, #0000 3px 100%), -o-linear-gradient(top, #dedede80 0%, #0000 3px 100%), -o-linear-gradient(315deg, #dedede80 0%, #0000 8px 100%),
-o-linear-gradient(right, #0008 0%, #0000 4px 100%), -o-linear-gradient(bottom, #0008 0%, #0000 4px 100%), -o-linear-gradient(135deg, #0008 0%, #0000 9px 100%);
background-image: -moz-linear-gradient(left, #dedede80 0%, #0000 3px 100%), -moz-linear-gradient(top, #dedede80 0%, #0000 3px 100%), -moz-linear-gradient(315deg, #dedede80 0%, #0000 8px 100%),
-moz-linear-gradient(right, #00000080 0%, #0000 4px 100%), -moz-linear-gradient(bottom, #00000080 0%, #0000 4px 100%), -moz-linear-gradient(135deg, #00000080 0%, #0000 9px 100%);
background-image: -webkit-linear-gradient(left, #dedede80 0%, #0000 3px 100%), -webkit-linear-gradient(top, #dedede80 0%, #0000 3px 100%), -webkit-linear-gradient(315deg, #dedede80 0%, #0000 8px 100%),
-webkit-linear-gradient(right, #0008 0%, #0000 4px 100%), -webkit-linear-gradient(bottom, #0008 0%, #0000 4px 100%), -webkit-linear-gradient(135deg, #0008 0%, #0000 9px 100%);
background-image: linear-gradient(to right, #dedede80 0%, #0000 3px 100%), linear-gradient(to bottom, #dedede80 0%, #0000 3px 100%), linear-gradient(135deg, #dedede80 0%, #0000 8px 100%),
linear-gradient(to left, #0008 0%, #0000 4px 100%), linear-gradient(to top, #0008 0%, #0000 4px 100%), linear-gradient(315deg, #0008 0%, #0000 9px 100%);
}
.headerbar p {
margin-bottom: 0;
}
#nav-main .icon-profile:nth-of-type(3) a, .dropdown .icon-pointshop {
padding: 0 0 0 5px;
}
.dropdown .icon-pointshop > a {
padding: 5px;
}
#nav-main .icon-profile:nth-of-type(3) a::before, .icon-pointshop a::before {
content: "\f07a";
display: inline-block;
position: relative;
left: -5px;
font-weight: normal;
font-style: normal;
font-variant: normal;
font-family: FontAwesome;
font-size: 14px;
line-height: 1;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: var(--font-light-blue);
}
#nav-main .icon-profile:nth-of-type(3) a:hover::before, #nav-main .icon-profile:nth-of-type(3) a:focus::before, .icon-pointshop a:hover::before, .icon-pointshop a:focus::before {
color: var(--font-purple);
}
#navigation a {
color: #c0d9ef;
background-color: var(--medium-blue);
background: -webkit-linear-gradient(left, #305387 50%, var(--medium-blue) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(50%, #305387), to(var(--medium-blue)));
background: -o-linear-gradient(left, #305387 50%, var(--medium-blue) 100%);
background: linear-gradient(to right, #305387 50%, var(--medium-blue) 100%);
border-bottom-left-radius: 8px;
border-top-left-radius: 8px;
}
@css {
#navigation a {
filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#305387', endColorstr='#1E3F71', GradientType=1)";
}
}
#navigation a:hover {
background-color: #0050C7;
background: -webkit-linear-gradient(left, #0050C7 50%, var(--medium-blue) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(30%, #0050C7), to(var(--medium-blue)));
background: -o-linear-gradient(left, #0050C7 30%, var(--medium-blue) 100%);
background: linear-gradient(to right, #0050C7 30%, var(--medium-blue) 100%);
color: var(--font-white);
text-shadow: 1px 1px #000000;
}
@css {
#navigation a:hover {
filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#0050C7', endColorstr='#1E3F71', GradientType=1)";
}
}
#navigation #active-subsection a {
background-color: var(--font-white);
background: -webkit-linear-gradient(left, var(--font-white) 50%, var(--medium-blue) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(30%, var(--font-white)), to(var(--medium-blue)));
background: -o-linear-gradient(left, var(--font-white) 30%, var(--medium-blue) 100%);
background: linear-gradient(to right, var(--font-white) 30%, var(--medium-blue) 100%);
color: #203142;
text-shadow: 1px 1px var(--font-white);
}
@css {
#navigation #active-subsection a {
filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#d2d8e1', endColorstr='#1E3F71', GradientType=1)";
}
}
#navigation #active-subsection a:hover {
color: #203142;
}
#navigation span {
margin-left: 3px;
}
.fa-home::before {
content: "\f225";
}
.wrap {
background-color: #111;
border-color: var(--font-white);
}
.rules {
background-color: #27080C;
color: var(--light-red);
font-weight: bold;
-webkit-box-shadow: 0 0 13px 3px #F40000;
box-shadow: 0 0 13px 3px #F40000;
}
.panel, .mini-panel, .cp-mini, .cp-main .pm, .navbar {
background-color: var(--medium-blue);
color: var(--font-white);
}
.panel, .mini-panel, .cp-mini, .cp-main .pm, .navbar {
background-image: -ms-linear-gradient(left, #A0BBE480 0%, #0000 3px 100%), -ms-linear-gradient(top, #A0BBE480 0%, #0000 3px 100%), -ms-linear-gradient(315deg, #A0BBE480 0%, #0000 8px 100%),
-ms-linear-gradient(right, #0008 0%, #0000 4px 100%), -ms-linear-gradient(bottom, #0008 0%, #0000 4px 100%), -ms-linear-gradient(135deg, #0008 0%, #0000 9px 100%);
background-image: -o-linear-gradient(left, #A0BBE480 0%, #0000 3px 100%), -o-linear-gradient(top, #A0BBE480 0%, #0000 3px 100%), -o-linear-gradient(315deg, #A0BBE480 0%, #0000 8px 100%),
-o-linear-gradient(right, #0008 0%, #0000 4px 100%), -o-linear-gradient(bottom, #0008 0%, #0000 4px 100%), -o-linear-gradient(135deg, #0008 0%, #0000 9px 100%);
background-image: -moz-linear-gradient(left, #A0BBE480 0%, #0000 3px 100%), -moz-linear-gradient(top, #A0BBE480 0%, #0000 3px 100%), -moz-linear-gradient(315deg, #A0BBE480 0%, #0000 8px 100%),
-moz-linear-gradient(right, #00000080 0%, #0000 4px 100%), -moz-linear-gradient(bottom, #00000080 0%, #0000 4px 100%), -moz-linear-gradient(135deg, #00000080 0%, #0000 9px 100%);
background-image: -webkit-linear-gradient(left, #A0BBE480 0%, #0000 3px 100%), -webkit-linear-gradient(top, #A0BBE480 0%, #0000 3px 100%), -webkit-linear-gradient(315deg, #A0BBE480 0%, #0000 8px 100%),
-webkit-linear-gradient(right, #0008 0%, #0000 4px 100%), -webkit-linear-gradient(bottom, #0008 0%, #0000 4px 100%), -webkit-linear-gradient(135deg, #0008 0%, #0000 9px 100%);
background-image: linear-gradient(to right, #A0BBE480 0%, #0000 3px 100%), linear-gradient(to bottom, #A0BBE480 0%, #0000 3px 100%), linear-gradient(135deg, #A0BBE480 0%, #0000 8px 100%),
linear-gradient(to left, #0008 0%, #0000 4px 100%), linear-gradient(to top, #0008 0%, #0000 4px 100%), linear-gradient(315deg, #0008 0%, #0000 9px 100%);
}
.panel-container table.table1 thead th {
color: var(--font-white);
border-bottom-color: var(--font-white);
}
.panel-container .panel li.header dd, .panel-container .panel li.header dt {
color: var(--font-white);
}
.boardrules-menu li {
border-bottom: 1px solid var(--font-white);
}
#rule-5a {
list-style-type: disc;
}
.postlink {
border-bottom-color: var(--font-blue);
color: var(--font-blue);
}
.postlink:visited {
border-bottom-color: var(--font-light-purple);
color: var(--font-light-purple);
}
.postlink:hover {
color: #082844;
}
.postlink:focus, .postlink:active {
border-bottom-color: #cb88cf;
}
fieldset.polls dl {
color: #ddb3dd;
}
fieldset.polls dl.voted {
color: var(--font-white);
}
.pollbar1 {
background-color: #5999E0;
border-bottom-color: #527193;
border-right-color: #527193;
}
.pollbar2 {
background-color: #9FBFE6;
border-bottom-color: #527193;
border-right-color: #527193;
}
.pollbar3 {
background-color: #CCDEF2;
border-bottom-color: #527193;
border-right-color: #527193;
}
.pollbar5 {
background-color: #A65AD4;
border-bottom-color: #6D2E93;
border-right-color: #6D2E93;
}
fieldset.polls dd div {
color: #10052D;
}
.content {
line-height: 150%;
}
fieldset dl:hover dt label, .content, .content h2, .panel h2 {
color: var(--font-white);
}
.content li {
list-style-position: inside;
}
.content h3 {
display: inline;
}
#main.content {
background-color: #122E57;
background-image: -ms-linear-gradient(left, #A0BBE480 0%, #0000 3px 100%), -ms-linear-gradient(top, #A0BBE480 0%, #0000 3px 100%), -ms-linear-gradient(315deg, #A0BBE480 0%, #0000 8px 100%),
-ms-linear-gradient(right, #0008 0%, #0000 4px 100%), -ms-linear-gradient(bottom, #0008 0%, #0000 4px 100%), -ms-linear-gradient(135deg, #0008 0%, #0000 9px 100%);
background-image: -o-linear-gradient(left, #A0BBE480 0%, #0000 3px 100%), -o-linear-gradient(top, #A0BBE480 0%, #0000 3px 100%), -o-linear-gradient(315deg, #A0BBE480 0%, #0000 8px 100%),
-o-linear-gradient(right, #0008 0%, #0000 4px 100%), -o-linear-gradient(bottom, #0008 0%, #0000 4px 100%), -o-linear-gradient(135deg, #0008 0%, #0000 9px 100%);
background-image: -moz-linear-gradient(left, #A0BBE480 0%, #0000 3px 100%), -moz-linear-gradient(top, #A0BBE480 0%, #0000 3px 100%), -moz-linear-gradient(315deg, #A0BBE480 0%, #0000 8px 100%),
-moz-linear-gradient(right, #00000080 0%, #0000 4px 100%), -moz-linear-gradient(bottom, #00000080 0%, #0000 4px 100%), -moz-linear-gradient(135deg, #00000080 0%, #0000 9px 100%);
background-image: -webkit-linear-gradient(left, #A0BBE480 0%, #0000 3px 100%), -webkit-linear-gradient(top, #A0BBE480 0%, #0000 3px 100%), -webkit-linear-gradient(315deg, #A0BBE480 0%, #0000 8px 100%),
-webkit-linear-gradient(right, #0008 0%, #0000 4px 100%), -webkit-linear-gradient(bottom, #0008 0%, #0000 4px 100%), -webkit-linear-gradient(135deg, #0008 0%, #0000 9px 100%);
background-image: linear-gradient(to right, #A0BBE480 0%, #0000 3px 100%), linear-gradient(to bottom, #A0BBE480 0%, #0000 3px 100%), linear-gradient(135deg, #A0BBE480 0%, #0000 8px 100%),
linear-gradient(to left, #0008 0%, #0000 4px 100%), linear-gradient(to top, #0008 0%, #0000 4px 100%), linear-gradient(315deg, #0008 0%, #0000 9px 100%);
padding: 20px;
margin-bottom: 4px;
border-radius: 7px;
}
.current {
color: #d6bbfe !important;
}
.highlight {
position: relative;
left: -6px;
padding: 6px 6px 5px 6px;
border-radius: 5px;
}
.highlight h3 {
color: #BC2A4D;
}
ul.forums {
background-color: #193950;
background-image: -webkit-gradient(linear, left top, left bottom, from(var(--dark-blue)), to(var(--medium-blue)));
background-image: -ms-linear-gradient(top, var(--dark-blue) 0%, var(--medium-blue) 100%);
background-image: -o-linear-gradient(top, var(--dark-blue) 0%, var(--medium-blue) 100%);
background-image: -moz-linear-gradient(top, var(--dark-blue) 0%, var(--medium-blue) 100%);
background-image: -webkit-linear-gradient(top, var(--dark-blue) 0%, var(--medium-blue) 100%);
background-image: linear-gradient(to bottom, var(--dark-blue) 0%, var(--medium-blue) 100%);
}
li.row {
border-top-color: #3C6D84;
border-bottom-color: #1E4E65;
}
li.row strong {
color: var(--font-white);
font-weight: bold;
}
li.row:hover {
background-color: #47265C;
}
.topiclist:last-of-type {
border-bottom: 1px solid;
}
.forabg .topiclist:last-of-type {
border-bottom-color: #1E4E65;
}
.forumbg .topiclist:last-of-type {
border-bottom-color: #3C6D84;
}
ul.topiclist li {
color: var(--font-white);
}
ul.topiclist dd {
border-left-color: #3C6D84;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
ul.topiclist li.row dd {
padding: inherit;
margin-bottom: inherit;
}
.row.bg1 dl, .row.bg2 dl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.topics, .posts, .mark, .views {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.mark input {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
margin-left: 4px;
}
dd.mark {
margin-left: 15px;
}
dd.info {
padding-left: 10px !important;
margin-right: 30px !important;
}
dd.info span {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
dd.recipients {
padding-top: 5px;
padding-left: 3px;
}
fieldset.fields1 ul.recipients input.button2 {
min-width: 15px;
}
#topic_preview::before {
background-color: #192f6e;
}
#topic_preview {
background-color: #192f6e;
-webkit-box-shadow: 2px 2px 8px #000c;
box-shadow: 2px 2px 8px #000c;
color: #c2e3ff;
}
#topic_preview.invert::after {
background-color: #192f6e;
}
.bg1 {
background-color: #2F133C;
}
.bg2 {
background-color: var(--dark-blue);
}
.bg3 {
background-color: #0B2338;
background-image: -webkit-gradient(linear, left top, left bottom, from(var(--dark-blue)), color-stop(50%, var(--medium-blue)), to(var(--dark-blue)));
background-image: -ms-linear-gradient(top, var(--dark-blue) 0%, var(--medium-blue) 50%, var(--dark-blue) 100%);
background-image: -o-linear-gradient(top, var(--dark-blue) 0%, var(--medium-blue) 50%, var(--dark-blue) 100%);
background-image: -moz-linear-gradient(top, var(--dark-blue) 0%, var(--medium-blue) 50%, var(--dark-blue) 100%);
background-image: -webkit-linear-gradient(top, var(--dark-blue) 0%, var(--medium-blue) 50%, var(--dark-blue) 100%);
background-image: linear-gradient(to bottom, var(--dark-blue) 0%, var(--medium-blue) 50%, var(--dark-blue) 100%);
border: 1px solid #8D939E;
margin: 1px;
}
.big-column td {
background-color: var(--very-dark-blue);
color: var(--font-white) !important;
font-weight: bold;
}
.wrap > .panel.bg3 {
min-height: 80px;
}
.bg3 img {
margin: 4px;
}
.panel.bg3 center a, .panel.bg3 center a img {
max-width: 100%;
}
.tabs .tab > a {
background-color: #BACCD9;
background-image: -webkit-gradient(linear, left top, left bottom, from(#8D939E), to(#E2F2FF));
background-image: -webkit-linear-gradient(top, #8D939E 0%, #E2F2FF 100%);
background-image: -o-linear-gradient(top, #8D939E 0%, #E2F2FF 100%);
background-image: linear-gradient(to bottom, #8D939E 0%, #E2F2FF 100%);
color: #0e3780;
text-shadow: 1px 1px #eaf2ff;
}
.tabs .tab > a:hover {
background-color: #DDEDFB;
background-image: -webkit-gradient(linear, left top, left bottom, from(#E2F2FF), to(#8D939E));
background-image: -webkit-linear-gradient(top, #E2F2FF 0%, #8D939E 100%);
background-image: -o-linear-gradient(top, #E2F2FF 0%, #8D939E 100%);
background-image: linear-gradient(to bottom, #E2F2FF 0%, #8D939E 100%);
color: #D31141;
text-shadow: 1px 1px #e0e0e0;
border-bottom: 1px solid #495662;
}
.tabs .activetab > a, .tabs .activetab > a:hover {
background-color: #8D939E;
background-image: -webkit-gradient(linear, left top, left bottom, from(#E2F2FF), to(#8D939E));
background-image: -webkit-linear-gradient(top, #E2F2FF 0%, #8D939E 100%);
background-image: -o-linear-gradient(top, #E2F2FF 0%, #8D939E 100%);
background-image: linear-gradient(to bottom, #E2F2FF 0%, #8D939E 100%);
border-bottom-color: #8D939E;
}
.tabs .activetab > a {
color: #203142;
text-shadow: 1px 1px #e0e0e0;
}
.tabs .activetab > a:hover {
color: var(--font-white);
text-shadow: -1px -1px #7e8084;
}
.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
border-left-color: #ecd13c;
border-right-color: #ecd13c;
}
.pmlist li.pm_marked_colour, .pm_marked_colour {
border-color: #FF7E20 !important;
}
.pmlist li.pm_replied_colour, .pm_replied_colour {
border-color: #32F92D !important;
}
.pmlist li.pm_friend_colour, .pm_friend_colour {
border-color: #E600FF !important;
}
.pmlist li.pm_foe_colour, .pm_foe_colour {
border-color: #c91414 !important;
}
.postbody {
color: var(--font-light-purple);
}
.postbody img.postimage {
-webkit-box-shadow: none;
box-shadow: none;
max-width: calc(100% - 20px);
border-radius: unset;
margin: 10px !important;
background-color: unset;
border: none;
}
.post:target .content {
color: #e9e9e9;
}
.post:target h3 a {
color: #98bed2;
}
.post h3 a.first-unread, .post:target h3 a {
color: var(--font-purple);
text-shadow: 1px 1px 1px black, -1px -1px 1px black, 0 0 9px white;
}
.posthilit {
background-color: #EABFF3;
color: #61186D;
}
.postbody .content::-webkit-scrollbar, .topicreview::-webkit-scrollbar, .post_details::-webkit-scrollbar, .codebox code::-webkit-scrollbar, .attachbox dd::-webkit-scrollbar, .attach-image::-webkit-scrollbar, .dropdown-extended ul::-webkit-scrollbar {
background: rgba(228, 228, 255, 0.2);
}
.postbody .content::-webkit-scrollbar-thumb, .topicreview::-webkit-scrollbar-thumb, .post_details::-webkit-scrollbar-thumb, .attachbox dd::-webkit-scrollbar-thumb, .attach-image::-webkit-scrollbar-thumb, .dropdown-extended ul::-webkit-scrollbar-thumb {
background: rgba(228, 228, 255, 0.4);
}
#post_details {
overflow-y: auto;
}
.codebox {
background-color: var(--dark-green);
border-color: var(--medium-green);
}
.codebox p {
border-bottom-color: var(--medium-green);
}
.codebox code {
color: var(--font-green);
}
.codebox code::-webkit-scrollbar-corner {
border-style: solid;
border-color: var(--medium-green) transparent transparent var(--medium-green);
border-width: 2px;
}
.codebox code::-webkit-scrollbar-thumb {
background: var(--medium-green);
}
.signature a {
color: #91CDFF;
}
.signature a:hover {
color: #CBE2F6;
}
.postprofile {
color: #c7cff2;
border-color: #ECCECE;
}
/* Avatar to the right. - Start */
.postprofile .avatar img {
max-width: 190px;
}
.postprofile .avatar {
/* margin-right: 25px; */
margin-right: 5px;
}
.postprofile .has-avatar .avatar-container {
float: left;
}
/* Avatar to the right. - End */
.postprofile strong {
color: #f0e0e0;
font-weight: bold;
}
.postprofile .quotecontent center {
display: inline-block;
}
.postprofile .avatar img, .quotecontent img.avatar, .bg1 center > img, .bg2 center > img, .cp-main .panel center > img {
border: 2px solid #000;
border-radius: 10px;
-webkit-box-shadow: 0 0 13px 3px #9e299d;
box-shadow: 0 0 13px 3px #9e299d;
margin: 13px;
background-color: #502759;
}
.header-avatar .avatar {
-webkit-box-shadow: none !important;
box-shadow: none !important;
border: none !important;
border-radius: 0;
}
.bg1 img, .bg2 img {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
-webkit-box-shadow: none;
box-shadow: none;
border-width: 0;
border-radius: 0;
margin: 5px;
}
dd.posts {
min-width: 58px;
padding: 0 3px !important;
}
@media (max-width: 700px) {
.forabg .list-inner {
width: calc(100% - 310px);
}
dl.row-item dt, dl.row-item dd {
min-height: inherit;
}
ul.topiclist.forums dd.topics dfn, ul.topiclist.topics dd.posts dfn {
display: contents;
}
.postprofile .avatar {
margin-right: 10px;
}
.postprofile .avatar img {
margin: 0;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
min-height: 70px;
}
.postprofile > div {
margin: 0 !important;
}
}
img.avatar, .list-inner img {
border: 0.5px solid #000;
border-radius: 10px;
background-color: #502759;
-webkit-box-shadow: 0 0 8px 2px #9e299d;
box-shadow: 0 0 8px 2px #9e299d;
}
.notification_list .list-inner.with-mark {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.notification_list div.notifications {
margin-left: 0;
}
.quotecontent {
position: relative;
left: -13px;
}
.arrow-left .icon-black {
color: var(--font-white);
}
.cp-mini {
background-color: var(--medium-blue);
max-height: 475px;
padding: 12px;
}
.mini-panel {
background-color: var(--medium-blue);
position: relative;
top: 17px;
}
.mini-panel h3 {
color: var(--font-white);
}
.pmbars-normal-bar {
background-color: #a4289e;
}
.back2top {
position: relative;
top: -2px;
left: -6px;
}
.top .icon-gray {
color: #DBBBEC;
}
.message-box textarea {
color: var(--font-white);
}
#search .message-box textarea {
outline: unset;
}
.inputbox, #search_forum {
background-color: black !important;
color: var(--font-white);
border: 3px var(--bevel-blue) inset;
border-radius: 5px;
}
.inputbox:hover, .inputbox:focus {
border: #B8CAFE inset 3px;
}
#search .inputbox:hover, #search .inputbox:focus {
border: unset;
}
#search fieldset {
font-style: normal;
}
#search fieldset:hover, #search fieldset:focus, #search fieldset:focus-within {
-webkit-box-shadow: 0 0 5px #ABABAB;
box-shadow: 0 0 5px #ABABAB;
-webkit-transition: ease-in-out box-shadow 0.2s;
-o-transition: ease-in-out box-shadow 0.2s;
transition: ease-in-out box-shadow 0.2s;
}
#search_forum {
height: auto;
background-image: none;
}
#search_forum:hover, #search_forum:focus {
text-shadow: none;
}
#search_forum option {
color: var(--font-white);
}
#search_forum option:checked:not(*:root) { /* Hack to trigger this only in Chrome/Opera/Safari/Android */
color: var(--near-black);
background: -webkit-gradient(linear, left bottom, left top, from(var(--font-light-blue)), to(var(--font-light-blue)));
background: -o-linear-gradient(bottom, var(--font-light-blue), var(--font-light-blue));
background: linear-gradient(0deg, var(--font-light-blue), var(--font-light-blue))
}
select#search_forum:focus option:checked {
background: -webkit-gradient(linear, left bottom, left top, from(var(--medium-blue)), to(var(--medium-blue)));
background: -o-linear-gradient(bottom, var(--medium-blue), var(--medium-blue));
background: linear-gradient(0deg, var(--medium-blue), var(--medium-blue));
}
.button {
background-image: -webkit-gradient(linear, left top, left bottom, from(#404F74), to(#08082D)) !important;
background-image: -webkit-linear-gradient(top, #404F74 0%, #08082D 100%) !important;
background-image: -o-linear-gradient(top, #404F74 0%, #08082D 100%) !important;
background-image: linear-gradient(to bottom, #404F74 0%, #08082D 100%) !important;
color: #c4d9fb !important;
border-color: #303e54 !important;
border-radius: 5px !important;
background-color: #2B3859 !important;
-webkit-box-shadow: 0 0 0 1px #152B4D inset !important;
box-shadow: 0 0 0 1px #152B4D inset !important;
}
@css {
.button {
filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#404F74', endColorstr='#08082D', GradientType=0) !important";
}
}
.button:hover, .button:focus, .active, .active span {
border-color: #65A4C3 !important;
background-color: #2B3859 !important;
background-image: -webkit-gradient(linear, left top, left bottom, from(#08082D), to(#404F74)) !important;
background-image: -webkit-linear-gradient(top, #08082D 0%, #404F74 100%) !important;
background-image: -o-linear-gradient(top, #08082D 0%, #404F74 100%) !important;
background-image: linear-gradient(to bottom, #08082D 0%, #404F74 100%) !important;
border-radius: 5px !important;
text-shadow: 1px 1px 0 #4B91CC, -1px -1px 0 #000206 !important;
-webkit-box-shadow: 0 0 5px #6f9ecc !important;
box-shadow: 0 0 5px #6f9ecc !important;
}
@css {
.button:hover, .button:focus, .active, .active span {
filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#08082D', endColorstr='#404F74', GradientType=0) !important";
}
}
.pagination li a:hover, .pagination li a:focus, .pagination li a:hover .icon, .pagination li a:focus .icon {
background-image: -webkit-gradient(linear, left top, left bottom, from(#08082D), to(#404F74)) !important;
background-image: -webkit-linear-gradient(top, #08082D 0%, #404F74 100%) !important;
background-image: -o-linear-gradient(top, #08082D 0%, #404F74 100%) !important;
background-image: linear-gradient(to bottom, #08082D 0%, #404F74 100%) !important;
color: var(--font-white) !important;
}
@css {
.pagination li a:hover, .pagination li a:focus, .pagination li a:hover .icon, .pagination li a:focus .icon {
filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#08082D', endColorstr='#404F74', GradientType=0) !important";
}
}
.pagination > span {
display: none;
}
.pagination li.ellipsis span {
color: var(--font-white);
}
.button .icon, .button-secondary {
color: #c4d9fb;
}
.button-secondary:focus, .button-secondary:hover, .button:focus .icon, .button:hover .icon {
color: var(--font-white) !important;
}
#search .button {
background-image: -webkit-gradient(linear, left top, left bottom, from(#5F5F5F), to(#202020)) !important;
background-image: -webkit-linear-gradient(top, #5F5F5F 0%, #202020 100%) !important;
background-image: -o-linear-gradient(top, #5F5F5F 0%, #202020 100%) !important;
background-image: linear-gradient(to bottom, #5F5F5F 0%, #202020 100%) !important;
border-color: #3a3a3b !important;
border-width: 1px;
background-color: #5D5D5D !important;
-webkit-box-shadow: 0 0 0 1px #232323 inset !important;
box-shadow: 0 0 0 1px #232323 inset !important;
color: var(--font-white) !important;
}
@css {
#search .button {
filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#5F5F5F', endColorstr='#202020', GradientType=0) !important";
}
}
#search .button:hover, #search .button:focus {
border-color: #A1A1A1 !important;
background-color: #414141 !important;
background-image: -webkit-gradient(linear, left top, left bottom, from(#202020), to(#5F5F5F)) !important;
background-image: -webkit-linear-gradient(top, #202020 0%, #5F5F5F 100%) !important;
background-image: -o-linear-gradient(top, #202020 0%, #5F5F5F 100%) !important;
background-image: linear-gradient(to bottom, #202020 0%, #5F5F5F 100%) !important;
text-shadow: 1px 1px 0 #A2A2A2, -1px -1px 0 #050505 !important;
-webkit-box-shadow: 0 0 5px #d1d1d1 !important;
box-shadow: 0 0 5px #d1d1d1 !important;
}
@css {
#search .button:hover, #search .button:focus {
filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#202020', endColorstr='#5F5F5F', GradientType=0) !important";
}
}
#search .button .icon {
color: var(--font-white) !important;
}
.search-box .inputbox, .search-box .inputbox:hover, .search-box .inputbox:focus {
border-color: #565684 !important;
}
.search-box #search_keywords:hover, .search-box #search_keywords:focus, .search-box #add_keywords:hover, .search-box #add_keywords:focus {
border: #65A4C3 1px solid !important;
-webkit-box-shadow: 0 0 8px #6f9ecc !important;
box-shadow: 0 0 8px #6f9ecc !important;
padding: 5px;
}
.action-bar .button {
border-width: 1px;
}
.post-buttons .button, .format-buttons .button {
padding: 2px 4px;
}
.bg1 .smilies, .bg2 .smilies, .inner .smilies, .smiley-box a img {
margin: 0 !important;
border-width: 0;
border-radius: 0;
border-radius: 10px;
padding: 1px 1px 0 1px;
background-color: var(--font-white);
}
.smiley-box a img {
margin: 4px 1px !important;
}
.badge {
-webkit-animation: pulsing-glow 1s linear infinite alternate;
animation: pulsing-glow 1s linear infinite alternate;
}
@-webkit-keyframes pulsing-glow {
0% {
-webkit-box-shadow: 0 0 20px rgb(255, 84, 84), inset 0 0 10px rgb(251, 78, 78);
box-shadow: 0 0 20px rgb(255, 84, 84), inset 0 0 10px rgb(251, 78, 78);
}
100% {
-webkit-box-shadow: 0 0 5px rgba(255, 255, 255, 0), inset 0 0 5px rgb(26, 3, 3);
box-shadow: 0 0 5px rgba(255, 255, 255, 0), inset 0 0 5px rgb(26, 3, 3);
}
}
@keyframes pulsing-glow {
0% {
-webkit-box-shadow: 0 0 20px rgb(255, 84, 84), inset 0 0 10px rgb(251, 78, 78);
box-shadow: 0 0 20px rgb(255, 84, 84), inset 0 0 10px rgb(251, 78, 78);
}
100% {
-webkit-box-shadow: 0 0 5px rgba(255, 255, 255, 0), inset 0 0 5px rgb(26, 3, 3);
box-shadow: 0 0 5px rgba(255, 255, 255, 0), inset 0 0 5px rgb(26, 3, 3);
}
}
.minitabs .tab > a {
background-color: var(--medium-blue);
border-color: var(--bevel-blue);
border-width: 2px;
border-style: outset outset none outset;
}
.minitabs .tab.activetab > a {
background-color: var(--font-light-blue);
}
#acp .panel {
border: none;
border-radius: 8px;
}
#errorpage #content div {
color:#C4C4C4;
}
.copyright {
color: #a2a2a5;
}
}
