Jak zmienić belkę nad logiem i w statystykach forum - na dole

**F4taL** · 02.09.2016, 19:15

Otóż mam problem, na całym forum zmieniłem belki poprostu zamieniłem zdj pierwszej belki nową belką.

Nie wiem jak zmienić górną belkę tam gdzie jest ACP MCP Wyloguj

i w Statystykach forum na dole, np: legenda rang itp

Tutaj daje "header"

<a name="top" id="top"></a>

<div class="welcomeblock">

<div class="welcomeblock-wrapper">

            <div class="float_right">

                    {$quicksearch}

  </div>

       <div class="nawigacja_usera">

                 {$welcomeblock}

       </div>

  </div>

</div>

     </div>

</div>

<header>

                    <div id="header">

                        <br>

            <center><div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" class="shake" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div></center><br />

        </div>

                </div>

  </div>

 <ul class="navmenu">

   <a href="index.php"><li><center><div><i class="fa fa-desktop"></i>&nbsp; <font class="navtxt">STRONA GŁÓWNA</font></div></center></li></a>

      <a href="memberlist.php"><li><center><div><i class="fa fa-users"></i>&nbsp; <font class="navtxt">UŻYTKOWNICY</font></div></center></li></a>

  <a href="http://#.mybans.eu/ban_list.php"><li><center><div><i class="fa fa-ban"></i>&nbsp; <font class="navtxt">AMXBANS </font></div></center></li></a>

</ul>

</div>

<br>

</header>

        </div>

        <div id="content">            

                {$pm_notice}

                {$bannedwarning}

                {$bbclosedwarning}

                {$unreadreports}

                {$pending_joinrequests}              

                {$awaitingusers}                  

                  <navigation>

                  <div class="content">

                  <div class="wrapper">

                <br />

Tutaj daję index_boardstats, tam gdzie mam statystyki itp.

<script type="text/javascript">

    var current_users = {$stats['numusers']};

</script> 

{$forumstats}

<div class="statystyki_strony">

<h4>

{$lang->boardstats}

<span class="boarstatsmenu">

            {$logoutlink}

            <a href="misc.php?action=markread{$post_code_string}">{$lang->markread}</a> |

            <a href="showteam.php">{$lang->forumteam}</a>

            {$statspage}

</span>

</h4>

{$whosonline}

<br>

<p style="color:#0066FF;">__________________________________________________________________________________________________________________________________________________________________________________________________________________</p>

    <br />

{$wwot}

    <br />

  {$birthdays}

</div>

<br />

<center><div class="statystyki_strony"></center>

<h4>

<center><i class="fa fa-users"></i> Legenda rang</center>

<span class="boarstatsmenu">

</span>

</h4>

<span class="smalltext">

 <span style="text-shadow:0px 0px 5px red; color: red; font-weight:bold;">Administracyjne: &nbsp;  </span> 

<a href="index.php?action=viewgroups&amp;gid=4" original-title=""><span style="text-shadow: 0px 0px 3px #ff0000; color: #ff0000; background: url(http://i.imgur.com/4Ph5DWe.gif)"><i class="fa fa-trophy"></i>&nbsp;Właściciel Sieci</span></a> <span style ="color: #0066FF;">|</span>

<a href="index.php?action=viewgroups&amp;gid=30" original-title=""><span style="text-shadow: 0px 0px 3px #990000; color: #990000; background: url(http://przemo.org/phpBB2/forum/files/gwiazdkibordo_134.gif)"><i class="fa fa-graduation-cap"></i> Administrator</span></a> <span style ="color: #0066FF;">|</span>

<a href="index.php?action=viewgroups&amp;gid=6" original-title=""><span style="text-shadow: 0 0 3px yellow; color: yellow; background: url(http://przemo.org/phpBB2/forum/files/gwiazdki_209.gif)"><i class="fa fa-star"></i> Vice Administrator</span></a> <span style ="color: #0066FF;">|</span>

<a href="index.php?action=viewgroups&amp;gid=3" original-title=""<span style="text-shadow: 0px 0px 3px #00cccc; color: #00cccc; background: url(http://i.imgur.com/Q4fA6q3.gif)"><i class="fa fa-wrench"></i>&nbsp;Technik Forum</span></a> <span style ="color: #0066FF;">|</span> 

<b><a href="index.php?action=viewgroups&amp;gid=31"><span style="text-shadow: 0px 0px 3px #8822FF; color: #8822FF; background: url(http://i.imgur.com/yMPLVtD.gif)"><i class="fa fa-wrench"></i>&nbsp;Technik Serwerów</span></a></b> <span style ="color: #0066FF;">|</span>

<a href="index.php?action=viewgroups&amp;gid=8" original-title=""><span style="text-shadow: 0px 0px 3px #009900; color: #009900; background: url(http://przemo.org/phpBB2/forum/files/gwiazdkidarkgreen_134.gif)"><i class="fa fa-cogs"></i>&nbsp;Global Moderator</span></a> <span style ="color: #0066FF;">|</span>

<a href="index.php?action=viewgroups&amp;gid=9" original-title=""><span style="text-shadow: 0px 0px 3px lime; color: lime; background: url(http://i.imgur.com/Li3c5zP.gif)"><i class="fa fa-cog"></i>&nbsp;Moderator</span></a> <span style ="color: #0066FF;">|</span>

<a href="index.php?action=viewgroups&amp;gid=10" original-title=""><span style="text-shadow: 0px 0px 3px #009999; color: #009999; background: url(http://i.imgur.com/kJJA9cv.gif)"><i class="fa fa-legal"></i>&nbsp;UB Team</span></a> 

<br>

<br>

<span style="text-shadow:0px 0px 5px #FFF200; color: #FFF200; font-weight:bold;">Serwerowe: &nbsp;  </span>

<a href="index.php?action=viewgroups&amp;gid=11" original-title=""><span style="text-shadow: 0px 0px 3px #1873ca; color: #1873ca; background: url(http://przemo.org/phpBB2/forum/files/gwiazdkiblue_505.gif)"><i class="fa fa-user-secret"></i>&nbsp;Właściciel Serwera</span></a> <span style ="color: #0066FF;">|</span>

<a href="index.php?action=viewgroups&amp;gid=12" original-title=""><span style="text-shadow: 0px 0px 3px #33FF99; color: #33FF99;"><i class="fa fa-server"></i>&nbsp;Opiekun Serwera</span></a> <span style ="color: #0066FF;">|</span>

<a href="index.php?action=viewgroups&amp;gid=24" original-title=""><span style="text-shadow: 0 0 3px #CC6600; color: #CC6600;"><i class="fa fa-crosshairs"></i>&nbsp;Admin Serwera</span></a> <span style ="color: #0066FF;">|</span>

<a href="index.php?action=viewgroups&amp;gid=41" original-title=""><span style="text-shadow: 0px 0px 3px #99FF00; color: #99FF00;"><i class="fa fa-rocket"></i>&nbsp;MultiAdmin</span></a> 

<br>

<br>

<span style="text-shadow:0px 0px 5px Green; color: Green; font-weight:bold;">Forumowe: &nbsp;  </span> 

<a href="index.php?action=viewgroups&amp;gid=14" original-title=""><span style="text-shadow: 0px 0px 3px #9932CC; color: #9932CC;"><i class="fa fa-paint-brush"></i>&nbsp;Grafik</span></a> <span style ="color: #0066FF;">|</span>

<a href="index.php?action=viewgroups&amp;gid=15" original-title=""><span style="text-shadow: 0px 0px 3px #FF9966; color: #FF9966;"><i class="fa fa-comments"></i>&nbsp;Redaktor</span></a> <span style ="color: #0066FF;">|</span>

<a href="index.php?action=viewgroups&amp;gid=48" original-title=""><span style="text-shadow: 0px 0px 3px #99FF00; color: #99FF00;"><i class="fa fa-usd"></i>&nbsp;Donator</span></a> <span style ="color: #0066FF;">|</span>

<a href="index.php?action=viewgroups&amp;gid=21" original-title=""><span style="text-shadow: 0px 0px 3px #99ccff; color: #99ccff;"><i class="fa fa-globe"></i>&nbsp;Partner</span></a></b> <span style ="color: #0066FF;">|</span>

<a href="index.php?action=viewgroups&amp;gid=49" original-title=""><span style="text-shadow: 0px 0px 10px #FFCC33; color: #FFCC33; background: url(http://i.imgur.com/0AVSkXc.gif?1)"><i class="fa fa-check"></i>&nbsp;√ιק</span><span style ="color: #0066FF;">|</span>

<a href="index.php?action=viewgroups&amp;gid=29"><span style="text-shadow: 0px 0px 3px #ccc; color: #ccc;"><i class="fa fa-diamond"></i>&nbsp;Zasłużony</span></a> <span style ="color: #0066FF;">|</span>

<a href="index.php?action=viewgroups&amp;gid=16" original-title=""><span style="text-shadow: 0px 0px 3px #de035d; color: #de035d;"><i class="fa fa-heart"></i>&nbsp;Kobieta</span> <span style ="color: #0066FF;">|</span> 

<a href="index.php?action=viewgroups&amp;gid=2" original-title=""><span style="text-shadow: 0px 0px 3px #FFFFFF; color: #FFFFFF;"><i class="fa fa-user"></i> Użytkownik</span></a> <span style ="color: #0066FF;">|</span> 

<a href="index.php?action=viewgroups&amp;gid=7" original-title=""><span style="text-shadow: 0px 0px 3px #000000; color: #FFFFFF;"><i class="fa fa-ban"></i>&nbsp;<s>Zbanowany</s></span></a>

</td>

</div>

<script type="text/javascript">

    var current_users = {$stats['numusers']};

</script>

Próbowałem już zrobić to w global.css ale nie miałem "#panel.lower i #header" lub poprostu nie wiedziałem jak to zmienić więc daje też tutaj global.css

a:link {

    color:#CDD3D4;

    text-decoration: none;

}

a:visited {

    color:#CDD3D4;

    text-decoration: none;

}

a:hover,

a:active {

    color:#18BAC9;

    text-decoration: none;

}

::-moz-selection {

 /* Code for Firefox */

    color: white;

    background: #a4e37a;

}

::selection {

    color: white;

    background: #a4e37a;

}

body {

    background: #1d1d1d url(images/skillgame/bgbody.jpg) center center;

background-attachment: fixed;

    color: #bcbcbc;

background-size: cover;

    font: normal 11px tahoma,helvetica,arial,sans-serif;

    position: relative;

    padding-bottom: 20px;

    margin: 0;

    padding: 0;

}

header {

      min-height: 130px;

     width: 87%;

     margin: auto;

}

header .wrapper {

  margin-top: 50px;

}

#container {

    width: 95%;

    background: #000;

    border: 1px solid #e4e4e4;

    color: #000000;

    margin: auto auto;

    padding: 20px;

    text-align: left; /* IE 5 fix */

}

.content {

    padding: 10px;

    line-height: 120%;

}

#content {

background-color: #000;

line-height: 120%;

filter:alpha(opacity=90);

opacity: 0.76;

-moz-opacity:0.9;

padding: 8px;

color:  #5A5A5A;

margin: auto auto;

text-align: left; /* IE 5 fix */

}

width:90%;

min-width:980px;

max-width:1300px;

margin: auto auto;

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

}

.main_width {

width:90%;

min-width:980px;

max-width:1300px;

margin: auto auto;

}

.wrapper {

    width: 100%;

    /*min-width: 970px;*/

    /*max-width: 1500px;*/

    margin: auto auto;

}

.right {

float:right

}

#footer {

    clear: both;

}

#footer ul.menu {

    margin: 0;

    padding: 0;

    list-style: none;

}

#footer ul.menu li {

    margin: 0 5px;

    display: inline;

}

#footer .upper {

    background: #efefef;

    border-top: 1px solid #bbb;

    border-bottom: 1px solid #bbb;

    padding: 6px;

    font-size: 12px;

    overflow: hidden;

}

#footer a:link,

#footer a:visited,

#footer a:hover,

#footer a:active {

    color: #777;

}

#footer .upper .language {

    float: right;

    margin: -1px;

    margin-left: 15px;

}

#footer .upper .language select {

    border-color: #ccc;

}

#footer .upper .theme {

    float: right;

    margin: -1px;

    margin-left: 15px;

}

#footer .upper .theme select {

    border-color: #ccc;

}

#footer .upper ul.bottom_links {

    float: left;

    margin: 4px 0 0 0;

}

#footer .lower {

    color: #666;

    padding: 6px 6px 12px 6px;

    overflow: hidden;

    font-size: 11px;

}

#footer .lower a:link,

#footer .lower a:visited {

    color: #444;

    font-weight: bold;

}

#footer .lower a:hover,

#footer .lower a:active {

    color: #333;

    text-decoration: underline;

    font-weight: bold;

}

#footer .lower #current_time {

    float: right;

    color: #888;

}

#debug {

    float: right;

    text-align: right;

    margin-top: 20px;

    font-size: 11px;

}

.scaleimages img {

    max-width: 100%;

}

.forum_status {

    height: 30px;

    width: 30px;

    background: url(images/forum_icon_sprite.png) no-repeat 0 0;

    display: inline-block;

}

.forum_on {

    background-position: 0 -30px;

}

.forum_off {

    background-position: 0 0;

}

.forum_offlock {

    background-position: 0 -60px;

}

.forum_offlink {

    background-position: 0 -90px;

}

.subforumicon {

    height: 10px;

    width: 10px;

    display: inline-block;

    margin: 0 5px;

    background: url(images/mini_status_sprite.png) no-repeat 0 0;

}

.subforum_minion {

    background-position: 0 0;

}

.subforum_minioff {

    background-position: 0 -10px;

}

.subforum_miniofflock {

    background-position: 0 -20px;

}

.subforum_miniofflink {

    background-position: 0 -30px;

}

table {

    font-size: 13px;

}

.tborder {

    width: 100%;

    margin: auto auto;

}

.tfixed {

    table-layout: fixed;

    word-wrap: break-word;

}

.thead {

     background: url(images/skillgame/thead.png) repeat-x 50% 0;

    color: #fff;

    padding: 16px;

    border-radius: 3px;

    margin-bottom: 3px;

    font-size: 14px;

    font-family: Roboto Condensed,sans-serif;

    font-style: normal;

    font-weight: bold;

    text-align: center;

}

.thead a:link {

    color: #ffffff;

    text-decoration: none;

}

.thead a:visited {

    color: #ffffff;

    text-decoration: none;

}

.thead a:hover,

.thead a:active {

    color: #ffffff;

    text-decoration: none;

}

.tcat {

    background: #0f0f0f url(images/tcat.png) repeat-x;

    color: #fff;

    border-top: 1px solid #444;

    border-bottom: 1px solid #000;

    padding: 6px;

    font-size: 12px;

}

.tcat a:link {

    color: #fff;

}

.tcat a:visited {

    color: #fff;

}

.tcat a:hover,

.tcat a:active {

    color: #fff;

}

.trow1 {

    background: url(images/skillgame/row_gradient.png) 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: url(images/skillgame/row_gradient.png) 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: #343434;

    color: #8E8E8E;

    border: 0;

}

.no_bottom_border {

    border-bottom: 0;

}

.post.unapproved_post {

    background: #ffdde0;

}

.post.unapproved_post .post_author {

    border-bottom-color: #ffb8be;

}

.post.classic.unapproved_post .post_author {

    border-color: #ffb8be;

}

.post.unapproved_post .post_controls {

    border-top-color: #ffb8be;

}

.trow_deleted,

.post.deleted_post {

    background: #E8DEFF;

}

.trow_selected,

tr.trow_selected td {

    background: #C2FFC8;

    color: #333;

    border-right-color: #73F76A;

    border-bottom-color: #9EF76A;

}

.trow_selected a:link,

.trow_selected a:visited,

.trow_selected a:hover,

.trow_selected a:active {

    background: #fff;

}

.trow_sep {

        border-bottom: 1px solid #393939;

        border-top: 1px solid #393939;

        text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;

        background: #282828 url('images/skillgame/highlight_reallyfaint.png') repeat-x 0 -1px;

        font-size: 11px;

        font-weight: bold;

        padding: 8px;

        margin: -8px -8px 8px -8px;

}

.tfoot {

    border-top: 0;

    padding: 6px;

    background: url(images/skillgame/thead.png)

    color: #919191;

}

.tfoot a:link {

    color: #777;

    text-decoration: none;

}

.tfoot a:visited {

    color: #999;

    text-decoration: none;

}

.tfoot a:hover,

.tfoot a:active {

    color: #999;

    text-decoration: NONE;

}

.thead input.textbox,

.thead select {

    border: 1px solid #263c30;

}

.bottommenu {

    background: #efefef;

    color: #333;

    border: 1px solid #4874a3;

    padding: 10px;

}

.navigation {

    color: #D7D7D7;

    font-size: 12px;

}

.navigation a:link {

    text-decoration: none;

}

.navigation a:visited {

    text-decoration: none;

}

.navigation a:hover,

.navigation a:active {

    text-decoration: underline;

}

.navigation .active {

    color: #FFFFFF;

    font-size: small;

}

.smalltext {

    font-size: 11px;

}

.largetext {

    font-size: 16px;

    font-weight: bold;

}

fieldset {

    padding: 12px;

    border: 1px solid #ddd;

    margin: 0;

}

fieldset.trow1,

fieldset.trow2 {

    border-color: #bbb;

}

fieldset.align_right {

    text-align: right;

}

input.textbox {

    padding: 6px;

    border: 1px solid #043A6B;

    background: url(http://i.imgur.com/Mdx6pJq.png);

    color: #FFFFFFF;

    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: none;

        background-color: #4b4b4b;

        color: #f8f8f8;

        border-color: #797979;

}

textarea {

    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;

}

textarea:focus {

        outline: none;

        background-color: #4b4b4b;

        color: #f8f8f8;

        border-color: #797979;

}

select {

    padding: 6px;

    border: 1px solid #043A6B;

    background: url(http://i.imgur.com/Mdx6pJq.png);

    color: #000000;

    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;

}

button,

input.button {

    height: 26px;

    line-height: 26px;

    font-size: 11px;

    padding: 0 10px;

    border: 0;

    background: url(http://i.imgur.com/Mdx6pJq.png) repeat-x 0 0;

    /*border: 1px solid #d0d0d0;*/

    /*-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0px 1px 0px;

    -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0px 1px 0px;

    box-shadow: 0px 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0px 1px 0px;*/

    -moz-border-radius: 2px;

    -webkit-border-radius: 2px;

    border-radius: 2px;

    color: #fff;

    text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;

    display: inline-block;

    white-space: nowrap;

    cursor: pointer;

}

button:hover,

input.button:hover {

        color: #fff;

        background-color: #434343;

}

form {

    margin: 0;

    padding: 0;

}

form input.error {

    border: 1px solid #043A6B;

    color: #FFFFFF;

    background: url(http://i.imgur.com/Mdx6pJq.png);

    padding: 3px;

      float: left;

    outline: 0;

    font-size: 13px;

    font-family: Tahoma, Verdana, Arial, Sans-Serif;

}

form input.valid {

    border: 1px solid #043A6B;

    background: url(http://i.imgur.com/Mdx6pJq.png);

      float: left;

    padding: 3px;

    outline: 0;

    font-size: 13px;

    font-family: Tahoma, Verdana, Arial, Sans-Serif;

}

form label.error {

    color: #f30;

    margin: 5px;

    padding: 0px;

    display: block;

    font-weight: bold;

    font-size: 11px;

}

form #message {

    width: 500px;

}

.editor {

    background: #f1f1f1;

    border: 1px solid #ccc;

}

.editor_control_bar {

    background: #fff;

    border: 1px solid #ccc;

}

.post .editor_control_bar {

    background: #f5f5f5;

}

.popup_menu {

    background: #fff;

    border: 1px solid #ccc;

}

.popup_menu .popup_item {

    background: #efefef;

    color: #333;

}

.popup_menu .popup_item:hover {

    background: #0072BC;

    color: #fff;

}

.trow_reputation_positive {

    background: #111111;

}

.trow_reputation_negative {

    background: #ffcccc;

}

.reputation_positive {

    color: green;

}

.reputation_neutral {

    color: #444;

}

.reputation_negative {

    color: red;

}

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

}

img {

    border: none;

}

img.attachment {

    border: 1px solid #E9E5D7;

    padding: 2px;

}

hr {

    background-color: #000000;

    color: #000000;

    height: 1px;

    border: 0px;

}

.clear {

    clear: both;

}

.float_left {

    float: left;

}

.float_right {

    float: right;

}

.hidden {

    display: none;

    float: none;

    width: 1%;

}

.hiddenrow {

    display: none;

}

.selectall {

    background: #FFFBD9;

    border-bottom: 1px solid #F7E86A;

    color: #333;

    text-align: center;

}

.expcolimage {

    float: right;

    width: auto;

    vertical-align: middle;

    margin-top: -4px;

}

.tcat_menu > .expcolimage {

    margin-top: 0;

}

blockquote {

    margin: 0;

    background: #2D2D2D;

    border-right: 1px solid #424242;

    border-bottom: 1px solid #424242; 

    border-top: 1px solid #424242; 

    padding: 10px; 

    -webkit-border-top-left-radius: 10px;  

    -webkit-border-bottom-left-radius: 10px;  

    -moz-border-radius-topleft: 10px;    

    -moz-border-radius-bottomleft: 10px; 

    border-top-left-radius: 10px;   

    border-bottom-left-radius: 10px;

    border-left: 5px solid #066700;

    padding: 10px;

}

blockquote cite {

    font-weight: bold;

    border-bottom: 1px solid #ccc;

    font-style: normal;

    display: block;

    padding-bottom: 3px;

    margin: 0 0 10px 0;

}

blockquote cite span {

    float: right;

    font-weight: normal;

    font-size: 12px;

    color: #666;

}

blockquote cite span.highlight {

    float: none;

    font-weight: bold;

    padding-bottom: 0;

}

.codeblock {

    background: #2D2D2D;

    border-right: 1px solid #424242;

    border-bottom: 1px solid #424242;

    border-top: 1px solid #424242;

    padding: 10px;

    -webkit-border-top-left-radius: 10px;  -webkit-border-bottom-left-radius: 10px; 

      -moz-border-radius-topleft: 10px; 

      -moz-border-radius-bottomleft: 10px; 

      border-top-left-radius: 10px; 

      border-bottom-left-radius: 10px;

    border-left: 5px solid #066700;

}

.codeblock .title {

    border-bottom: 1px solid gray;

    font-weight: bold;

    padding-bottom: 3px;

    margin: 0 0 10px 0;

}

.codeblock code {

    overflow: auto;

    height: auto;

    max-height: 200px;

    display: block;

    font-family: Monaco, Consolas, Courier, monospace;

    font-size: 13px;

}

.smilie {

    vertical-align: middle;

}

.smilie_pointer {

    cursor: pointer;

}

.separator {

    margin: 5px;

    padding: 0;

    height: 0px;

    font-size: 1px;

    list-style-type: none;

}

.popup_menu .popup_item_container {

    margin: 1px;

    text-align: left;

}

.popup_menu .popup_item {

    display: block;

    padding: 4px;

    white-space: nowrap;

    text-decoration: none;

}

.popup_menu a.popup_item:hover {

    text-decoration: none;

}

.subject_new {

    font-weight: bold;

}

.highlight {

    background: #FFFFCC;

    padding-top: 3px;

    padding-bottom: 3px;

}

.pm_alert {

    background: #BFFFD6;

    border: 1px solid #0A9B12;

    text-align: center;

    padding: 5px 20px;

    margin-bottom: 15px;

    color: #393939;

    font-size: 11px;

}

.pm_alert a {

    color: brown;

}

.red_alert {

    background: #FBE3E4;

    border: 1px solid #A5161A;

    color: #A5161A;

    text-align: center;

    padding: 5px 20px;

    margin-bottom: 15px;

    font-size: 11px;

    word-wrap: break-word;

}

.red_alert a:link,

.red_alert a:visited,

.red_alert a:hover,

.red_alert  a:active {

    color: #A5161A;

}

.high_warning {

    color: #CC0000;

}

.moderate_warning {

    color: #F3611B;

}

.low_warning {

    color: #AE5700;

}

.online {

    color: #15A018;

}

.offline {

    color: #C7C7C7;

}

div.error {

    padding: 5px 10px;

    border-top: 2px solid #FFD324;

    border-bottom: 2px solid #FFD324;

    background: #FFF6BF;

    font-size: 12px;

}

div.error p {

    margin: 0;

    color: #333;

    font-weight: normal;

}

div.error p em {

    font-style: normal;

    font-weight: bold;

    padding-left: 24px;

    display: block;

    color: #C00;

    background: url(images/error.png) no-repeat 0;

}

div.error ul {

    margin-left: 24px;

}

.pagination {

    font-size: 11px;

    padding-top: 10px;

    margin-bottom: 5px;

}

.tfoot .pagination,

.tcat .pagination {

    padding-top: 0;

}

.pagination .pages {

    font-weight: bold;

}

.pagination .pagination_current,

.pagination a {

    padding: 3px 6px;

    margin-bottom: 3px;

}

.pagination a {

    background: #454545;

    color: #FFF;

    padding: 5px 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 .pagination_current {

    background: #62AE33 url(images/skillgame/highlight_reallyfaint.png) repeat-x 0 -1px;

    color: #FFF;

    padding: 5px 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: #666;

    color: #fff;

    border-color: #263c30;

    text-decoration: none;

}

.pagination .go_page img {

    margin-bottom: -4px;

}

.drop_go_page {

    background: #f5f5f5;

    padding: 4px;

}

.pagination_breadcrumb {

    background-color: #efefef;

    border: 1px solid #fff;

    outline: 1px solid #ccc;

    padding: 5px;

    margin-top: 5px;

    font-weight: normal;

}

.pagination_breadcrumb_link {

    vertical-align: middle;

    cursor: pointer;

}

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

}

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

}

#posts_container {

      width: 100%;

    padding: 0;

    border: 1px solid  #393939;

    margin-top: 5px;

}

.ignored_post {

    border-top: 3px solid #333;

    padding: 15px;

}

.ignored_post .show_ignored_post {

    margin-top: -15px;

}

.ignored_post .show_ignored_post a.button span {

    background-position: 0 -400px;

}

.post {

    width: 100%;

    height: 100%;

      background: #1A1A1A;

    overflow: hidden;

}

}

.post.classic {

    background: #161616;

}

.post .post_author {

    background: #1D1D1D url(images/skillgame/highlight_reallyfaint.png) repeat-x 0 0;

    padding: 5px;

    color: #6F6F6F;

    overflow: hidden;

    line-height: 20px;

}

.post.classic .post_author {

    float: left;

    background: #161616;

    width: 15%;

    border-left: 0;

    padding: 5px 1%;   

    border-right: 1px solid #393939;

    margin: -10px 0 -20000px 5px;   padding-bottom: 20000px;   height: 100%;

}

.post .post_author .buddy_status {

    vertical-align: middle;

    margin-top: -4px;

}

.post .post_author div.author_avatar {

    float: left;

    margin-right: 3px;

}

.post.classic .post_author div.author_avatar {

    float: none;

    text-align: center;

    margin-bottom: 8px;

}

.post .post_author div.author_avatar img {

    width: 100px;

    border-radius: 50%;

    padding: 0;

    border: 0;

    -moz-transition: all 1s;

    -webkit-transition: all 1s;

    -o-transition: all 1s;

    box-shadow: 0 0 5px #4096ee;

    height: 100px;

    margin-left: 0px;

    margin-top: 15px;

}

.post .post_author div.author_information {

    float: left;

    padding: 6px 8px;

}

.post.classic .post_author div.author_information {

    float: none;

    padding: 0;

    text-align: center;

}

.post .post_author div.author_statistics {

    float: right;

    font-size: 11px;

    padding: 3px 10px 3px 5px;

    color: #666;

    line-height: 1.3;

}

.post.classic .post_author div.author_statistics {

    margin: 6px 0 0 0;

      text-align: center;

    font-size: 10px;

    padding: 6px 6px 3px 6px;

    float: none;

}

.post .post_head {

    font-size: 11px;

      color: #898989;

    padding-bottom: 4px;

    margin-bottom: 4px;

}

.post .post_head span.edited_post {

    font-size: 10px;

    color: #999;

}

.post .post_head span.edited_post a {

    color: #666;

}

.post_body {

    font-size: 14px;

    padding: 12px 0;

      line-height: 1.2;    

      color: #7B7B7B;

}

.post.classic .post_content {

      background: #1A1A1A;

    width: 80%;

    padding: 0 0 0 15px;

    float: left;

    height: 100%;

    margin-bottom: -20000px;

    padding-bottom: 20000px;

}

.post_content {

    padding: 9px 10px 5px 10px;

}

.post_content .signature {

    margin: 5px 0 15px 0;

      color: #A0A0A0;

    border-top: 1px solid #383838;

    padding: 10px 0 4px 0;

}

.post .post_meta {

    margin: 4px 0;

    font-size: 11px;

    padding: 10px;

    color: #999;

}

.post .post_meta a:link,

.post .post_meta a:visited {

    color: #777;

}

.post .post_meta a:hover,

.post .post_meta a:active {

    color: #777;

}

.post_controls {

    clear: both;

    background: #222;

    border-top: 1px solid #2B2B2B;

    padding: 5px;

    overflow: hidden;

}

.postbit_buttons > a:link,

.postbit_buttons > a:hover,

.postbit_buttons > a:visited,

.postbit_buttons > a:active {

    display: inline-block;

    margin: 2px;

    font-size: 12px;

color:#fff;

}

.postbit_buttons img {

vertical-align: middle; margin: -3px 2px 0px -3px; position: relative;

}

.postbit_buttons > a:hover {

    border-color: #bbb;

}

.postbit_buttons a span {

    padding-left: 20px;

    display: inline-block;

    height: 16px;

    background-image: url(images/buttons_sprite.png);

    background-repeat: no-repeat;

}

.postbit_buttons a.postbit_find span {

    background-position: 0 0;

}

.postbit_buttons a.postbit_reputation_add span {

    background-position: 0 -20px;

}

.postbit_buttons a.postbit_email span {

    background-position: 0 -40px;

}

.postbit_buttons a.postbit_website span {

    background-position: 0 -60px;

}

.postbit_buttons a.postbit_pm span {

    background-position: 0 -80px;

}

.postbit_buttons a.postbit_quote span {

    background-position: 0 -100px;

}

.postbit_buttons a.postbit_multiquote span {

    background-position: 0 -120px;

}

.postbit_buttons a.postbit_multiquote_on span {

    background-position: 0 -140px;

}

.postbit_buttons a.postbit_edit span {

    background-position: 0 -160px;

}

.postbit_buttons a.postbit_qdelete span {

    background-position: 0 -180px;

}

.postbit_buttons a.postbit_qrestore span {

    background-position: 0 -200px;

}

.postbit_buttons a.postbit_report span {

    background-position: 0 -220px;

}

.postbit_buttons a.postbit_warn span {

    background-position: 0 -240px;

}

.postbit_buttons a.postbit_purgespammer span {

    background-position: 0 -540px;

}

.postbit_buttons a.postbit_reply_pm span {

    background-position: 0 -260px;

}

.postbit_buttons a.postbit_reply_all span {

    background-position: 0 -280px;

}

.postbit_buttons a.postbit_forward_pm span {

    background-position: 0 -300px;

}

.postbit_buttons a.postbit_delete_pm span {

    background-position: 0 -320px;

}

a.button:link,

a.button:hover,

a.button:visited,

a.button:active {

    background: #0f0f0f url(images/tcat.png) repeat-x;

    color: #fff;

    display: inline-block;

    padding: 4px 8px;

    margin: 2px 2px 6px 2px;

    border: 1px solid #000;

    font-size: 14px;

}

a.button.small_button {

    font-size: 13px;

    margin: 0;

    padding: 3px 6px;

}

a.button span {

    padding-left: 20px;

    display: inline-block;

    background-image: url(images/buttons_sprite.png);

    background-repeat: no-repeat;

}

a.button.add_buddy_button span {

    background-position: 0 -440px;

}

a.button.remove_buddy_button span {

    background-position: 0 -480px;

}

a.button.add_ignore_button span {

    background-position: 0 -460px;

}

a.button.remove_ignore_button span {

    background-position: 0 -500px;

}

a.button.report_user_button span {

    background-position: 0 -520px;

}

.quick_jump {

    background: url(images/jump.png) no-repeat 0;

    width: 13px;

    height: 13px;

    padding-left: 13px; /* amount of padding needed for image to fully show */

    margin-top: -3px;

    border: none;

}

.pollbar {

    background: url(images/pollbar.png) top left repeat-x;

    border: 1px solid #3f3f3f;

    height: 10px;

}

.pollbar .percent {

    display: none;

}

.posticons_label {

    white-space: nowrap;

}

div#posts {

margin: 5px 0 0 0

}

/** jGrowl Start **/

/** Special IE6 Style Positioning **/

.ie6 {

    position: absolute;

}

.ie6.top-right {

    right: auto;

    bottom: auto;

    left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );

    top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );

}

.ie6.top-left {

    left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );

    top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );

}

.ie6.bottom-right {

    left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );

    top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );

}

.ie6.bottom-left {

    left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );

    top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );

}

.ie6.center {

    left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );

    top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );

    width: 100%;

}

/** jGrowl Styling **/

.jGrowl {

    z-index: 9999;

    color: #fff;

    font-size: 12px;

    position: fixed;

}

.jGrowl.top-left {

    left: 0px;

    top: 0px;

}

.jGrowl.top-right {

    right: 0px;

    top: 0px;

}

.jGrowl.bottom-left {

    left: 0px;

    bottom:    0px;

}

.jGrowl.bottom-right {

    right: 0px;

    bottom: 0px;

}

.jGrowl.center {

    top: 0px;

    width: 50%;

    left: 25%;

}

/** Cross Browser Styling **/

.center .jGrowl-notification,

.center .jGrowl-closer {

    margin-left: auto;

    margin-right: auto;

}

.jGrowl .jGrowl-notification,

.jGrowl .jGrowl-closer {

    background-color: #000;

    opacity: .85;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";

    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);

    zoom: 1;

    width: 235px;

    padding: 10px;

    margin-top: 5px;

    margin-bottom: 5px;

    font-family: Tahoma, Arial, Helvetica, sans-serif;

    font-size: 1em;

    text-align: left;

    display: none;

    border-radius: 5px;

}

.jGrowl .jGrowl-notification {

    min-height: 40px;

}

.jGrowl .jGrowl-notification,

.jGrowl .jGrowl-closer {

    margin: 10px;

}

.jGrowl .jGrowl-notification .jGrowl-header {

    font-weight: bold;

    font-size: .85em;

}

.jGrowl .jGrowl-notification .jGrowl-close {

    z-index: 99;

    float: right;

    font-weight: bold;

    font-size: 1em;

    cursor: pointer;

}

.jGrowl .jGrowl-closer {

    padding-top: 4px;

    padding-bottom: 4px;

    cursor: pointer;

    font-size: .9em;

    font-weight: bold;

    text-align: center;

}

/** Hide jGrowl when printing **/

@media print {

    .jGrowl {

        display: none;

}

}

/** jGrowl End **/

/** Modal Start **/

.modal {

    display: none;

    width: 400px;

    text-align: left;

    background: #fff;

    -webkit-border-radius: 8px;

    -moz-border-radius: 8px;

    -o-border-radius: 8px;

    -ms-border-radius: 8px;

    border-radius: 8px;

    -webkit-box-shadow: 0 0 10px #000;

    -moz-box-shadow: 0 0 10px #000;

    -o-box-shadow: 0 0 10px #000;

    -ms-box-shadow: 0 0 10px #000;

    box-shadow: 0 0 10px #000;

}

.modal a.close-modal {

    position: absolute;

    top: -12.5px;

    right: -12.5px;

    display: none; /*block*/

    width: 30px;

    height: 30px;

    text-indent: -9999px;

    background: url(images/close.png) no-repeat 0 0;

}

.modal-spinner {

    background:#000;

    color:#fff;

    text-align:center;

    padding:5px 0 8px;

    width:8%;

    top:0px;

    left:46%;

    -moz-border-radius:0 0 5px 5px;

    -webkit-border-bottom-right-radius:5px;

    -webkit-border-bottom-left-radius:5px;

    border-radius:0 0 5px 5px;

    z-index:10000;

    position:fixed;

    -moz-box-shadow:0px 3px 5px rgba(0,0,0,0.2);

    -webkit-box-shadow:0px 3px 5px rgba(0,0,0,0.2);

    box-shadow:0px 3px 5px rgba(0,0,0,0.2);

    opacity:0.6

}

/** Modal End **/

/** Impromptu Start **/

/*! jQuery-Impromptu - v5.2.4 - 2014-05-26

* http://trentrichardson.com/Impromptu

* Copyright (c) 2014 Trent Richardson; Licensed MIT */

.jqifade {

    position: absolute;

    background-color: #777777;

}

div.jqi {

    width: 400px;

    max-width:90%;

    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

    position: absolute;

    background-color: #ffffff;

    font-size: 11px;

    text-align: left;

    border: solid 1px #eeeeee;

    border-radius: 6px;

    -moz-border-radius: 6px;

    -webkit-border-radius: 6px;

    padding: 7px;

}

div.jqi .jqiclose {

    position: absolute;

    top: 4px; right: -2px;

    width: 18px;

    cursor: default;

    color: #bbbbbb;

    font-weight: bold;

}

div.jqi .jqistate {

    background-color: #fff;

}

div.jqi .jqititle {

    padding: 5px 10px;

    font-size: 16px;

    line-height: 20px;

    border-bottom: solid 1px #eeeeee;

}

div.jqi .jqimessage {

    padding: 10px;

    line-height: 20px;

    color: #444444;

}

div.jqi .jqibuttons {

    text-align: right;

    margin: 0 -7px -7px -7px;

    border-top: solid 1px #e4e4e4;

    background-color: #f4f4f4;

    border-radius: 0 0 6px 6px;

    -moz-border-radius: 0 0 6px 6px;

    -webkit-border-radius: 0 0 6px 6px;

}

div.jqi .jqibuttons button {

    margin: 0;

    padding: 6px 20px;

    background-color: transparent;

    font-weight: normal;

    border: none;

    border-left: solid 1px #e4e4e4;

    color: #777;

    font-weight: bold;

    font-size: 12px;

}

div.jqi .jqibuttons button.jqidefaultbutton {

    color: #489afe;

}

div.jqi .jqibuttons button:hover,

div.jqi .jqibuttons button:focus {

    color: #287ade;

    outline: none;

}

.jqiwarning .jqi .jqibuttons {

    background-color: #b95656;

}

/* sub states */

div.jqi .jqiparentstate::after {

    background-color: #777;

    opacity: 0.6;

    filter: alpha(opacity=60);

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    border-radius: 6px;

    -moz-border-radius: 6px;

    -webkit-border-radius: 6px;

}

div.jqi .jqisubstate {

    position: absolute;

    top: 0;

    left: 20%;

    width: 60%;

    padding: 7px;

    border: solid 1px #eeeeee;

    border-top: none;

    border-radius: 0 0 6px 6px;

    -moz-border-radius: 0 0 6px 6px;

    -webkit-border-radius: 0 0 6px 6px;

}

div.jqi .jqisubstate .jqibuttons button {

    padding: 10px 18px;

}

/* arrows for tooltips/tours */

.jqi .jqiarrow {

    position: absolute;

    height: 0; width: 0;

    line-height: 0;

    font-size: 0;

    border: solid 10px transparent;

}

.jqi .jqiarrowtl {

    left: 10px;

    top: -20px;

    border-bottom-color: #ffffff;

}

.jqi .jqiarrowtc {

    left: 50%;

    top: -20px;

    border-bottom-color: #ffffff;

    margin-left: -10px;

}

.jqi .jqiarrowtr {

    right: 10px;

    top: -20px;

    border-bottom-color: #ffffff;

}

.jqi .jqiarrowbl {

    left: 10px;

    bottom: -20px;

    border-top-color: #ffffff;

}

.jqi .jqiarrowbc {

    left: 50%;

    bottom: -20px;

    border-top-color: #ffffff;

    margin-left: -10px;

}

.jqi .jqiarrowbr {

    right: 10px;

    bottom: -20px;

    border-top-color: #ffffff;

}

.jqi .jqiarrowlt {

    left: -20px;

    top: 10px;

    border-right-color: #ffffff;

}

.jqi .jqiarrowlm {

    left: -20px;

    top: 50%;

    border-right-color: #ffffff;

    margin-top: -10px;

}

.jqi .jqiarrowlb {

    left: -20px;

    bottom: 10px;

    border-right-color: #ffffff;

}

.jqi .jqiarrowrt {

    right: -20px;

    top: 10px;

    border-left-color: #ffffff;

}

.jqi .jqiarrowrm {

    right: -20px;

    top: 50%;

    border-left-color: #ffffff;

    margin-top: -10px;

}

.jqi .jqiarrowrb {

    right: -20px;

    bottom: 10px;

    border-left-color: #ffffff;

}

.posty_lewo {

    color: #FFFFFF;

    float: left;

}

.posty_srodek {

    color: #FFFFFF;

    text-align: center;

}

.post_field {

    background: none repeat scroll 0 0 #1B1B1B;

    border: 1px solid #2C2C2C;

    color: #54a4e3; 

    margin-top: 2px;

    padding: 3px 3px 3px 10px;

    text-align: left;

}

.post_field_maly {

    background: none repeat scroll 0 0 #1B1B1B;

    border: 1px solid #2C2C2C;

    color: #54a4e3; 

    margin-top: 2px;

    padding: 3px 3px 3px 10px;

    text-align: left;

    height: 25px;

}

/* DVZ Shoutbox */

#shoutbox {

 margin-bottom: 10px; border: solid 2px rgba(0,0,0,0.1);

}

#shoutbox .head {

 padding: 8px;

}

#shoutbox.front .head {

  background: url(images/csopole/belka.png) repeat-x 0 center;

  border-bottom-color:#263C30;

  border-bottom-style:solid;

  border-bottom-width:1px;

  border-radius:5px 5px 0 0;

  color:#FFFFFF;

}

#shoutbox .head .right {

 float: right; margin: 0; font-size: 13px;

}

#shoutbox.collapsed .head {

 opacity: 0.6;

}

#shoutbox.collapsed .body {

 display: none;

}

#shoutbox .panel {

 border-top: solid 2px rgba(0,0,0,0.1);

}

#shoutbox input.text {

 margin: 0; padding: 10px 8px; width: 100%; box-sizing: border-box; border: none; box-shadow: inset 0 2px 4px rgba(0,0,0,0.08); 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 {

 border-top: solid 2px rgba(0,0,0,0.1); overflow-y: scroll; background: #171717;

}

#shoutbox .data {

 display: table; width: 100%; border-top: solid 2px rgba(0,0,0,0.1); font-family: Arial, sans-serif; font-size: 12px;

}

#shoutbox.front .data {

 border-top: none;

}

#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.01);

}

#shoutbox .entry.new {

 background-color: rgba(255,255,100,0.1);

}

#shoutbox .entry > div {

 border-bottom: 1px solid black;

}

#shoutbox .entry:last-child > div {

 border-bottom: none;

}

#shoutbox .entry > div {

 display: table-cell; padding: 6px; text-align: left;

}

#shoutbox .avatar img {

 margin: 0 auto; vertical-align: middle; height: 20px; width: 20px; border-radius: 40%; box-shadow: 0 0 2px rgba(0,0,0,0.1); cursor: pointer;

}

#shoutbox .user {

 border-right: solid 1px rgba(0,0,0,0.05); text-align: right; white-space: nowrap;

}

#shoutbox .text {

    width: 100%;

    color: #d6d6d6;

}

#shoutbox .info {

 font-size: 11px; color: #AAA; white-space: nowrap; text-align: right;

}

#shoutbox .mod {

 padding: 6px 8px; font-size: 9px; font-weight: bold; color: #AAA; text-decoration: none;

}

#shoutbox .mod:nth-of-type(2) {

 margin-right: 5px; border-left: solid 1px rgba(0,0,0,0.1);

}

#shoutbox  .ip {

 margin-right: 10px; color: #CECECE;

}

.ver_sub {

margin: 0;

padding: 0;

list-style: none;

}

.ver_sub li {

width: 50%;

float: left;

}

.ipsBadge {

    background-image: url(images/majestic/highlight.png);

    background-position: 0 -1px;

    background-repeat: repeat-x;

    border-radius: 3px;

    color: #fff;

    display: inline-block;

    font-size: 9px;

    font-weight: bold;

    height: 15px;

    line-height: 15px;

    padding: 0 5px;

    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);

    text-transform: uppercase;

    vertical-align: middle;

}

.rekrutacja {

   border-radius: 2px;

   color: #fff;

   font-size: 11px;

   padding: 3px 5px;

   display: inline-block;

}

.lock {

   background-color: #FF0000;

}

.open {

   background-color: #68a72f;

}

#link {

    background: #4c524c none repeat scroll 0 0;

    color: #fff;

    font-size: 11px;

    height: 35px;

    line-height: 35px;

    list-style: outside none none;

    margin-top: 3px;

    opacity: 1;

    outline: medium none;

    padding: 0 12px;

    text-decoration: none;

    transition-duration: 0.6s;

}

@-webkit-keyframes spaceboots {

    0% {

 -webkit-transform: translate(2px, 1px) rotate(0deg);

}

10% {

 -webkit-transform: translate(-1px, -2px) rotate(-1deg);

}

20% {

 -webkit-transform: translate(-3px, 0px) rotate(1deg);

}

30% {

 -webkit-transform: translate(0px, 2px) rotate(0deg);

}

40% {

 -webkit-transform: translate(1px, -1px) rotate(1deg);

}

50% {

 -webkit-transform: translate(-1px, 2px) rotate(-1deg);

}

60% {

 -webkit-transform: translate(-3px, 1px) rotate(0deg);

}

70% {

 -webkit-transform: translate(2px, 1px) rotate(-1deg);

}

80% {

 -webkit-transform: translate(-1px, -1px) rotate(1deg);

}

90% {

 -webkit-transform: translate(2px, 2px) rotate(0deg);

}

100% {

 -webkit-transform: translate(1px, -2px) rotate(-1deg);

}

}

.shake:hover,

.shake:focus {

    -webkit-animation-name: spaceboots;

    -webkit-animation-duration: 0.8s;

    -webkit-transform-origin:50% 50%;

    -webkit-animation-iteration-count: infinite;

    -webkit-animation-timing-function: linear;

}

.shake {

    display:inline-block

}

/* Nowa treść */        

#stream .right {

 margin: 0; float: right;

}

#stream .data {

 margin: -4px;

}

#stream .entry {

 padding: 1px;background-color: #1D1D1D;border-top: solid 2px #242424;border-left: solid 2px #242424;border-right: solid 2px #242424;font-size: 11px;

}

#stream .entry:nth-child(odd) {

 background-color: #1D1D1D;

}

#stream .entry:last-child {

 border-bottom: none;

}

#stream .event {

 font-weight: bold;

}

#stream .item {

 font-weight: bold;

}

#stream .tcat {

 vertical-align: middle;

}

#stream .tcat .smalltext {

 float: left; margin-top: 6px;

}

#stream .streams {

 float: right;

}

#stream label {

 display: inline-block; margin: 0 2px; padding: 2px 6px 6px 6px; background: rgba(255,255,255,0.5); border: solid 1px rgba(255,255,255,0.2); font-size: 11px;

}

#stream label input {

 position: relative; top: 2px;

}

#stream label.active {

 background-color: rgba(255,255,255,0.8);

}

.avatar_usera {

        border-radius: 50%;

}

.staty_author {

         background: ;

        border-bottom: 1px solid #232424;

        padding: 4px;

        height: 17px;

        border-top: 1px solid #232424;

        color: #0066ff;

}

.staty_left_a {

        float: left;

        font-weight: bold;

        padding-left: 3px;

}

.staty_right_a {

        float: right;

}

::-webkit-scrollbar {

        width: 10px;

}

::-webkit-scrollbar-track {

        background-color: #000000;

}

::-webkit-scrollbar-thumb {

        background-color: #063173;

        border-left: 1px solid #063173;

        border-right: 1px solid #063173;

}

::-webkit-scrollbar-thumb:hover {

        background-color: #2D4A75;

        border-left: 1px solid #363636;

        border-right: 1px solid #363636;

}

.category_icon {

    padding:0 10px;

    display: inline-block;

    text-align:center;

}

.category_icon:before {

    font-family: 'FontAwesome';

    color: #fff; /* kolor ikonki */

     font-size: 15px; /* wielokosc ikonki */

     vertical-align:middle;

}

.icon_1:before {

    content:'\f086';

}

.icon_34:before {

    content:'\f05e';

}

.icon_38:before {

    content:'\f0e8';

}

.icon_139:before {

    content:'\f0e8';

}

.icon_44:before {

    content:'\f130';

}

.icon_50:before {

    content:'\f1fc';

}

.icon_55:before {

    content:'\f0ac';

}

.icon_61:before {

    content:'\f118';

}

.icon_70:before {

    content:'\f014';

}

.ipsButton_secondary, .bbc_spoiler_show, .user_controls li a {

    display: inline-block;

    position: relative;

    height: 26px;

    line-height: 26px;

    font-size: 11px;

    padding: 0 30px;

    border: 0;

    background: #212121;

    color: #330000;

    text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;

    display: inline-block;

    white-space: nowrap;

    cursor: pointer;

    border-radius: 0px;

    transition: all 0.5s;

}

.fic_subject_link:before {

    content: "\f0a1";

    font-family: FontAwesome;

    display: inline-block;

    width: 20px;

    height: 20px;

    line-height: 20px;

    border-radius: 5px;

    background: #51CA42;

    color: #fff;

    margin-right: 5px;

    text-align: center;

}

.fic_sticky {

    background: #FFCCCC;

}

td.fic_sticky a.fic_subject_link:before {

    content: "\f12a";

    font-family: FontAwesome;

    display: inline-block;

    width: 20px;

    height: 20px;

    line-height: 20px;

    border-radius: 5px;

    background: #FF4040;

    color: #fff;

    margin-right: 5px;

    text-align: center;

}

.fic_date {

    padding: 3px; 

    background: #51CA42; 

    border-radius: 5px; 

    float: right;    

    color: #fff;

}

td.fic_sticky span.fic_date {

    background: #FF4040;

    color: #fff;

}

.tablehead {

 padding: 5px 10px; background: #026CB1 url(images/thead_bg.gif) repeat-x; border: solid 1px #026CB1; border-radius: 5px 5px 0 0; font: 16px Arial, sans-serif; color: #FFF;

}

.tablehead .right {

 float: right; margin: 0; padding-top: 1px; font-size:  13px;

}

.tablehead a {

 color: #FFF !important; text-decoration: none;

}

#shoutbox_data {

 font: 13px Arial, sans-serif;

}

#shoutbox {

 margin-bottom: 5px;

}

#shoutbox .panel {

 padding: 2px;

}

#shoutbox .panel-blocked {

 margin: 1px 0; padding: 5px; background: #FCEFEF; font-size: 11px; color: #543A3A;

}

#shoutbox .panel-away {

 margin: 1px 0; padding: 5px;  background: #EDEDED; font-size: 11px; color: #7A7A7A;

}

#shoutbox .panel-away button {

 margin-right: 5px; padding: 5px; font-family: Tahoma, sans-serif; color: #FFF; font-size: 11px; font-weight: bold; text-align: center; text-shadow: 0 -1px 0 #297318; border-radius: 5px; background: #962725; border: none; border-radius: 3px;

}

#shoutbox .trow1 {

 background-color: #FFF;

}

#shoutbox .panel-minposts {

 margin: 1px 0; padding: 5px; background: #FFFED8; font-size: 11px; color: #727250;

}

img#dvz_sb_loading {

 position: relative; top: 3px; left: 5px;

}

input#shout_text {

 margin-right: 2px; padding: 5px 6px 6px 6px; width: 90%; background: #FFF; border: 1px solid #898989; border-radius: 2px; font-family: Tahoma, sans-serif; font-size: 12px; color: #000;

}

input#shout_button {

 padding: 5px; font-family: Tahoma, sans-serif; color: #FFF; font-size: 11px; font-weight: bold; text-align: center; text-shadow: 0 -1px 0 #297318; border-radius: 5px; background: #499338; border: solid 1px #499338; border-radius: 3px;

}

#shoutbox .trow1 {

 background-color: #FFF;

}

#shoutbox .trow2 {

 background-color: #FAFAFA;

}

.sbentry {

 padding: 0;

}

#shoutbox .userdata {

 margin: 0; padding: 6px; float: left;  text-align: right;

}

#shoutbox .text {

 margin: 0; padding: 6px; color: #333333;

}

#shoutbox .insUser {

 cursor: pointer; color: #AAAAAA;

}

#shoutbox .info {

 float: right; margin-top: 5px; margin-right: 5px; font-size: 11px; color: #888888;

}

#shoutbox .info .date {

 margin-right: 5px;

}

#shoutbox .info .ip {

 margin-right: 5px; color: #CECECE;

}

#shoutbox .mod {

 padding: 2px 5px; background: #333333; border-radius: 3px; font-size: 10px; font-weight: bold; color: #FFF; text-decoration: none;

}

#shoutbox .dvz_sb_del {

 background-color: #6B0100;

}

#shoutbox img.avatar {

 float: left; display: inline-block; margin-top: -1px; margin-right: 5px; max-height: 16px; max-width: 16px; border: solid 1px #FFF; box-shadow: 0 0 2px #E0E0E0;

}

/* DVZ Shoutbox */

#shoutbox {

 margin-bottom: 10px; border: solid 2px rgba(0,0,0,0.1);

}

#shoutbox .head {

 padding: 8px;

}

#shoutbox.front .head {

 cursor: pointer;

}

#shoutbox .head .right {

 float: right; margin: 0; font-size: 13px;

}

#shoutbox.collapsed .head {

 opacity: 0.6;

}

#shoutbox.collapsed .body {

 display: none;

}

#shoutbox .panel {

 border-top: solid 2px rgba(0,0,0,0.1);

}

#shoutbox input.text {

 margin: 0; padding: 10px 8px; width: 100%; box-sizing: border-box; border: none; box-shadow: inset 0 2px 4px rgba(0,0,0,0.08); 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 {

 border-top: solid 2px rgba(0,0,0,0.1); overflow-y: scroll;

}

#shoutbox .data {

 display: table; width: 100%; border-top: solid 2px rgba(0,0,0,0.1); font-family: Arial, sans-serif; font-size: 12px;

}

#shoutbox.front .data {

 border-top: none;

}

#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.01);

}

#shoutbox .entry.new {

 background-color: rgba(255,255,100,0.1);

}

#shoutbox .entry:target {

 background-color: rgba(50,200,255,0.1);

}

#shoutbox .entry > div {

 border-bottom: dashed 1px rgba(0,0,0,0.05);

}

#shoutbox .entry:last-child > div {

 border-bottom: none;

}

#shoutbox .entry > div {

 display: table-cell; padding: 6px;

}

#shoutbox .avatar img {

 margin: 0 auto; vertical-align: middle; max-height: 20px; max-width: 20px; border: solid 1px rgba(255,255,255,0.1); box-shadow: 0 0 2px rgba(0,0,0,0.1); cursor: pointer;

}

#shoutbox .user {

 border-right: solid 1px rgba(0,0,0,0.05); text-align: right; white-space: nowrap;

}

#shoutbox .text {

 width: 100%; color: #555;

}

#shoutbox .info {

 font-size: 11px; color: #AAA; white-space: nowrap; text-align: right;

}

#shoutbox .entry.unread .info:before {

 display: inline-block; position: relative; top: -2px; margin-right: 10px; height: 4px; width: 4px; content: ''; background: rgba(255,100,0,0.8); border-radius: 10px;

}

#shoutbox .info a {

 color: inherit;

}

#shoutbox .mod {

 padding: 6px 8px; font-size: 9px; font-weight: bold; color: #AAA; text-decoration: none;

}

#shoutbox .mod:nth-of-type(2) {

 margin-right: 5px; border-left: solid 1px rgba(0,0,0,0.1);

}

#shoutbox  .ip {

 margin-right: 10px; color: #CECECE;

}

**Cezary Stasiak** · 02.09.2016, 19:19

W global.css znajdź .panel i zmien tam kolor. To odpowiada za ACP MCP itp

**F4taL** · (Ten post był ostatnio modyfikowany: 02.09.2016, 19:25 przez F4taL.)

Ale ja chce zmienić belkę a nie kolor

Szukałem .panel w global.css i nie ma.

Przerzyj moje global.css i zobacz

**Divir** · 02.09.2016, 20:56

http://i.imgur.com/uODFEo5.jpg

Więcej tutaj: https://webboard.pl/thread-45824.html

**F4taL** · 02.09.2016, 23:23

Jak wchodziłem wcześniej w zbadaj element to tam ponoć to było w header_welcome_member

i tam tez nic

**Divir** · 02.09.2016, 23:36

Huh?
Po prawo masz przecież nazwę arkusza. Przypatrz się screenowi, który ci podałem.

**F4taL** · 03.09.2016, 12:32

Dobrze. Dziękuje za pomoc Divirowi.

Wystarczyło w global.css podmienić linki

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

Jak zmienić belkę nad logiem i w statystykach forum - na dole

F4taL

Cezary Stasiak

F4taL

Divir

F4taL

Divir

F4taL

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

Zaloguj się
Login:
Hasło:	Nie pamiętam hasła
	Zapamiętaj mnie