Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

Jak zmienic tlo strony

Założony przez  sto0rm.

23.02.2013, 11:02
#1
wersja skryptu MyBB:1.6.9
adres forum:nie wazne
na czym polega problem (screen, opis, komunikaty):

Mam orginalny styl imperial ... Chce zmienic tlo strony na czarne. Jak to zrobic?
RadnoK napisał 23.02.2013, 14:30:
Problem dotyczy stylu, a nie skryptu.
[Obrazek: modnotice_howto.png]
23.02.2013, 11:03
#2
Zmień body w global.css

https://webboard.pl/wiki.php?przewodnik-...-mybb.html
23.02.2013, 11:50
#3
nie mam global.css mam same global.php i global lang i w zadnym nie ma body :(
23.02.2013, 12:06
#4
global.css jest w szablonach i stylach twojego styu w panelu administratora
23.02.2013, 12:27 (Ten post był ostatnio modyfikowany: 23.02.2013, 12:35 przez sto0rm.)
#5
ok zmienilem lecz pol strony jest czarna a pol nie ;/ da sie zrobic by cale tlo bylo czarne?


pozmienialem kazdy background na black i teraz jest wszystko biale :( moze ktos mi ustawic ten global.css?
23.02.2013, 12:30
#6
Używałeś kodów hex czy tak po prostu wpisałeś "black"?
23.02.2013, 12:33 (Ten post był ostatnio modyfikowany: 23.02.2013, 12:34 przez sto0rm.)
#7
wpisywalem black nie znam sie na tym witryna to www.tpi-forum.tk

dopiero poznaje mybb :)
23.02.2013, 12:36 (Ten post był ostatnio modyfikowany: 23.02.2013, 12:38 przez Sepowaty.)
#8
W internecie jest pełno poradników o HTMLu.

Paletę kolorów z kodami masz tutaj:

http://www.w3schools.com/tags/ref_colorm...top=FFFFFF

Czarny to #000000
23.02.2013, 12:40 (Ten post był ostatnio modyfikowany: 23.02.2013, 12:46 przez sto0rm.)
#9
i zamiast black wpisywac te zera?


moglbym wstawic tu kod global.css i poddac sie ocenie jak bardzo zwalilem sprawe?
23.02.2013, 13:11
#10
pokaż body z global.css
Jeśli Ci pomogłem naciśnij guzik POMÓGŁ lub dodaj PUNKT REPUTACJI
23.02.2013, 13:54
#11
/* PIXELMONKEY Presents
Imperial for myb
version : 1
Author : t_virus
Web : http://pixelmonkey.co
##based on the MonkeyFramework for mybb system##
Description : The imperial theme is the first theme based on the Monkey Framework. This theme provides a simple, modern and elegant environment for your forum. This theme makes of CSS3 and jquery for some smooth effects.

You are NOT allowed to redistribute this theme in any way under andy circumstances
*/
@import url(./fonts/lato.css);
/* Safari and Chrome */
@
keyframes "useravatar" {
0% {
    -webkit-transform: rotate(0deg);
       -moz-transform: rotate(0deg);
       -o-transform: rotate(0deg);
       -ms-transform: rotate(0deg);
       transform: rotate(0deg);
}

100% {
    -webkit-transform: rotate(-360deg);
       -moz-transform: rotate(-360deg);
       -o-transform: rotate(-360deg);
       -ms-transform: rotate(-360deg);
       transform: rotate(-360deg);
}


}

@
-moz-keyframes useravatar {
0% {
   -moz-transform: rotate(0deg);
   transform: rotate(0deg);
}

100% {
   -moz-transform: rotate(-360deg);
   transform: rotate(-360deg);
}


}

@
-webkit-keyframes "useravatar" {
0% {
   -webkit-transform: rotate(0deg);
   transform: rotate(0deg);
}

100% {
   -webkit-transform: rotate(-360deg);
   transform: rotate(-360deg);
}


}

@
-ms-keyframes "useravatar" {
0% {
   -ms-transform: rotate(0deg);
   transform: rotate(0deg);
}

100% {
   -ms-transform: rotate(-360deg);
   transform: rotate(-360deg);
}


}

a:link {
    text-decoration: none;
    color: #black;
}

.right {
    float: right;
}

/* Starts here */
.collapsibleContainer {
    border: solid 1px #9BB5C1;
}

.users_browsing {
padding: 4px 10px;
position: relative;
top: -10px;
background: #black;
border: 1px solid #AEDB74;
color: black;
border-radius: 2px;
display:inline-block;
float:left;
}

.collapsibleContainerTitle {
    cursor:pointer;
}

.collapsibleContainerTitle div {
    padding-top:5px;
    padding-left:10px;
    background-color:#black;
    color:#607882;
}

.collapsibleContainerContent {
    padding: 10px;
}

/* ENDS HERE */
.left {
    float: left;
}

a:hover {
    color: #3d5755;
    text-decoration: none;
}

a:active {
    text-decoration: none;
    color: black;
}

/* login box */
#mask {
    position: absolute;
    z-index: 9000;
    background-color: #black;
    display: none;
}

#boxes .window {
    position: absolute;
    width: 600px;
    height: 220px;
    display: none;
    z-index: 9999;
    padding: 10px;
}

.loginbox_content {
    background: #black;
    height: 100%;
    width: 100%;
}

.loginbox_content label {
    font-size: 13px;
    font-weight: bold;
    color: #666;
}

.loginbox_head {
    background: #black url(images/imperial/highlight.png) repeat-x 0 0;
    display: inline-block;
    height: 35px;
    vertical-align: middle;
    line-height: 35px;
    border-bottom: 1px solid #DDD;
    width: 100%;
}

.loginbox_head strong {
    float: left;
    margin-left: 10px;
    font-size: 16px;
    font-size: 16px;
}

.loginbox_head span {
    float: right;
    color: white;
    margin-right: 10px;
}

.loginbox_head span a {
    color: #fff;
    background: #black;
    width: 15px;
    display: inline-block;
    height: 16px;
    line-height: 14px;
    text-align: center;
    border: 1px solid #777;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-weight: bolder;
}

.loginbox_head span a:hover {
    color: white;
    background: #black;
}

#loginbox input[type="text"]:focus,#loginbutton_menu input[type="password"]:focus,#quick_login_password:focus {
    background: black;
    border: 1px solid #bbb;
}

#loginbox input[type="text"],#loginbutton_menu input[type="password"],#quick_login_password {
    border: 1px solid #ccc;
    font-size: 13px;
    margin: 0 0 5px;
    background: #black;
    padding: 5px;

    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s;
    margin-top: 5px;
    width: 260px;

    -webkit-box-shadow: inset 0px 2px 5px #f0f0f0;
    -moz-box-shadow: inset 0px 2px 5px #f0f0f0;
    box-shadow: inset 0px 2px 5px #f0f0f0;
}

.loginbox_submit {
    padding-left: 16px;
}

.loginbox_submit_button {
    float: right;
    margin-top: -20px;
    margin-right: 16px;
}

.loginbox_submit_button input {
    background: #black url(images/imperial/highlight.png) repeat-x;
    color: white;
    padding: 10px 50px;
    border: 1px solid #555;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;

    -webkit-box-shadow: inset 0px 0px 2px #ccc;
    -moz-box-shadow: inset 0px 0px 2px #ccc;
    box-shadow: inset 0px 0px 2px #ccc;

    -webkit-transition: 0.5s,box-shadow 0s;
    -moz-transition: 0.5s,box-shadow 0s;
    -o-transition: 0.5s,box-shadow 0s;
    -ms-transition: 0.5s,box-shadow 0s;
    transition: 0.5s,box-shadow 0s;
}

.loginbox_submit_button input:hover {
    background: #black url(images/imperial/highlight.png) repeat-x;
}

.loginbox_submit_button input:active {
    -webkit-box-shadow: inset 1px 1px 9px #111 !important;
    -moz-box-shadow: inset 1px 1px 9px #111 !important;
    box-shadow: inset 1px 1px 9px #111 !important;
}

.loginbox_username {
    width: 250px;
    float: left;
    margin-top: 10px;
    padding: 10px 20px;
}

.loginbox_password {
    float: right;
    width: 250px;
    margin-top: 10px;
    padding: 10px 40px 10px 0px;
}

#boxes #loginbox {
    width: 600px;
    height: 180px;
    position: fixed;

    -webkit-box-shadow: 0px 0px 20px #222;
    -moz-box-shadow: 0px 0px 20px #222;
    box-shadow: 0px 0px 20px #222;
    background: url(images/imperial/trans.png) repeat;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    top: 110px !important;
    margin: auto;
    left: 25% !important;
}

/* basic reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

:focus {
    outline: 0;
}

.threadlist_row {
    background: black;

    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;
}

.threadlist_row:hover {
    background: #black;
}

strong {
    font-weight: bold;
}

body {
    line-height: 1;
    font-family: tahoma,arial;
    background: #black;
    font-size: 11px;
}

ol,ul {
    list-style: none;
}

table {
    /* tables still need 'cellspacing="0"' in the markup */
border-collapse: separate;
    border-spacing: 0;
}

caption,th,td {
    font-weight: normal;
    text-align: left;
    font-family: tahoma;
    font-size: 12px;
    line-height: 1.5;
}

blockquote:before,blockquote:after,q:before,q:after {
    content: "";
}

blockquote,q {
    quotes: "" "";
}

a img {
    border: 0;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block;
}

/* Breadcrumb */
.nav_rightlinks {
    color: #757575 !important;
    margin-right: 10px;
}

.nav_rightlinks:hover {
    color: #444 !important;
}

#breadcrumb {
    font-family: lato,tahoma;
    background: #black url(images/imperial/navbg.png) repeat-x 0 0;
    display: block;
    height: 37px;
    line-height: 37px;
    width: 90%;
    margin: auto;
    border: 1px solid #ccc;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    top: -7px;
    font-size: 11px;
}

#breadcrumb ol li {
    float: left;
    display: inline-block;
    margin: 0 3px;

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}

#breadcrumb ol li a {
    color: #757575;
    text-shadow: 1px -1px 1px #eee;
    padding-left: 12px;
    background: url(images/imperial/navcrumbbg.png) no-repeat 0 0;
    display: block;
    outline: none;
    text-decoration: none;
    margin-left: -15px;
}

#breadcrumb ol li:first-child {
    width: 30px;
    margin-left: 15px;
}

#breadcrumb ol li a img {
    display: none;
}

#breadcrumb_list li:first-child:hover img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

#breadcrumb_list li:first-child a {
    background: url(images/imperial/navcrumbbg.png) right top !important;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    width: 35px;
    height: 37px;
}

#breadcrumb_list li:first-child a:hover {
    background-position: 100% -43px !important;
}

#breadcrumb_list li:first-child a img {
    display: block;
    position: relative;
    max-width: 25px;
    right: 6px;
    top: 4px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    opacity: 0.5;
}

#breadcrumb_list li:first-child a div {
    display: none;
}

#breadcrumb_list li:last-child span {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: black;
}

#breadcrumb_list li:first-child span:hover {
    background-position: 100% -43px !important;
}

#breadcrumb_list li:last-child a {
    font-family: lato;
    font-weight: bold;
    color: #555;
    font-size: 12px;
    background: black;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#breadcrumb li:hover a {
    background-position: 0 -43px;
    color: #444;
}

#breadcrumb li:active a {
    color: #666;
    text-shadow: none;
    background-position: 0 -86px;
}

#breadcrumb ol li a span {
    background: url(images/imperial/navcrumbbg.png) right top;
    display: block;
    padding-left: 4px;
    padding-right: 12px;
}

#breadcrumb li:hover span {
    background-position: 100% -43px;
}

#breadcrumb li:active span {
    background-position: 100% -86px;
}

/* TipTip CSS -Version 1.2 */
#tiptip_holder {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99999;
}

#tiptip_holder.tip_top {
    padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
    padding-top: 5px;
}

#tiptip_holder.tip_right {
    padding-left: 5px;
}

#tiptip_holder.tip_left {
    padding-right: 5px;
}

#tiptip_content {
    font-size: 11px;
    color: #fff;
    text-shadow: 0 0 2px #000;
    padding: 4px 8px;
    border: 1px solid rgba(255,255,255,0.25);
    background-color: rgb(25,25,25);
    background-color: rgba(25,25,25,0.92);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    -webkit-box-shadow: 0 0 3px #555;
    -moz-box-shadow: 0 0 3px #555;
    box-shadow: 0 0 3px #555;
}

#tiptip_arrow,#tiptip_arrow_inner {
    position: absolute;
    border-color: transparent;
    border-style: solid;
    border-width: 6px;
    height: 0;
    width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
    border-top-color: #fff;
    border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
    border-bottom-color: #fff;
    border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
    border-right-color: #fff;
    border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
    border-left-color: #fff;
    border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
    margin-top: -7px;
    margin-left: -6px;
    border-top-color: rgb(25,25,25);
    border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
    margin-top: -5px;
    margin-left: -6px;
    border-bottom-color: rgb(25,25,25);
    border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
    margin-top: -6px;
    margin-left: -5px;
    border-right-color: rgb(25,25,25);
    border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
    margin-top: -6px;
    margin-left: -7px;
    border-left-color: rgb(25,25,25);
    border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@
media screen and (-webkit-min-device-pixel-ratio:0) {
#tiptip_content {
    padding: 4px 8px 5px 8px;
    background-color: rgba(45,45,45,0.88);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
    border-bottom-color: rgba(45,45,45,0.88);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
    border-top-color: rgba(20,20,20,0.92);
}


}

.backtotop {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    opacity: 0.4;

    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s;
    position: absolute;
    top: 22px;
    right: 50%;
}

.backtotop:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

/* here we go */
a:visited {
    color: #527573;
    text-decoration: none;
}

.float_left {
    float: left;
}

.float_right {
    float: right;
}

#main_wrapper {
    font-family: tahoma;
    font-size: 13px;
    color: #555;
}

#content {
    width: 90%;
    margin: auto;
    min-width: 960px;
    line-height: 1.3;
}

#header {
    width: 90%;
    min-width: 960px;
    min-height: 90px;
    color: #DDD;
    margin: auto;
    border: 1px solid #444;

    -webkit-border-radius: 0 0 8px 8px;
    -moz-border-radius: 0 0 8px 8px;
    border-radius: 0 0 8px 8px;
    background: url(images/imperial/head_bg.png);

    -webkit-box-shadow: inset 0px 0px 2px #ccc;
    -moz-box-shadow: inset 0px 0px 2px #ccc;
    box-shadow: inset 0px 0px 2px #ccc;
}

#footer {
    background: #black url(images/imperial/footer_bg2.png);
    width: 90%;
    margin: 1px auto 30px;
    border: 1px solid #ccc;
    min-height: 80px;
    color: #666;
    text-shadow: 1px 1px 1px white;
    font-size: 12px;

    -webkit-box-shadow: 1px 1px 5px #e8e8e8,inset 0px 0px 2px white;
    -moz-box-shadow: 1px 1px 5px #e8e8e8,inset 0px 0px 2px white;
    box-shadow: 1px 1px 5px #e8e8e8,inset 0px 0px 2px white;
    position: relative;
}

#header a {
color:white;
}

#header a:visited {
    color: #ddd;
    text-decoration: none;
}

#header a:hover {
    color: #fff;
    text-decoration: none;
}

#branding {
    float: left;
}

#logo {
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s;
    position: relative;
    top: -13px;
    opacity: 1;
}

#logo:hover {
    opacity: 0.7;
    left: 20px;
}

#header_right {
    float: right;
}

#user_panel {
    padding: 5px;
    text-align: right;
    position: relative;
    right: 3px;
    top: 20px;
}

#primary_nav {
    display: block;
    background: #black;
    min-height: 35px;
    border: 1px solid #333;
    position: relative;
    right: 0px;

    -webkit-box-shadow: inset 1px 0px 6px #333;
    -moz-box-shadow: inset 1px 0px 6px #333;
    box-shadow: inset 1px 0px 6px #333;
    top: 17px;

    -webkit-border-radius: 5px 0px 6px 0px;
    -moz-border-radius: 5px 0px 6px 0px;
    border-radius: 5px 0px 6px 0px;
    text-transform: uppercase;
    font-size: 10px;
    font-family: lato,trebuchet MS,arial;
}

.primary_menu {
    background: #black;
}

#primary_nav ul li {
    display: inline-block;
    padding: 10px 0px;
    float: left;
}

#primary_nav a {
    display: block;
    outline: none;
    padding: 0px 10px;
    height: 37px;
    line-height: 35px;
    position: relative;
    top: -10px;

    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s;
}

#primary_nav a:visited {
    color: #ccc;
}

#primary_nav a:link {
    color: #ccc;
}

#primary_nav a:hover {
    color: #fff;
}

#primary_nav a:hover {
    background: #black;
}

.clearboth {
    clear: both;
}

.floatleft {
    float: left;
}

.floatright {
    float: right;
}

.left {
    float: left;
}

.float_right {
    float: right;
}

table {
    color: #444;
    font-family: tahoma, Verdana, Arial, sans-serif;
    font-size: 13px;
}

.tborder {
    width: 100%;
    margin: auto auto;
    position: relative;
    border: 1px solid #DDD;

    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    border-top: 0;
}

.tborder_indexstats {
    width: 100%;
    margin: auto auto;
    position: relative;
    border: 1px solid #bbb;
    border-top: 0;
}

.thead strong {
    position: relative;
    top: -4px;
}

.thead {
    color: #black;
    background: #black url(./images/imperial/thead4.png) bottom;
    border: 1px solid #555;

    -webkit-box-shadow: inset rgba(255,255,255,0.2) 0px 1px 0px;
    -moz-box-shadow: inset rgba(255,255,255,0.2) 0px 1px 0px;
    box-shadow: inset rgba(255,255,255,0.2) 0px 1px 0px;
    color: #fff;
    padding: 10px;

    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    overflow: hidden;

    -webkit-border-image: initial;
    -moz-border-image: initial;
    border-image: initial;
    font-family: tahoma;
    font-size: 11px;
}

#forumbit_thead {
    border-left: 0;
    border-right: 0;

    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    border-top: 0;
    vertical-align: middle !important;
    border: 1px solid #555;
    position: relative;
    overflow:auto;
}

#forumbit_thead strong {
    float: left;
    top: -2px;
}

.thead a:link {
    text-decoration: none;
    color: #fff;
    text-shadow: 1px 1px 1px #555;
    font-family: arial;
    font-weight: bold;
}

.thead a:visited {
    color: #fff;
    text-decoration: none;
}

.thead a:hover,.thead a:active {
    color: #ccc;
    text-decoration: none;
}

.tcat {
    background: #black url(images/imperial/highlight.png) repeat-x 0 0;
    color: #888;
    font-size: 12px;
    padding: 8px 5px;
    padding-left: 13px;
    text-shadow: 1px 1px 1px white;
    border-bottom: 1px solid #bbb;
    border-top: 1px solid #bbb;
}

.tcat a:link {
    color: #black;
}

.tcat a:visited {
    color: #black;
}

.tcat a:hover,.tcat a:active {
    color: #black;
}

.trow1 {
    background: black;
    color: #444;
    border-top: 1px solid #EEE;
    padding: 12px 5px;
    vertical-align: middle;

    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;

    background-image: -webkit-linear-gradient(top, rgba(239, 232, 221, 0) 0%, rgba(239, 232, 221, 0.1) 100%);
    background-image: -moz-linear-gradient(top, rgba(239, 232, 221, 0) 0%, rgba(239, 232, 221, 0.1) 100%);
    background-image: -o-linear-gradient(top, rgba(239, 232, 221, 0) 0%, rgba(239, 232, 221, 0.1) 100%);
    background-image: -ms-linear-gradient(top, rgba(239, 232, 221, 0) 0%, rgba(239, 232, 221, 0.1) 100%);
    background-image: linear-gradient(top, rgba(239, 232, 221, 0) 0%, rgba(239, 232, 221, 0.1) 100%);
}

.trow2 {
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s;
    background: black;
    color: #444;
    border-top: 1px solid #EEE;
    padding: 12px 5px;
    vertical-align: middle;

    background-image: -webkit-linear-gradient(top, rgba(239, 232, 221, 0) 0%, rgba(239, 232, 221, 0.1) 100%);
    background-image: -moz-linear-gradient(top, rgba(239, 232, 221, 0) 0%, rgba(239, 232, 221, 0.1) 100%);
    background-image: -o-linear-gradient(top, rgba(239, 232, 221, 0) 0%, rgba(239, 232, 221, 0.1) 100%);
    background-image: -ms-linear-gradient(top, rgba(239, 232, 221, 0) 0%, rgba(239, 232, 221, 0.1) 100%);
    background-image: linear-gradient(top, rgba(239, 232, 221, 0) 0%, rgba(239, 232, 221, 0.1) 100%);
}

.trow_shaded {
    background: #black;
}

.trow_selected td {
    background: #black;
    border-top: 0;
    color: #444;
    border-top: 0;
}

.trow_sep {
    background: #black;
    color: #000;
    font-size: 12px;
    font-weight: bold;
}

.tfoot {
    color: #black;
    background: #black;
    padding: 5px;
    border-top: 1px solid #eee;
}

.tfoot a:link {
    color: #777;
    text-decoration: none;

    -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -ms-transition: 1s;
    transition: 1s;
}

.tfoot a:visited {
    color: #777;
    text-decoration: none;

    -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -ms-transition: 1s;
    transition: 1s;
}

.tfoot a:hover,.tfoot a:active {
    text-decoration: none;
    color: #222;

    -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -ms-transition: 1s;
    transition: 1s;
}

.bottommenu {
    color: #black;
    float: left;
    text-align: right;
    font-size: 12px;
    text-shadow: 1px 1px 1px white;
    margin-left: 15px;
    font-size: 11px;
}

.navigation {
    clear: both;
    background: #black url(images/candy/secondary_nav_bg.png) repeat-x 0 0;
    overflow: hidden;
    line-height: 37px;
    height: 37px;
    border-bottom: 1px solid #ccc;
    text-shadow: 1px 1px 1px white;

    -webkit-box-shadow: inset 0px 0px 2px white;
    -moz-box-shadow: inset 0px 0px 2px white;
    box-shadow: inset 0px 0px 2px white;
    margin: -20px;
    margin-bottom: 10px;
}

.smalltext {
    font-size: 11px;
    color: #555;
}

.thead .smalltext {
    color: #fff;
    text-shadow: 1px 1px 1px #333;
}

.largetext {
    font-size: 16px;
    font-weight: bold;
}

input.textbox {
    background: #black;
    color: #999;
    border: 1px solid #ccc;
    padding: 5px;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    outline: none;

    -webkit-transition: 0.5s,padding 0.2s;
    -moz-transition: 0.5s,padding 0.2s;
    -o-transition: 0.5s,padding 0.2s;
    -ms-transition: 0.5s,padding 0.2s;
    transition: 0.5s,padding 0.2s;

    -webkit-box-shadow: inset 0px 2px 5px -2px #ddd;
    -moz-box-shadow: inset 0px 2px 5px -2px #ddd;
    box-shadow: inset 0px 2px 5px -2px #ddd;
}

input.textbox:hover {
    background: #black;
    border: 1px solid #B9B9B9;
}

input.textbox:focus {
    background: #black;
    border: 1px solid #A9c5c9;
    color: #777;
}

textarea:hover {
    background: #black;
}

textarea:focus {
    background: #black;

    -webkit-box-shadow: 0px 0px 10px #eee;
    -moz-box-shadow: 0px 0px 10px #eee;
    box-shadow: 0px 0px 10px #eee;
    border: 1px dotted #93b1b8;
}

textarea {
    -webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    -o-transition: 0.8s;
    -ms-transition: 0.8s;
    transition: 0.8s;
    outline: none;
    background: #black;
    color: #555;
    border: 1px dotted #A5C0C7;
    padding: 2px;
    font-family: Verdana, Arial, Sans-Serif;
    line-height: 1.4;
    font-size: 13px;
    text-shadow: 1px 1px 1px white;
}

select {
    background: #black;
    border: 1px solid #a8cccf;
    padding: 4px;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    outline: none;
    color: #666;

    -webkit-transition: background 1s,border 1s;
    -moz-transition: background 1s,border 1s;
    -o-transition: background 1s,border 1s;
    -ms-transition: background 1s,border 1s;
    transition: background 1s,border 1s;
    border: 1px solid #ddd;
    font-size: 11px;
}

select:hover {
    background: #black;
    border: 1px solid #ccc;
}

select:focus {
    background: #black;
    border: 1px solid #ccc;
}

.editor {
    background: #black;
    border: 1px solid #ccc;
}

.autocomplete {
    background: #black;
    border: 1px solid #000;
    color: black;
}

.autocomplete_selected {
    background: #black;
    color: #000;
}

.popup_menu {
    background: #black;
    border: none;
    margin-top: 4px;
    border: 1px solid #bbb;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;

    -webkit-box-shadow: 0px 2px 3px #bbb;
    -moz-box-shadow: 0px 2px 3px #bbb;
    box-shadow: 0px 2px 3px #bbb;
    margin-left: -35px;
}

.popup_menu .popup_item {
    background: #black;
    color: #888;
    text-shadow: 1px 1px 1px #fff;

    -webkit-transition: background 0.5s,color 1s;
    -moz-transition: background 0.5s,color 1s;
    -o-transition: background 0.5s,color 1s;
    -ms-transition: background 0.5s,color 1s;
    transition: background 0.5s,color 1s;
}

.popup_menu .popup_item:hover {
    background: #black0;
    color: #555;
}

.trow_reputation_positive {
    background: #black;
}

.trow_reputation_negative {
    background: #black;
}

.reputation_positive {
    color: green;
}

.reputation_neutral {
    color: #444;
}

.reputation_negative {
    color: red;
}

.invalid_field {
    color: #f30;
    background: black;
    border: 1px solid #ff7878;
    padding: 5px;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    outline: none;

    -webkit-transition: 0.5s,padding 0.2s;
    -moz-transition: 0.5s,padding 0.2s;
    -o-transition: 0.5s,padding 0.2s;
    -ms-transition: 0.5s,padding 0.2s;
    transition: 0.5s,padding 0.2s;

    -webkit-box-shadow: 1px 1px 3px #eee;
    -moz-box-shadow: 1px 1px 3px #eee;
    box-shadow: 1px 1px 3px #eee;
}

.valid_field {
    background: #black;
    color: #00B200;
    border: 1px solid yellowgreen;
    padding: 5px;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    outline: none;

    -webkit-transition: 0.5s,padding 0.2s;
    -moz-transition: 0.5s,padding 0.2s;
    -o-transition: 0.5s,padding 0.2s;
    -ms-transition: 0.5s,padding 0.2s;
    transition: 0.5s,padding 0.2s;

    -webkit-box-shadow: 1px 1px 3px #eee;
    -moz-box-shadow: 1px 1px 3px #eee;
    box-shadow: 1px 1px 3px #eee;
}

.validation_error {
    background: url(images/invalid.gif) no-repeat center left;
    color: #f30;
    margin: 5px 0;
    padding: 5px;
    font-weight: bold;
    font-size: 11px;
    padding-left: 22px;
}

.validation_success {
    background: url(images/valid.gif) no-repeat center left;
    color: #00B200;
    margin: 5px 0;
    padding: 5px;
    font-weight: bold;
    font-size: 11px;
    padding-left: 22px;
}

.validation_loading {
    background: url(images/spinner.gif) no-repeat center left;
    color: #555;
    margin: 5px 0;
    padding: 5px;
    font-weight: bold;
    font-size: 11px;
    padding-left: 22px;
}

/* Additional CSS (Master) */
img {
    border: none;
}

.clear {
    clear: both;
}

.hidden {
    display: none;
    float: none;
    width: 1%;
}

.hiddenrow {
    display: none;
}

.selectall {
    background-color: #black;
    font-weight: bold;
    text-align: center;
}

.left {
    float: left;
}

.right {
    float: right;
}

.menu ul {
    list-style: none;
    margin: 0;
}

.menu li {
    display: inline;
    padding-left: 5px;
}

.menu img {
    padding-right: 5px;
    vertical-align: top;
}

#panel .links {
    margin: 0;
    float: right;
}

.expcolimage {
    float: right;
    width: auto;
    vertical-align: middle;
    margin-top: 3px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;

    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s;
    position: relative;
    position: absolute;
    right: -5px;
    top: -8px;
}

.expcolimage:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

.postbit_buttons {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    opacity: 0.6;
    line-height: 16px;
}

.thead:hover .expcolimage {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

img.attachment {
    border: 1px solid #E9E5D7;
    padding: 2px;
}

hr {
    background-color: #black;
    color: #555;
    height: 1px;
    border: 0px;
}

#debug {
    float: right;
    text-align: right;
    margin-top: 0;
}

blockquote {
    margin: 0;
    background: black;
    padding: 4px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    opacity: 0.7;
    font-size: 12px;
    border-bottom: 1px solid #DDD;
    border-right: 1px solid #DDD;
    border-left: 1px solid #DDD;
    line-height: 1.8;
    color: #black;
}

blockquote cite {
    font-weight: bold;
    border-top: 1px solid #DDD;
    font-style: normal;
    display: block;
    margin: -4px;
    background: #black url(images/imperial/highlight.png) repeat-x 0 0;
    padding: 5px 5px;
    border-bottom: 1px solid #DDD;
    margin-bottom: 5px;
    color: #555;
    font-size: 15px;
}

blockquote cite span {
    float: right;
    font-weight: normal;
}

blockquote cite span.highlight {
    float: none;
    font-weight: bold;
    padding-bottom: 0;
}

.codeblock {
    background: #black;
    width: 50%;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #eee;
    color: #888;
    padding: 10px;
}

.codeblock .title {
    font-weight: bold;
    color: #888;
    font-size: 11px;
    display: none;
}

.codeblock code {
    overflow: auto;
    height: auto;
    display: block;
    font-family: Monaco, Consolas, Courier, monospace;
    font-size: 11px;
    background: #black url(images/imperial/code.png) right top no-repeat;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 10px;
}

.subforumicon {
    border: 0;
    vertical-align: middle;
}

.separator {
    margin: 5px;
    padding: 0;
    height: 0px;
    font-size: 1px;
    list-style-type: none;
}

form {
    margin: 0;
    padding: 0;
}

.popup_menu .popup_item_container {
    margin: 1px;
    text-align: left;
}

.popup_menu .popup_item .popup_item_container {
    border: 0 !important;
}

.popup_menu .popup_item {
    display: block;
    padding: 3px 10px;
    text-decoration: none;
    white-space: nowrap;
    border: 0;
    outline: 0;
    display: block;
    width: 60px;
    margin: 0px;
}

.popup_menu a.popup_item:hover {
    text-decoration: none;
}

.autocomplete {
    text-align: left;
}

.subject_new {
    font-weight: bold;
}

.highlight {
    background: #black;
    padding-top: 3px;
    padding-bottom: 3px;
}

.pm_alert {
    background: #black;
    border: 1px solid #FFD324;
    text-align: center;
    padding: 5px 20px;
    margin-bottom: 15px;
    font-size: 11px;
}

.red_alert {
    background: #black;
    border: 1px solid #A5161A;
    color: #A5161A;
    text-align: center;
    padding: 5px 20px;
    margin-bottom: 15px;
    font-size: 11px;
}

.high_warning {
    color: #CC0000;
}

.moderate_warning {
    color: #F3611B;
}

.low_warning {
    color: #AE5700;
}

div.error {
padding: 20px;
border: 1px solid #FFD324;
background: #black url(images/imperial/warning_red.png) no-repeat right -130px;
font-size: 11px;
border-radius: 2px;
}

div.error p {
    margin: 0;
    color: #000;
    font-weight: normal;
}

div.error p em {
    font-style: normal;
    font-weight: bold;
    display: block;
    color: #C00;
    margin-bottom: 5px;
    font-size: 13px;
}

div.error.ul {
    margin-left: 24px;
}

.online {
    color: black;
    background: black;
    display: inline-block;
    padding: 2px 6px;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-shadow: rgba(0, 0, 0, 0.2) 0px -1px 0px;
}

.offline {
    color: black;
    background: #black;
    display: inline-block;
    padding: 2px 6px;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-shadow: rgba(0, 0, 0, 0.2) 0px -1px 0px;
}

.pagination {
    font-size: 11px;
    padding-top: 10px;
    margin-bottom: 5px;

    -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -ms-transition: 1s;
    transition: 1s;
}

.tfoot .pagination,.tcat .pagination {
    padding-top: 0;
}

.pagination .pages {
    font-weight: bold;
}

.pagination .pagination_current,.pagination a {
    padding: 2px 6px;
    margin-bottom: 3px;
}

.pagination a {
    background: #DDD url(images/imperial/highlight.png) repeat-x 0 0;
    padding: 4px;
    padding-left: 6px;
    padding-right: 6px;

    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #CCC;
}

.pagination .pagination_current {
    background: #black url(images/imperial/highlight.png) repeat-x 0 0;
    padding: 4px;
    padding-left: 6px;
    padding-right: 6px;

    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #99b8b8;
}

.pagination a:hover {
    text-decoration: none;
    background: #CCC url(images/imperial/highlight.png) repeat-x 0 0;

    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s;
    border: 1px solid #BBB;
}

.thread_legend,.thread_legend dd {
    margin: 0;
    padding: 0;
}

.thread_legend dd {
    padding-bottom: 4px;
    margin-right: 15px;
}

.thread_legend img {
    margin-right: 4px;
    vertical-align: bottom;
}

.forum_legend,.forum_legend dt,.forum_legend dd {
    margin: 0;
    padding: 0;
}

.forum_legend dd {
    float: left;
    margin-right: 10px;
    margin-top: 10px;
}

.forum_legend dt {
    margin-right: 10px;
    float: left;
}

.success_message {
    color: #00b200;
    font-weight: bold;
    font-size: 10px;
    margin-bottom: 10px;
}

.error_message {
    color: #C00;
    font-weight: bold;
    font-size: 10px;
    margin-bottom: 10px;
}

.post_body {
    padding-left: 27px;
}

.post_content {
    padding: 5px 10px;
}

.quick_jump {
    background: url(images/jump.gif) no-repeat 0;
    width: 13px;
    height: 13px;
    padding-left: 13px; /* amount of padding needed for image to fully show */
vertical-align: middle;
    border: none;
}

.repbox {
    font-size: 16px;
    font-weight: bold;
    padding: 5px 7px 5px 7px;
}

._neutral {
    background-color: #FAFAFA;
    color: #999999;
    border: 1px solid #CCCCCC;
}

._minus {
    background-color: #FDD2D1;
    color: #CB0200;
    border: 1px solid #980201;
}

._plus {
    background-color: #E8FCDC;
    color: #008800;
    border: 1px solid #008800;
}

.button {
    background: #475F66 url(images/imperial/highlight.png) repeat-x 0 0;
    color: white;
    text-decoration: none;
    border-width: 1px;
    border: 0;
    padding: 5px 11px;
    cursor: pointer;
    color: #fff;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;

    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;
    border: 1px solid #555;
    text-shadow: 0px -1px 0px rgba( 0, 0, 0, 0.3);
    font-family: tahoma;
}

.button:hover {
    background: #black url(images/imperial/highlight.png) repeat-x 0 0;
    color: #000;
    text-shadow: 1px 1px 1px #ccc;
    border: 1px solid #6b9aa8;
}

.button:active {
    -webkit-transition: 0s;
    -moz-transition: 0s;
    -o-transition: 0s;
    -ms-transition: 0s;
    transition: 0s;
    

    -webkit-transform: scale(1.1);
}

.newreplybutton {
    background: #555 url(images/imperial/highlight.png) repeat-x 0 0;
    text-decoration: none;
    border-width: 1px;
    padding: 6px 20px;
    cursor: pointer;
    color: white !important;

    -webkit-box-shadow: 1px 1px 1px #ccc,inset 0px 0px 2px #aaa;
    -moz-box-shadow: 1px 1px 1px #ccc,inset 0px 0px 2px #aaa;
    box-shadow: 1px 1px 1px #ccc,inset 0px 0px 2px #aaa;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;

    -webkit-transition: 0.3s,top 0.1s;
    -moz-transition: 0.3s,top 0.1s;
    -o-transition: 0.3s,top 0.1s;
    -ms-transition: 0.3s,top 0.1s;
    transition: 0.3s,top 0.1s;
    border: 1px solid #222;

    -webkit-animation: slide 1s;
    -moz-animation: slide 1s;
    -ms-animation: slide 1s;
    animation: slide 1s;
    font-family: lato;
    text-shadow: 0px -1px 0px rgba( 0, 0, 0, 0.3);
    text-transform: uppercase;
    font-size: 15px;
    display: block;
}

.newreplybutton:hover {
    color: white;
    border: 1px solid green;

    -webkit-box-shadow: inset 0px 0px 2px #eee,1px 1px 1px #ccc;
    -moz-box-shadow: inset 0px 0px 2px #eee,1px 1px 1px #ccc;
    box-shadow: inset 0px 0px 2px #eee,1px 1px 6px #ccc;
    background: yellowGreen url(images/imperial/highlight.png) repeat-x 0 0;
}

.newreplybutton:active {
    position: relative;
    top: 5px;
}

.newreplybutton a:link {
    color: #fff;
    text-decoration: none;
}

.newreplybutton a:hover {
    color: #eee;
    text-decoration: none;
}

.newreplybutton a:visited {
    color: #fff;
    text-decoration: none;
}

.newreplybutton_closed {
    background-color: #6F6F6F;
    color: #999;
    background: #ddd url(./images/imperial/highlight.png) repeat-x 0 0;
    text-decoration: none;
    border-width: 1px;
    padding: 7px 40px;

    -webkit-box-shadow: rgba(0,0,0,0.15) 0px 1px 3px;
    -moz-box-shadow: rgba(0,0,0,0.15) 0px 1px 3px;
    box-shadow: rgba(0,0,0,0.15) 0px 1px 3px;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;

    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    opacity: 0.6;
    border: 1px solid #ccc;

    -webkit-animation: slide 1s;
    -moz-animation: slide 1s;
    -ms-animation: slide 1s;
    animation: slide 1s;
    font-family: lato;
    font-size: 16px;
}

.relative {
position:relative;display: block;height: 1px;
}

.newreplybutton_closed a:link {
    color: #eee;
    text-decoration: none;
}

.newreplybutton_closed a:hover {
    color: #fff;
    text-decoration: none;
}

.newreplybutton_closed a:visited {
    color: #eee;
    text-decoration: none;
}

.notice {
    background: #FFD9B0 url(images/imperial/highlight.png) repeat-x 0 0;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px solid #FFCB94;
    border: 1px solid #FFC58A;
    color: #B85600;
    text-shadow: 1px 1px 1px #EEE;

    -webkit-box-shadow: inset 1px 1px 1px #eee;
    -moz-box-shadow: inset 1px 1px 1px #eee;
    box-shadow: inset 1px 1px 1px #eee;
}

.notice strong {
    font-size: 13px;
}

.welcomeblock_guest {
    position: relative;
    top: 2px;
}

#loginbutton {
    position: relative;
}

#loginbutton {
    color: white !important;
}

#usercp_button {
    position: relative;
    right: 35px;
}

.registerbutton {
    background: #9BCC4B url(images/imperial/highlight.png) repeat-x 0 0;
    border: 1px solid #7BA336;
    padding: 2px 10px;
    color: white !important;
    text-shadow: 0px 1px 1px #888;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

    -webkit-box-shadow: inset 0px 0px 2px #aaa;
    -moz-box-shadow: inset 0px 0px 2px #aaa;
    box-shadow: inset 0px 0px 2px #aaa;

    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    -ms-transition: .4s;
    transition: .4s;
    border: 1px solid #555;
}

.userpanel_logout {
    background: #333 url(images/imperial/highlight.png) repeat-x 0 0;
    padding: 2px 10px;
    color: white !important;
    text-shadow: 0px 1px 1px #888;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

    -webkit-box-shadow: inset 0px 0px 2px #666;
    -moz-box-shadow: inset 0px 0px 2px #666;
    box-shadow: inset 0px 0px 2px #666;
    border: 1px solid #444;

    -webkit-transition: 0.3s !important;
    -moz-transition: 0.3s !important;
    -o-transition: 0.3s !important;
    -ms-transition: 0.3s !important;
    transition: 0.3s !important;
}

.userpanel_logout:hover {
    background: #0E1B26;
    border: 1px solid #000;
}

.registerbutton:hover {
    border: 1px solid #0d7e82;
    background: #5ababd url(images/imperial/highlight.png) repeat-x 0 0;
    border: 1px solid #555;
}

.panelbottomhr {
    margin-top: 16px;

    -webkit-box-shadow: 0px 0px 2px white;
    -moz-box-shadow: 0px 0px 2px white;
    box-shadow: 0px 0px 2px white;
}

/* dropdowns:  general */
#loginbutton_menu:before {
    width: 0px;
    height: 0px;
    border-left: 15px solid transparent; /* left arrow slant */
border-right: 15px solid transparent; /* right arrow slant */
border-bottom: 15px solid #D4D4D4; /* bottom, add background color here */
font-size: 0px;
    line-height: 0px;
    content: "";
    display: none;
    position: absolute;
    top: -15px;
    right: 20px;
}

#loginbutton_menu input[type=text],#loginbutton_menu input[type=password] {
    display: block;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #bbb;
    font-size: 13px;
    margin: 0 0 5px;
    background: #f9f9f9;
    padding: 5px;
    width: 203px;

    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s;
    margin-top: 5px;
}

#loginbutton_menu input:focus {
    -webkit-box-shadow: 0px 0px 5px #ccc;
    -moz-box-shadow: 0px 0px 5px #ccc;
    box-shadow: 0px 0px 5px #ccc;
}

#loginbutton_menu input:hover {
    background: #fff;
}

#signin_submit {
    background: #777;
    border: 1px solid #555;
    color: white;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 4px 30px;

    -webkit-box-shadow: inset 1px 1px 1px #999;
    -moz-box-shadow: inset 1px 1px 1px #999;
    box-shadow: inset 1px 1px 1px #999;
    cursor: pointer;
}

#signin_submit:hover {
    background: #555 !important;

    -webkit-box-shadow: inset 1px 1px 1px #888;
    -moz-box-shadow: inset 1px 1px 1px #888;
    box-shadow: inset 1px 1px 1px #888;
}

#signin_submit:active {
    background: #555;
}

#loginbutton_menu p {
    margin: 0;
}

#loginbutton_menu a {
    color: #666;
}

#loginbutton_menu label {
    font-weight: normal;
}

#loginbutton_menu p.remember {
    padding: 10px 0;
}

#loginbutton_menu p.forgot,#loginbutton_menu p.complete {
    clear: both;
    margin: 5px 0;
}

#loginbutton_menu a:hover {
    color: #27B;
}

#usercp_menu a {
    color: #666 !important;
    display: block;
    padding: 5px;
}

#usercp_menu a:hover {
    color: #27B !important;
    background: #fff;
}

#loginbutton_submit {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #39d url(images/bg-btn-blue.png) repeat-x scroll 0 0;
    border: 1px solid #39D;
    color: #fff;
    text-shadow: 0 -1px 0 #39d;
    padding: 4px 10px 5px;
    font-size: 11px;
    margin: 0 5px 0 0;
    font-weight: bold;
}

#loginbutton_submit::-moz-focus-inner {
    padding: 0;
    border: 0;
}

#loginbutton_submit:hover,#loginbutton_submit:focus {
    background-position: 0 -5px;
    cursor: pointer;
}

a.loginbutton {
    text-decoration: none;
    color: #ddd;
}

a.loginbutton:hover {
    text-shadow: 1px 1px 5px #CCC;
    color: white;
}

a.loginbutton:active {
    text-shadow: 1px 1px 5px #CCC;
    color: white;
}

a.loginbutton {
    position: relative;
    margin: 0px 10px;
    clear: both;
}

#usercp_button .loginbutton_menu_open span {
    width: 66px;
}

.loginbutton_menu_open span {
    height: 20px;
    background: #fff;
    z-index: 999;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    padding-right: 5px;
    padding-bottom: 4px;
    top: 1px;
    color: #555;
    padding-left: 20px;
    position: relative;
    padding-top: 3px;
    left: 4px;
}

#loginbutton_menu {
    background: white;
    position: absolute !important;
    width: 210px;
    z-index: 100;
    border: 1px transparent;
    text-align: left;
    padding: 15px;
    top: -2px;
    display: none;
    right: 35px;
    margin-top: 30px;
    margin-right: 0px;
    color: #777;
    font-size: 11px;

    -webkit-border-radius: 5px 5px 10px 10px;
    -moz-border-radius: 5px 5px 10px 10px;
    border-radius: 5px 5px 10px 10px;
    text-shadow: 0px 1px 1px white;

    -webkit-box-shadow: 5px 4px 25px #111;
    -moz-box-shadow: 5px 4px 25px #111;
    box-shadow: 5px 4px 25px #111;
}

#loginbutton_menu a:link {
    color: #666;
}

#loginbutton_menu a:hover {
    color: #0298b3;
}

#message_popup {
    background: #eee;
    position: absolute !important;
    width: 250px;
    z-index: 100;
    border: 1px transparent;
    text-align: left;
    padding: 15px;
    top: -5px;
    display: none;
    right: 114px;
    margin-top: 30px;
    margin-right: 0px;
    color: #777;
    font-size: 11px;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 6px solid #fff;
    text-shadow: 0px 1px 1px white;

    -webkit-box-shadow: 5px 4px 25px #111;
    -moz-box-shadow: 5px 4px 25px #111;
    box-shadow: 5px 4px 25px #111;
}

#usercp_menu {
    background: #eee;
    position: absolute !important;
    width: 250px;
    z-index: 100;
    border: 1px transparent;
    text-align: left;
    padding: 15px;
    top: -5px;
    display: none;
    right: 15px;
    margin-top: 30px;
    margin-right: 0px;
    color: #777;
    font-size: 11px;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 6px solid #fff;
    text-shadow: 0px 1px 1px white;

    -webkit-box-shadow: 0px 10px 25px -5px #111;
    -moz-box-shadow: 0px 10px 25px -5px #111;
    box-shadow: 0px 10px 25px -5px #111;
}

.threadpost {
    background: #F9F9F9;
    width: 85%;
    float: left;
    display: block;
    border: 1px solid #E3E3E3;
    margin-top: 10px;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
    margin-bottom: 10px;
    padding-top: 10px;
}

.threadpost:before {
    background: url(images/imperial/post_arrow.png) no-repeat;
    width: 50px;
    position: absolute;
    height: 50px;
    content: "";
    top: 15px;
    left: -40px;
}

.threadpost:hover {
    border: 1px solid #ccc;
}

.threadpost:hover .post_options {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

.forgot span {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;

    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s;
    position: relative;
    top: 4px;
    background: #444;
    color: white;
    text-shadow: none;
    padding: 4px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: none;
    font-size: 10px;
    position: absolute;
    height: 10px;
    top: 141px;
    left: 125px;
    width: 210px;
}

.forgot:hover span {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    display: block;
}

.forgot a {
    color: #888;
    font-size: 11px;
    margin-right: -22px;
}

.f_img {
    position: relative;
    left: -11px;
}

.forumdesc {
    font-family: tahoma,arial;
    color: #777;
    font-size: 11px;
    margin-top: 2px;
}

.forumtitle {
    font-weight: bold;
}

.postcountgrid {
    color: #555;
    font-size: 11px;
    font-family: tahoma;
    line-height: 1.3;
    text-align: right;
}

.forumbit_row {
    1px solid #434343;
     background: white;
    border-top: 1px solid #EFE8DD;
    vertical-align: middle;
    padding: 10px 0px 10px 0px;

    background-image: -webkit-linear-gradient(top, rgba(239, 232, 221, 0) 0%, rgba(239, 232, 221, 0.1) 100%);
    background-image: -moz-linear-gradient(top, rgba(239, 232, 221, 0) 0%, rgba(239, 232, 221, 0.1) 100%);
    background-image: -o-linear-gradient(top, rgba(239, 232, 221, 0) 0%, rgba(239, 232, 221, 0.1) 100%);
    background-image: -ms-linear-gradient(top, rgba(239, 232, 221, 0) 0%, rgba(239, 232, 221, 0.1) 100%);
    background-image: linear-gradient(top, rgba(239, 232, 221, 0) 0%, rgba(239, 232, 221, 0.1) 100%);
    text-shadow: 1px 1px 1px white;
    line-height: 17px;
}

.forumbit_posttime {
    color: #A4A4A4;
    text-shadow: 1px 1px 1px white;
}

.forumheaddesc {
    float: left;
    background: #fff;
    display: inline-block;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    position: relative;
    top: -4px;
    margin-left: 10px;
    padding: 3px;
    left: 10px;

    -webkit-border-radius: 0px 3px 3px 0px;
    -moz-border-radius: 0px 3px 3px 0px;
    border-radius: 0px 3px 3px 0px;

    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s;

    -webkit-box-shadow: 1px 0px 4px #444;
    -moz-box-shadow: 1px 0px 4px #444;
    box-shadow: 1px 0px 4px #444;
    color: #555 !important;
    text-shadow: none !important;
    font-weight: bold;
    font-size: 10px;
    height: 12px;
}

.forumheaddescie {
    float: left;
    background: #fff;
    display: inline-block;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    position: relative;
    top: -4px;
    margin-left: 10px;
    padding: 3px;
    left: 10px;

    -webkit-border-radius: 0px 3px 3px 0px;
    -moz-border-radius: 0px 3px 3px 0px;
    border-radius: 0px 3px 3px 0px;

    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s;

    -webkit-box-shadow: 1px 0px 4px #444;
    -moz-box-shadow: 1px 0px 4px #444;
    box-shadow: 1px 0px 4px #444;
    color: #555 !important;
    text-shadow: none !important;
    font-weight: bold;
    font-size: 10px;
    height: 12px;
}

#forumbit_thead:hover .forumheaddesc {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

.forumheaddesc:before {
    position: absolute;
    left: -7px;
    width: 0;
    height: 0;
    top: 2px;
    content: "";
    display: block;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 7px solid white;
}

.tcat:hover .expcolimage {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

.tcat .expander {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;

    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s;
}

.tcat:hover .expander {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

#index_forums {
    float: left;
    width: 100%;
    margin-right: 10px;
}

#index_sidebar {
    float: left;
    width: 21%;
}

.postbit_button {
    padding-left: 22px;
}

.postbit_buttons a:link {
    color: #666;
    font-weight: bold;
    font-size: 11px;
}

.postbit_buttons a:visited {
    color: #666;
}

.postbit_buttons a:hover {
    color: black;
}

.index_sidebar_box {
    width: 100%;
    border: 1px solid #bbb;
    border-top: 0;
}

.mybb_credits {
    margin-right: 10px;
}

.footer_siteinfo {
    float: right;
    position: relative;
    top: -25px;
}

.theme_credits {
    margin: 15px;
    font-size: 14px;
}

.site_copyright {
    position: relative;
    top: 10px;
}

.usercp_button_arrow {
    display: inline-block;
    height: 4px;
    width: 9px;
    background: url(images/imperial/header_dropdown.png)no-repeat;
    margin-left: 5px;
    margin-bottom: 1px;
}

.loginbutton_menu_open .usercp_button_arrow {
    position: relative;
    background-position: right;
}

.usercpmenu_leftblock {
    width: 45%;
    margin-top: 5px;
    border-right: 1px dotted #aaa;
    padding-right: 3%;
}

.usercpmenu_rightblock {
    width: 45%;
    margin-top: 5px;
    padding-left: 3%;
}

.usercpmenu_clock {
    padding-left: 60px;
    background: url(images/imperial/clock1.png) no-repeat left;
    height: 50px;
    position: relative;
    left: -12px;
}

.message_icon {
    background: url(images/imperial/message3.png) no-repeat;
    display: block;
    height: 28px;
    position: absolute;
    width: 35px;
    right: 80px;
    top: -2px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    opacity: 0.7;

    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;
    background-position: 1px 4px;
}

.message_icon:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

.message_pane {
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s;
}

.message_pane:hover .pms_unread {
    background: #d64d4d;
}

.pms_unread {
    background: #272E38;
    padding: 0 5px;
    position: absolute;
    top: -4px;
    height: 15px;
    right: 78px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    opacity: 0.9;

    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s;
}

.pms_unread:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    background: #d64d4d;
}

.contactbutton img {
    position: relative;
    top: 4px;
    margin-right: 5px;
}

.contactbutton a {
    float: left;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    opacity: 0.9;

    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
    background: #ABC0C4 url(images/imperial/highlight.png) repeat-x 0 0;
    border: 1px solid #8CB1B8;
    margin: 0px 2px 3px;
    padding: 1px 7px;
    vertical-align: middle;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;

    -webkit-box-shadow: inset 0px 0px 2px #ddd;
    -moz-box-shadow: inset 0px 0px 2px #ddd;
    box-shadow: inset 0px 0px 2px #ddd;
    color: white;
    text-shadow: 0px -1px 1px #888;
    padding-bottom: 4px;
}

.contactbutton a:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    background: #8CB1B8 url(images/imperial/highlight.png) repeat-x 0 0;
}

.designed_by a {
    font-weight: bold;
    font-size: 14px;
    font-family: tahoma;
}

.pixel {
    color: #7fc0c9;
}

.monkey {
    margin-left: 2px;
    color: #ffb547;
}

.footerlinks {
    float: left;
    text-align: left;
}

.threadlist_postviewcount {
    color: #666;
    font-size: 11px;
    text-align: right;
}

.threadlist_postviewcount a {
    color: #666;
}

.threadlist_row .star_rating {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    opacity: 0.5;

    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
    float: right;
}

.threadlist_row .threadlist_multipage {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    opacity: 0.5;

    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
    text-align: left;
    margin-left: 20px;
}

.threadlist_row:hover .threadlist_multipage {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

.threadlist_multipage a {
    background: #DDD url(images/imperial/highlight.png) repeat-x 0 0;
    padding: 1px 4px;
    color: #888;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-shadow: 0px 1px white;
    border: 1px solid #CCC;
    font-weight: bold;
    font-size: 10px;
}

.threadlist_multipage a:hover {
    background: #CCC url(images/imperial/highlight.png) repeat-x 0 0;
    border: 1px solid #BBB;
    color: #777;
}

.threadlist_row:hover .star_rating {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

.phpcodeblock span {
    color: #74B9C2 !important;
}

input.textbox {
box-shadow:none;
}

td[align="center"] {
text-align:center;
}

td[align="left"] {
text-align:left !important;
}

td[align="right"] {
text-align:right !important;
}

img[src="images/imperial/on.gif"],img[src="images/imperial/off.gif"],img[src="images/imperial/
offlock.gif"] {
position: relative;
left: -15px;
}
23.02.2013, 14:29
#12
body {
    line-height: 1;
    font-family: tahoma,arial;
    background: #black;
    font-size: 11px;
}
zamień na
body {
    line-height: 1;
    font-family: tahoma,arial;
    background: #000;
    font-size: 11px;
}
Jeśli Ci pomogłem naciśnij guzik POMÓGŁ lub dodaj PUNKT REPUTACJI
23.02.2013, 14:30 (Ten post był ostatnio modyfikowany: 23.02.2013, 14:34 przez sto0rm.)
#13
zamienilem ale tam gdzie sa dzialy i kategoria jest nadal biale :(



mozecie zobaczyc na www.tpi-forum.tk
23.02.2013, 14:39
#14
Bo po edycji CSS strona zmienia się po jakimś czasie. Wciskaj cały czas Ctrl + F5.
23.02.2013, 14:41 (Ten post był ostatnio modyfikowany: 23.02.2013, 14:42 przez SLAVOO.)
#15
Nie ma czegoś takiego jak background: #black;

Jest albo
background: black;
albo
background: #000;

Po # dodaje się kolor hexadecymalnie a nie jego nazwę.
Pochrzaniłeś w CSS równo
Jeśli Ci pomogłem naciśnij guzik POMÓGŁ lub dodaj PUNKT REPUTACJI



Użytkownicy przeglądający ten wątek:

2 gości