Here is my Golbal.css page.
@media all and (max-width: 1280px) {
.index_forums {
width:70%;
}
.index_sidebar {
width:29%;
}
}
::-webkit-scrollbar {
width: 12px;
}
::-webkit-scrollbar-track {
border-left: 1px solid #000;
}
::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.85);
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.27);
}
::-webkit-scrollbar-thumb:hover {
background: rgba(0, 0, 0, 0.93);
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
background: rgba(0,0,0,0.6);
}
@-webkit-keyframes headershine {
0% { opacity: 0.4; }
50% { opacity: 1; }
100% { opacity: 0.4; }
}
html {overflow-y: scroll}
textarea:focus {outline: none;border: 1px solid rgb(31, 31, 31);background: #0A0A0A;box-shadow: inset 0px 0px 15px black;}
body {
background: url(images/audentio/neonglow/bg.jpg) 50% 0 repeat fixed;
color: #333;
font-family: Arial, tahoma, Sans-Serif;
font-size: 13px;
text-align: center;
line-height: 1.4;
padding: 0px;
margin: 0px;
padding-bottom: 15px;
}
a:link {
color: #FFFFFF;
text-decoration: none;
}
a:visited {
color: #FFFFFF;
text-decoration: none;
}
a:hover, a:active {
color: #8BDDEC;
text-decoration: none;
}
.logo {
-webkit-transition:0.3s;
transition:0.3s;
-o-transition:0.3s;
-ms-transition:0.3s;
-moz-transition:0.3s;
display:inline-block;
position:absolute;
z-index:2;
top: 0px;
opacity:1;
left: 0px;
}
.logo:hover {
opacity:0.7;
left: 20px;
}
#container {
width: 960px;
color: #FFF;
min-width:1000px;
max-width:1600px;
margin: auto auto;
text-align: left; /* IE 5 fix */
}
#header {
background: url(images/audentio/neonglow/headerbg.png);
height: 65px;
border-right: 1px solid #161616;
border-left: 1px solid #161616;
position: relative;
box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.21);
border-radius: 0 0 3px 3px;
-moz-order-radius: 0 0 3px 3px;
overflow: hidden;
}
#header:hover .headershine {opacity:1;}
.headershine,.footershine {
background: url(images/audentio/neonglow/shine2.png) 0px -1px;
z-index: 1;
-webkit-transition: all 3s ease;
transition: all 3s ease;
-o-transition: all 3s ease;
-ms-transition: all 3s ease;
-moz-transition: all 3s ease;
width: 100%;
height: 65px;
position: absolute;
background-position: 0px -1px;
}
.headercontent {
position:absolute;
z-index:2;
}
#content {
/* FIX: Make internet explorer wrap correctly */
width: auto !important;
padding: 10px;
padding-top:0px;
background: url(images/audentio/neonglow/contentbg.png);
border-radius: 0 0 2px 2px;
position: relative;
margin-bottom: 15px;
}
ul.menu {
color: #ccc;
z-index:2;
position:absolute;
top: 23px;
right: 15px;
font-size: 12px;
}
ul.menu li:first-child a{
border-radius: 10px 0 0 0;
}
ul.menu li:last-child a{
border-radius: 0 0 10px 0;
margin-right: -4px;
}
ul.menu a .activemenulink {color: #4fa7bc;
text-decoration: none;
padding: 10px 15px;
text-shadow: 0px 0px 10px #24B89E;
background: url(images/audentio/neonglow/menuactivebg.png);
border-radius: 5px;
box-shadow: 0px 0px 1px rgba(255, 255, 255, 0.22), inset 0px 0px 10px black,0px 1px 1px rgba(255, 255, 255, 0.24);
}
ul.menu a:link,ul.menu a:visited,ul.menu a {
color: #CFCFCF;
-webkit-transition:0.3s;
transition:0.3s;
-o-transition:0.3s;
-ms-transition:0.3s;
-moz-transition:0.3s;
text-decoration: none;
text-transform: uppercase;
padding: 10px 10px;
margin: 0;
font-family: droid sans,tahoma;
font-size: 13px;
}
ul.menu a:hover, ul.menu a:active {
color: #78cfe4;
text-decoration: none;
padding: 10px 10px;
text-shadow: 0px 0px 10px #78cfe4;
}
/*///////////////// USER PANEL //////////////////*/
#userpanel {
background: #efefef;
color: #000000;
font-size: 11px;
border: 1px solid #D4D4D4;
}
.pms_unread, .pms_unread_no {position: absolute;z-index: 99;background: rgb(204, 63, 63);font-family: arial;font-size: 11px;font-weight: bold;display: block;padding: 0px 4px;border-radius: 2px;top: -5px;right: -3px;color: white !important;}
.pms_unread_no {display:none}
#userpanel .remember_me input {
vertical-align: middle;
margin-top: -1px;
}
#userpanel a:link,#userpanel a:visited{
display:inline-block;
height: 35px;
line-height: 35px;
background: #fafafa;
margin-right: -3px;
border-right: 1px solid #ddd;
padding: 0px 10px;
}
#userpanel a:hover {
background-color: #eee;
}
.user_pm_link {
display: inline-block;
height: 19px;
position: relative;
width: 29px;
background: url(images/audentio/neonglow/message_icon.png);
top: 2px;
margin-right: 3px;
left: -5px;
}
/*///////////////// USER PANEL //////////////////*/
table {
color: #FFF;
font-family: Arial, tahoma, Sans-Serif;
font-size: 13px;
}
.tborder {
width: 100%;
margin: auto auto;
border: 1px solid #0E0E0E;
border-top: 0;
border-radius: 3px;
}
.tborder_2 {
border: 1px solid #0E0E0E;
margin-top: 10px;
}
.thead {
color: #ffffff;
padding: 0px 10px;
border: 1px solid #0F0F0F;
background: #111 url(images/audentio/neonglow/thead.png) 0px -3px;
border-radius: 3px;
height: 45px;
box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.6);
}
.thead_2 {
color: #ffffff;
padding: 0px 10px;
border: 1px solid #0F0F0F;
background: #111 url(images/audentio/neonglow/thead2.png) 0px 0px;
border-radius: 3px !important;
height: 44px;
line-height: 44px;
box-shadow: inset 0px 0px 1px rgba(255, 255, 255, 0.23);
border-bottom: 1px solid #0E0E0E;
border:1px solid rgba(15, 15, 15, 0.76);
border-bottom:1px solid rgba(15, 15, 15, 0.76);
}
.thead_2 .expcolimage img {
}
.thead_2 .expcolimage {
margin-top: 8px;
-webkit-transition: 0.3s;
transition:0.3s;
-o-transition:0.3s;
-ms-transition:0.3s;
-moz-transition:0.3s;
margin-right: 4px;
}
.thead_2:hover .expcolimage {
opacity:1;
cursor:pointer;
}
.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: underline;
}
.tcat a:link {
color: #BBB;
font-size: 10px;
}
.tcat a:visited {
color: #D1D1D1;
}
.tcat a:hover, .tcat a:active {
color: #FFF;
}
.tborder tr:hover .trow1, .tborder tr:hover .trow2 {
}
.trow1,.userprofile_trow {
background: rgba(0, 0, 0, 0.3)
-webkit-transition:0.3s;
transition:0.3s;
-o-transition:0.3s;
-ms-transition:0.3s;
-moz-transition:0.3s;
border-top: 1px solid rgba(160, 160, 160, 0.06);
border-bottom: none;
padding: 10px;
vertical-align: middle;
background: -moz1-linear-gradient(top, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6+ */ /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.35) 0%,rgba(0,0,0,0.5) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0.35) 0%,rgba(0,0,0,0.5) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0.35) 0%,rgba(0,0,0,0.5) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0,0,0,0.35) 0%,rgba(0,0,0,0.5) 100%); /* W3C */ /* IE6-9 */
}
.userprofile_trow {
background: rgba(0, 0, 0, 0.3) !important;}
.trow1, .trow2 {
border-top: 1px solid #2E2E2E;
border-bottom: 1px solid #0F0F0F;
border-top: 1px solid rgba(255, 255, 255, 0.05);
border-bottom: 1px solid rgba(0, 0, 0, 0.35);
padding: 10px;
vertical-align: middle;
background: rgba(0, 0, 0, 0.32);
background: -moz1-linear-gradient(top, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.35)), color-stop(100%,rgba(0,0,0,0.5))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.35) 0%,rgba(0,0,0,0.5) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0.35) 0%,rgba(0,0,0,0.5) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0.35) 0%,rgba(0,0,0,0.5) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0,0,0,0.35) 0%,rgba(0,0,0,0.5) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */
;
border-left: 0;
border-right: 0;
}
.tborder tr:last-child .trow1, .tborder tr:last-child .trow1 {
border-bottom:0;
}
.trow_shaded {
background: #CE7C46;
}
.trow_selected td .posttime {
border: 1px solid #314d22;
background-color: #486c34;
color: #fff;
box-shadow: inset 0px 0px 6px rgb(54, 50, 38);
}
.forumdesc {
font-size:11px;
background: #0C0C0C;
border-radius:3px;
padding: 5px 10px;
color: #FFF;
opacity:0;
-webkit-transition:0.3s;
transition:0.3s;
-o-transition:0.3s;
-ms-transition:0.3s;
-moz-transition:0.3s;
box-shadow: 1px 1px 1px #242424, inset 0px 0px 5px black;
margin-left: 10px;
}
.thead_2:hover .forumdesc {
opacity:1;
}
.thead_2 a:link {
color:#fff;
text-transform: uppercase;
font-size: 11px;
font-weight: bold;
}
.trow_sep {
background: black;
color: white;
font-size: 11px;
font-weight: bold;
padding: 8px;
border-top: 1px solid #181818;
}
.tfoot {
background:#0F1110 url(images/audentio/neonglow/highlight_3.png) repeat-x top;
background: rgba(0, 0, 0, 0.56) url(images/audentio/neonglow/highlight_3.png) repeat-x top;
color: #BEBEBE;
vertical-align: middle;
padding: 10px;
border-bottom: 1px solid rgb(9, 9, 9);
}
.tfoot a:link {
color: #999;
text-decoration: none;
vertical-align:middle;
}
.tfoot a:visited {
color: #9B9B9B;
text-decoration: none;
}
.tfoot a:hover, .tfoot a:active {
color: #FFF;
text-decoration: none;
}
.bottommenu {
background: #efefef;
color: #000000;
border: 1px solid #4874a3;
padding: 10px;
}
.button:hover {
background-color: #288095;
cursor: pointer;
border: 0;
box-shadow: 0px 0px 9px #288095;
}
.button {
border: 0;
border-radius: 1px;
padding: 6px;
font-size: 11px;
color: #181a1a;
border-radius: 3px;
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.32);
-webkit-transition: 0.3s; transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; -moz-transition: 0.3s;
background: #5f818b url(images/audentio/neonglow/highlight.png) repeat-x top;
}
.navigation {
color: #555;
font-size: 11px;
}
.navigation a:link {
color: #777;
text-decoration: none;
}
.navigation a:visited {
color:#777;
text-decoration: none;
}
.navigation a:hover, .navigation a:active {
color: #333;
text-decoration: none;
}
.navigation .active {
color: #333;
font-size: 11px;
font-weight: bold;
}
.smalltext {
font-size: 11px;
color: #ccc;
}
.largetext {
font-size: 16px;
font-weight: bold;
}
input.textbox:focus,select:focus,select:hover {
outline: none;
box-shadow: inset 0px 0px 10px #000;
border-radius: 4px;
}
input.textbox {
background: #0B0C0C;
border: 1px solid #2E2E2E;
border-radius: 2px; font-size: 11px; outline: none;
color: #B1B1B1;
padding: 6px 4px;
-webkit-transition: 0.3s;transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
-moz-transition: 0.4s;
border-top: 1px solid #292929;
box-shadow: inset 0px 0px 8px rgba(0, 0, 0, 0.77);
}
textarea {
background: #0B0C0C;
color: #555;
padding: 2px;
font-family: Arial, tahoma, Sans-Serif;
line-height: 1.4;
font-size: 13px;
border-radius: 3px;
border: 1px solid #1F1F1F;
background: rgba(9, 9, 9, 0.67);
border: 1px solid rgba(65, 65, 65, 0.34);
-webkit-transition: 0.3s;transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
-moz-transition: 0.4s;
box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.21);
}
select {
background: #0B0C0C;
border: 1px solid #313131;
padding: 5px;
border-radius: 2px;
font-size: 11px;
outline: none;
color: #FFF;
text-shadow: none;
box-shadow: inset 0px 0px 8px rgba(0, 0, 0, 0.77);
}
.editor {
background: #f1f1f1;
border: 1px solid #ccc;
}
.editor_control_bar .button {
box-shadow: none;
border: 0;
background-color: rgb(108, 139, 156);
border-radius: 3px;
}
.editor_control_bar {
background: rgb(10, 10, 10);
color: white;
bottom: 0px;
left: 0px;
z-index: 15;
padding: 15px 4px !important;
text-align: center !important;
font-weight: bold;
box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.66);
top: 3px;
position: relative;
}
.editor_control_bar a {
display: inline-block;
background: #61B2DF;
color: white;
padding: 3px 10px;
border-radius: 3px;
-webkit-transition: 0.3s;
transition:0.3s;
-o-transition:0.3s;
-ms-transition:0.3s;
-moz-transition:0.3s;
font-weight: bold;
}
.editor_control_bar a:hover {
background-color: #79A5B6;
}
.autocomplete {
background: #fff;
border: 1px solid #000;
color: black;
}
.autocomplete_selected {
background: #adcee7;
color: #000;
}
.popup_menu {
margin-top:5px;
font-size:11px;
border: 1px solid #aaa;
background:white;
}
.popup_menu .popup_item {
background: #fff;
color: #666;
padding:5px !important;
margin:-1px;
}
.popup_menu .popup_item_container:first-child .popup_item {border-bottom:1px solid #ccc}
.popup_menu .popup_item:hover {
background: #eee;
color: #333;
}
.trow_reputation_positive {
background: #B7C77A;
color: #3A4B0E;
border-bottom:1px solid #fff;
}
.trow_reputation_positive .smalltext {color: #283D1C;}
.trow_reputation_positive a {color: #1E250D;font-weight: bold;}
.trow_reputation_negative .smalltext {color: #270D0D;}
.trow_reputation_negative a {color: #250D0D;font-weight: bold;}
.trow_reputation_negative {
background: #A52A2A;
border-bottom:1px solid #fff;
color: rgb(56, 6, 6);
}
.reputation_positive {
color: green;
}
.reputation_neutral {
color: #FFF;
}
.reputation_negative {
color: red;
}
.valid_field,.invalid_field { border-radius: 2px; font-size: 11px; outline: none; color: #B1B1B1; padding: 6px 4px; -webkit-transition: 0.3s; transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; -moz-transition: 0.4s; border-top: 1px solid #292929; box-shadow: none;
}
.invalid_field {
border: 1px solid #F59999;
color: #1B0000;
background: rgb(230, 121, 94);
}
.valid_field {
border: 1px solid #BDF378;
background: #9AD54F;
color: #263C00;
}
.validation_error {
background: url(images/invalid.gif) no-repeat center left;
color: #FF4747;
margin: 5px 0;
padding: 5px;
font-weight: bold;
font-size: 11px;
padding-left: 22px;
}
.validation_success {
background: url(images/valid.gif) no-repeat center left;
color: #72B200;
margin: 5px 0;
padding: 5px;
font-weight: bold;
font-size: 11px;
padding-left: 22px;
}
.validation_loading {
background: url(images/spinner.gif) no-repeat center left;
color: #555;
margin: 5px 0;
padding: 5px;
font-weight: bold;
font-size: 11px;
padding-left: 22px;
}
/* Additional CSS (Master) */
img {
border: none;
}
.clear {
clear: both;
}
.hidden {
display: none;
float: none;
width: 1%;
}
.hiddenrow {
display: none;
}
.selectall {
background-color: #FFFBD9;
font-weight: bold;
text-align: center;
}
.float_left {
float: left;
}
.float_right {
float: right;
}
ul.menu {
list-style: none;
margin: 0;
}
.menu li {
display: inline;
margin: 0;
margin-left: -3px;
float: left;
}
.menu img {
padding-right: 5px;
vertical-align: top;
}
.expcolimage {
float: right;
width: auto;
vertical-align: middle;
margin-top: -5px;
display: inline-block;
height: 10px;
width: 20px;
margin-right: 10px;
}
img.attachment {
border: 1px solid #E9E5D7;
padding: 2px;
}
hr {
background-color: #000000;
color: #000000;
height: 1px;
border: 0px;
}
#copyright {
font: 11px Arial, tahoma, Sans-Serif;
margin: 0;
padding: 10px 0 0 0;
}
#debug {
float: right;
text-align: right;
margin-top: 0;
}
blockquote {
border: 1px solid #161616;
margin: 0;
background: #030303 url(images/audentio/neonglow/quoter.png) no-repeat 99% 42px;
padding: 8px;
font-size: 11px;
color: #D5D5D5;
border-radius: 3px 3px 0 0;
min-height: 60px;
vertical-align: middle;
}
blockquote cite {
font-weight: bold;
border-bottom: 1px solid #2E2E2E; font-style: normal; display: block; margin: -8px;
padding: 10px; margin-bottom: 8px;
background: #2E2E2E url(images/audentio/neonglow/highlight_faint.png) repeat-x top;
color: #D8D8D8;
border-radius: 2px 2px 0 0;
text-shadow: 1px 1px 1px #050505;
}
blockquote cite span {
float: right;
font-weight: normal;
}
blockquote cite span.highlight {
float: none;
font-weight: bold;
padding-bottom: 0;
}
.codeblock {
background: #181818 url(images/audentio/neonglow/highlight_3.png) repeat-x 0px -1px;
border: 1px solid #292929;
display: inline-block;
margin-top: 10px;
border-radius: 2px 2px 0 0;
min-width: 400px;
}
.codeblock .body {
padding:5px;
background: #050505;
}
.codeblock .title {
background: url(images/audentio/neonglow/code2.png) 4px no-repeat;
border-bottom: 1px solid #333;
font-weight: bold;
padding: 8px 10px;
padding-left:25px;
color:#666;
font-size:11px
}
.codeblock code {
overflow: auto;
height: auto;
max-height: 200px;
display: block;
font-family: Monaco, Consolas, Courier, monospace;
font-size: 13px;
}
.subforumicon {
border: 0;
vertical-align: middle;
}
.separator {
margin: 5px;
padding: 0;
height: 0px;
font-size: 1px;
list-style-type: none;
}
form {
margin: 0;
padding: 0;
}
.popup_menu .popup_item_container {
margin: 1px;
text-align: left;
}
.popup_menu .popup_item {
display: block;
padding: 3px;
text-decoration: none;
white-space: nowrap;
}
.popup_menu a.popup_item:hover {
text-decoration: none;
}
.autocomplete {
text-align: left;
}
.subject_new {
font-weight: bold;
}
.highlight {
background: #FFFFCC;
padding-top: 3px;
padding-bottom: 3px;
}
.pm_alert {
background: #FFF6BF;
border: 1px solid #FFD324;
text-align: center;
padding: 5px 20px;
margin-bottom: 15px;
font-size: 11px;
}
.red_alert {
background: #D8565B url(images/audentio/neonglow/highlight.png) repeat-x top;
border: 0;
color: #A5161A;
text-align: center;
padding: 10px 20px;
margin-bottom: 0px;
font-size: 11px;
position: relative;
top: 15px;
border-radius: 2px;
}
.high_warning {
color: #CC0000;
}
.moderate_warning {
color: #F3611B;
}
.low_warning {
color: #AE5700;
position: relative !important;
text-shadow: none;
}
div.error {
padding: 5px 10px;
border: 1px solid #DB1B13;
background: #FA6052 url(images/audentio/neonglow/highlight.png) repeat-x top;
font-size: 12px;
border-radius: 5px;
box-shadow: inset 0px 0px 2px #F5A996;
color: white;
}
div.error ul {margin-top:0px;color: #5A0000;text-shadow: 1px 1px 1px rgb(231, 159, 159);}
div.error p {
margin: 0;
color: rgb(136, 0, 0);
display:inline-block;
font-weight: normal;
}
div.error p em {
font-style: normal;
font-weight: bold;
padding-left: 24px;
display: block;
padding-top:10px;
text-indent:5px;
color: #7E0000;
background: url(images/audentio/neonglow/icons/error.png) no-repeat 0;
text-shadow: 1px 1px 1px rgb(255, 150, 150);
min-height: 25px;
vertical-align: middle;
}
div.error.ul {
margin-left: 24px;
}
.online {
color:
white;
background:
#A2CE46;
padding: 1px 2px;
text-shadow: 1px 1px 1px
#A5B492;
border-radius: 3px;
font-size: 11px;
}
.offline {
color:
white;
background:
silver;
padding: 2px 5px;
text-shadow: 1px 1px 1px
#A5A5A5;
border-radius: 3px;
}
.pagination {
font-size: 11px;
padding-top: 10px;
margin-bottom: 5px;
}
.tfoot .pagination, .tcat .pagination {
padding-top: 0;
}
.pagination .pages {
font-weight: bold;
color: #FFF;
margin-right: 5px;
}
.pagination .pagination_current, .pagination a {
padding: 2px 6px;
margin-bottom: 3px;
}
.pagination a {
color: rgb(231, 231, 231);
padding: 5px 7px;
border-radius: 2px;
margin-right: 2px;
background: rgb(16, 17, 17) url(images/audentio/neonglow/highlight_3.png) repeat-x 0px -1px;
box-shadow: inset 0px 0px 5px rgb(13, 14, 14);
}
.pagination .pagination_current {
color: black; padding: 5px 7px; border-radius: 2px; margin-right: 2px;
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.2);
background: #5f818b url(images/audentio/neonglow/highlight.png) repeat-x top;
}
.pagination a:hover {
background-color: #0E0E0E;
text-decoration: none;
}
.thread_legend, .thread_legend dd {
margin: 0;
padding: 0;
}
.thread_legend dd {
padding-bottom: 4px;
margin-right: 15px;
}
.thread_legend img {
margin-right: 4px;
vertical-align: bottom;
}
.forum_legend, .forum_legend dt, .forum_legend dd {
margin: 0;
padding: 0;
}
.forum_legend dd {
float: left;
margin-right: 10px;
}
.forum_legend dt {
margin-right: 10px;
float: left;
}
.success_message {
color: #00b200;
font-weight: bold;
font-size: 10px;
margin-bottom: 10px;
}
.error_message {
color: #C00;
font-weight: bold;
font-size: 10px;
margin-bottom: 10px;
}
.post_body {
padding: 5px;
min-height: 40px;
color: rgb(235, 235, 235);
font-family: arial,tahoma;
font-size: 13px;
letter-spacing: 0px;
line-height: 1.4;
}
.post_content {
padding: 5px 10px;
}
.quick_jump {
background: url(images/audentio/neonglow/icons/arrow.png) no-repeat 0;
width: 13px;
height: 13px;
padding-left: 13px; /* amount of padding needed for image to fully show */
vertical-align: middle;
border: none;
}
.repbox {
font-size:16px;
font-weight: bold;
padding:5px 7px 5px 7px;
}
._neutral {
background-color:#FAFAFA;
color: #999999;
border:1px solid #CCCCCC;
}
._minus {
background-color: #DA423E;
color: #4D0100;
border: 0;
border-radius: 2px;
}
._plus {
background-color: #98CE55;
color: #3A6D12;
border: 0;
border-radius: 2px;
}
.pagination_breadcrumb {
background-color: #f5f5f5;
border: 1px solid #fff;
outline: 1px solid #ccc;
padding: 5px;
margin-top: 5px;
font-weight: normal;
white-space: nowrap;
}
.pagination_breadcrumb_link {
vertical-align: middle;
cursor: pointer;
}
/* ================ PRIVATE MESSAGE PAGE ================== */
.pm_mainbar {
background-color: #111;
border: 1px solid #2C2C2C;
height: 40px;
border-radius: 3px;
display: inline-block;
box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.8);
background-color:rgba(0,0,0,0.5);
}
.pm_mainbar a:link, .pm_mainbar a:visited {
height: 40px;
line-height:40px;
display:block;
color: #C4C4C4;
float:left;
padding:0px 10px;
font-size:11px;
border-right: 1px solid #353535;
border-left: none;
text-shadow: none;
}
.pm_mainbar a:hover {
background-color:#050505;
background-color:rgba(0,0,0,0.7);
}
.pm_mainbar a:last-child {
border-right:0;
}
.thead_2 a {color:#fff;}
.tleft {text-align:left;}
.tright {text-align:right;}
.left {float:left;}
.right {float:right;}
.bigbutton {display: inline-block;
padding: 9px 15px;
background: #343434 url(images/audentio/neonglow/highlight.png) repeat-x top;
color: white !important;
margin-bottom: 12px;
font-weight: bold;
border: 1px solid #000;
border-radius: 3px;
text-transform: uppercase;
font-size: 12px;
text-shadow: 1px 1px 1px #2E2E2E;
margin-top: -4px;-webkit-transition: 0.3s;transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
-moz-transition: 0.4s;}
.bigbutton:hover {background-color: #126a7f;border-color: #1c87a1;box-shadow: 0px 0px 9px #1c87a1;}
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0;}
.ui-tabs .ui-tabs-nav li { list-style: none; position: relative; top: 2px; margin: -4px -5px 0 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; font-weight: bold; right: -1px;}
.ui-tabs .ui-tabs-nav li a { padding: 10px; text-decoration: none; -webkit-transition: 0.2s; transition:0.3s;
-o-transition:0.2s;
-ms-transition:0.2s;
-moz-transition:0.2s;}
.ui-tabs .ui-tabs-nav li a:hover {background: rgb(19, 20, 20);cursor:pointer !important;}
.ui-state-active a {background: rgb(14, 14, 14) !important;color: rgb(238, 238, 238) !important;margin-right: -3px !important;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; color: #333;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
.userprofile_table {width:100%;}
.userprofile_table td {
vertical-align: top;
color: #9B9B9B;
font-size: 11px;
}
.userprofile_table td strong {
color: rgb(236, 236, 236);
}
.userprofile_tabcontent {
background: #0E0F0F;
border: 1px solid #353535 !important;
border-left: 0 !important;
border-radius: 0px 10px 10px 0;
position: relative;
}
.userprofile_tabs {vertical-align: top;position: relative;border-right: 1px solid #2C2C2C;width: 200px;}
.userprofile_tabs ul li a {
padding: 10px;
height: 20px;
display: block;
background: #131414;
border: 1px solid #2E2E2E;
color: #8A8A8A;
font-size: 11px;
vertical-align: middle;
line-height: 20px;
position: relative;
border-right: 0;
right: 3px;
}
.ui-state-active a{border-right:0 !important;padding: 20px 10px !important;font-size: 15px !important;}
.userprofile_info {
padding: 10px;
background: #0D0F0F;
border: 1px solid #2B2B2B;
background: rgba(0,0,0,.6);
}
.userprofile_info img{max-width:70px;max-height:70px}
.greenmessage {background: rgb(213,234,164); /* Old browsers */
background: -moz1-linear-gradient(top, rgba(213,234,164,1) 0%, rgba(205,235,139,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(213,234,164,1)), color-stop(100%,rgba(205,235,139,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(213,234,164,1) 0%,rgba(205,235,139,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(213,234,164,1) 0%,rgba(205,235,139,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(213,234,164,1) 0%,rgba(205,235,139,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(213,234,164,1) 0%,rgba(205,235,139,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5eaa4', endColorstr='#cdeb8b',GradientType=0 ); /* IE6-9 */
;font-size: 11px;font-family: tahoma;color: #557A26;text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.24);padding: 15px 10px;border: 0;border-radius: 3px;}
.messagetitle {
font-size: 15px;
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.41);
}
.redmessage{background: rgb(255,140,130); /* Old browsers */
background: -moz1-linear-gradient(top, rgba(255,140,130,1) 0%, rgba(242,141,123,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,140,130,1)), color-stop(100%,rgba(242,141,123,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,140,130,1) 0%,rgba(242,141,123,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,140,130,1) 0%,rgba(242,141,123,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,140,130,1) 0%,rgba(242,141,123,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,140,130,1) 0%,rgba(242,141,123,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8c82', endColorstr='#f28d7b',GradientType=0 ); /* IE6-9 */
font-size: 11px;font-family: tahoma;color: #961B1B;text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.24);padding: 15px 10px;border: 1px solid #D57070;border-radius: 3px;}
table tbody tr:last-child td {}
.tborder tr:first-child td {}
.tborder tr:first-child .tfoot {border-top: 1px solid #050505;}
.footernav {
background: rgba(0, 0, 0, 0.56);
height: 40px;
border: 1px solid #333333;
border-radius: 0;
position: relative;
margin: 0px -10px -10px -10px;
border-right: 0;
border-left: 0;
border-bottom: 1px solid #000;
}
#footer {
width: 100% !important;
height: 30px !important;
position: absolute !important;
padding: 0 !important;
margin: 0 !important;
height: 50px !important;
bottom: -60px !important;
left: 0px !important;
}
ul.footermenu {
margin: 0;
padding: 0;
list-style-type: none;
float: left;
position: relative;
left: 10px;
font-weight: normal;
}
ul.footermenu li {
float: left;
font-size: 11px;
padding: 0px;
margin: 0;
}
ul.footermenu li a {
height: 40px;
line-height: 40px;
display: inline-block;
margin: 0;
padding: 0px 10px;
border-left: 1px solid #222;
}
ul.footermenu li:last-child {border-right:0;}
ul.footermenu li a:hover {}
.fmtitle {
float: left;
font-size: 14px;
font-weight: bold;
color: #565656;
text-shadow: 1px 1px 1px rgb(0, 0, 0);
margin-top: 10px;
margin-left: 10px;
}
.mybblink {
}
.toplink {
z-index: 3;
background: url(images/audentio/neonglow/top.png);
width: 41px;
height: 41px;
top: 0px;
left: 39%;
display: inline-block;
opacity: 0.7;
-webkit-transition:0.3s;
transition:0.3s;
-o-transition:0.3s;
-ms-transition:0.3s;
-moz-transition:0.3s;
position: relative;
}
.toplink:hover {opacity:1;}
.copyrightlink{
position: absolute;
top: 13px;
right: 10px;
text-transform: uppercase;
font-weight: bold;
font-size: 11px;
}
.postcountgrid {
text-align: right;
font-weight: bolder;
font-size: 12px;
}
.lastpostgrid, .lastpostgrid div{
text-align: left !important;
width: 15%;
transition:0.3s;
-o-transition:0.3s;
-ms-transition:0.3s;
-moz-transition:0.3s;
-webkit-transition: 0.3s;
}
.posttime {
color: #989898;
text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1);
}
.orangeprefix,.redprefix,.blueprefix,.greenprefix{
color: black !important;
text-shadow: none !important;
height: 18px !important;
line-height: 18px !important;
padding: 0px 4px !important;
border-radius:2px !important;
top: 9px !important;
position: relative !important;
margin-right: 5px !important;
float: left !important;
font-size: 11px !important;
}
.greenprefix {
background: #A7CC4A !important;
}
.redprefix {
background: #CC544A !important;}
.orangeprefix {
background: #EB8F2B !important;}
.blueprefix {
background: #54A4E2 !important;}
.indexspacefix {
margin-top: -18px;
}
.nav_rightlinks {
margin-right: 10px;
color: #818181 !important;
font-weight: bold;
font-size: 11px !important;
font-family: arial;
}
.tborder_2 tr:hover td {-webkit-transition:0.3s;
transition:0.3s;
-o-transition:0.3s;
-ms-transition:0.3s;
-moz-transition:0.3s;}
.author {color:#999}
.userbrowsing a {color:white;font-weight:bold;}
.userpanel {
position: absolute;
z-index: 3;
right: 0px;
top: 26px;
display: none;
}
.user_logout_link {
display: inline-block;
background: #383838 url(images/audentio/neonglow/highlight.png) repeat-x 0px -1px;
padding: 4px 8px;
color: white !important;
font-family: arial,tahoma;
font-size: 11px;
border: 1px solid #333;
border-radius: 2px;
box-shadow: inset 0px 0px 1px rgba(255, 255, 255, 0.31);
margin-right: 10px;
position: relative;
top: -3px;
}
.user_logout_link:hover {
background-color: #1D1D1D;
}
.user_panel_link {
display: inline-block;
background: #313131;
padding: 6px 8px;
color: white !important;
font-family: arial,tahoma;
font-size: 11px;
border-radius: 2px 2px 3px 3px;
margin-right: 10px;
position: relative;
top: -3px;
background: rgba(12, 12, 12, 0.65);
border: 1px solid rgba(0, 0, 0, 0.41);
box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.59);
border-bottom: 1px solid rgba(255, 255, 255, 0.21);
}
.user_panel_link:hover {background-color: #1a1a1a;}
.pms_unread_no {background: #646464 !important;}
.user_panel_box {display:none;position: absolute;background: #FFF;top: 18px;width: 240px;height: 79px;border-radius: 0 3px 3px 3px;box-shadow: 0px 3px 10px #333;z-index: 5;border: 6px solid white;padding: 2px;left: 0px;}
.user_panel_link {cursor:pointer;}
.user_panel_wrapper {position:relative;}
.user_panel_link_active {
background: white;
border: 1px solid white;
color: #555 !important;
border-radius: 3px 3px 0 0;
z-index: 8;
box-shadow: none;
}
.user_panel_link_active:hover {background-color:white;}
.dropdown_icon {background:url(images/audentio/neonglow/dropdown_arrow.png);height: 5px;width: 8px;display: inline-block;}
.dropdown_icon_active {background:url(images/audentio/neonglow/dropdown_arrow.png);background-position-x: 9px;background-position-y: 0px;}
.usercpmenu_leftblock {
width: 40%;
padding-right: 10px;
}
.usercpmenu_rightblock {
width: 49%;
border-left: 1px solid #ccc;
padding-left: 10px;
}
.usercpmenu_leftblock a, .usercpmenu_rightblock a{
display: block;
padding: 2px 5px;
color: #555;
font-size: 11px;
-webkit-transition:0.2s;
transition:0.2s;
-o-transition:0.2s;
-ms-transition:0.2s;
-moz-transition:0.2s;
}
.usercpmenu_leftblock a:hover,.usercpmenu_rightblock a:hover {
text-indent:10px;
}
.thead .button {box-shadow:none;background-color: #ccc;color: #3D4D52;}
.thead input.textbox {border: 1px solid #242424;}
.loginlink {
color: white !important;
font-size: 12px;
margin-right: 5px;
}
.registerlink {display: inline-block;
background: #A5CA44 url(images/audentio/neonglow/highlight.png) repeat-x 0px -1px;
padding: 4px 8px;
color: white !important;
font-family: arial,tahoma;
font-size: 12px;
border: 1px solid #6B8545;
border-radius: 3px;
box-shadow: inset 0px 0px 1px rgba(255, 255, 255, 0.31);
-webkit-transition:0.3s;
transition:0.3s;
-o-transition:0.3s;
-ms-transition:0.3s;
-moz-transition:0.3s;
margin-right: 10px;
position: relative;text-shadow: 1px 1px 1px #94A077;}
.registerlink:hover {background-color: #73BEDB;border: 1px solid #26748D;}
.statusinfo a {color:#6C772F;font-weight:bold;}
.statusinfo {background: #D9E697;
border: 1px solid #B8C77B;
padding: 2px;
font-size: 11px;
border-radius: 3px;
margin-left: 4px;
color: #6C772F;}
.49 {width:49%;}
.userprofile_table .tcat {border-top: 1px solid #464646 !important;}
.userprofile_table .tborder {border-radius:0px;border: 1px solid #1F1F1F;border-top: 0;}
.userprofile_table .thead {background: #272727 url(images/audentio/neonglow/highlight_3.png) repeat-x 0px -1px;
color: #FFF;
font-size: 11px;
padding: 10px;border-radius: 0px; height: 15px; line-height: 15px; border: none; border-bottom: 1px solid #3A3A3A !important;border-right: 0 !important;border-left: 0 !important;box-shadow: none;border-top: 1px solid #505050;}
/* TipTip CSS -Version 1.2 */
#tiptip_holder {
display:none;
position: absolute;
top: 0;
left: 0;
z-index: 99999;
}
#tiptip_holder.tip_top {
padding-bottom: 5px;
}
#tiptip_holder.tip_bottom {
padding-top: 5px;
}
#tiptip_holder.tip_right {
padding-left: 5px;
}
#tiptip_holder.tip_left {
padding-right: 5px;
}
#tiptip_content {
font-size: 11px;
color: #fff;
text-shadow: 0 0 2px rgb(54, 54, 54);
padding: 4px 8px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: #666;background: rgba(0, 0, 0, 0.58);
background: -moz1-linear-gradient(top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.9) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.85)), color-stop(100%,rgba(0,0,0,0.9))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.85) 0%,rgba(0,0,0,0.9) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0.85) 0%,rgba(0,0,0,0.9) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0.85) 0%,rgba(0,0,0,0.9) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0,0,0,0.85) 0%,rgba(0,0,0,0.9) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9000000', endColorstr='#e6000000',GradientType=0 ); /* IE6-9 */
}
#tiptip_arrow,#tiptip_arrow_inner {
position: absolute;
border-color: transparent;
border-style: solid;
border-width: 5px;
height: 0;
width: 0;
}
#tiptip_holder.tip_top #tiptip_arrow {
border-top-color: #fff;
border-top-color: rgba(255,255,255,0.35);
}
#tiptip_holder.tip_bottom #tiptip_arrow {
border-bottom-color: #fff;
border-bottom-color: rgba(255,255,255,0.35);
}
#tiptip_holder.tip_right #tiptip_arrow {
border-right-color: #fff;
border-right-color: rgba(255,255,255,0.35);
}
#tiptip_holder.tip_left #tiptip_arrow {
border-left-color: #fff;
border-left-color: rgba(255,255,255,0.35);
}
#tiptip_holder.tip_top #tiptip_arrow_inner {
margin-top: -5px;
margin-left: -5px;
border-top-color: #0E0E0E;
border-top-color: rgba(0, 0, 0, 0.9);
}
#tiptip_holder.tip_bottom #tiptip_arrow_inner {
margin-top: -5px;
margin-left: -6px;
border-bottom-color: rgb(25,25,25);
border-bottom-color: rgba(25,25,25,0.92);
}
#tiptip_holder.tip_right #tiptip_arrow_inner {
margin-top: -6px;
margin-left: -5px;
border-right-color: rgb(25,25,25);
border-right-color: rgba(25,25,25,0.92);
}
#tiptip_holder.tip_left #tiptip_arrow_inner {
margin-top: -6px;
margin-left: -7px;
border-left-color: rgb(25,25,25);
border-left-color: rgba(25,25,25,0.92);
}
.boxyyy {width:100%;}
.userprofile_statsbutton a{color: white !important;}
.userprofile_statsbutton span {z-index:2;position: absolute;top: 1px;width: 100%;}
.userprofile_statsbutton img {
position: absolute;
z-index:1;
right: 20px;
top: 14px;
transition:0.3s;
-o-transition:0.3s;
-ms-transition:0.3s;
-moz-transition:0.3s;
-webkit-transition: 0.3s;
}.userprofile_statsbutton:hover {
cursor: pointer;
background-color: #ACACAC;
border: 0;
}
.userprofile_statsbutton:hover img {right:40px;}
.userprofile_statsbutton {
display: inline-block;
background: url(images/audentio/neonglow/highlight.png) repeat-x top;
width: 100%;
margin-bottom: 10px;
border-radius: 3px;
text-indent: 15%;
vertical-align: middle;
height: 60px;
line-height: 60px;
color: white !important;
position: relative;
transition:0.3s;
-o-transition:0.3s;
-ms-transition:0.3s;
-moz-transition:0.3s;
-webkit-transition: 0.3s;
font-size: 11px;
font-weight: bold;
text-shadow: 0 -1px 0 #AAA;
}
.userprofile_reputation {background-color: #98C554;border: 0;}
.userprofile_referrals {
background-color: #9BC9DF;
border: 0;
}
.userprofile_warninglevel {
background-color: #EBA874;
border: 0;
}
.horizontalpb .postbit_replevel {
margin-left: 2px;
}
.horizontalpb .postbit_warninglevel {
margin-left: 2px;
}
.post_content hr {background-color:#888}
.wollink a {line-height: 36px;}
/* login box */
#mask {
position: fixed;
top:0px;
left:0px;
z-index: 9000;
background:url(images/audentio/neonglow/contentbg.png);
display: none;
}
#boxes .window {
position: absolute;
width: 600px;
height: 220px;
display: none;
z-index: 9999;
padding: 10px;
}
.loginbox_content {
background: #141414;
height: 100%;
width: 100%;
}
.loginbox_content label {
font-size: 13px;
font-weight: bold;
color: #FFF;
}
.loginbox_head {
background: rgb(49, 49, 49) url(images/audentio/neonglow/highlight_3.png) repeat-x 0 0;
display: inline-block;
height: 35px;
vertical-align: middle;
line-height: 35px;
border-bottom: 1px solid #505050;
width: 100%;
color: #000;
text-shadow: 0px 1px 0px white;
}
.loginbox_head strong {
float: left;
margin-left: 10px;
font-size: 14px;
color: rgb(240, 240, 240);
text-shadow: 0px 1px 0px black;
text-transform: uppercase;
font-weight: bold !important;
font-family: arial;
}
.loginbox_head span {
float: right;
color: white;
margin-right: 10px;
}
.loginbox_head span a {
color: #fff;
background: rgb(26, 26, 26);
width: 16px;
display: inline-block;
height: 16px;
line-height: 14px;
text-align: center;
border: 1px solid #414141;
-webkit-border-radius: 4px;
border-radius: 2px;
font-weight: bolder;
position: relative;
top: 8px;
outline: none;
text-shadow: none;
}
.loginbox_head span a:hover {
color: white;
background: #0C0C0C;
}
#loginbox input[type="text"]:focus,#loginbutton_menu input[type="password"]:focus,#quick_login_password:focus {
background: white;
border: 1px solid #FFF;
}
#loginbox input[type="text"],#loginbutton_menu input[type="password"],#quick_login_password {
border: 1px solid #000;
font-size: 13px;
margin: 0 0 5px;
background: #F9F9F9;
padding: 5px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s;
margin-top: 5px;
width: 260px;
-webkit-box-shadow: inset 0px 2px 5px #f0f0f0;
box-shadow: inset 0px 2px 5px #f0f0f0;
outline: none;
}
.loginbox_submit {
padding-left: 16px;
position: relative;
top: 72px;
left: -273px;
}
.loginbox_submit input {position: relative;}
.loginbox_submit label {position: absolute;
margin-left: 5px;
top: 0px;}
.loginbox_submit_button {
float: right;
margin-top: -20px;
margin-right: 16px;
}
.loginbox_submit_button input {
background: #777 url(images/audentio/neonglow/highlight.png) repeat-x;
color: white;
padding: 10px 50px;
border: 0;
cursor:pointer;
-webkit-border-radius: 2px;
border-radius: 2px;
box-shadow: inset 0px 0px 1px #CCC;
-moz-transition: 0.5s,box-shadow 0s;
-o-transition: 0.5s,box-shadow 0s;
-ms-transition: 0.5s,box-shadow 0s;
transition: 0.5s,box-shadow 0s;
color: rgb(26, 26, 26);
text-transform: uppercase;
font-size: 11px;
letter-spacing: 0px;
font-weight: bold;
text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.25);
}
.loginbox_submit_button input:hover {
background: #555 url(images/audentio/neonglow/highlight.png) repeat-x;
}
.loginbox_submit_button input:active {
-webkit-box-shadow: inset 1px 1px 9px #111 !important;
box-shadow: inset 1px 1px 9px #111 !important;
}
.loginbox_username {
width: 250px;
float: left;
margin-top: 10px;
padding: 10px 20px;
}
.loginbox_password {
float: right;
width: 250px;
margin-top: 10px;
padding: 10px 40px 10px 0px;
}
#boxes #loginbox {
width: 600px;
height: 180px;
position: fixed;
background: url(images/audentio/neonglow/trans.png) repeat;
-webkit-border-radius: 5px;
-moz1-border-radius: 5px;
border-radius: 5px;
top: 50% !important;
margin: auto;
left: 50% !important;
margin-top:-200px !important;
margin-left:-300px !important;
}
.forgot a {font-size: 11px;
color: #666;
top: 2px;
position: relative;
right: -25px;
width: 120px;
display: inline-block;}
#container .menu li.active a {background: url(images/audentio/neonglow/menuactivebg.png);
border-radius: 5px;
box-shadow:0px 0px 1px rgba(255, 255, 255, 0.25),inset 0px 0px 10px black,0px 1px 0px rgba(255, 255, 255, 0.28);
color: #4fa7bc;
text-decoration: none;
text-shadow: 0px 0px 10px #24B89E;padding: 10px 15px;}
.graymessage {
;font-size: 11px;font-family: tahoma;
color: #606160;text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.24);padding: 15px 10px;
border: 1px solid #B9B9B9;border-radius: 3px;background: rgb(238,238,238); /* Old browsers */ background: -moz1-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */;
}
.subforumicon {margin:0px !important;}
.forumdisplay_thread_multipage a,.forumdisplay_thread_multipagelast a{color: #272727;
padding: 3px 5px;
border-radius: 2px;
margin-right: 2px;
background: #B3B3B3 url(images/audentio/neonglow/highlight_3.png) repeat-x 0px -1px;
border: none;font-size: 10px;}
.forumdisplay_thread_multipage a:hover,.forumdisplay_thread_multipagelast a:hover {
background-color: rgb(240, 240, 240);
text-decoration: none;}
.warn_user_link {top: 13px !important;
left: -1px;}
.forumdisplay_thread_multipagelast a {
background-color: #84A5AF !important;
color: white;
text-shadow: none;
border: none;
}
.forumdisplay_thread_multipagelast a:hover {
background-color: #729099 !important;
}
.bar2 {margin-top: 15px;
margin-bottom: -8px;}
.searchbox img{position:relative;top:3px}
.searchbox input.textbox {background: white url(images/audentio/neonglow/searchbg.png) no-repeat 2px 4px;
width: 150px;
box-shadow: none;
margin-top: -1px;
-webkit-transition: 0.4s;transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
-moz-transition: 0.4s;
border: 1px solid dimGray;
padding: 6px;
border-radius: 3px;
color: #555;padding-left: 25px;}
.searchbox input.textbox:hover {box-shadow:none}
.searchbox input.textbox:focus {width:200px;}
.trow_selected td a{color:#333 !important;}
.expcol_open {display:none;}
.nospacings {margin:0;padding:0;}
.tfoot select,.tfoot input.textbox,.tcat select,.tcat input.textbox {border: 1px solid #161616;background: #080908;}
.forumtitle_d2 {
position: relative;
}
.forumtitle_d2 a{}
.forumdesc_d2 {
font-size:11px;
color:#666;
}
.breadcrumbs {
background:url(images/audentio/neonglow/bread_bg.png);
list-style-type: none;
display: block;
height: 37px;
line-height: 37px;
padding: 0;
margin: 0;
border: 1px solid #111;border-bottom: 1px solid #2A3130;
border-radius: 3px 3px 0 0;
}
.breadcrumbs li {
float: left;
padding: 0;
margin: 0;
}
.breadcrumbs li:first-child a {background: none;
padding-left: 9px;}
.breadcrumbs li:first-child a span{padding-left: 14px;}
.breadcrumbs li a{
background: url(images/audentio/neonglow/bc.png) no-repeat 0 0;
color: white;
font-size: 11px;
font-family: arial;
padding-left: 12px;
margin-left: -9px;
display: block;
outline: none;
text-decoration: none;
background-position:0px 0px;
}
.breadcrumbs li a span{
background: url(images/audentio/neonglow/bc.png) no-repeat 100% 0px;
display: block;
padding-right: 17px;
padding-left: 4px;
background-position:100% 0px;
}
.breadcrumbs li:hover {
}
.breadcrumbs li a:hover{
background-position:0px -43px;
}
.breadcrumbs li a:hover span{
background-position:100% -43px;
}
.breadcrumbs li:active {
}
.breadcrumbs li a:active{
background-position:0px -86px;
}
.breadcrumbs li a:active span{
background-position:100% -86px;
}
.bcfirst {
}
.bchome img {
position: relative;
top: 9px;
left: -1px;
}
.bchome {
text-indent: 0px !important;
height: 37px;
background-position:100% -86px !important;
}
#posts table:first-child tr:first-child .tcat {border-top:1px solid #111 !important;}
.tcat {
background: #2B2B2B url(images/audentio/neonglow/highlight_3.png) repeat-x 0px -1px;
color: #C7C7C7;
font-size: 11px;
padding: 10px;
background: rgba(0, 0, 0, 0.6) url(images/audentio/neonglow/highlight_3.png) repeat-x 0px -1px;
border-top: 1px solid rgb(56, 56, 56);
background-color: #2B2B2B;
background-color: rgba(0, 0, 0, 0.75);
border-bottom: 1px solid #333333;
}
#posts .tcat {
background-color: #2B2B2B;
background-color: rgba(0, 0, 0, 0.77);
border-top: 1px solid #464646;
}
.trow_selected td {
background-color: #486c34 !important;
border-top: 1px solid #486c34 !important;
border-bottom: 1px solid #030303 !important;
border-bottom: 0;
color: #FFF;
}
.trow_selected td .smalltext {
color: #FFF !important;
}
.trow_selected td a {color: #b5eb97 !important}
.post_signature {
border-top: 1px solid #222222;
margin: 0px -11px;
padding: 10px;
color:#aaa;font-size:11px;
}
.post_buttons {padding: 8px !important;border-top: 1px solid #222;display:none;}
table:hover .post_buttons {display:table-cell;}
.p_classic_table .post_signature {margin: 0px -15px;
padding: 10px 20px;}
.index_forums {
width: 79%;
padding-left: 2px;
}
.index_sidebar {
width: 20%;
float: right;
padding-right: 2px;
}
.sidebox_close{background: url(images/audentio/neonglow/close_small.png) no-repeat;
border: 0;
width: 25px;
height: 20px;
outline:none;
margin-top: 5px;
cursor: pointer;}
.sidebox_open{background: url(images/audentio/neonglow/open_small.png) no-repeat !important;
border: 0;
outline:none;
width: 25px;
height: 20px;
margin-top: 6px;
cursor: pointer;}
.sidebar_box_header {
background:url(images/audentio/neonglow/highlight_3.png) repeat-x 0px -1px;
background-color: #161A1A;
background-color: rgba(32, 37, 37, 0.57);
display: block;
height: 33px;
cursor:move;
margin: -10px -10px 0px -10px !important;
line-height: 33px;
border-bottom: 1px solid #292929;
color: white;
text-indent: 9px;
padding: 0;
font-weight: bold;
font-size: 11px;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.99);
top: 0px !important;
position: relative;
}
.sidebar_box_header span {display: block;
height: 34px;
cursor: default;}
.sidebar_box_content {
margin-top: 5px !important;
border-top: 0;
font-size:11px;
color: #AAA;
}
.sortable {margin-top:-10px !important;}
.sidebar_box {padding: 10px !important; background: #101111;
background: rgba(0, 0, 0, 0.51);
border: 1px solid #303030;position: relative;top: 10px !important;margin: 0px !important;}
.pml1 {
color: rgb(143, 168, 162) !important;
}
.pml2{
color: #78C5DD !important;
}
.sortable li.ui-state-default {padding-bottom: 10px !important;display: block;margin: 0px !important;}
.sortable li:last-child {margin-bottom:10px !important;}
.ui-sortable-placeholder {padding: 10px !important;
background: #101111;
border: 1px solid #303030;
position: relative;
top: 5px !important;
bottom: 5px !important;
margin: 0px !important;margin-bottom:10px !important;visibility:visible !important;height:50px !important;}
.ui-sortable-placeholder * { visibility: hidden; }
.poweredby, .poweredby a {
color: black;
font-size: 12px;
font-weight: bold;
}
.copyright {
color: #000;
font-weight: bold;
font-size: 12px;
}
td .greenprefix,td .orangeprefix,td .blueprefix,td .redprefix {margin-top: -9px;padding: 0px 5px !important;height: 16px !important;font-size: 10px !important;line-height: 16px !important;}
.sidebar_collapse {display: block;
width: 30px;
height: 23px;
background: url(images/audentio/neonglow/sidebar_collapse.png);
position: relative;
top: 5px;
right: 5px;
cursor: pointer;display:none;}
.sidebar_expand {display: block;
width: 30px;
height: 23px;
background: url(images/audentio/neonglow/sidebar_expand.png);
position: relative;
top: 5px;
right: 5px;
cursor: pointer;display:none;}
.postcontent fieldset, #posts fieldset{border: 1px solid #202020;
margin-bottom: 10px;
background: rgba(0, 0, 0, 0.36);}
.redrep {background: #DF3737 url(images/dazzle/highlight.png) repeat-x top;
border: 0;text-shadow:none}
.redrep strong{text-shadow:none;color:white;}
.redrep a {
background: #DF3737 url(images/dazzle/highlight.png) repeat-x top;
border: 0;
}
.redrep a:hover {
background-color: rgb(194, 37, 37);
}
.redrep a strong {color:white;}
And my Index page is as below.
<html>
<head>
<title>{$mybb->settings['bbname']}</title>
{$headerinclude}
<script type="text/javascript">
<!--
lang.no_new_posts = "{$lang->no_new_posts}";
lang.click_mark_read = "{$lang->click_mark_read}";
// -->
</script>
</head>
<body>
{$header}
<div class="index_forums left" id="index_forums">
<!-- put your notices below -->
<!-- <div class="greenmessage">
<span class="messagetitle">Example Notice</span><br />
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
</div>
<br /> //-->
{$forums}
</div>
<div class="index_sidebar left">
<style>.sortable { list-style-type: none; margin: 0; padding: 0;}</style>
<ul class="sortable" id="sidebar_boxes">
<!-- ADD YOUR BOXES HERE -->
<li class="ui-state-default" id="box1">
<div class="sidebar_box">
<div class="sidebar_box_header">
<span class="left">Sample Advertisement</span>
<button class="sidebox_close right"></button>
</div>
<div class="sidebar_box_content">
<a href="http://www.audentio.com/shop/MyBB" title="MyBB Themes" target="_blank"><img src="http://www.audentio.com/media/mybb/premium_mybb_themes-180x200.jpg" alt="Amazing MyBB Themes" /></a>
</div>
</li>
<li class="ui-state-default" id="box2">
<div class="sidebar_box">
<div class="sidebar_box_header">
<span class="left">Sidebox title</span>
<button class="sidebox_close right"></button>
</div>
<div class="sidebar_box_content">
Example content. Example content. Example content. Example content. Example content. Example content. Example content. Example content.
</div>
</div>
</li>
<li class="ui-state-default" id="box3">
<div class="sidebar_box">
<div class="sidebar_box_header">
<span class="left">Sidebox title</span>
<button class="sidebox_close right"></button>
</div>
<div class="sidebar_box_content">
Example content. Example content. Example content. Example content. Example content. Example content. Example content.
</div>
</div>
</li>
</ul>
</div>
<br class="clear">
{$boardstats}
{$footer}
<script>
jQuery.noConflict();jQuery(document).ready(function(){jQuery('.sidebar_collapse').show();jQuery('.sidebar_expand').show();});
</script>
</body>
</html>
Can anyone help me?
