2017-10-16, 03:03 PM
I know this was a previous thread, but the issue is happening once again.
Below is the coding for global.css
The Problem I am having is the container appears to be too small and at times too big depending on the resolution the user is viewing the forums at. I am trying to fix this.
While all this is happening the custom background that you see if you go to Home Page may appear to be either too small or too big.
I have tried to edit the actual dimensions of the image itself in Photoshop, seeing on how it was I who created it, but even then it appears to small for others but just right for myself.
I am starting to think the Theme is unresponsive which is why so many problems are accruing.
Any support at all will be helpful.
P.S
If any other .css is needed please let me know.
Below is the coding for global.css
/* DVZ Shoutbox */
#shoutbox {
margin-bottom: 10px; border: solid 2px rgba(0,0,0,0.1);
}
#shoutbox .window::-webkit-scrollbar {
width: 12px;
}
#shoutbox .window::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
}
#shoutbox .window::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
background: -moz-linear-gradient(top, rgba(204,0,0,1) 0%, rgba(204,0,0,0.97) 11%, rgba(204,51,51,0.93) 25%, rgba(204,120,120,0.86) 47%, rgba(204,86,86,0.81) 61%, rgba(204,36,36,0.91) 82%, rgba(204,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(204,0,0,1) 0%,rgba(204,0,0,0.97) 11%,rgba(204,51,51,0.93) 25%,rgba(204,120,120,0.86) 47%,rgba(204,86,86,0.81) 61%,rgba(204,36,36,0.91) 82%,rgba(204,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(204,0,0,1) 0%,rgba(204,0,0,0.97) 11%,rgba(204,51,51,0.93) 25%,rgba(204,120,120,0.86) 47%,rgba(204,86,86,0.81) 61%,rgba(204,36,36,0.91) 82%,rgba(204,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#cc0000',GradientType=0 ); /* IE6-9 */
}
#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; border-radius: 20px; margin-bottom: 5px;
}
#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; word-break: break-all; word-wrap: break-word;
}
#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;
}
body {
background: #202020 url(images/revolution/bg.png) no-repeat;
color: #ccc;
text-align: center;
line-height: 1.4;
margin: auto;
overflow-y: scroll;
font-family: 'Droid Sans', sans-serif;
font-size: 13px;
}
a:link {
color: #fff;
text-decoration: none;
}
a:visited {
color: #fff;
text-decoration: none;
}
a:hover,
a:active {
color: #ccc;
text-decoration: none;
}
#container {
width: 1080px;
color: #ccc;
text-align: left;
line-height: 1.4;
margin: auto;
font-family: 'Droid Sans', sans-serif;
font-size: 13px;
}
.wrapper {
margin: auto;
}
#logo {
padding: 10px 0;
margin-top: 50px;
}
#content {
background: #202020;
color: #ccc;
padding: 10px 10px;
overflow: hidden;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
-webkit-box-shadow: inset 0 0 1px 1px #262626;
-moz-box-shadow: inset 0 0 1px 1px #262626;
box-shadow: inset 0 0 1px 1px #262626;
border: #232323 1px solid;
text-shadow: 1px 1px 0px #0d0d0d;
-moz-box-shadow: 0 5px 25px #0d0d0d;
-webkit-box-shadow: 0 5px 25px#0d0d0d;
box-shadow: 0 5px 25px #0d0d0d;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
font-family: 'Droid Sans', sans-serif;
font-size: 13px;
}
#header ul.menu {
margin: 0;
padding: 0;
list-style: none;
}
#header ul.menu li {
margin: 0 7px;
display: inline;
}
#header ul.menu li a {
padding-left: 20px;
background-image: url(images/headerlinks_sprite.png);
background-repeat: no-repeat;
display: inline-block;
line-height: 16px;
}
#logo ul.top_links {
font-weight: bold;
text-align: right;
margin: -10px 5px 0 0;
}
#logo ul.top_links a.search {
background-position: 0 0;
}
#logo ul.top_links a.memberlist {
background-position: 0 -20px;
}
#logo ul.top_links a.calendar {
background-position: 0 -40px;
}
#logo ul.top_links a.help {
background-position: 0 -60px;
}
#logo ul.top_links a.portal {
background-position: 0 -180px;
}
#panel .upper a.logout {
font-weight: bold;
background: url(images/headerlinks_sprite.png) right -80px no-repeat;
padding-right: 20px;
margin-left: 10px;
}
#panel .upper a.login,
#panel .upper a.lost_password {
background: url(images/headerlinks_sprite.png) 0 -100px no-repeat;
padding-left: 20px;
margin-left: 10px;
font-weight: bold;
}
#panel .upper a.register {
background: url(images/headerlinks_sprite.png) right -80px no-repeat;
padding-right: 20px;
margin-left: 10px;
font-weight: bold;
}
#panel .lower ul.panel_links {
float: left;
}
#panel .lower ul.panel_links a.usercp {
background-position: 0 -120px;
}
#panel .lower ul.panel_links a.modcp {
background-position: 0 -140px;
}
#panel .lower ul.panel_links a.admincp {
background-position: 0 -160px;
}
#panel .lower ul.user_links {
float: right;
}
#panel .lower ul.user_links li a {
padding: 0;
background-image: none;
}
#panel .upper {
background: #0f0f0f url(images/tcat.png) repeat-x;
color: #fff;
border-top: 1px solid #444;
border-bottom: 1px solid #000;
padding: 7px;
clear: both;
}
#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-top: 1px solid #fff;
border-bottom: 1px solid #ccc;
padding: 5px;
}
#panel .lower a:link,
#panel .lower a:visited,
#panel .lower a:hover,
#panel .lower a:active {
color: #666;
}
#search {
border: 0;
padding: 0;
margin: 0;
float: right;
vertical-align: middle;
}
#search input.button,
#search input.textbox {
border-color: #000;
}
#search input.button {
background: #0066a2 url(images/thead.png) top left repeat-x;
color: #fff;
}
#search input {
margin: -3px 0;
}
#quick_login .remember_me input {
vertical-align: middle;
margin: -3px 0 0 5px;
}
#footer {
background: #efefef;
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: center;
text-align: center;
margin-top: 5px;
font-size: 11px;
}
.scaleimages img {
max-width: 100%;
}
.forum_status {
height: 50px;
width: 50px;
font-size: 30px;
text-align: center;
}
.forum_status i {
display: inline-block;
line-height: 50px;
}
.forum_on {
color: #3e3e3e;
}
.forum_off, .forum_offlock, .forum_offlink {
color: #333;
}
.forum_off i {
opacity: .4;
}
.forum_offlock i:before {
content: "\f05e";
}
.forum_offlink i:before {
content: "\f079";
}
.subforumicon {
width: 5px;
height: 5px;
display: inline-block;
margin: 5px 5px 5px 5px;
padding-right: 5px;
font-size: 8px;
}
.subforum_minion {
color: #fff;
font-size: 5px;
}
.subforum_minioff, .subforum_miniofflock, .subforum_miniofflink {
color: #fff;
font-size: 5px;
}
.subforum_minioff {
color: #fff;
opacity: .4;
font-size: 5px;
}
.subforum_miniofflock i:before {
color: #fff;
content: "\f111";
font-size: 5px;
}
.subforum_miniofflink i:before {
color: #646464;
content: "\f111";
font-size: 5px;
}
table {
color: #ccc;
font-family: 'Droid Sans', sans-serif;
font-size: 13px;
}
.tborder {
background: #181818;
width: 100%;
margin: auto auto;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
-webkit-box-shadow: inset 0 0 1px 1px #262626;
-moz-box-shadow: inset 0 0 1px 1px #262626;
box-shadow: inset 0 0 1px 1px #262626;
border: #101010 1px solid;
padding: 1px;
}
.tfixed {
table-layout: fixed;
word-wrap: break-word;
}
.thead {
background: #151515 ;
color: #ffffff;
padding: 10px;
border-bottom: 1px solid #070707;
text-shadow: 1px 1px 0px #070707;
-webkit-box-shadow: inset 0 0 1px 1px #2a2a2a;
-moz-box-shadow: inset 0 0 1px 1px #2a2a2a;
box-shadow: inset 0 0 1px 1px #2a2a2a;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
text-transform: uppercase;
font-family: 'Droid Sans', sans-serif;
font-size: 13px;
}
.thead a:link {
color: #ffffff;
text-decoration: none;
font-family: 'Droid Sans', sans-serif;
font-size: 13px;
}
.thead a:visited {
color: #ffffff;
text-decoration: none;
font-family: 'Droid Sans', sans-serif;
font-size: 13px;
}
.thead a:hover,
.thead a:active {
color: #ffffff;
text-decoration: none;
font-family: 'Droid Sans', sans-serif;
font-size: 13px;
}
.tcat {
background: #181818;
color: #ccc;
border-top: #101010 1px solid;
border-bottom: #262626 1px solid;
padding: 6px;
font-family: 'Droid Sans', sans-serif;
font-size: 12px;
}
.tcat a:link {
color: #fff;
}
.tcat a:visited {
color: #fff;
}
.tcat a:hover,
.tcat a:active {
color: #fff;
}
.trow1 {
background: #181818;
color: #ccc;
border-top: #101010 1px solid;
border-bottom: #262626 1px solid;
padding: 10px;
font-family: 'Droid Sans', sans-serif;
font-size: 13px;
}
.trow2 {
background: #181818;
color: #ccc;
border-top: #101010 1px solid;
border-bottom: #262626 1px solid;
padding: 10px;
font-family: 'Droid Sans', sans-serif;
font-size: 13px;
}
.trow_shaded {
background: #1f1f1f;
color: #fff;
border-top: #101010 1px solid;
border-bottom: #262626 1px solid;
padding: 10px;
font-family: 'Droid Sans', sans-serif;
font-size: 13px;
}
.no_bottom_border {
border-bottom: 0;
}
.post.unapproved_post {
background: #0e0e0e;
}
.post.unapproved_post .post_author {
}
.post.classic.unapproved_post .post_author {
border: 1px solid #232323;
}
.post.unapproved_post .post_controls {
}
.trow_deleted,
.post.deleted_post {
}
.trow_selected,
tr.trow_selected td {
background: #1f1f1f;
color: #fff;
border-top: #101010 1px solid;
border-bottom: #262626 1px solid;
padding: 10px;
font-family: 'Droid Sans', sans-serif;
font-size: 13px;
}
.trow_selected a:link,
.trow_selected a:visited,
.trow_selected a:hover,
.trow_selected a:active {
color: #fff;
}
.trow_sep {
background: #151515 url(images/revolution/thead.png) top left repeat-x;
color: #fff;
padding: 10px;
border-bottom: 1px solid #070707;
text-shadow: 1px 1px 0px #070707;
-webkit-box-shadow: inset 0 0 1px 1px #2a2a2a;
-moz-box-shadow: inset 0 0 1px 1px #2a2a2a;
box-shadow: inset 0 0 1px 1px #2a2a2a;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
text-transform: uppercase;
font-family: 'Droid Sans', sans-serif;
font-size: 13px;
font-weight: bold;
}
.tfoot {
background: #181818;
color: #ccc;
border-top: #101010 1px solid;
border-bottom: #262626 1px solid;
padding: 10px;
}
.tfoot a:link {
color: #ccc;
text-decoration: none;
}
.tfoot a:visited {
color: #ccc;
text-decoration: none;
}
.tfoot a:hover,
.tfoot a:active {
color: #fff;
text-decoration: none;
}
.thead input.textbox,
.thead select {
border: 1px solid #263c30;
}
.bottommenu {
font-family: 'Droid Sans', sans-serif;
font-size: 13px;
}
.navigation {
color: #ccc;
font-size: 12px;
}
.navigation a:link {
color: #fff;
text-decoration: none;
font-size: 12px;
}
.navigation a:visited {
color: #ccc;
text-decoration: none;
font-size: 12px;
}
.navigation a:hover,
.navigation a:active {
color: #fff;
text-decoration: none;
font-size: 12px;
}
.navigation .active {
color: #ccc;
font-size: 12px;
}
.smalltext {
font-family: 'Droid Sans', sans-serif;
font-size: 13px;
}
.largetext {
font-weight: bold;
font-family: 'Droid Sans', sans-serif;
font-size: 13px;
}
fieldset {
background: #000;
color: #ccc;
padding: 12px;
margin: 0;
border: #232323 1px solid;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
fieldset.trow1,
fieldset.trow2 {
background: #0e0e0e;
border: #232323 1px solid;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 8px;
}
fieldset.align_right {
text-align: right;
}
input.textbox {
background: #101010;
color: #fff;
padding: 5px;
outline: 0;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
border: 1px solid #232323;
text-shadow: none;
-webkit-box-shadow: 0 0 0px 1000px #101010 inset !important;
-webkit-text-fill-color: white !important;
font-family: 'Droid Sans', sans-serif;
font-size: 13px;
}
textarea {
background: #101010 ;
color: #fff;
padding: 2px;
line-height: 1.4;
outline: 0;
border: 1px solid #232323;
-webkit-box-shadow: 0 0 0px 1000px #101010 inset !important;
-webkit-text-fill-color: white !important;
font-family: 'Droid Sans', sans-serif;
font-size: 13px;
}
select {
background: #0e0e0e;
color: #ccc;
padding: 5px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
outline: 0;
border: 1px solid #232323;
font-family: 'Droid Sans', sans-serif;
font-size: 12px;
}
button,
input.button {
color: #ffffff;
background-image: linear-gradient(#272727, #212121);
border: 1px solid #000;
text-shadow: 1px 1px 0px #161617;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
padding: 4px 9px;
cursor: pointer;
outline: 0;
font-family: 'Droid Sans', sans-serif;
font-size: 13px;
}
button:hover,
input.button:hover {
color: #ccc;
}
form {
margin: 0;
padding: 0;
}
input.error, textarea.error, select.error {
border: 1px solid #f30;
color: #f30;
}
input.valid, textarea.valid, select.valid {
border: 1px solid #0c0;
text-shadow: none;
}
label.error {
color: #f30;
margin: 5px;
padding: 0px;
display: block;
text-shadow: none;
font-size: 11px;
font-weight: bold;
}
form #message {
width: 500px;
}
.editor {
color: #969696;
text-decoration: none;
background: #151515;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
-webkit-box-shadow: inset 0 0 1px 1px #262626;
-moz-box-shadow: inset 0 0 1px 1px #262626;
box-shadow: inset 0 0 1px 1px #262626;
border: #101010 1px solid;
text-shadow: 1px 1px 0px #0d0d0d;
}
.editor_control_bar {
color: #969696;
text-decoration: none;
background: #151515;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
-webkit-box-shadow: inset 0 0 1px 1px #262626;
-moz-box-shadow: inset 0 0 1px 1px #262626;
box-shadow: inset 0 0 1px 1px #262626;
border: #101010 1px solid;
text-shadow: 1px 1px 0px #0d0d0d;
}
.post .editor_control_bar {
color: #969696;
text-decoration: none;
background: #151515;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
-webkit-box-shadow: inset 0 0 1px 1px #262626;
-moz-box-shadow: inset 0 0 1px 1px #262626;
box-shadow: inset 0 0 1px 1px #262626;
border: #101010 1px solid;
text-shadow: 1px 1px 0px #0d0d0d;
}
.popup_menu {
background: rgba(54,54,54,1);
color: #fff;
padding: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
text-shadow: 0px 1px 1px rgba(54,54,54,1);
box-shadow: rgba(0,0,0,0.5) 0px 3px 40px, rgba(0,0,0,0.2) 0px 1px 2px;
font-family: 'Droid Sans', sans-serif;
font-size: 12px;
}
.popup_menu .popup_item {
color: #fff;
padding: 4px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
text-shadow: 0px 1px 1px rgba(54,54,54,1);
text-decoration: none;
font-family: 'Droid Sans', sans-serif;
font-size: 12px;
}
.popup_menu .popup_item:hover {
text-shadow: 0px 1px 1px rgba(54,54,54,1);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #ccc;
font-family: 'Droid Sans', sans-serif;
font-size: 12px;
}
.trow_reputation_positive {
background: #144b14;
color: #fff;
text-shadow: 1px 1px 0px #144b14;
}
.trow_reputation_negative {
background: #912222;
color: #fff;
text-shadow: 1px 1px 0px #6e1b1b;
}
.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 {
color: #fff;
background-color: #232323;
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;
color: #333;
border-bottom: 1px solid #F7E86A;
text-align: center;
text-shadow: 1px 1px 1px #FFFBD9;
}
.expcolimage {
float: right;
width: auto;
vertical-align: middle;
margin-top: 3px;
}
.tcat_menu > .expcolimage {
margin-top: 0;
}
blockquote {
background: #1f1f1f;
margin: 0;
padding: 10px;
border: #232323 1px solid;
text-shadow: 1px 1px 0px #0d0d0d;
padding: 10px;
border-left: #ccc 4px solid;
font-family: 'Droid Sans', sans-serif;
font-size: 12px;
}
blockquote cite {
border-bottom: 1px solid #1f1f1f;
display: block;
padding-bottom: 3px;
margin: 0 0 10px 0;
font-weight: bold;
}
blockquote cite span {
color: #ccc;
float: right;
font-size: 12px;
font-weight: normal;
}
blockquote cite span.highlight {
float: none;
font-weight: bold;
padding-bottom: 0;
}
.codeblock {
background: #1f1f1f;
border: #232323 1px solid;
text-shadow: 1px 1px 0px #0d0d0d;
padding: 10px;
border-left: #ccc 4px solid;
font-family: 'Droid Sans', sans-serif;
font-size: 12px;
}
.codeblock .title {
border-bottom: 1px solid #1f1f1f;
padding-bottom: 3px;
margin: 0 0 10px 0;
font-weight: bold;
}
.codeblock code {
overflow: auto;
height: auto;
max-height: 200px;
display: block;
font-family: 'Droid Sans', sans-serif;
font-size: 13px;
font-style: italic;
}
.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-shadow: 0px 1px 1px rgba(54,54,54,1);
text-decoration: none;
font-family: 'Droid Sans', sans-serif;
font-size: 12px;
}
.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: #3e3e3e;
color: #fff;
text-shadow: 1px 1px 0px #161616;
border: 1px solid #5e5c5c;
text-align: center;
padding: 10px 20px;
margin-bottom: 15px;
font-family: 'Droid Sans', sans-serif;
font-size: 11px;
}
.pm_alert a:link,
.pm_alert a:visited,
.pm_alert a:hover,
.pm_alert a:active {
color: #fff;
font-family: 'Droid Sans', sans-serif;
font-size: 11px;
}
.red_alert {
background: #912222;
color: #fff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
text-shadow: 1px 1px 0px #6e1b1b;
border: 1px solid #b11919;
text-align: center;
padding: 10px 20px;
margin-bottom: 15px;
word-wrap: break-word;
text-decoration: none;
font-family: 'Droid Sans', sans-serif;
font-size: 11px;
}
.red_alert a:link,
.red_alert a:visited,
.red_alert a:hover,
.red_alert a:active {
color: #ccc;
text-align: left;
line-height: 1.4;
margin: 0;
font-family: 'Droid Sans', sans-serif;
font-size: 11px;
}
.high_warning {
color: #CC0000;
}
.moderate_warning {
color: #F3611B;
}
.low_warning {
color: #AE5700;
}
.online {
color: #15A018;
}
.offline {
color: #C7C7C7;
}
div.error {
background: #FFF6BF;
color: #000;
padding: 5px 10px;
border-top: 2px solid #FFD324;
border-bottom: 2px solid #FFD324;
text-shadow: none;
font-size: 12px;
}
div.error a:link,
div.error a:visited,
div.error a:hover,
div.error a:active {
color: #000;
text-shadow: none;
}
div.error p {
color: #000;
margin: 0;
text-shadow: none;
font-weight: normal;
}
div.error p a:link,
div.error p a:visited,
div.error p a:hover,
div.error p a:active {
color: #000;
text-shadow: none;
}
div.error p em {
background: url(images/error.png) no-repeat 0;
color: #000;
padding-left: 24px;
display: block;
text-shadow: none;
font-style: normal;
font-weight: bold;
}
div.error p em a:link,
div.error p em a:visited,
div.error p em a:hover,
div.error p em a:active {
color: #000;
text-shadow: none;
}
div.error ul {
margin-left: 24px;
text-shadow: none;
}
div.error ul a:link,
div.error ul a:visited,
div.error ul a:hover,
div.error ul a:active {
color: #000;
text-shadow: none;
}
.pagination {
font-size: 11px;
padding-top: 10px;
margin-bottom: 5px;
}
.tfoot .pagination,
.tcat .pagination {
color: #ccc;
padding-top: 0;
}
.pagination .pages {
color: #fff;
text-shadow: 1px 1px 0px #161616;
font-size: 13px;
font-weight: bold;
}
.pagination .pagination_current,
.pagination a {
background: #3e3e3e;
padding: 4px 8px;
text-shadow: 1px 1px 0px #161616;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
-webkit-box-shadow: inset 0 0 1px 1px #5d5d5d;
-moz-box-shadow: inset 0 0 1px 1px #5d5d5d;
box-shadow: inset 0 0 1px 1px #5d5d5d;
border: 1px solid #161616;
color: #ffffff;
font-size: 12px;
}
.pagination a {
background: #3e3e3e;
text-shadow: 1px 1px 0px #161616;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
-webkit-box-shadow: inset 0 0 1px 1px #5d5d5d;
-moz-box-shadow: inset 0 0 1px 1px #5d5d5d;
box-shadow: inset 0 0 1px 1px #5d5d5d;
border: 1px solid #161616;
color: #ffffff;
}
.pagination .pagination_current {
background: #202020;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
text-shadow: 1px 1px 0px #0e0e0e;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
-webkit-box-shadow: inset 0 0 1px 1px #3d3d3d;
-moz-box-shadow: inset 0 0 1px 1px #3d3d3d;
box-shadow: inset 0 0 1px 1px #3d3d3d;
border: 1px solid #0e0e0e;
color: #fff;
padding: 4px 8px;
font-size: 12px;
font-style: normal;
font-weight: bold;
}
.pagination a:hover {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
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;
margin-bottom: 10px;
text-shadow: none;
font-size: 10px;
font-weight: bold;
}
#posts_container {
padding: 0;
}
.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 {
overflow: hidden;
}
.post.classic {
padding-top: 15px;
}
.post .post_author {
background: #0e0e0e;
border-bottom: 1px solid #232323;
border-top: 2px solid #232323;
padding: 5px;
overflow: hidden;
border-top: 1px solid #232323;
}
.post.classic .post_author {
width: 5%;
float: left;
margin: 0 1% 15px 0;
border-left: 0;
padding: 5px 1%;
border: 1px solid #232323;
border-left: none;
}
.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 {
padding: 5px;
}
.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;
padding: 6px 6px 3px 6px;
float: none;
}
.post .post_head {
padding-bottom: 4px;
margin-bottom: 4px;
border-bottom: 1px dashed #232323;
font-family: 'Droid Sans', sans-serif;
font-size: 12px;
}
.post .post_head span.post_date {
color: #ccc;
}
.post .post_head span.edited_post {
color: #ccc;
font-size: 12px;
}
.post .post_head span.edited_post a {
color: #ccc;
}
.post_body {
font-size: 14px;
padding: 12px 0;
}
.post.classic .post_content {
float: left;
width: 79%;
padding: 0 1% 5px 1%;
}
.post_content {
padding: 9px 10px 5px 10px;
}
.post_content .signature {
margin-top: 5px;
padding: 10px 0 4px 0;
border-top: 1px dashed #232323;
}
.post .post_meta {
color: #ccc;
margin: 4px 0;
font-family: 'Droid Sans', sans-serif;
font-size: 12px;
}
.post .post_meta a:link,
.post .post_meta a:visited {
color: #ccc;
}
.post .post_meta a:hover,
.post .post_meta a:active {
color: #fff;
}
.post_controls {
background: #0e0e0e;
clear: both;
border: 1px solid #232323;
padding: 8px;
overflow: hidden;
border-top: none;
-webkit-border-bottom-left-radius: 3px;
-moz-border-bottom-left-radius: 3px;
border-bottom-left-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-bottom-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.postbit_buttons > a:link,
.postbit_buttons > a:hover,
.postbit_buttons > a:visited,
.postbit_buttons > a:active {
display: inline-block;
padding: 2px 5px;
margin: 2px;
background: #3e3e3e;
color: #fff;
text-shadow: 0px 1px 1px #161616;
border: 1px solid #4f4f4f;
font-family: 'Droid Sans', sans-serif;
font-size: 12px;
}
.postbit_buttons > a:hover {
background: #403f3f;
color: #fff;
font-family: 'Droid Sans', sans-serif;
font-size: 12px;
}
.postbit_buttons a span:before {
content: "";
display: inline-block;
font-family: FontAwesome;
font-weight: normal;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-right: 5px;
font-size: 12px;
}
.postbit_buttons a.postbit_find span:before {
content: "\f002";
}
.postbit_buttons a.postbit_reputation_add span:before {
content: "\f067";
}
.postbit_buttons a.postbit_email span:before {
content: "\f0e0";
}
.postbit_buttons a.postbit_website span:before {
content: "\f0ac";
}
.postbit_buttons a.postbit_pm span:before {
content: "\f199";
}
.postbit_buttons a.postbit_quote span:before {
content: "\f10e";
}
.postbit_buttons a.postbit_multiquote span:before {
content: "\f055";
}
.postbit_buttons a.postbit_multiquote_on span:before {
content: "\f056";
color: #DB1304;
}
.postbit_buttons a.postbit_edit span:before {
content: "\f044";
}
.postbit_buttons a.postbit_qdelete span:before {
content: "\f00d";
}
.postbit_buttons a.postbit_qrestore span:before {
content: "\f067";
}
.postbit_buttons a.postbit_report span:before {
content: "\f0a1";
}
.postbit_buttons a.postbit_warn span:before {
content: "\f0e3";
}
.postbit_buttons a.postbit_purgespammer span:before {
content: "\f071";
}
.postbit_buttons a.postbit_reply_pm span:before {
content: "\f112";
}
.postbit_buttons a.postbit_reply_all span:before {
content: "\f122";
}
.postbit_buttons a.postbit_forward_pm span:before {
content: "\f064";
}
.postbit_buttons a.postbit_delete_pm span:before {
content: "\f00d";
}
a.button:link,
a.button:hover,
a.button:visited,
a.button:active {
background: #3e3e3e;
color: #fff;
display: inline-block;
padding: 4px 8px;
margin: 2px 2px 6px 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
text-shadow: 1px 1px 1px #3e3e3e;
border-left: 4px solid #5e5c5c;
border-right: 4px solid #5e5c5c;
font-family: 'Droid Sans', sans-serif;
font-size: 13px;
}
a.button.small_button {
margin: 0;
padding: 3px 6px;
font-family: 'Droid Sans', sans-serif;
font-size: 13px;
}
a.button span {
display: inline-block;
font-family: 'Droid Sans', sans-serif;
font-size: 13px;
}
a.button.new_thread_button span {
background-position: 0 -340px;
}
a.button.new_reply_button span {
background-position: 0 -360px;
}
a.button.closed_button span {
background-position: 0 -380px;
}
a.button.rate_user_button span {
background-position: 0 -400px;
}
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;
}
/** 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: #ffffff;
font-size: 12px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
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 **/
.jGrowl.center .jGrowl-notification,
.jGrowl.center .jGrowl-closer {
margin-left: auto;
margin-right: auto;
}
.jGrowl-notification {
background-color: #000000;
opacity: 0.9;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));
zoom: 1;
width: 250px;
padding: 10px;
margin: 10px;
text-align: left;
display: none;
border-radius: 5px;
word-break: break-all;
min-height: 40px;
}
.jGrowl-notification .ui-state-highlight,
.jGrowl-notification .ui-widget-content .ui-state-highlight,
.jGrowl-notification .ui-widget-header .ui-state-highlight {
border: 1px solid #000;
background: #000;
color: #fff;
}
.jGrowl-notification .jGrowl-header {
font-weight: bold;
font-size: .85em;
}
.jGrowl-notification .jGrowl-close {
background-color: transparent;
color: inherit;
border: none;
z-index: 99;
float: right;
font-weight: bold;
font-size: 1em;
cursor: pointer;
}
.jGrowl-closer {
background-color: #000000;
opacity: 0.9;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));
zoom: 1;
width: 250px;
padding: 10px;
margin: 10px;
text-align: left;
display: none;
border-radius: 5px;
word-break: break-all;
padding-top: 4px;
padding-bottom: 4px;
cursor: pointer;
font-size: .9em;
font-weight: bold;
text-align: center;
}
.jGrowl-closer .ui-state-highlight,
.jGrowl-closer .ui-widget-content .ui-state-highlight,
.jGrowl-closer .ui-widget-header .ui-state-highlight {
border: 1px solid #000;
background: #000;
color: #fff;
}
/** 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: block;
width: 30px;
height: 30px;
text-indent: -9999px;
background: url(images/close.png) no-repeat 0 0;
}
.modal-spinner {
display: none;
width: 64px;
height: 64px;
position: fixed;
top: 50%;
left: 50%;
margin-right: -32px;
margin-top: -32px;
background: url(images/spinner_big.gif) no-repeat center center;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-o-border-radius: 8px;
-ms-border-radius: 8px;
border-radius: 8px;
}
/** Modal End **/
/** Impromptu Start **/
/*! jQuery-Impromptu - v6.2.1 - 2015-05-10
* http://trentrichardson.com/Impromptu
* Copyright (c) 2015 Trent Richardson; Licensed MIT */
.jqifade{
position: absolute;
background-color: #777777;
}
iframe.jqifade{
display:block;
z-index:-1;
}
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 .jqicontainer{
}
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;
overflow: auto;
}
div.jqi .jqibuttonshide{
display: none;
}
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: 15px 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;
}
div.jqi .jqibuttons button[disabled]{
color: #aaa;
}
.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;
}
/* THIS IS THE ONLINE-OFFLINE INDICATOR */
.postbit-status-offline {
background: #CF2D2D;
}
.postbit-status-online {
background: #348423;
}
.postbit-status {
height: 15px;
width: 15px;
position: absolute;
}
/** Impromptu End */
/* Custom forum Display Start */
.custom_forumdisplay_main {
width:69%;
float:left;
}
.content_page_right{
width: 30%;
float: right;
margin-top: 2px;
margin-left: 10px;
}
/*** Reputation System ***/
.reps {
display: inline;
padding: 0.6em 1em .6em;
font-size: 75%;
font-weight: 700;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25em;
background-color: #777;
margin: 1px;
}
.plus {
background-color: #337ab7;
cursor: pointer;
}
.minus {
background-color: #f0ad4e;
cursor: pointer;
}
.liked_this {
background: #232323;
padding: 6px;
margin: 2px;
vertical-align: middle;
border-radius: 2px;
font-size: 11px;
}
.positives {
background: #148c00;
}
.negatives {
background: #8c0000;
}
/* END REPUTATION */
.pbit {
background: #fff;
border-radius: 3px;
border: 1px double #dadada;
font-size: 11px;
font-weight: normal;
margin-bottom: 3px;
padding: 6px 5px 5px;
text-align: left;
}
The Problem I am having is the container appears to be too small and at times too big depending on the resolution the user is viewing the forums at. I am trying to fix this.
While all this is happening the custom background that you see if you go to Home Page may appear to be either too small or too big.
I have tried to edit the actual dimensions of the image itself in Photoshop, seeing on how it was I who created it, but even then it appears to small for others but just right for myself.
I am starting to think the Theme is unresponsive which is why so many problems are accruing.
Any support at all will be helpful.
P.S
If any other .css is needed please let me know.