Webboard

Webboard > Wsparcie MyBB > Style, szablony i grafika > Po wgraniu stylu - niepożądane efekty.
Pełna wersja: Po wgraniu stylu - niepożądane efekty.
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.

SweeD

20.07.2014, 12:59
wersja skryptu MyBB:1.6.14
adres forum:lovgame.xaa.pl
na czym polega problem (screen, opis, komunikaty): Gdy wejdziecie na forum to zobaczycie bo niewiem jak to powiedzieć gdy wgrałem styl na forum wszystko ładnie wygladał miał po obu stronach takie wolne miejsca które nie były przez nic zajęte a teraz chciałem sobie dodać tło obrazkowe na całym forum zeby nie tylko góra miaął tło ale cały duł i wszedłem w global.css i w zakładke body i tam zmieniałem tak jak czytałem na innych forach i obrazek mi sie nie zmienił ale forum sie zmieniło sie tak jakby rozciagneło cale i teraz niema z obu stron tych wolnych mioejsc tylko całe forum jest na cały ekran i niewiem jak to naprawić wgrałem global.css tak jak był na początku i nic nadal mam ten błą proszę o szybką odpoweidzi i prosze o pomoc jak bym mogł zmienic tło stylu aby działało poprawnie ; ) za pomoć z gówy dziekuje ; )

Ecosse

20.07.2014, 13:08
Podmień swój CAŁY global.css na ten:

Kod PHP:
body {
    background:#191919 url(../../../images/carbon/background.jpg) repeat;
    font: normal 11px tahoma,helvetica,arial,sans-serif;
    position: relative;
    padding-bottom: 20px;
    margin: 0;
    padding: 0;
    color: #bcbcbc;
}

#wrapper {
width: 90%;
margin: 20px auto;
min-width: 980px;
max-width: 1300px;
}

a:link {
color: #ffb74c;
text-decoration: none;
-webkit-transition: color 0.4s;
-moz-transition: color 0.4s;
transition: color 0.4s;
}

a:visited {
    color: #ffb74c;
    text-decoration: none;
-webkit-transition: color 0.4s;
-moz-transition: color 0.4s;
transition: color 0.4s;
}

a:hover, a:active {
    color: #ffd556;
    text-decoration: none;
-webkit-transition: color 0.4s;
-moz-transition: color 0.4s;
transition: color 0.4s;
}

#shoutbox div.thead {
 padding: 6px; font-weight: bold;
}

#shoutbox.front .thead {
 cursor: pointer;
}

#shoutbox .thead .right {
 float: right; margin: 0; font-size: 13px; font-weight: normal; color: #EEE;
}

#shoutbox.collapsed .thead {
 opacity: 0.6;
}

#shoutbox.collapsed .body {
 display: none;
}

#shoutbox .panel {
 padding: 1px 0; background: #FAFAFA;
}

#shoutbox input.text {
 padding: 8px; width: 100%; box-sizing: border-box; background: #FFF; border: 1px solid #CCC; box-shadow: inset 0 0 8px #EEE; font-family: Arial, sans-serif; font-size: 12px; color: #000;
}

#shoutbox .minposts, #shoutbox .blocked {
 padding: 6px; font-size: 11px;
}

#shoutbox .panel.minposts {
 background: #FFFED8; color: #727250;
}

#shoutbox .panel.blocked {
 background: #FCEFEF; color: #543A3A;
}

#shoutbox .panel p {
 margin: 0;
}

#shoutbox .window {
 padding: 1px; border: solid 1px #EEE; overflow-y: scroll;
}

#shoutbox .data {
 display: table; width: 100%; background: #FFF; font: 12px Arial, sans-serif;
}

#shoutbox .entry {
 display: table-row !important; width: 100%; transition: background-color 0.2s;
}

#shoutbox .entry:nth-child(even) {
 background-color: rgba(0,0,0,0.02);
}

#shoutbox .entry.new {
 background-color: rgba(255,255,100,0.1);
}

#shoutbox .entry > div {
 border-bottom: dashed 1px #F4F4F4;
}

#shoutbox .entry:last-child > div {
 border-bottom: none;
}

#shoutbox .avatar {
 display: table-cell; padding: 6px;
}

#shoutbox .avatar img {
 margin: 0 auto; vertical-align: middle; max-height: 20px; max-width: 20px; border: solid 1px #FFF; box-shadow: 0 0 2px #E0E0E0;
}

#shoutbox .user {
 display: table-cell; margin: 0; padding: 6px; text-align: right; white-space: nowrap;
}

#shoutbox .text {
 display: table-cell; margin: 0; width: 100%; padding: 6px; color: #555;
}

#shoutbox .call {
 cursor: pointer; color: #AAAAAA;
}

#shoutbox .info {
 display: table-cell; padding: 4px; font-size: 11px; color: #AAA; text-align: right; white-space: nowrap;
}

#shoutbox .info .date {
 margin-right: 5px;
}

#shoutbox .info .ip {
 margin-right: 5px; color: #CECECE;
}

#shoutbox .mod {
 padding: 6px 8px; font-size: 9px; font-weight: bold; color: #AAA; text-decoration: none;
}

#shoutbox .mod:nth-of-type(2) {
 border-left: solid 1px #EEE;
}

#shoutbox .ip {
 margin-left: 10px;
}

color: #000000;
    width: 95%;
}

#shoutbox div.thead {
 padding: 6px; font-weight: bold;
}

#shoutbox.front .thead {
 cursor: pointer;
}

#shoutbox .thead .right {
 float: right; margin: 0; font-size: 13px; font-weight: normal; color: #EEE;
}

#shoutbox.collapsed .thead {
 opacity: 0.6;
}

#shoutbox.collapsed .body {
 display: none;
}

#shoutbox .panel {
 padding: 1px 0; background: #FAFAFA;
}

#shoutbox input.text {
 padding: 8px; width: 100%; box-sizing: border-box; background: #FFF; border: 1px solid #CCC; box-shadow: inset 0 0 8px #EEE; font-family: Arial, sans-serif; font-size: 12px; color: #000;
}

#shoutbox .minposts, #shoutbox .blocked {
 padding: 6px; font-size: 11px;
}

#shoutbox .panel.minposts {
 background: #FFFED8; color: #727250;
}

#shoutbox .panel.blocked {
 background: #FCEFEF; color: #543A3A;
}

#shoutbox .panel p {
 margin: 0;
}

#shoutbox .window {
 padding: 1px; border: solid 1px #EEE; overflow-y: scroll;
}

#shoutbox .data {
 display: table; width: 100%; background: #FFF; font: 12px Arial, sans-serif;
}

#shoutbox .entry {
 display: table-row !important; width: 100%; transition: background-color 0.2s;
}

#shoutbox .entry:nth-child(even) {
 background-color: rgba(0,0,0,0.02);
}

#shoutbox .entry.new {
 background-color: rgba(255,255,100,0.1);
}

#shoutbox .entry > div {
 border-bottom: dashed 1px #F4F4F4;
}

#shoutbox .entry:last-child > div {
 border-bottom: none;
}

#shoutbox .avatar {
 display: table-cell; padding: 6px;
}

#shoutbox .avatar img {
 margin: 0 auto; vertical-align: middle; max-height: 20px; max-width: 20px; border: solid 1px #FFF; box-shadow: 0 0 2px #E0E0E0;
}

#shoutbox .user {
 display: table-cell; margin: 0; padding: 6px; text-align: right; white-space: nowrap;
}

#shoutbox .text {
 display: table-cell; margin: 0; width: 100%; padding: 6px; color: #555;
}

#shoutbox .call {
 cursor: pointer; color: #AAAAAA;
}

#shoutbox .info {
 display: table-cell; padding: 4px; font-size: 11px; color: #AAA; text-align: right; white-space: nowrap;
}

#shoutbox .info .date {
 margin-right: 5px;
}

#shoutbox .info .ip {
 margin-right: 5px; color: #CECECE;
}

#shoutbox .mod {
 padding: 6px 8px; font-size: 9px; font-weight: bold; color: #AAA; text-decoration: none;
}

#shoutbox .mod:nth-of-type(2) {
 border-left: solid 1px #EEE;
}

#shoutbox .ip {
 margin-left: 10px;
}


}

#shoutbox div.thead {
 padding: 6px; font-weight: bold;
}

#shoutbox.front .thead {
 cursor: pointer;
}

#shoutbox .thead .right {
 float: right; margin: 0; font-size: 13px; font-weight: normal; color: #EEE;
}

#shoutbox.collapsed .thead {
 opacity: 0.6;
}

#shoutbox.collapsed .body {
 display: none;
}

#shoutbox .panel {
 padding: 1px 0; background: #FAFAFA;
}

#shoutbox input.text {
 padding: 8px; width: 100%; box-sizing: border-box; background: #FFF; border: 1px solid #CCC; box-shadow: inset 0 0 8px #EEE; font-family: Arial, sans-serif; font-size: 12px; color: #000;
}

#shoutbox .minposts, #shoutbox .blocked {
 padding: 6px; font-size: 11px;
}

#shoutbox .panel.minposts {
 background: #FFFED8; color: #727250;
}

#shoutbox .panel.blocked {
 background: #FCEFEF; color: #543A3A;
}

#shoutbox .panel p {
 margin: 0;
}

#shoutbox .window {
 padding: 1px; border: solid 1px #EEE; overflow-y: scroll;
}

#shoutbox .data {
 display: table; width: 100%; background: #FFF; font: 12px Arial, sans-serif;
}

#shoutbox .entry {
 display: table-row !important; width: 100%; transition: background-color 0.2s;
}

#shoutbox .entry:nth-child(even) {
 background-color: rgba(0,0,0,0.02);
}

#shoutbox .entry.new {
 background-color: rgba(255,255,100,0.1);
}

#shoutbox .entry > div {
 border-bottom: dashed 1px #F4F4F4;
}

#shoutbox .entry:last-child > div {
 border-bottom: none;
}

#shoutbox .avatar {
 display: table-cell; padding: 6px;
}

#shoutbox .avatar img {
 margin: 0 auto; vertical-align: middle; max-height: 20px; max-width: 20px; border: solid 1px #FFF; box-shadow: 0 0 2px #E0E0E0;
}

#shoutbox .user {
 display: table-cell; margin: 0; padding: 6px; text-align: right; white-space: nowrap;
}

#shoutbox .text {
 display: table-cell; margin: 0; width: 100%; padding: 6px; color: #555;
}

#shoutbox .call {
 cursor: pointer; color: #AAAAAA;
}

#shoutbox .info {
 display: table-cell; padding: 4px; font-size: 11px; color: #AAA; text-align: right; white-space: nowrap;
}

#shoutbox .info .date {
 margin-right: 5px;
}

#shoutbox .info .ip {
 margin-right: 5px; color: #CECECE;
}

#shoutbox .mod {
 padding: 6px 8px; font-size: 9px; font-weight: bold; color: #AAA; text-decoration: none;
}

#shoutbox .mod:nth-of-type(2) {
 border-left: solid 1px #EEE;
}

#shoutbox .ip {
 margin-left: 10px;
}


}

#content {
background: url(http://lovgame.xaa.pl/images/carbon/background.jpg);
border: 1px solid #2b2b2b;
border-top: 1px solid #313131;
-webkit-box-shadow: rgba(0,0,0,0.6) 0px 0px 12px;
-moz-box-shadow: rgba(0,0,0,0.6) 0px 0px 12px;
box-shadow: rgba(0,0,0,0.6) 0px 0px 12px;
}

input {
padding: 6px;
border: 1px solid #383838;
background: #292929;
color: #b7b7b7;
text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
-webkit-box-shadow: inset rgba(0,0,0,0.2) 0px 1px 4px;
-moz-box-shadow: inset rgba(0,0,0,0.2) 0px 1px 4px;
box-shadow: inset rgba(0,0,0,0.2) 0px 1px 4px;
}

input:focus {
outline: 0;
border: 1px solid rgb(78, 78, 78);
background: rgb(53, 53, 53);
}

.content {
padding: 10px;
line-height: 120%;
}

#panel {
    background: #efefef;
    color: #000000;
    font-size: 11px;
    border: 1px solid #D4D4D4;
    padding: 8px;
}

#panel .remember_me input {
    vertical-align: middle;
    margin-top: -1px;
}

table {
    color: #000000;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 13px;
}

.tborder {
    width: 100%;
    margin: auto auto;
}

.thead {
background: #b15f11 url(../../../images/carbon/maintitle.png) repeat-x 50% 0;
color: #fff;
text-shadow: rgba(0,0,0,0.4) 0px -1px 0px;
padding: 12px 14px 13px 14px;
font-size: 12px;
font-weight: bold;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset rgba(255,255,255,0.15) 0px 0px 0px 1px;
-moz-box-shadow: inset rgba(255,255,255,0.15) 0px 0px 0px 1px;
box-shadow: inset rgba(255,255,255,0.15) 0px 0px 0px 1px;
overflow: hidden;
margin-bottom: 4px;
}

.thead a {
color: #fff;
float: left;
margin-top: 3px;
}

.expcolimage {
float: right;
vertical-align: middle;
margin-top: -1px;
margin-bottom: -2px;
opacity: 0;
-webkit-transition: opacity 0.4s;
-moz-transition: opacity 0.4s;
transition: opacity 0.4s;
}

.thead:hover > .expcolimage{
opacity: 1;
-webkit-transition: opacity 0.4s;
-moz-transition: opacity 0.4s;
transition: opacity 0.4s;
}

.tcat {
color: #fff;
order-bottom: 1px solid #393939;
text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;
background: #282828 url(../../../images/carbon/highlight_reallyfaint.png) repeat-x 0 -1px;
padding: 8px;
}

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

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

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

.trow1 {
background: #1a1a1a url(/images/carbon/trow.jpg) repeat-x top;
border-top: 1px solid #252525;
border-bottom: 1px solid #111111;
vertical-align: middle;
padding: 10px 0px 10px 0px;
color: #898989;
line-height: 17px;
padding-left: 10px;
font-weight: normal;
}

.trow2 {
background: #1a1a1a url(/images/carbon/trow.jpg) repeat-x top;
border-top: 1px solid #252525;
border-bottom: 1px solid #111111;
vertical-align: middle;
padding: 10px 0px 10px 0px;
color: #898989;
line-height: 17px;
padding-left: 10px;
font-weight: normal;
}

.trow_shaded {
    background: #ffdde0;
}

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

.tfoot {
    background: #026CB1 url(../../../images/thead_bg.gif) top left repeat-x;
    color: #ffffff;
}

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

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

.tfoot a:hover, .tfoot a:active {
    color: #ffffff;
    text-decoration: underline;
}

.bottommenu {
    background: #efefef;
    color: #000000;
    border: 1px solid #4874a3;
    padding: 10px;
}

.footer {
padding: 8px;
position: relative;
border-top: 1px solid #2a2a2a;
text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;
background: #1a1a1a url(../../../images/carbon/highlight_reallyfaint.png) repeat-x 0 -1px;
height: 25px;
}

.navigation {
background: #1d1d1d url(../../../images/carbon/secondary_nav_bg.png) repeat-x 0 0;
border-bottom: 1px solid #252525;
text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;
overflow: hidden;
line-height: 37px;
}

.navigation a {
padding: 11px 24px 11px 10px;
background: url(../../../images/carbon/secondary_nav.png) no-repeat 100% 0;
outline: none;
text-decoration: none;
color: #bcbcbc;
}

.navigation a:hover {
background: url(../../../images/carbon/secondary_nav.png) no-repeat 100%;
}

.navigation a:hover > navigation span {
background: url(../../../images/carbon/secondary_nav.png) no-repeat 100% 0%;
}

.navigation a:hover {
color: #bcbcbc;
}

.navigation a:visited {
    text-decoration: none;
}

.navigation .active {
padding: 11px 24px 11px 10px;
background: url(../../../images/carbon/secondary_nav.png) no-repeat 100% 0;
}

.navigation span{
background: url(../../../images/carbon/secondary_nav.png) no-repeat 0% 0%;
}

.smalltext {
    font-size: 11px;
}

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

input.textbox {
padding: 6px;
border: 1px solid #383838;
background: #292929;
color: #b7b7b7;
text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
-webkit-box-shadow: inset rgba(0,0,0,0.2) 0px 1px 4px;
-moz-box-shadow: inset rgba(0,0,0,0.2) 0px 1px 4px;
box-shadow: inset rgba(0,0,0,0.2) 0px 1px 4px;
}

input.textbox:focus {
outline: 0;
border: 1px solid rgb(78, 78, 78);
background: rgb(53, 53, 53);
}

textarea {
    background: #ffffff;
    color: #000000;
    border: 1px solid #0f5c8e;
    padding: 2px;
    font-family: Verdana, Arial, Sans-Serif;
    line-height: 1.4;
    font-size: 13px;
}

select {
    background: #ffffff;
    border: 1px solid #0f5c8e;
}

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

.editor_control_bar {
    background: #fff;
    border: 1px solid #0f5c8e;
}

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

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

.popup_menu {
        margin-top: 8px;
    background: #ccc;
    border: 1px solid #000;
}

.popup_menu .popup_item {
    background: #fff;
    color: #000;
}

.popup_menu .popup_item:hover {
    background: #C7DBEE;
    color: #000;
}

.trow_reputation_positive {
    background: #ccffcc;
}

.trow_reputation_negative {
    background: #ffcccc;
}

.reputation_positive {
    color: green;
}

.reputation_neutral {
    color: #444;
}

.reputation_negative {
    color: red;
}

.invalid_field {
background: #883939 !important;
border: 1px solid #a95858;
color: #fff;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
padding: 6px;
outline: 0;
width: 225px;
}

.invalid_field:focus {
background: #883939 !important;
border: 1px solid #a95858;
color: #fff;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
padding: 6px;
outline: 0;
width: 225px;
}

.valid_field {
background: #768d3d;
border: 1px solid #8ca54d;
color: #fff;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
padding: 6px;
outline: 0;
width: 225px;
}

.valid_field:focus {
background: #768d3d;
border: 1px solid #8ca54d;
color: #fff;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
padding: 6px;
outline: 0;
width: 225px;
}

.validation_error {
background-color: #ad2930;
color: #fff;
font-size: 0.8em;
font-weight: bold;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
padding: 3px 8px;
position: absolute;
margin-left: 245px;
margin-top: -27px;
}

.validation_success {
background-color: #6f8f52;
color: #fff;
font-size: 0.8em;
font-weight: bold;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
padding: 3px 8px;
position: absolute;
margin-left: 245px;
margin-top: -27px;
}

.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: #FFFBD9;
    font-weight: bold;
    text-align: center;
}

.float_left {
    float: left;
}

.float_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;
}

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

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

#copyright {
    font: 11px Verdana, Arial, Sans-Serif;
    margin: 0;
    padding: 10px 0 0 0;
}

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

blockquote {
border: 1px solid #3b3b3b;
font-size: 12px;
background: #262626;
color: #9f9f9f;
margin-bottom: 5px;
padding: 10px;
width: 98%;
margin-left: 0px;
}

blockquote cite {
font-size: 12px;
padding: 14px 10px;
border-bottom: 1px solid #3b3b3b;
background: #282828 url(../../../images/carbon/highlight_reallyfaint.png) repeat-x 0 -1px;
color: #ddd;
text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;
font-weight: bold;
margin: -10px -10px 10px -10px;

    display: block;
}

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

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

.codeblock {
margin: 1em auto;
background-color: #262626 !important;
color: #eee;
padding: 5px;
border: 1px solid #3b3b3b;
overflow: auto;
font-size: 11px;
line-height: 140%;
font-family: monospace !important;
}

.codeblock code {
    height: auto;
    display: block;
    font-family: Monaco, Consolas, Courier, monospace;
    font-size: 13px;
padding: 7px;
}

.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 {
    display: block;
    padding: 3px;
    text-decoration: none;
    white-space: nowrap;
}

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

.autocomplete {
    text-align: left;
}

.subject_new {
    font-weight: bold;
}

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

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

.red_alert {
    background: #FBE3E4;
    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 {
background: #872d2d url(http://cs-tygrysek.com/public/style_images/carbon_orange/highlight_faint.png) repeat-x 0 -1px;
padding: 10px;
border: 1px solid #c15050;
text-shadow: rgba(0,0,0,0.2) 0px -1px 0px;
line-height: 1.6;
font-size: 12px;
-webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px;
-moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px;
box-shadow: rgba(0,0,0,0.1) 0px 1px 3px;
color: #fff;
list-style: none;
}

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

div.error p em {
    font-style: normal;
    font-weight: bold;
    padding-left: 24px;
    display: block;
    color: #C00;
    background: url(../../../images/error.gif) no-repeat 0;
}

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

div.error ul li {
list-style: none;
}

.online {
    color: #15A018;
}

.offline {
    color: #C7C7C7;
}

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

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

.pagination .pages {
padding: 0px 7px;
color: #eee;
}

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

.pagination a {
background: #2a2a2a url(../../../images/carbon/highlight_reallyfaint.png) repeat-x 0 0;
color: #eee;
text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
display: inline-block;
padding: 6px 8px;
text-transform: lowercase;
font-size: 11px;
font-weight: normal;
}

.pagination .pagination_current {
background: #da8225 url(../../../images/carbon/highlight.png) repeat-x 0 0;
color: #fff;
padding: 6px 8px;
text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
cursor: default;
}

.pagination a:hover {
background-color: #323232;
}

.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;
}

.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: 5px;
}

.post_content {
    padding: 5px 10px;
}

.quick_jump {
    background: url(../../../images/carbon/jump_quote.png) 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;
}

.pagination_breadcrumb {
    background-color: #f5f5f5;
    border: 1px solid #fff;
    outline: 1px solid #ccc;
    padding: 5px;
    margin-top: 5px;
    font-weight: normal;
    white-space: nowrap;
}

.pagination_breadcrumb_link {
    vertical-align: middle;
    cursor: pointer;
}

#wczytywanie {
background: none repeat scroll 0 0 #000000;
border-radius: 0 0 5px 5px;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
color: #FFFFFF;
left: 46%;
opacity: 0.6;
padding: 5px 0 8px;
position: fixed;
text-align: center;
top: 0;
width: 8%;
z-index: 10000;
}

.inf_bg {
display: inline-block;
height: 16px;
line-height: 16px;
padding: 0 5px;
font-size: 9px;
font-weight: bold;
text-transform: uppercase;
color: #fff;
text-shadow: rgba(0,0,0,0.2) 0px -1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background-image: url(../../../images/carbon/highlight.png);
background-repeat: repeat-x;
background-position: 0 -1px;
}

.inf_grey {
background-color: #515151;
}

.inf_red {
background-color: #cc0000;
}

.inf_green {
background-color: #7ba60d;
}

.select_style select {
padding: 6px;
border: 1px solid #383838;
background: #292929;
color: #b7b7b7;
text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
-webkit-box-shadow: inset rgba(0,0,0,0.2) 0px 1px 4px;
-moz-box-shadow: inset rgba(0,0,0,0.2) 0px 1px 4px;
box-shadow: inset rgba(0,0,0,0.2) 0px 1px 4px;
}

.select_style select {
outline: 0;
border: 1px solid rgb(78, 78, 78);
background: rgb(53, 53, 53);
} 
Webboard > Wsparcie MyBB > Style, szablony i grafika > Po wgraniu stylu - niepożądane efekty.