Webboard

Pełna wersja: DVZ SHOUTBOX 2.2.1 nie wygląda prawidłowo
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
wersja skryptu MyBB: 1.8.6
adres forum:Vris.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):
Zacznę od tego że przeczytałem wszystkie posty i nic nie pomogło 
zainstalowałem DVZ Shoutbox (2.2.1)
Dodałem wszystko w global.css 
Jak w instrukcji styl szablonu 
MyBBPro
headerinclude
Wygląda mianowicie tak może gdzieś mam błąd Męczę się z tym 4 dzień może ktoś zerknąć fachowym okiem i wytłumaczyć co jest nie tak 
 

Kod PHP:
<link rel="alternate" type="application/rss+xml" title="{$lang->latest_threads} (RSS 2.0)" href="{$mybb->settings['bburl']}/syndication.php" />
<
link rel="alternate" type="application/atom+xml" title="{$lang->latest_threads} (Atom 1.0)" href="{$mybb->settings['bburl']}/syndication.php?type=atom1.0" />
<
meta http-equiv="Content-Type" content="text/html; charset={$charset}/>
<
meta http-equiv="Content-Script-Type" content="text/javascript" />
<
script type="text/javascript" src="{$mybb->asset_url}/jscripts/jquery.js?ver=1800"></script>
<
script type="text/javascript" src="{$mybb->asset_url}/jscripts/jquery.plugins.min.js?ver=1800"></script>
<
script type="text/javascript" src="{$mybb->asset_url}/jscripts/general.js?ver=1800"></script>
<
script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/popup_menu.js?ver=1600">
<
script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<
link rel="stylesheet" href="{$mybb->asset_url}/images/MyBBPro/bootstrap/css/bootstrap.min.css" />
<
link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/octicons/2.0.2/octicons.min.css" />

<
script src="{$mybb->asset_url}/images/MyBBPro/bootstrap/js/bootstrap.min.js"></script>
<
script src="{$mybb->asset_url}/images/MyBBPro/all.js"></script>
{
$stylesheets}
<
script type="text/javascript">
<!--
 
lang.unknown_error "{$lang->unknown_error}";

 
lang.select2_match "{$lang->select2_match}";
 
lang.select2_matches "{$lang->select2_matches}";
 
lang.select2_nomatches "{$lang->select2_nomatches}";
 
lang.select2_inputtooshort_single "{$lang->select2_inputtooshort_single}";
 
lang.select2_inputtooshort_plural "{$lang->select2_inputtooshort_plural}";
 
lang.select2_inputtoolong_single "{$lang->select2_inputtoolong_single}";
 
lang.select2_inputtoolong_plural "{$lang->select2_inputtoolong_plural}";
 
lang.select2_selectiontoobig_single "{$lang->select2_selectiontoobig_single}";
 
lang.select2_selectiontoobig_plural "{$lang->select2_selectiontoobig_plural}";
 
lang.select2_loadmore "{$lang->select2_loadmore}";
 
lang.select2_searching "{$lang->select2_searching}";

 var 
cookieDomain "{$mybb->settings['cookiedomain']}";
 var 
cookiePath "{$mybb->settings['cookiepath']}";
 var 
cookiePrefix "{$mybb->settings['cookieprefix']}";
 var 
deleteevent_confirm "{$lang->deleteevent_confirm}";
 var 
removeattach_confirm "{$lang->removeattach_confirm}";
 var 
loading_text '{$lang->ajax_loading}';
 var 
saving_changes '{$lang->saving_changes}';
 var 
use_xmlhttprequest "{$mybb->settings['use_xmlhttprequest']}";
 var 
my_post_key "{$mybb->post_code}";
 var 
rootpath "{$mybb->settings['bburl']}";
 var 
imagepath "{$theme['imgdir']}";
 
  var yes_confirm "{$lang->yes}";
 var 
no_confirm "{$lang->no}";
 var 
MyBBEditor null;
 var 
spinner_image "{$theme['imgdir']}/spinner.gif";
 var 
spinner "<img src='" spinner_image +"' alt='' />";
// -->
</script


Kod PHP:
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);
body {
 
background#fff;
 
color#333;
 
text-aligncenter;
 
line-height1.4;
 
margin0;
 
font-family"Open Sans","Lucida Grande",Tahoma,"Trebuchet MS",Verdana,Arial,sans-serif;
 
font-size13px;
 
overflow-yscroll;
}

a:link {
 
color#0072BC;
 
text-decorationnone;
}

a:visited {
 
color#0072BC;
 
text-decorationnone;
}

a:hover,
a:active {
 
color#0072BC;
 
text-decorationunderline;
}

#container {
 
color#333;
 
text-alignleft;
 
line-height1.4;
 
margin0;
 
font-family"Open Sans","Lucida Grande",Tahoma,"Trebuchet MS",Verdana,Arial,sans-serif;
 
font-size13px;
}

.
wrapper {
 
widthauto;
 
marginauto 15px;
}

.
topmenu {
 
position:fixed;
 
top0;
 
left0;
 
right0;
 
  z-index999;
 
background#f7f7f7;
 
color#0d0d0d;
 
border-bottom1px solid #ccc;
 
padding0;
 
margin0;
 
height49px;
 
  padding0 15px;
 
  box-shadow0 1px 3px rgba(0000.1)
}

@
media(max-height:300px)
 
 {
 
    .topmenu {
 
          positionabsolute;
 
       }
 
 }
.
topmenu #user_panel {
 
  padding5px;
 
  font-size16px;
 
  displayinline-block;
}

.
topmenu #user_panel .avatar {
 
 width34px;
 
 height34px;
 
 border-radius50%;
 
 vertical-alignmiddle;
 
 border2px solid #6d6d6d;
 
 padding2px;
 
 cursorpointer;
}

.
topmenu #user_panel .tooltip {
 
 width150px;
}

.
topmenu .mymenu {
 
outline0;
 
padding0;
 
margin0;
 list-
stylenone;
 
floatright;
}

.
topmenu .mymenu li {
 
margin0;
 
padding0;
 
floatleft;
 list-
stylenone;
}

.
topmenu .mymenu li a {
 
displayblock;
 
height49px;
 
padding15px 10px 0 10px;
 
font-size14px;
 
color#0d0d0d;
 
text-decorationnone;
 
margin0;
}

#topmenu-mini {
 
  floatright;
}

#topmenu-mini a {
 
  displayblock;
 
  color#333;
 
  padding7px 5px;
}

#topmenu-mini .dropdown-menu {
 
 right0;
 
 leftauto;
 
 border-top-left-radius:0;
 
 border-top-right-radius:0;
}

#logo {
 
  background#2980b9;
 
  padding70px 15px 20px 15px;
}

#content {
 
background#fff;
 
widthauto !important;
 
padding20px 10px;
 
overflowhidden;
}

#header ul.menu {
 
margin0;
 
padding0;
 list-
stylenone;
}

#header ul.menu li {
 
margin0 7px;
 
displayinline;
}

#header ul.menu li a {
 
padding-left20px;
 
background-imageurl(images/headerlinks_sprite.png);
 
background-repeatno-repeat;
 
displayinline-block;
}

#logo ul.top_links {
 
font-weightbold;
 
text-alignright;
 
margin: -10px 5px 0 0;
}

#logo ul.top_links a.search {
 
background-position0 0;
}

#logo ul.top_links a.memberlist {
 
background-position-20px;
}

#logo ul.top_links a.calendar {
 
background-position-40px;
}

#logo ul.top_links a.help {
 
background-position-60px;
}

#logo ul.top_links a.portal {
 
background-position-180px;
}

#panel .upper a.logout {
 
font-weightbold;
 
backgroundurl(images/headerlinks_sprite.pngright -80px no-repeat;
 
padding-right20px;
 
margin-left10px;
}

#panel .upper a.login,
#panel .upper a.lost_password {
 
backgroundurl(images/headerlinks_sprite.png-100px no-repeat;
 
padding-left20px;
 
margin-left10px;
 
font-weightbold;
}

#panel .upper a.register {
 
backgroundurl(images/headerlinks_sprite.pngright -80px no-repeat;
 
padding-right20px;
 
margin-left10px;
 
font-weightbold;
}

#panel .lower ul.panel_links {
 
floatleft;
}

#panel .lower ul.panel_links a.usercp {
 
background-position-120px;
}

#panel .lower ul.panel_links a.modcp {
 
background-position-140px;
}

#panel .lower ul.panel_links a.admincp {
 
background-position-160px;
}

#panel .lower ul.user_links {
 
floatright;
}

#panel .lower ul.user_links li a {
 
padding0;
 
background-imagenone;
}

#panel .upper {
 
background#0f0f0f url(images/tcat.png) repeat-x;
 
color#fff;
 
border-top1px solid #444;
 
border-bottom1px solid #000;
 
padding7px;
 
clearboth;
}

#panel .upper a:link,
#panel .upper a:visited,
#panel .upper a:hover,
#panel .upper a:active {
 
color#fff;
}

#panel .lower {
 
background#efefef;
 
color#999;
 
border-top1px solid #fff;
 
border-bottom1px solid #ccc;
 
padding5px;
}

#panel .lower a:link,
#panel .lower a:visited,
#panel .lower a:hover,
#panel .lower a:active {
 
color#666;
}

#search {
 
border0;
 
padding0;
 
margin0;
 
floatright;
 
vertical-alignmiddle;
 
  positionrelative;
 
  width200px;
 
  displayblock;
 
  margin20px;
 
  height28px;
}

#search input.textbox {
 
positionabsolute;
 
  top0;
 
  left0;
 
  bottom0;
 
  right0;
 
  width200px;
 
  border-radius3px;
 
  border1px solid #ccc;
 
  z-index1;
}

#search input.button {
 
positionabsolute;
 
  top2px;
 
  right2px;
 
  backgroundtransparent;
 
  bordernone;
 
  color#bbb;
 
  z-index2;
 
   fontnormal normal normal 16px/1 octicons;
 
   displayinline-block;
 
   text-decorationnone;
 
   text-renderingauto;
 
   -webkit-font-smoothingantialiased;
 
   -moz-osx-font-smoothinggrayscale;
 
   -webkit-user-selectnone;
 
   -moz-user-selectnone;
 
   -ms-user-selectnone;
 
   user-selectnone;
}

#quick_login .remember_me input {
 
vertical-alignmiddle;
 
margin: -3px 0 0 5px;
}

#footer {
 
clearboth;
 
  background :#303030;
 
  positionrelative;
 
  margin-top25px;
}

#footer ul.menu {
 
margin0;
 
padding0;
 list-
stylenone;
}

#footer ul.menu li {
 
margin0 5px;
 
displayinline;
}

#footer .upper {
 
background#efefef;
 
bordersolid #bbb;
 
  border-width2px 1px;
 
  border-radius3px;
 
padding6px;
 
font-size12px;
 
overflowhidden;
 
  positionabsolute;
 
  top: -20px;
 
  height40px;
 
  right20px;
 
  left20px;
}

#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active {
 
color#777;
}

#footer .upper .language {
 
floatright;
 
margin: -1px;
 
margin-left15px;
}

#footer .upper .language select {
 
border-color#ccc;
}

#footer .upper .theme {
 
floatright;
 
margin: -1px;
 
margin-left15px;
}

#footer .upper .theme select {
 
border-color#ccc;
}

#footer .upper ul.bottom_links {
 
floatleft;
 
margin4px 0 0 0;
}

@
media(max-width800px) {
 
 #footer .upper .theme, #footer .upper .language {
 
   displaynone;
 
 }
}

@
media(max-width700px) {
 
 #footer .upper {
 
   padding6px 2px;
 
 }

 
 #footer ul.menu li {
 
   margin0 1px;
 
   font-size11px;
 
 }
}

@
media(max-width480px) {
 
 #footer .upper {
 
   displaynone;
 
 }
}

#footer .lower {
 
color#eee;
 
  text-shadow1px 1px #000;
 
padding40px 10px 16px 10px;
 
overflowhidden;
 
font-size11px;
}

#footer .lower a:link,
#footer .lower a:visited {
 
color#fff;
 
font-weightbold;
}

#footer .lower a:hover,
#footer .lower a:active {
 
color#fff;
 
text-decorationunderline;
 
font-weightbold;
}

#footer .lower #current_time {
 
floatright;
 
color#888;
}

#debug {
 
floatright;
 
text-alignright;
 
margin-top20px;
 
font-size11px;
}

.
scaleimages img {
 
max-width100%;
}

.
subforumicon {
 
margin4px 2px;
 
  vertical-alignmiddle;
}

table {
 
color#333;
 
font-size13px;
}

.
tborder {
 
background#fff;
 
width100%;
 
marginauto auto;
 
border1px solid #ccc;
 
padding1px;
 
  border1px solid #2980b9;
}

.
tfixed {
 
table-layoutfixed;
 
word-wrap: break-word;
}

.
thead {
 
background#3498db;
 
color#ffffff;
 
border-bottom4px solid #2980b9;
 
padding8px 10px;
 
  font-size14px;
 
  text-shadow0 1px rgba(0000.4);
 
  font-family"Open Sans","Lucida Grande",Tahoma,"Trebuchet MS",Verdana,Arial,sans-serif;
}

.
thead strong {
 
  displayinline-block;
 
  padding2px 7px;
 
  backgroundrgba(0000.3);
 
  border-radius2px;
 
  border1px solid rgba(0000.4)
}

.
thead a:link {
 
color#ffffff;
 
text-decorationnone;
}

.
thead a:visited {
 
color#ffffff;
 
text-decorationnone;
}

.
thead a:hover,
.
thead a:active {
 
color#ffffff;
 
text-decorationnone;
}

.
tcat {
 
background#0f0f0f url(images/tcat.png) repeat-x;
 
color#fff;
 
border-top1px solid #444;
 
border-bottom1px solid #000;
 
padding6px;
 
font-size12px;
}

.
tcat a:link {
 
color#fff;
}

.
tcat a:visited {
 
color#fff;
}

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

.
trow1, .trow2 {
 
background#f5f5f5;
 
border1px solid #ccc;
 
  padding10px;
}
.
trow_shaded {
 
background#ffdde0;
 
border1px solid;
 
border-color#fff #ffb8be #ffb8be #fff;
 
padding6px;
}

.
no_bottom_border {
 
border-bottom0;
}

.
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#FFFBD9;
 
color#333;
 
border-right-color#F7E86A;
 
border-bottom-color#F7E86A;
}

.
trow_selected a:link,
.
trow_selected a:visited,
.
trow_selected a:hover,
.
trow_selected a:active {
 
color#333;
}

.
trow_sep {
 
background#ddd;
 
color#333;
 
border-bottom1px solid #c5c5c5;
 
padding6px;
 
font-size12px;
 
font-weightbold;
}

.
tfoot {
 
border-top1px solid #fff;
 
padding6px;
 
background#ddd;
 
color#666;
}

.
tfoot a:link {
 
color#444;
 
text-decorationnone;
}

.
tfoot a:visited {
 
color#444;
 
text-decorationnone;
}

.
tfoot a:hover,
.
tfoot a:active {
 
color#444;
 
text-decorationunderline;
}

.
thead input.textbox,
.
thead select {
 
border1px solid #263c30;
}

.
forumbit-head-lastpost {
 
  floatright;
 
  margin-right130px;
 
  width100px;
}

.
forumbit-row {
 
 background#fefefe;
 
 border1px solid #ddd;
 
 border-radius2px;
 
 position:relative;
 
 min-height80px;
 
 padding10px;
 
 padding-left70px;
 
 padding-right260px;
 
 margin:2px 0;
}

.
forumbit-row:hover {
 
 border-color#ccc;
}

.
forumbit-row .forum_status {
 
 display:block;
 
 positionabsolute;
 
 top15px;
 
 left10px;
}

.
forumbit-lastpost {
 
 positionabsolute;
 
 top0;
 
 right0;
 
 bottom0;
 
 background#f7f7f7;
 
 padding10px;
 
 width250px;
 
 border-left1px solid #ccc;
 
 box-shadow1px 0 #fff inset;
}
.
bottommenu {
 
background#efefef;
 
color#333;
 
border1px solid #4874a3;
 
padding10px;
}

.
navigation {
 
color#333;
 
font-size12px;
}

.
navigation a:link {
 
text-decorationnone;
}

.
navigation a:visited {
 
text-decorationnone;
}

.
navigation a:hover,
.
navigation a:active {
 
text-decorationunderline;
}

.
navigation .active {
 
color#333;
 
font-sizesmall;
 
font-weightbold;
}

.
smalltext {
 
font-size11px;
}

.
largetext {
 
font-size16px;
 
font-weightbold;
}

fieldset {
 
padding12px;
 
border1px solid #ddd;
 
margin0;
}

fieldset.trow1,
fieldset.trow2 {
 
border-color#bbb;
}

fieldset.align_right {
 
text-alignright;
}

input.textbox {
 
background#ffffff;
 
color#333;
 
border1px solid #ccc;
 
padding3px;
 
outline0;
 
font-size13px;
 
font-family"Open Sans","Lucida Grande",Tahoma,"Trebuchet MS",Verdana,Arial,sans-serif;
}

textarea {
 
background#ffffff;
 
color#333;
 
border1px solid #ccc;
 
padding2px;
 
line-height1.4;
 
outline0;
 
font-family"Open Sans","Lucida Grande",Tahoma,"Trebuchet MS",Verdana,Arial,sans-serif;
 
font-size13px;
}

select {
 
background#ffffff;
 
padding3px;
 
border1px solid #ccc;
 
outline0;
 
font-family"Open Sans","Lucida Grande",Tahoma,"Trebuchet MS",Verdana,Arial,sans-serif;
 
font-size13px;
}

button,
input.button {
 
padding3px 8px;
 
cursorpointer;
 
font-family"Open Sans","Lucida Grande",Tahoma,"Trebuchet MS",Verdana,Arial,sans-serif;
 
font-size13px;
 
   backgroundrgb(239,239,239); /* Old browsers */
 
   /* IE9 SVG, needs conditional override of 'filter' to 'none' */
 
   backgroundurl(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
 
   background: -moz-linear-gradient(top rgba(239,239,239,10%, rgba(221,221,221,199%); /* FF3.6+ */
 
   background: -webkit-gradient(linearleft topleft bottomcolor-stop(0%,rgba(239,239,239,1)), color-stop(99%,rgba(221,221,221,1))); /* Chrome,Safari4+ */
 
   background: -webkit-linear-gradient(top rgba(239,239,239,10%,rgba(221,221,221,199%); /* Chrome10+,Safari5.1+ */
 
   background: -o-linear-gradient(top rgba(239,239,239,10%,rgba(221,221,221,199%); /* Opera 11.10+ */
 
   background: -ms-linear-gradient(top rgba(239,239,239,10%,rgba(221,221,221,199%); /* IE10+ */
 
   backgroundlinear-gradient(to bottom rgba(239,239,239,10%,rgba(221,221,221,199%); /* W3C */
 
   filterprogid:DXImageTransform.Microsoft.gradientstartColorstr='#efefef'endColorstr='#dddddd',GradientType=); /* IE6-8 */
 
  box-shadow: -1px -1px rgba(2552552550.5inset;
 
  text-shadow0 1px #fff;
 
border1px solid #bbb;
 
color#333;
 
outline0;
}

button:hover,
input.button:hover {
 
border-color#aaa;
}

form {
 
margin0;
 
padding0;
}

form input.error {
 
border1px solid #f30;
 
color#f30;
 
background#ffffff;
 
padding3px;
 
outline0;
 
font-size13px;
 
font-family"Open Sans","Lucida Grande",Tahoma,"Trebuchet MS",Verdana,Arial,sans-serif;
}

form input.valid {
 
border1px solid #0c0;
 
background#ffffff;
 
padding3px;
 
outline0;
 
font-size13px;
 
font-family"Open Sans","Lucida Grande",Tahoma,"Trebuchet MS",Verdana,Arial,sans-serif;
}

form label.error {
 
color#f30;
 
margin5px;
 
padding0px;
 
displayblock;
 
font-weightbold;
 
font-size11px;
}

form #message {
 
   width500px;
}

.
editor {
 
background#f1f1f1;
 
border1px solid #ccc;
}

.
editor_control_bar {
 
background#fff;
 
border1px solid #ccc;
}

.
post .editor_control_bar {
 
background#f5f5f5;
}

.
popup_menu {
 
background#fff;
 
border1px solid #ccc;
}

.
popup_menu .popup_item {
 
background#efefef;
 
color#333;
}

.
popup_menu .popup_item:hover {
 
background#0072BC;
 
color#fff;
}

.
trow_reputation_positive {
 
background#ccffcc;
}

.
trow_reputation_negative {
 
background#ffcccc;
}

.
reputation_positive {
 
colorgreen;
}

.
reputation_neutral {
 
color#444;
}

.
reputation_negative {
 
colorred;
}

.
repbox {
 
font-size:16px;
 
font-weightbold;
 
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 {
 
bordernone;
}

img.attachment {
 
border1px solid #E9E5D7;
 
padding2px;
}

hr {
 
background-color#000000;
 
color#000000;
 
height1px;
 
border0px;
}

.
clear {
 
clearboth;
}

.
float_left {
 
floatleft;
}

.
float_right {
 
floatright;
}

.
align_left {
 
 text-alignleft;
}

.
align_right {
 
 text-alignright;
}

.
align_center {
 
 text-aligncenter;
}

.
hidden {
 
displaynone;
 
floatnone;
 
width1%;
}

.
hiddenrow {
 
displaynone;
}

.
selectall {
 
background#FFFBD9;
 
border-bottom1px solid #F7E86A;
 
color#333;
 
text-aligncenter;
}

.
expcolimage {
 
floatright;
 
widthauto;
 
vertical-alignmiddle;
 
margin-top3px;
}

.
tcat_menu > .expcolimage {
 
margin-top0;
}

blockquote {
 
border1px solid #ccc;
 
margin0;
 
background#fff;
 
padding10px;
}

blockquote cite {
 
font-weightbold;
 
border-bottom1px solid #ccc;
 
font-stylenormal;
 
displayblock;
 
padding-bottom3px;
 
margin0 0 10px 0;
}

blockquote cite span {
 
floatright;
 
font-weightnormal;
 
font-size12px;
 
color#666;
}

blockquote cite span.highlight {
 
floatnone;
 
font-weightbold;
 
padding-bottom0;
}

.
codeblock {
 
background#fff;
 
border1px solid #ccc;
 
padding10px;
}

.
codeblock .title {
 
border-bottom1px solid #ccc;
 
font-weightbold;
 
padding-bottom3px;
 
margin0 0 10px 0;
}

.
codeblock code {
 
overflowauto;
 
heightauto;
 
max-height200px;
 
displayblock;
 
font-familyMonacoConsolasCouriermonospace;
 
font-size13px;
}

.
smilie {
 
vertical-alignmiddle;
}

.
smilie_pointer {
 
cursorpointer;
}

.
separator {
 
margin5px;
 
padding0;
 
height0px;
 
font-size1px;
 list-
style-typenone;
}

.
popup_menu .popup_item_container {
 
margin1px;
 
text-alignleft;
}

.
popup_menu .popup_item {
 
displayblock;
 
padding4px;
 
white-spacenowrap;
 
text-decorationnone;
}

.
popup_menu a.popup_item:hover {
 
text-decorationnone;
}

.
subject_new {
 
font-weightbold;
}

.
highlight {
 
background#FFFFCC;
 
padding-top3px;
 
padding-bottom3px;
}

.
pm_alert {
 
background#FFF6BF;
 
border1px solid #FFD324;
 
text-aligncenter;
 
padding5px 20px;
 
margin-bottom15px;
 
font-size11px;
}

.
red_alert {
 
background#FBE3E4;
 
border1px solid #A5161A;
 
color#A5161A;
 
text-aligncenter;
 
padding5px 20px;
 
margin-bottom15px;
 
font-size11px;
 
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 {
 
padding5px 10px;
 
border-top2px solid #FFD324;
 
border-bottom2px solid #FFD324;
 
background#FFF6BF;
 
font-size12px;
}

div.error p {
 
margin0;
 
color#333;
 
font-weightnormal;
}

div.error p em {
 
font-stylenormal;
 
font-weightbold;
 
padding-left24px;
 
displayblock;
 
color#C00;
 
backgroundurl(images/error.pngno-repeat 0;
}

div.error ul {
 
margin-left24px;
}

.
pagination {
 
font-size11px;
 
padding-top10px;
 
margin-bottom5px;
}

.
tfoot .pagination,
.
tcat .pagination {
 
padding-top0;
}

.
pagination .pages {
 
font-weightbold;
}

.
pagination .pagination_current,
.
pagination a {
 
padding3px 6px;
 
margin-bottom3px;
}

.
pagination a {
 
background#f5f5f5;
 
border1px solid #ccc;
}

.
pagination .pagination_current {
 
backgroundnone;
 
color#333;
 
bordernone;
 
font-weightbold;
}

.
pagination a:hover {
 
background#0072BC;
 
color#fff;
 
border-color#263c30;
 
text-decorationnone;
}

.
pagination .go_page img {
 
margin-bottom: -4px;
}

.
drop_go_page {
 
background#f5f5f5;
 
padding4px;
}

.
pagination_breadcrumb {
 
background-color#efefef;
 
border1px solid #fff;
 
outline1px solid #ccc;
 
padding5px;
 
margin-top5px;
 
font-weightnormal;
}

.
pagination_breadcrumb_link {
 
vertical-alignmiddle;
 
cursorpointer;
}

.
thread_legend,
.
thread_legend dd {
 
margin0;
 
padding0;
}

.
thread_legend dd {
 
padding-bottom4px;
 
margin-right15px;
}

.
thread_legend img {
 
margin-right4px;
 
vertical-alignbottom;
}

.
forum_legend,
.
forum_legend dt,
.
forum_legend dd {
 
margin0;
 
padding0;
}

.
forum_legend dd {
 
floatleft;
 
margin-right10px;
 
margin-top7px;
}

.
forum_legend dt {
 
margin-right10px;
 
floatleft;
}

.
success_message {
 
color#00b200;
 
font-weightbold;
 
font-size10px;
 
margin-bottom10px;
}

.
error_message {
 
color#C00;
 
font-weightbold;
 
font-size10px;
 
margin-bottom10px;
}

#posts_container {
 
padding0;
}

.
ignored_post {
 
border-top3px solid #333;
 
padding15px;
}

.
ignored_post .show_ignored_post {
 
margin-top: -15px;
}

.
ignored_post .show_ignored_post a.button span {
 
background-position-400px;
}

.
post {
 
overflowhidden;
}

.
post.classic {
 
padding-top15px;
}

.
post .post_author {
 
border-bottom1px solid #ccc;
 
border-top2px solid #ccc;
 
background#f5f5f5;
 
padding5px;
 
overflowhidden;
}

.
post.classic .post_author {
 
border1px solid #ddd;
 
floatleft;
 
width15%;
 
margin0 115px 0;
 
border-left0;
 
padding5px 1%;
}

.
post .post_author .buddy_status {
 
vertical-alignmiddle;
 
margin-top: -4px;
}

.
post .post_author div.author_avatar {
 
floatleft;
 
margin-right3px;
}

.
post.classic .post_author div.author_avatar {
 
floatnone;
 
text-aligncenter;
 
margin-bottom8px;
}

.
post .post_author div.author_avatar img {
 
padding5px;
 
border1px solid #ddd;
 
background#fff;
}

.
post .post_author div.author_information {
 
floatleft;
 
padding6px 8px;
}

.
post.classic .post_author div.author_information {
 
floatnone;
 
padding0;
 
text-aligncenter;
}

.
post .post_author div.author_statistics {
 
floatright;
 
font-size11px;
 
padding3px 10px 3px 5px;
 
color#666;
 
line-height1.3;
}

.
post.classic .post_author div.author_statistics {
 
border-top1px dotted #ccc;
 
margin6px 0 0 0;
 
padding6px 6px 3px 6px;
 
floatnone;
}

.
post .post_head {
 
font-size11px;
 
padding-bottom4px;
 
border-bottom1px dotted #ddd;
 
margin-bottom4px;
}

.
post .post_head span.post_date {
 
color#666;
}

.
post .post_head span.edited_post {
 
font-size10px;
 
color#999;
}

.
post .post_head span.edited_post a {
 
color#666;
}

.
post_body {
 
font-size14px;
 
padding12px 0;
}

.
post.classic .post_content {
 
floatleft;
 
width79%;
 
padding0 15px 1%;
}

.
post_content {
 
padding9px 10px 5px 10px;
}

.
post_content .signature {
 
margin-top5px;
 
border-top1px dotted #ddd;
 
padding10px 0 4px 0;
}

.
post .post_meta {
 
margin4px 0;
 
font-size11px;
 
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 {
 
clearboth;
 
background#f5f5f5;
 
border-bottom1px solid #ccc;
 
padding5px;
 
overflowhidden;
}

.
postbit_buttons a:link,
.
postbit_buttons a:hover,
.
postbit_buttons a:visited,
.
postbit_buttons a:active {
 
displayinline-block;
 
padding2px 5px;
 
margin2px;
 
font-size11px;
 
background#eee url(images/buttons_bg.png) repeat-x;
 
border1px solid #ccc;
 
color#555;
}

.
postbit_buttons a:hover {
 
border-color#bbb;
}

.
postbit_buttons a span {
 
padding-left20px;
 
displayinline-block;
 
height16px;
 
background-imageurl(images/buttons_sprite.png);
 
background-repeatno-repeat;
}

.
postbit_buttons a.postbit_find span {
 
background-position0 0;
}

.
postbit_buttons a.postbit_reputation_add span {
 
background-position-20px;
}

.
postbit_buttons a.postbit_email span {
 
background-position-40px;
}

.
postbit_buttons a.postbit_website span {
 
background-position-60px;
}

.
postbit_buttons a.postbit_pm span {
 
background-position-80px;
}

.
postbit_buttons a.postbit_quote span {
 
background-position-100px;
}

.
postbit_buttons a.postbit_multiquote span {
 
background-position-120px;
}

.
postbit_buttons a.postbit_multiquote_on span {
 
background-position-140px;
}

.
postbit_buttons a.postbit_edit span {
 
background-position-160px;
}

.
postbit_buttons a.postbit_qdelete span {
 
background-position-180px;
}

.
postbit_buttons a.postbit_qrestore span {
 
background-position-200px;
}

.
postbit_buttons a.postbit_report span {
 
background-position-220px;
}

.
postbit_buttons a.postbit_warn span {
 
background-position-240px;
}

.
postbit_buttons a.postbit_purgespammer span {
 
background-position-540px;
}

.
postbit_buttons a.postbit_reply_pm span {
 
background-position-260px;
}

.
postbit_buttons {
 
 position: static;
}

textarea {
 
 max-width100%;
}

.
postbit_buttons a.postbit_reply_all span {
 
background-position-280px;
}

.
postbit_buttons a.postbit_forward_pm span {
 
background-position-300px;
}

.
postbit_buttons a.postbit_delete_pm span {
 
background-position-320px;
}

a.button:link,
a.button:hover,
a.button:visited,
a.button:active {
 
background#0f0f0f url(images/tcat.png) repeat-x;
 
  box-shadow0 1px #333 inset, 0 -1px #333 inset, 1px 0 #333 inset, -1px 0 #333 inset;
 
color#fff;
 
displayinline-block;
 
padding4px 8px;
 
margin2px 2px 6px 2px;
 
border1px solid #000;
 
font-size14px;
}

a.button.small_button {
 
font-size13px;
 
margin0;
 
padding3px 6px;
}

a.button span {
 
displayinline-block;
 
  padding0 2px;
}

.
quick_jump {
 
backgroundurl(images/jump.pngno-repeat 0;
 
width13px;
 
height13px;
 
padding-left13px/* amount of padding needed for image to fully show */
 
margin-top: -3px;
 
bordernone;
}

.
pollbar {
 
backgroundurl(images/pollbar.pngtop left repeat-x;
 
border1px solid #3f3f3f;
 
height10px;
}

.
pollbar .percent {
 
displaynone;
}

.
posticons_label {
 
white-spacenowrap;
}

/** jGrowl Start **/

/** Special IE6 Style Positioning **/
.ie6 {
 
positionabsolute;
}

.
ie6.top-right {
 
rightauto;
 
bottomauto;
 
leftexpression( ( jGrowl.offsetWidth + ( document.documentElement.clientWidth document.documentElement.clientWidth document.body.clientWidth ) + ( ignoreMe2 document.documentElement.scrollLeft document.documentElement.scrollLeft document.body.scrollLeft ) ) + 'px' );
 
topexpression( ( + ( ignoreMe document.documentElement.scrollTop document.documentElement.scrollTop document.body.scrollTop ) ) + 'px' );
}

.
ie6.top-left {
 
leftexpression( ( + ( ignoreMe2 document.documentElement.scrollLeft document.documentElement.scrollLeft document.body.scrollLeft ) ) + 'px' );
 
topexpression( ( + ( ignoreMe document.documentElement.scrollTop document.documentElement.scrollTop document.body.scrollTop ) ) + 'px' );
}

.
ie6.bottom-right {
 
leftexpression( ( jGrowl.offsetWidth + ( document.documentElement.clientWidth document.documentElement.clientWidth document.body.clientWidth ) + ( ignoreMe2 document.documentElement.scrollLeft document.documentElement.scrollLeft document.body.scrollLeft ) ) + 'px' );
 
topexpression( ( 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 {
 
leftexpression( ( + ( ignoreMe2 document.documentElement.scrollLeft document.documentElement.scrollLeft document.body.scrollLeft ) ) + 'px' );
 
topexpression( ( jGrowl.offsetHeight + ( document.documentElement.clientHeight document.documentElement.clientHeight document.body.clientHeight ) + ( ignoreMe document.documentElement.scrollTop document.documentElement.scrollTop document.body.scrollTop ) ) + 'px' );
}

.
ie6.center {
 
leftexpression( ( + ( ignoreMe2 document.documentElement.scrollLeft document.documentElement.scrollLeft document.body.scrollLeft ) ) + 'px' );
 
topexpression( ( + ( ignoreMe document.documentElement.scrollTop document.documentElement.scrollTop document.body.scrollTop ) ) + 'px' );
 
width100%;
}

/** jGrowl Styling **/
.jGrowl {
 
z-index9999;
 
color#fff;
 
font-size12px;
 
positionfixed;
}

.
jGrowl.top-left {
 
left0px;
 
top0px;
}

.
jGrowl.top-right {
 
right0px;
 
top0px;
}

.
jGrowl.bottom-left {
 
left0px;
 
bottom0px;
}

.
jGrowl.bottom-right {
 
right0px;
 
bottom0px;
}

.
jGrowl.center {
 
top0px;
 
width50%;
 
left25%;
}

/** Cross Browser Styling **/

.center .jGrowl-notification,
.
center .jGrowl-closer {
 
margin-leftauto;
 
margin-rightauto;
}

.
jGrowl .jGrowl-notification,
.
jGrowl .jGrowl-closer {
 
background-color#000;
 
opacity.85;
 -
ms-filter"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
 
filterprogid:DXImageTransform.Microsoft.Alpha(Opacity=85);
 
zoom1;
 
width235px;
 
padding10px;
 
margin-top5px;
 
margin-bottom5px;
 
font-family"Open Sans","Lucida Grande",Tahoma,"Trebuchet MS",Verdana,Arial,sans-serif;
 
font-size1em;
 
text-alignleft;
 
displaynone;
 
border-radius5px;
}

.
jGrowl .jGrowl-notification {
 
min-height40px;
}

.
jGrowl .jGrowl-notification,
.
jGrowl .jGrowl-closer {
 
margin10px;
}

.
jGrowl .jGrowl-notification .jGrowl-header {
 
font-weightbold;
 
font-size.85em;
}

.
jGrowl .jGrowl-notification .jGrowl-close {
 
z-index99;
 
floatright;
 
font-weightbold;
 
font-size1em;
 
cursorpointer;
}

.
jGrowl .jGrowl-closer {
 
padding-top4px;
 
padding-bottom4px;
 
cursorpointer;
 
font-size.9em;
 
font-weightbold;
 
text-aligncenter;
}

/** Hide jGrowl when printing **/
@media print {
 .
jGrowl {
 
displaynone;
 }
}

/** jGrowl End **/

/** Modal Start **/

.modal {
 
displaynone;
 
width400px;
 
text-alignleft;
 
background#fff;
 
-webkit-border-radius8px;
 -
moz-border-radius8px;
 -
o-border-radius8px;
 -
ms-border-radius8px;
 
border-radius8px;
 -
webkit-box-shadow0 0 10px #000;
 
-moz-box-shadow0 0 10px #000;
 
-o-box-shadow0 0 10px #000;
 
-ms-box-shadow0 0 10px #000;
 
box-shadow0 0 10px #000;
}

.
modal a.close-modal {
 
positionabsolute;
 
top: -12.5px;
 
right: -12.5px;
 
displayblock;
 
width30px;
 
height30px;
 
text-indent: -9999px;
 
backgroundurl(images/close.pngno-repeat 0 0;
}

.
modal-spinner {
 
displaynone;
 
width64px;
 
height64px;
 
positionfixed;
 
top50%;
 
left50%;
 
margin-right: -32px;
 
margin-top: -32px;
 
backgroundurl(images/spinner_big.gifno-repeat center center;
 -
webkit-border-radius8px;
 -
moz-border-radius8px;
 -
o-border-radius8px;
 -
ms-border-radius8px;
 
border-radius8px;
}

/** Modal End **/

/** Impromptu Start **/

/*! jQuery-Impromptu - v5.2.4 - 2014-05-26
* http://trentrichardson.com/Impromptu
* Copyright (c) 2014 Trent Richardson; Licensed MIT */

.jqifade {
 
positionabsolute;
 
background-color#777777;
}

div.jqi {
 
width400px;
 
max-width:90%;
 
font-familyVerdanaGenevaArialHelveticasans-serif;
 
positionabsolute;
 
background-color#ffffff;
 
font-size11px;
 
text-alignleft;
 
bordersolid 1px #eeeeee;
 
border-radius6px;
 -
moz-border-radius6px;
 -
webkit-border-radius6px;
 
padding7px;
}

div.jqi .jqiclose {
 
positionabsolute;
 
top4pxright: -2px;
 
width18px;
 
cursor: default;
 
color#bbbbbb;
 
font-weightbold;
}

div.jqi .jqistate {
 
background-color#fff;
}

div.jqi .jqititle {
 
padding5px 10px;
 
font-size16px;
 
line-height20px;
 
border-bottomsolid 1px #eeeeee;
}

div.jqi .jqimessage {
 
padding10px;
 
line-height20px;
 
color#444444;
}

div.jqi .jqibuttons {
 
text-alignright;
 
margin-7px -7px -7px;
 
border-topsolid 1px #e4e4e4;
 
background-color#f4f4f4;
 
border-radius0 0 6px 6px;
 -
moz-border-radius0 0 6px 6px;
 -
webkit-border-radius0 0 6px 6px;
}

div.jqi .jqibuttons button {
 
margin0;
 
padding15px 20px;
 
background-colortransparent;
 
font-weightnormal;
 
bordernone;
 
border-leftsolid 1px #e4e4e4;
 
color#777;
 
font-weightbold;
 
font-size12px;
}

div.jqi .jqibuttons button.jqidefaultbutton {
 
color#489afe;
}

div.jqi .jqibuttons button:hover,
div.jqi .jqibuttons button:focus {
 
color#287ade;
 
outlinenone;
}

.
jqiwarning .jqi .jqibuttons {
 
background-color#b95656;
}

/* sub states */

div.jqi .jqiparentstate::after {
 
background-color#777;
 
opacity0.6;
 
filteralpha(opacity=60);
 
content'';
 
positionabsolute;
 
top0;
 
left0;
 
bottom0;
 
right0;
 
border-radius6px;
 -
moz-border-radius6px;
 -
webkit-border-radius6px;
}

div.jqi .jqisubstate {
 
positionabsolute;
 
top0;
 
left20%;
 
width60%;
 
padding7px;
 
bordersolid 1px #eeeeee;
 
border-topnone;
 
border-radius0 0 6px 6px;
 -
moz-border-radius0 0 6px 6px;
 -
webkit-border-radius0 0 6px 6px;
}

div.jqi .jqisubstate .jqibuttons button {
 
padding10px 18px;
}

/* arrows for tooltips/tours */

.jqi .jqiarrow {
 
positionabsolute;
 
height0width0;
 
line-height0;
 
font-size0;
 
bordersolid 10px transparent;
}

.
jqi .jqiarrowtl {
 
left10px;
 
top: -20px;
 
border-bottom-color#ffffff;
}

.
jqi .jqiarrowtc {
 
left50%;
 
top: -20px;
 
border-bottom-color#ffffff;
 
margin-left: -10px;
}

.
jqi .jqiarrowtr {
 
right10px;
 
top: -20px;
 
border-bottom-color#ffffff;
}

.
jqi .jqiarrowbl {
 
left10px;
 
bottom: -20px;
 
border-top-color#ffffff;
}

.
jqi .jqiarrowbc {
 
left50%;
 
bottom: -20px;
 
border-top-color#ffffff;
 
margin-left: -10px;
}

.
jqi .jqiarrowbr {
 
right10px;
 
bottom: -20px;
 
border-top-color#ffffff;
}

.
jqi .jqiarrowlt {
 
left: -20px;
 
top10px;
 
border-right-color#ffffff;
}

.
jqi .jqiarrowlm {
 
left: -20px;
 
top50%;
 
border-right-color#ffffff;
 
margin-top: -10px;
}

.
jqi .jqiarrowlb {
 
left: -20px;
 
bottom10px;
 
border-right-color#ffffff;
}

.
jqi .jqiarrowrt {
 
right: -20px;
 
top10px;
 
border-left-color#ffffff;
}

.
jqi .jqiarrowrm {
 
right: -20px;
 
top50%;
 
border-left-color#ffffff;
 
margin-top: -10px;
}

.
jqi .jqiarrowrb {
 
right: -20px;
 
bottom10px;
 
border-left-color#ffffff;
}

/** Impromptu End */

/* Bread Crumb - http://thecodeplayer.com/walkthrough/css3-breadcrumb-navigation */
@media(min-width800px)
{
 
 .mybreadcrumb {
 
   /*centering*/
 
   displayblock;
 
   border1px solid #ccc;
 
   border-radius5px;
 
   background#f5f5f5;
 
   height40px;
 
 }

 
 .mybreadcrumb a {
 
   text-decorationnone;
 
   outlinenone;
 
   displayblock;
 
   floatleft;
 
   font-size12px;
 
   line-height36px;
 
   colorwhite;
 
   /*need more margin on the left of links to accomodate the numbers*/
 
   padding0 10px 0 30px;
 
   background#666;
 
   backgroundlinear-gradient(#666, #333);
 
   positionrelative;
 
 }
 
 /*since the first link does not have a triangle before it we can reduce the left padding to make it look consistent with other links*/
 
 .mybreadcrumb a:first-child {
 
   padding-left16px;
 
   border-radius5px 0 0 5px/*to match with the parent's radius*/
 
 }
 
 .mybreadcrumb a:first-child:before {
 
   font-size32px;
 
 }
 
 .mybreadcrumb a:last-child {
 
   border-radius0 5px 5px 0/*this was to prevent glitches on hover*/
 
   padding-right20px;
 
 }

 
 /*hover/active styles*/
 
 .mybreadcrumb a.active, .mybreadcrumb a:hover{
 
   background#333;
 
   backgroundlinear-gradient(#333, #000);
 
 }
 
 .mybreadcrumb a.active:after, .mybreadcrumb a:hover:after {
 
   background#333;
 
   backgroundlinear-gradient(135deg#333, #000);
 
 }

 
 /*adding the arrows for the breadcrumbs using rotated pseudo elements*/
 
 .mybreadcrumb a:after {
 
   content'';
 
   positionabsolute;
 
   top0
 
   right: -18px/*half of square's length*/
 
   /*same dimension as the line-height of .breadcrumb a */
 
   width36px
 
   height36px;
 
   /*as you see the rotated square takes a larger height. which makes it tough to position it properly. So we are going to scale it down so that the diagonals become equal to the line-height of the link. We scale it to 70.7% because if square's: 
    length = 1; diagonal = (1^2 + 1^2)^0.5 = 1.414 (pythagoras theorem)
    if diagonal required = 1; length = 1/1.414 = 0.707*/
 
   transformscale(0.707rotate(45deg);
 
   /*we need to prevent the arrows from getting buried under the next link*/
 
   z-index1;
 
   /*background same as links but the gradient will be rotated to compensate with the transform applied*/
 
   background#666;
 
   backgroundlinear-gradient(135deg#666, #333);
 
   /*stylish arrow design using box shadow*/
 
   box-shadow
 
     2px -2px 0 2px rgba(0000.4), 
 
     3px -3px 0 2px rgba(2552552550.1);
 
   /*
    5px - for rounded arrows and 
    50px - to prevent hover glitches on the border created using shadows*/
 
   border-radius0 5px 0 50px;
 
 }
 
 /*we dont need an arrow after the last link*/
 
 .mybreadcrumb a:last-child:after {
 
   contentnone;
 
 }

 
 .mybreadcrumb a, .mybreadcrumb a:after {
 
   backgroundwhite;
 
   colorblack;
 
   transitionall 0.5s;
 
 }
 
 .mybreadcrumb a:hover, .mybreadcrumb a.active
 
 .mybreadcrumb a:hover:after, .mybreadcrumb a.active:after{
 
   background#f5f5f5;
 
 }
}

@
media(max-width:799px)
{
 .
mybreadcrumb {
 
     border1px solid #ccc;
 
     border-radius3px;
 
     padding8px;
 
     background#f5f5f5;
 
   }
 
 
   
.mybreadcrumb a {
 
      color#0d0d0d;
 
      text-decorationnone;
 
      displayinline-block;
 
      vertical-alignmiddle;
 
      text-shadow0 1px #fff;
 
   }
 
 
  
.mybreadcrumb a:after {
 
   content'\f078';
 
   fontnormal normal normal 16px octicons;
 
   displayinline-block;
 
   margin-left4px;
 
   text-decorationnone;
 
   text-renderingauto;
 
   vertical-alignmiddle;
 
   -webkit-font-smoothingantialiased;
 
   -moz-osx-font-smoothinggrayscale;
 
   -webkit-user-selectnone;
 
   -moz-user-selectnone;
 
   -ms-user-selectnone;
 
   user-selectnone;
 
 }
 
 
  
.mybreadcrumb a:first-child {
 
   displaynone;
 
 }
 
 
  
.mybreadcrumb a:last-child:after {
 
   displaynone;
 
 }
 
 
  
.mybreadcrumb a:last-child {
 
   font-weightbold;
 
 }
}

.
expander.collapse, .expander.collapse_collapsed {
 
 fontnormal normal normal 27px octicons;
 
 displayinline-block;
 
 text-decorationnone;
 
 text-renderingauto;
 
 -webkit-font-smoothingantialiased;
 
 -moz-osx-font-smoothinggrayscale;
 
 -webkit-user-selectnone;
 
 -moz-user-selectnone;
 
 -ms-user-selectnone;
 
 user-selectnone;
 
 line-height0.7;
}

.
expander.collapse:before {
 
  content'\f0a2';
}

.
expander.collapse_collapsed:before {
 
  content'\f0a3';
}

.
forum_status, .subforumicon {
 
 fontnormal normal normal 48px octicons;
 
 displayinline-block;
 
 text-decorationnone;
 
 text-renderingauto;
 
 -webkit-font-smoothingantialiased;
 
 -moz-osx-font-smoothinggrayscale;
 
 -webkit-user-selectnone;
 
 -moz-user-selectnone;
 
 -ms-user-selectnone;
 
 user-selectnone;
 
 line-height0.7;
}

.
subforumicon {
 
 font-size16px;
}


.
forum_status.forum_on:before, .subforum_minion:before {
 
 content'\f27c';
 
 color#3498db;
}

.
forum_status.forum_off:before, .subforum_minioff:before {
 
 content'\f27c';
 
 color#7f8c8d
}

.
forum_status.forum_offlock:before, .subforum_miniofflock:before {
 
 content'\f06a';
 
 color#0d0d0d
}

.
forum_status.forum_offlink:before, .subforum_miniofflink:before {
 
 content'\f05c';
 
 color#0d0d0d
}

.
my-widget {
 
 border1px solid #ddd;
 
 border-radius2px;
 
 padding15px;
 
 font-size13px;
 
 margin2px 0;
}

.
my-widget h2 {
 
 margin2px 1px;
 
 font-size16px;
}

.
my-widget.mini {
 
 padding5px;
 
 font-size12px;
}

.
normal-octicon {
 
 font-stylenormal;
 
 font-weightnormal;
 
 text-decorationnormal;
 
 font-familyocticons;
 
 displayinline-block;
 
 text-decorationnone;
 
 text-renderingauto;
 
 -webkit-font-smoothingantialiased;
 
 -moz-osx-font-smoothinggrayscale;
 
 -webkit-user-selectnone;
 
 -moz-user-selectnone;
 
 -ms-user-selectnone;
 
 user-selectnone;
}

.
forum-status {
 
 margin-2px;
}

.
forum-status .col-md-{
 
 padding0 2px;
}

.
forum-status .my-widget {
 
 height120px;
}


/* Responsive */
@media(max-width768px)
{
 
 .xs-align_center {
 
   text-aligncenter;
 
 }
}

.
colors {
 
 floatright;
 
 padding8px;
 
 positionrelative;
}

@
media(max-width799px)
{
 
 .colors {
 
   padding0;
 
 }
}

.
colors span {
 
 displayinline-block;
 
 content' ';
 
 cursorpointer;
 
 width18px;
 
 height18px;
 
 border1px solid #aaa;
 
 border-radius2px;
 
 box-shadow0 1px #fff inset, 0 -1px #fff inset, 1px 0 #fff inset, -1px 0 #fff inset;
}

.
colors div {
 
 displaynone;
 
 positionabsolute;
 
 top26px;
 
 right0;
 
 background#fff;
 
 border1px solid #ccc;
 
 border-radius3px;
 
 width140px;
 
 padding4px;
}

.
colors:hover div {
 
 displayblock;
 
 
}

.
colors span:hover {
 
 border-color#777;
}

.
colors .color-blue {
 
 background#3498db;
}

.
colors .color-red {
 
 background#e74c3c
}

.
colors .color-green {
 
 background#2ecc71
}

.
colors .color-black {
 
 background#34495e
}
/* 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 > 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 .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; 


[TUTAJ OPIS PROBLEMU + SCREENY - wykasuj tę linijkę!!!]
global.css przed wklejeniem regułek DVZ masz błąd w składni css. (nie wiem czy tylko tutaj, powinieneś przeglądnąć także resztę pliku jeżeli nie będzie działał)
Kod PHP:
.colors .color-red {
  
background#e74c3c
}

.
colors .color-green {
  
background#2ecc71
}

.
colors .color-black {
  
background#34495e

Brakuje ;. Powinno być np.
Kod PHP:
.colors .color-black {
  
background#34495e;

poprawnie wygląda Dziękuję Ale teraz po wpisaniu textu nie wyświetla go ani w Archiwum ani na głównej stronie
Podaj konto testowe.

Witam ponownie jest ktoś w stanie wytłumaczyć co jest nie tak że po wpisaniu textu nie wyświetla się nawet w Archiwum