Current date/time is Thu Aug 22, 2019 5:53 pm

Search found 5 matches for page-body

How do I center my footer?

How do I center my footer?

In the CSS, I changed width and the #wrap and #page-body so my forum pages can adjust automatically if the user has a bookmark sidebar on their browser. Wecoc solved this problem. See https://help.forumotion.com/t155525-site-pages-too-wide-need-to-fit-any-browser-when-bookmark-sidebar-used-by-users

Even before I made this change, I couldn't get my footer centered - I tweaked the footerbar width a lot but never got it completely centered. This is how the code looks:

Code:
.footerbar {
         
          background-image: url("https://i62.servimg.com/u/f62/19/89/15/20/footer15.png");
        background-repeat:no-repeat;
    width: 240px;
    height: 290px;
    margin: auto;
    overflow: hidden;
    margin-bottom: -120px;
    padding: 10px;



So I tried width: auto, and I tried width: center. Neither worked. What's the magic code?

Thanks.
by PoodleyPie
on Fri Apr 20, 2018 4:06 pm
 
Search in: Scripts Problems Archives
Topic: How do I center my footer?
Replies: 7
Views: 337

Name glow script problems

* {
margin: 0px;
padding: 0px;
}
html {
font-size: 100%;
height: 100%;
}
* html {
scrollbar-face-color: #;
scrollbar-highlight-color: #;
scrollbar-shadow-color: #;
scrollbar-3dlight-color: #;
scrollbar-arrow-color: #;
scrollbar-track-color: #;
scrollbar-darkshadow-color: #;
}
*+ html {
scrollbar-face-color: #;
scrollbar-highlight-color: #;
scrollbar-shadow-color: #;
scrollbar-3dlight-color: #;
scrollbar-arrow-color: #;
scrollbar-track-color: #;
scrollbar-darkshadow-color: #;
}

/* Begin CSS for print media */
@media print {
* {
background-image: none;
background-color: #fff;
color: #000;
}
body {
padding: 0;
margin: 0;
font-size: 10pt;
}
body#phpbb div#wrap {
width: 85%;
margin: 0;
}
span.corners-top,span.corners-bottom {
display: none;
}

/* Header */
#wrap #logo-desc p,#wrap #logo-desc img,div#page-header div.navbar,div#page-header div.navbar ul.linklist {
display: none !important;
}
#wrap div.headerbar {
margin: 0;
border-bottom: 1px solid #ccc;
}
#wrap div#page-body h2 {
font-weight: bolder;
border-bottom: 1px solid #ccc;
margin-bottom: 1em;
}

/* Posts */
#wrap div#page-body div.topic-actions,#wrap div#page-body .pagination,#wrap div#page-body .left-box,#wrap div.postbody ul.profile-icons,#wrap div.postbody img,#wrap dl.postprofile,#wrap div.post .right,#wrap div.postbody div.signature {
float: none;
display: none !important;
}
#wrap dl.postprofile {
float: none;
}
#wrap div.postbody .online {
background-image: none;
}
#wrap div.postbody {
width: auto;
}
#wrap div.postbody h3 {
font-size: 10pt;
}
#wrap div.postbody p.author {
width: 100%;
border-bottom: 1px dashed #ccc;
}
#wrap div#page-body div.post {
padding: 0 0 2em 0;
border-top: 3px double #ccc;
}
div.postbody {
width: 100%;
float: none;
}
#wrap div#page-body div.post .content {
overflow: visible;
}

/* Footer */
div.noprint {
display: none;
}
#wrap div#page-footer,#wrap div#page-footer ul.linklist {
display: none;
}
}

/* End CSS for print media */
#min-width {
min-width: 750px;
}
body {
font-family: Verdana,Arial,Helvetica,sans-serif;
color: #5c758c;
background-color: #1a1a1a;
background-image: url(\'http://fc04.deviantart.net/images/i/2002/26/9/1/Misconstrue_-_Image_1.jpg\');
background-attachment: fixed;
font-size: 10px;
height: auto;
padding: 10px 0px;
filter:alpha(opacity=90);
/* CSS3 standard */
opacity:0.9;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
* html .conteneur_minwidth_IE {

/* Hack IE min-width */
padding-left: 1266px;
}
* html .conteneur_container_IE {

/* Hack IE min-width */
margin-left: -1266px;
position: relative;
}
* html .conteneur_minwidth_IE, * html .conteneur_container_IE, * html .conteneur_layout_IE {

/* Hack IE min-width */
height: 1px;
}
#wrap {
width: 70%;
margin: 0px auto;
background-color: #1a1a1a;
border: 1px solid #1a1a1a;
padding: 5px;
min-width: 1134px;

-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
#simple-wrap {
padding: 6px 10px;
}

/* **************************************************************************Most stable Standards-compliant 3-column layout by Ryan Brillhttp://www.alistapart.com/articles/negativemargins
/************************************************************************** */
#content-container div#container {
width: 100%;
float: left;
margin-right: -183px;
}
#content-container div#content {
margin-right: 183px;
}
#content-container div#main {
margin-bottom: 1em;
overflow: hidden;

/* Fixes 3-column negative margins float clearing bug: http://archivist.incutio.com/viewlist/css-discuss/97678 Thanks Georg! */
}
*+ html #content-container div#main {
margin-left: 183px;
}
#content-container div#left {
width: 180px;
float: left;
margin-right: 3px;
overflow: hidden;
}
#content-container div#right {
width: 180px;
float: right;
overflow: hidden;
}
* html #content-container #main-content {

/* FIX for IE6... For some reason, if we insert comment before this series, the star html hack don\'t work no more... ?? */
overflow: visible;
margin-right: 183px;
}
* html #content-container div#main {

/* FIX for IE6 */
margin-right: -99%;
width: 100%;
float: left;
}
#page-body {
margin: 4px 0;
width: 100%;
}
#page-body p.page-bottom {
margin: 0;
}
#page-footer {
clear: both;
}
#page-footer h3 {
margin-top: 20px;
}
#page-footer .linklist strong {
font-weight: normal;
}

/* Tags-------------------------------------------------*/
h1.page-title {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-weight: normal;
color: #368ad2;
font-size: 2em;
margin: 0.8em 0 0.2em 0;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
h1.gallery-title {
display: inline;
font-size: 11px;
text-align: center;
font-weight: bold;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
h2 {

/* Keeping old styles for h2 for legacy */
font-family: Verdana,Arial,Helvetica,sans-serif;
font-weight: normal;
color: #368ad2;
font-size: 2em;
margin: 0.8em 0 0.2em 0;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
h1.solo {
margin-bottom: 1em;
}
h3, .h3 {
font-family: Verdana,Arial,Helvetica,sans-serif;
text-transform: uppercase;
border-bottom: 1px solid #;
margin-bottom: 3px;
padding-bottom: 2px;
font-size: 1.05em;
color: #;
margin-top: 20px;
}
.h3 {
font-weight: bold;
}
.module .h3,.postbody .h3,.introduction .h3 {
margin-top: 8px;
}
.table-title, .table-title h2 {
display: inline;
font-size: 1em;
color: #fcfcfc;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
input {
font-weight: normal;
cursor: pointer;
vertical-align: middle;
padding: 0 3px;
font-size: 1em;
font-family: Verdana,Arial,Helvetica,sans-serif;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
select {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-weight: normal;
cursor: pointer;
vertical-align: middle;
border: 1px solid #368ad2;
padding: 1px;
background-color: #b8b8b8;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
option {
padding-right: 1em;
}
textarea {
font-family: Verdana,Arial,Helvetica,sans-serif;
width: 60%;
padding: 2px;
font-size: 1em;
line-height: 1.4em;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
p {
line-height: 1.3em;
font-size: 1.1em;
margin-bottom: 0.5em;
}
p.right {
text-align: right;
}
p.right img {
vertical-align: middle;
}
p.center {
text-align: center;
margin: 0px;
}
p.author {
margin: 0 15em 0.6em 0;
padding: 0 0 5px 0;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 1em;
line-height: 1.2em;
}
p.nomargin {
line-height: 1.3em;
font-size: 1.1em;
margin-bottom: 0em;
}
p.path {
margin-left: 10px;
clear: left;
}
fieldset {
border-width: 0;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 1.1em;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
fieldset.jumpbox {
text-align: right;
margin-top: 15px;
height: 2.5em;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
fieldset.quickmod {
width: 50%;
float: right;
text-align: right;
height: 2.5em;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
label {
cursor: default;
padding-right: 5px;
color: #5c758c;
}
label input {
vertical-align: middle;
}
label img {
vertical-align: middle;
}
hr {
border: 0 none transparent;
border-top: 1px solid transparent;
height: 1px;
margin: 5px 0;
display: block;
clear: both;
}
hr.dashed {
border-top: 1px dashed transparent;
margin: 5px 0;
}
img {
border-width: 0;
}
blockquote {
margin: 1em 1px 1em 25px;
padding: 5px;
background: #b8b8b8 url("https://illiweb.com/fa/prosilver/quote.gif") 6px 8px no-repeat;
border: 1px solid #DBDBCE;
font-size: 0.95em;
margin: 1em 1px 1em 25px;
overflow: hidden;
}
blockquote div {
margin-left: 20px;
}
blockquote blockquote {
background-color: #EFEED9;
font-size: 1em;
margin: 0.5em 1px 0pt 15px;
}
blockquote blockquote blockquote {
background-color: #b8b8b8;
}
blockquote cite {
font-style: normal;
font-weight: bold;
display: block;
font-size: 0.9em;
}
blockquote cite cite {
font-size: 1em;
}
blockquote.uncited {
padding-top: 25px;
}
ul {
list-style-type: none;
}
ul.ul-icons {
float: left;
margin: 0 10px;
}
* html table, * html select, * html input {
font-size: 100%;
}
* html hr {
margin: 0;
}

/* Links-----------------------------------------------------*/
a:link{
color: #368ad2;
text-decoration: none;
}
a:visited{
color: #368ad2;
text-decoration: none;
}
a:active{
color: #368ad2;
text-decoration: underline;
}
a:hover{
color: #5c758c;
text-decoration: none;
}
a.forumtitle {
color: #368ad2;
font-family: Arial,Helvetica,sans-serif;
font-size: 1.2em;
font-weight: bold;
text-decoration: none;
}
a.forumtitle:hover {
color: #5c758c;
text-decoration: underline;
}
a.forumtitle:active {
color: #368ad2;
}
a.topictitle {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 1.1em;
font-weight: bold;
color: #368ad2;
text-decoration: none;
}
div.topic-title-container {
display: inline;
}
.topic-title {
display: inline;
font-size: 12px;
text-align: left;
}
.topic-title-post {
}
a.topictitle:hover {
color: #5c758c;
text-decoration: underline;
}
a.topictitle:active {
color: #368ad2;
}

/* Input------------------------------------------------------*/
.inputbox {
background-color: #b8b8b8;
border: 1px solid #BCBCBC;
color: #5c758c;
padding: 2px;
cursor: text;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
.inputbox:hover {
border: 1px solid #131313;
}
.inputbox:focus {
border: 1px solid #131313;
color: #5c758c;
}
input.inputbox{
width: 85%;
}
input.medium{
width: 50%;
}
input.narrow{
width: 25%;
}
input.tiny{
width: 110px;
}
textarea.inputbox {
width: 85%;
}

/* Input Button Form---------------------------------------------------------*/
input.button1, input.button2, button.button2 {
font-size: 1em;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
a.button1, input.button1 {
font-weight: bold;
border: 1px solid #666666;
}
a.button2, input.button2, button.button2 {
border: 1px solid #BCBCBC;
}
a.button1, input.button1, a.button2, input.button2, button.button2 {
width: auto !important;
padding: 2px 3px;
font-family: Verdana,Arial,Helvetica,sans-serif;
color: #000000;
background-repeat: repeat-x;
background-color: #FAFAFA;
background-image: url(\'https://illiweb.com/fa/prosilver/bg_button.gif\');
background-position: top;
overflow: visible;
}
body:last-child a.button1, input.button1, a.button2, input.button2, button.button2 {

/* Opera does not see this */
padding: 1px 0;
}
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover {
border: 1px solid #5c758c;
color: #5c758c;
background-position: 0 100%;
}
a.button1:link, a.button1:visited, a.button1:active, a.button2:link, a.button2:visited, a.button2:active {
color: #368ad2;
text-decoration: none;
padding: 2px 8px;
line-height: 250%;
vertical-align: text-bottom;
background-position: 0 1px;
}
* html input.button1, * html input.button2, * html button.button2 {
padding-bottom: 0;
margin-bottom: 1px;
}
*+html button.button2 {
height: 24px;
padding-right: 3px;
padding-left: 3px;
}
*+html button.button2 img {
vertical-align: middle;
}
* html button.button2 {
height: 24px;
padding-right: 3px;
padding-left: 3px;
}
* html button.button2 img {
vertical-align: middle;
}

/* Fieldset dl---------------------------------------------------------*/
fieldset dl {
padding: 4px 0;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
fieldset dt {
float: left;
width: 40%;
text-align: left;
display: block;
}
fieldset dd {
margin-left: 41%;
vertical-align: top;
margin-bottom: 3px;
}
fieldset dl:hover dt label {
color: #000000;
}
dt label {
font-weight: bold;
text-align: left;
}
dd label {
white-space: nowrap;
color: #5c758c;
}
dd input, dd textarea {
margin-right: 3px;
}
dd select {
width: auto;
}
dd textarea {
width: 85%;
}

/* Fieldset fields 1 et 2---------------------------------------------*/
fieldset.fields1 dt {
width: 10em;
border-right-width: 0;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
fieldset.fields1 dd {
margin-left: 10em;
border-left-width: 0;
}
fieldset.fields1 {
background-color: transparent;
}
fieldset.fields1 div {
margin-bottom: 3px;
}
fieldset.fields2 dt {
width: 15em;
border-right-width: 0;
}
fieldset.fields2 dd {
margin-left: 16em;
border-left-width: 0;
}
fieldset.fields2 dl:hover dt label {
color: inherit;
}

/* Fieldset submit---------------------------------------------*/
fieldset.submit-buttons {
text-align: center;
vertical-align: middle;
margin: 5px 0;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
fieldset.submit-buttons input {
vertical-align: middle;
padding-top: 3px;
padding-bottom: 3px;
}

/* Fieldset polls---------------------------------------------*/
fieldset.polls {
font-family: Verdana,Arial,Helvetica,sans-serif;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
fieldset.polls dl {
margin-top: 5px;
border-top: 1px solid #e2e2e2;
padding: 5px 0 0 0;
line-height: 120%;
color: #5c758c;
}
fieldset.polls dt {
text-align: left;
float: left;
display: block;
width: 30%;
border-right: none;
padding: 0;
margin: 0;
font-size: 1.1em;
}
fieldset.polls dd {
float: left;
width: 10%;
border-left: none;
padding: 0 5px;
margin-left: 0;
font-size: 1.1em;
}

/* Header-------------------------------------------------*/
.headerbar {
background-color: #;
background-image: url(\'https://illiweb.com/fa/empty.gif\');
margin-bottom: 4px;
padding: 0pt 5px;
background-repeat: repeat-x;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
* html .headerbar {
height: 1%;

/* Hack IE layout */
}
*+ html .headerbar {
min-height: 1px;
}
#logo-desc {
margin: 0px;
padding: 0px;
text-align: center;
}
#logo {
float: none;
padding: 5px;
}
a#logo:hover {
text-decoration: none;
}
#site-title,#site-title h1 {
font-family: ;
color: #;
font-size: 20px;
font-weight: bold;
padding-top: 15px;
}
#site-title h1 {
padding-top: 0;
}
#logo-desc p {
margin: 0px;
padding: 0px;
color: #;
}

/* Menu-------------------------------------------------*/
.navbar {
clear: both;
background-color: #131313;
padding:0px 10px;
background-image: url(\'https://i.servimg.com/u/f30/14/70/09/25/gradie12.png\') ;
background-repeat: repeat-x;
background-position: 0 0;
border: 1px solid #101010;

-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
ul.navlinks {
border-bottom: 1px solid transparent;
font-weight: bold;
text-align: center;
}
ul.borderless {
border-bottom: 0;
}
ul.linklist li {
list-style-type: none;
width: auto;
font-size: 1.1em;
line-height: 2.2em;
display: inline;
}
ul.linklist li a img {
vertical-align: middle;
}
.search-box {
margin-top: 3px;
margin-left: 5px;
float: left;
}
#search-box {
margin-top: 10px;
margin-right: 5px;
float: right;
white-space: nowrap;

/* For Opera */
}
* html #search-box {
margin-right: 35px;
}
#search-box #keywords {
width: 95px;
background-color: #b8b8b8;
}
#search-box input, {
border: 1px solid #BCBCBC;
}
#search-box input.button1 {
padding: 1px 5px;
}
input.search {
background-image: url(\'https://illiweb.com/fa/prosilver/icon_textbox_search.gif\');
background-repeat: no-repeat;
background-position: left 1px;
padding-left: 17px;
}
ul.linklist li.rightside {
float: right;
}
ul.linklist li.footer-home {
float: left;
}
p.rightside {
float: right;
margin-right: 5px;
}

/* Code block------------------------------------------------*/
dl.codebox {
padding: 3px;
background-color: #FFFFFF;
border: 1px solid #C9D2D8;
font-size: 1em;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
dl.codebox dt {
text-transform: uppercase;
border-bottom: 1px solid #CCCCCC;
margin-bottom: 3px;
font-size: 0.8em;
font-weight: bold;
display: block;
}
blockquote dl.codebox {
margin-left: 0;
}
dl.codebox code {
overflow: auto;
display: block;
height: auto;
max-height: 200px;
white-space: normal;
padding-top: 5px;
font: 0.9em Courier,Courier New,sans-serif;
line-height: 1.3em;
color: #2E8B57;
margin: 2px 0;
}

/* Table-------------------------------------------------*/
.forabg {
margin-bottom: 4px;
clear: both;
background-color: #131313;
background-image: url(\'https://i.servimg.com/u/f30/14/70/09/25/gradie12.png\');
background-repeat: repeat-x;
background-position: 0 0;
border: 2px solid #;
padding: 0px 5px;
border: 1px solid #101010;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
* html .forabg {
position: relative;
height: 1%;
}
*+ html .forabg {
min-height: 1px;
}
.forumbg {
background-color: #131313;
background-image: url(\'https://i.servimg.com/u/f30/14/70/09/25/gradie12.png\');
background-repeat: repeat-x;
background-position: 0 0;
border: 2px solid #;
padding: 0px 5px;
margin-bottom: 4px;
clear: both;
border: 1px solid #101010;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
* html .forumbg {
height: 1%;
}
*+ html .forumbg {
min-height: 1px;
}
.forumbg table.table1 {
margin: 0 -2px -1px -1px;
}
ul.topiclist {
list-style-type: none;
margin: 0;
background-image: url("https://illiweb.com/fa/empty.gif");
background-repeat: repeat-x;
color: #5c758c;
}
* html ul.topiclist {
height: 1%;
}
*+ html ul.topiclist {
min-height: 1px;
}
ul.topiclist li {
display: block;
margin: 0;
}
* html ul.topiclist li {
position: relative;
}
ul.topiclist li.row dl {
padding: 2px 0;
}
ul.forums li.row dl {
min-height: 42px;
}
* html ul.forums li.row dl {
height: 42px;
}
ul.topiclist dt,ul.topiclist dd.dterm {
display: block;
float: left;
width: 60%;
font-size: 1.1em;
padding-left: 5px;
padding-right: 5px;
}
ul.topiclist dfn {
display: none;
}
ul.topics li.header dl.icon dt {
padding-right: 50px;
}
ul.topics dt,ul.topics dd.dterm {
padding-left: 45px;
display: block;
float: left;
width: 50%;
}
ul.topics dd {
display: block;
float: left;
}
ul.forums {
background-color: #131313;
background-image: none;
}
li.header dl.icon {
min-height: 0;
}
li.header dl.icon dt {
padding-left: 0;
}
li.header dt {
font-weight: bold;
}
li.header dd {
margin-left: 1px;
}
dl.icon {
min-height: 35px;
background-position: 10px 50%;
background-repeat: no-repeat;
height: auto !important;
height: 35px;
}
dl.icon dt,dl.icon dd.dterm {
background-repeat: no-repeat;
background-position: 5px 50%;

/* Center icons */
}
li.header dt, li.header dd {
line-height: 1em;
border-left-width: 0;
margin: 2px 0 4px 0;
color: #fcfcfc;
padding-top: 2px;
padding-bottom: 2px;
font-size: 1em;
font-family: Arial,Helvetica,sans-serif,Verdana,Arial,Helvetica,sans-serif;
text-transform: uppercase;
}
li.row {
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
}
li.row:hover {
background-color: #;
}
ul.topiclist dd {
border-left: 1px solid transparent;
display: block;
float: left;
padding: 4px 0;
}
ul.topiclist li.header dl dd {
border: none;
}
dd.lastpost span, ul.topiclist dd.searchby span, ul.topiclist dd.info span, ul.topiclist dd.time span, dd.redirect span, dd.moderation span {
display:block;
padding-left:5px;
}
ul.pmlist dt {
padding-left: 45px;
}
ul.forums dd {
border-color: transparent;
border-left-style: solid;
border-left-width: 1px;
}
li.row:hover dd {
border-left-color: transparent;
}
.mod-text {
font-weight: bold;
}
.hierarchy {
display: inline;
text-transform: none;
border: none;
font-size: 1em !important;
}

/* Panel----------------------------------------------*/
.panel {
margin-bottom: 4px;
padding: 0px 10px;
background-color: #131313;
color: #5c758c;

border: 1px solid #101010;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
* html .panel {
height: 1%;
}
*+ html .panel {
min-height: 1px;
}
.content h2, .panel h2 {
color: #;
border-bottom: 1px solid #;
font-weight: normal;
font-size: 1.6em;
margin-top: 0.5em;
margin-bottom: 0.5em;
padding-bottom: 0.5em;
}
.content h2.h3 , .panel h2.h3 {
font-size: 1.05em;
font-weight: bold;
}
.content h1, .panel h1 {
color: #;
border-bottom: 1px solid #;
font-weight: normal;
font-size: 1.6em;
margin-top: 0.5em;
margin-bottom: 0.5em;
padding-bottom: 0.5em;
}
.panel h3 {
margin: 0.5em 0;
}
.panel-left {
float: left;
width: 47%;
}
.panel-right {
float: right;
width: 47%;
}
.panel p, .panel div.mes-txt {
font-size: 1.2em;
margin-bottom: 1em;
line-height: 1.4em;
}

/* Post----------------------------------------------*/
.post {
padding: 0 10px;
margin-bottom: 4px;

background-image: url(\'https://i.servimg.com/u/f30/14/70/09/25/gradie12.png\') ;
background-repeat: repeat-x;
background-position: 0 0;

border: 1px solid #101010;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
*+ html .post {
word-wrap: break-word;
}
* html .post {
word-wrap: break-word;
}
.post ul {
list-style-type: disc;
}
.postprofile {
color: #5c758c;
margin: 5px 0 0px 0;
min-height: 80px;
border-right-style: solid;
border-right-width: 1px;
border-color: transparent;
width: 22%;
float: left;
display: inline;
position: relative;
}
* html .postprofile {
overflow: hidden;
}
.postprofile dd, .postprofile dt {
line-height: 1.2em;
margin-left: 8px;
}
.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
font-weight: bold;
color: #368ad2;
text-decoration: none;
}
.postprofile a:hover, .postprofile dt.author a:hover {
text-decoration: underline;
color: #5c758c;
}
.vote {
float: right;
width: 9px;
margin-left: 4px;
}
.vote .vote-button {
text-align: center;
font-weight: bold;
margin-left: -1px;
}
.vote .vote-button a {
text-decoration: none !important;
}
.vote .vote-bar {
width: 3px;
height: 50px;
margin: 0 auto;
border: 1px solid #5c758c;
font-size: 0;
}
.vote .vote-no-bar {
letter-spacing:-2px;
margin-left:-2px;
white-space:nowrap;
}
.vote .vote-bar-plus {
background-color: #0f0;
}
.vote .vote-bar-minus {
background-color: #f00;
}

/* dl dt dd----------------------------------------------*/
dd.lastpost {
width: 20%;
font-size: 1.1em;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
dd.mark {
float: right !important;
width: 9%;
text-align: center;
line-height: 200%;
font-size: 1.2em;
}
dd.posts, dd.topics, dd.views {
width: 8%;
text-align: center;
line-height: 2.2em;
font-size: 1.2em;
border: none;
}
dd.info {
width: 30%;
}
dl.details {
font-size: 1.1em;
}
dl.details dt {
float: left;
width: 10em;
text-align: right;
color: #5c758c;
display: block;
}
dl.details dd {
margin-left: 10em;
padding-left: 5px;
margin-bottom: 5px;
color: #5c758c;
}
.span-tab {
font-size: 0.9em;
}

/* Cp-main----------------------------------------------*/
#cp-main {
float: left;
width: 98%;
margin-left: 20px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
* html #cp-main {
margin-left: 10px;
}
#cp-main h1 {
color: #5c758c;
border-bottom: none;
padding: 0;
margin-left: 10px;
}
#cp-main h3, #cp-main hr {
border-color: #bfbfbf;
}
#cp-main .content {
padding: 0;
}
ul.cplist {
margin-bottom: 5px;
border-top: 1px solid #;
}

/* Panel----------------------------------------------*/
#cp-main .panel {
background-color: #1a1a1a;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
#cp-main .panel.sig {
background-color: #CADCEB;
}
#cp-main .panel p {
font-size: 1.1em;
}
#cp-main .panel ol {
margin-left: 2em;
font-size: 1.1em;
}
#cp-main .panel li.row {
border-bottom: 1px solid #;
border-top: 1px solid #;
}

/* Table----------------------------------------------*/
#cp-main table.table1 {
margin-bottom: 1em;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
#cp-main table.table1 thead th {
color: #5c758c;
font-weight: bold;
border-bottom: 1px solid #333333;
padding: 5px;
}
#cp-main table.table1 tbody th {
font-style: italic;
background-color: transparent !important;
border-bottom: none;
}

/* Table----------------------------------------------*/
#ucp-main table.table1 {
padding: 2px;
}
table.table1 {
width: 99%;

/* IE < 6 browsers */
width: 100%;
}
html>body table.table1 {
width: 100%;
}
table.table1 thead th {
font-weight: normal;
text-transform: uppercase;
color: #fcfcfc;
line-height: 1.3em;
font-size: 1em;
padding: 0 0 4px 3px;
}
table.table1 thead th span {
padding-left: 7px;
}
table.table1 tbody tr {
border: 1px solid #131313;
}
table.table1 tbody tr:hover, table.table1 tbody tr.hover {
background-color: #;
color: #5c758c;
}
table.table1 td {
color: #5c758c;
font-size: 1.1em;
}
table.table1 tbody td {
padding: 5px;
border-top: 1px solid transparent;
}
table.table1 tbody th {
padding: 5px;
border-bottom: 1px solid #000000;
text-align: left;
color: #fcfcfc;
background-color: #131313;
}
table.table1 .name{
text-align: left;
}
table.table1 .posts{
text-align: center !important;
width: 7%;
}
table.table1 .joined{
text-align: left;
width: 15%;
}
table.table1 .active{
text-align: left;
width: 15%;
}
table.table1 .mark{
text-align: center;
width: 7%;
}
table.table1 .info{
text-align: left;
width: 30%;
}
table.table1 .info div{
width: 100%;
white-space: nowrap;
overflow: hidden;
}
table.table1 .autocol{
line-height: 2em;
white-space: nowrap;
}
table.table1 thead .autocol {
padding-left: 1em;
}
table.table1 .stats{
text-align: center;
width: 12%;
}
table.table1 .edit{
width: 5%;
text-align: right;
vertical-align: top;
}
table.table1 .alignv{
vertical-align: top;
}
td.avatar-mini img {
background-color: #fff;
border: 1px solid #;
vertical-align: middle;
width: 38px;
height: 38px;
}

/* FAQ----------------------------------------------*/
dl.faq {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 1.1em;
margin-top: 1em;
margin-bottom: 2em;
line-height: 1.4em;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
dl.faq dt {
font-weight: bold;
color: #5c758c;
}
dl.faq dd p {
text-align: justify;
border: 1px dashed transparent;
padding: 5px;
margin: 5px;
font-size: 1em;
}
dl.faq ul {
list-style-type: disc;
list-style-position: inside;
}
dl.faq ol {
list-style-position: inside;
}
.content dl.faq {
font-size: 1.2em;
margin-bottom: 0.5em;
}

/* Tabs----------------------------------------------*/
#tabs {
line-height: normal;
margin: 20px 0 -1px 7px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;

/*min-width: 570px;
*/
}
#tabs ul {
margin:0;
padding: 0;
list-style: none;
}
#tabs li {
display: inline;
margin: 0;
padding: 0;
font-size: 1em;
font-weight: bold;
}
#tabs a {
float: left;
background: #131313 none no-repeat 0% -35px;
margin: 0 1px 1px 0;
padding: 0 0 0 5px;
text-decoration: none;
position: relative;
cursor: pointer;
}
#tabs a span {
float: left;
display: block;
background: none no-repeat 100% -35px;
padding: 6px 10px 6px 5px;
color: #5c758c;
white-space: nowrap;
}
#tabs a:hover span {
color: #5c758c;
}
#tabs .activetab a {
background-position: 0 0;
margin-bottom: -1px;
border-bottom: 1px solid #131313;
background-color: #131313;
}
#tabs .activetab a span {
background-position: 100% 0;
padding-bottom: 7px;
color: #333333;
}
#tabs a:hover {
background-position: 0 -70px;
background-color: #131313;
}
#tabs a:hover span {
background-position:100% -70px;
}
#tabs .activetab a:hover {
background-position: 0 0;
}
#tabs .activetab a:hover span {
color: #000000;
background-position: 100% 0;
}
* html #tabs,* html .post,* html .navbar,* html fieldset dl,* html ul.topiclist dl,* html ul.linklist,* html dl.polls {
height: 1%;
}
*+ html #tabs,*+ html .post,*+ html .navbar,*+ html fieldset dl,*+ html ul.topiclist dl,*+ html ul.linklist,*+ html dl.polls {
min-height: 1px;
}
#tabs:after, .post:after, .navbar:after, fieldset dl:after, ul.topiclist dl:after, ul.linklist:after, dl.polls:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* Smilies-------------------------------------------------*/
#smiley-box {
float: right;
margin-top: 25px;
width: 18%;
background-color: #131313;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
#smiley-box.sig{
margin-top: 15px;
}
#smiley-box-wysiwyg {
float: left;
margin: 25px 0px 0px 15px;
width: 20%;
background-color: #131313;
}
* html #smiley-box-wysiwyg {
margin: 25px 3px 0px 0px;
}
*+html #smiley-box-wysiwyg {
margin: 25px 3px 0px 0px;
}
#smiley-box iframe{
border: none;
overflow: auto;
height: 300px;
width: 100%;
height: 280px;
background-color: #131313;
}
#smiley-box-wysiwyg iframe{
border: none;
overflow: auto;
height: 300px;
width: 100%;
height: 280px;
background-color: #131313;
}
.smiley-element img {
margin: 0px 15px 10px 0px;
}

/* Page numbering-------------------------------------------------*/
.pagination {
width: auto;
text-align: right;
margin-top: 5px;
float: right;
}
* html .pagination {
height: 1%;
}
*+ html .pagination {
min-height: 1px;
}
.row .pagination {
display: block;
float: right;
width: auto;
margin-top: 0;
padding: 1px 0 1px 15px;
font-size: 0.9em;
background: url("https://illiweb.com/fa/prosilver/icon_pages.gif") 0 50% no-repeat;
}
.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {
font-weight: normal;
text-decoration: none;
color: #5C758C;
background-color: #1a1a1a;
margin: 0 2px;
padding: 0 2px;
border: 1px solid #B4BAC0;
font-size: 0.9em;
line-height: 1.5em;
}
.pagination span a:hover {
border-color: #368AD2;
background-color: #368ad2;
color: #FFF;
text-decoration: none;
}
.pagination span a.pag-img {
border: none;
background-color: transparent;
}
.pagination span a.pag-img:hover {
background-color: transparent;
}
.pagination span strong {
padding: 0 2px;
margin: 0 2px;
background-color: #627DA3;
border: 1px solid #627DA3;
color:#FFFFFF;
font-size: 0.9em;
}
.pagination span.page-sep {
display:none;
}
#cp-main .pagination {
float: right;
width: auto;
padding-top: 1px;
}

/* Postbody (preview)---------------------------------------------------*/
.postbody {
padding: 0;
line-height: 1.48em;
color: #5c758c;
width: 76%;
float: right;
clear: both;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
.postbody .topic-title {
font-size: 1.5em;
padding: 2px 0 0 0;
margin: 0 0 0.3em 0 !important;
text-transform: none;
border: none;
font-family: Verdana,Arial,Helvetica,sans-serif;
line-height: 125%;
color: #5c758c;
font-weight: bold;
}
.postbody .content {
font-size: 1.3em;
}
.postbody ul.profile-icons {
float: right;
width: auto;
padding: 0;
margin-right: 45px;
}
.postbody ul.profile-icons img {
cursor: pointer;
}
.postbody ul.profile-icons li {
margin: 0 3px;
}
.postbody h3 img {
vertical-align: bottom;
}
* html .postbody h3 img {
vertical-align: middle;
}
.search .postbody {
width: 68%;
}
.search .postbody ol,.search .postbody ul {
margin-left: 1.8em;
}
#cp-main .postbody p {
font-size: 1.1em;
}
#cp-main .postbody h3 {
margin-top: 0;
}
.content {
color: #5c758c;
min-height: 3em;
overflow: hidden;
line-height: 1.4em;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 1em;
}
.content blockquote {
color: #f2f2f2;
}
.content p {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 1.2em;
margin-bottom: 1em;
line-height: 1.4em;
}
.content li {
list-style-type: inherit;
}
.content ul, .content ol {
margin-bottom: 1em;
margin-left: 3em;
}

/* Profile icons-------------------------------------------------*/
ul.profile-icons {
margin-top: 10px;
list-style: none;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
ul.profile-icons li {
float: left;
margin: 0 6px 3px 0;
background-position: 0 100%;
}
* html ul.profile-icons li {
width: 1px;
}
ul.profile-icons li a {
display: block;
width: 100%;

/*height: 100%;
*/
background-position: 0 0;
}
ul.profile-icons li span {
display:none;
}
ul.profile-icons li a:hover {
background: none;
}

/* Advanced profile-------------------------------------------------*/
#profile-advanced-layout {
float: left;
margin-right: -300px;
width: 100%;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
#profile-advanced-left {
margin-right: 300px;
}
#profile-advanced-left #tabs {
margin-top: 4px;
}
#profile-advanced-avatar {
float: left;
width: 30%;
}
#profile-advanced-points, #profile-advanced-reputation {
float: left;
}
#profile-advanced-avatar .module, #profile-advanced-points .module, #profile-advanced-reputation .module, #profile-advanced-details {
margin-right: 4px;
}
#profile-advanced-avatar .module, #profile-advanced-points .module, #profile-advanced-reputation .module, #profile-advanced-right .module {
margin-bottom: 4px;
}
#profile-advanced-details .pagination {
float: left;
}
#profile-advanced-details ol {
list-style: none;
}
#profile-advanced-details ol li {
display: block;
margin-bottom: 4px;
}
#profile-advanced-details .avatar {
float: left;
}
.avatar {
width: 50px;
border: 1px solid #;
background-color: #fff;
}
.avatar img {
width: 50px;
}
.friend-block .avatar {
margin: 0 auto;
cursor:pointer;
}
.friend-block {
float: left;
width: 68px;
margin: 1px;
text-align: center;
overflow: hidden;
}
.friend_list_online_status {
line-height: 11px;
font-size: .8em;
}
.friend_list_online_status img {
vertical-align: middle;
}
.friends-foes-list {
float: left;
width: 200px;
height: 2em;
}
#profile-advanced-details .message-block {
margin-left: 57px;
}
#profile-advanced-details .message-header {
border-top: 1px solid #131313;
background: #131313;
padding: 4px;
margin-bottom: 4px;
}
#profile-advanced-details .message-date {
float: right;
}
#profile-advanced-details .message-body {
margin-bottom: 4px;
}
#profile-advanced-details .message-footer {
text-align: right;
}
#profile-advanced-details .message-footer li {
display: inline;
margin: 0 0.25em;

/* Spacing between generation dot */
}
#profile-advanced-details .message-footer li:after {
content: \' .\';

/* Beware of character: can create a whitepage in IE6 if char does not exist in lang. */
}
#profile-advanced-details .message-footer li a {
margin-right: 0.25em;

/* Spacing between generation dot */
text-decoration: underline;
}
#profile-advanced-details .message-footer li.last:after {
content: normal;
}
#profile-advanced-layout #new-message {
position: relative;

/*margin-top: 10px;
*/
margin-top: -2em;
clear:both;
}
#profile-advanced-layout #tabs {

/*position: absolute;
*/
bottom: 0;
}

/*#profile-advanced-layout #new-message-link {
position: absolute;
bottom: 0;
right: 4px;
padding-bottom: 10px;
}
*/
#profile-advanced-layout #tabs #new-message-link {
float: right;
bottom: 0;
right: 4px;
padding-bottom: 10px;
position:absolute;
}
#profile-advanced-layout #tabs #new-message-link a {
background: none;
float: none;
margin: 0 5px 0 0;
padding: 0;
}
#profile-advanced-details .top {
margin-bottom: 16px;
}
#profile-advanced-details .bottom {
margin-top: 16px;
}
#profile-advanced-right {
float: right;
width: 300px;
}
#profile-advanced-add {
margin-right: 4px;
padding: 8px 0;
text-align: right;
}
#profile-advanced-details .stats-field {
margin: 4px 0 10px 4px;
padding: 0 10px 6px;
}
#profile-advanced-details .stats-field legend {
font-weight: bold;
}
#profile-advanced-details .stats-field ul {
list-style-type:none;
text-indent: 10px;
padding: 0;
}
#profile-advanced-details .stats-field li {
margin: 4px 0;
}

/* Message-box-------------------------------------------------*/
#message-box textarea {
color: #5c758c;
font-family: Verdana,Arial,Helvetica,sans-serif;
width: 80%;
font-size: 1.2em;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
#textarea_content {
margin-top: 2px;
}
#textarea_content textarea#text_editor_textarea {
width: 100% !important;
height: 250px;
}
#textarea_content iframe#text_editor_iframe {
width: 100%;
height: 100%;
}
form#quick_reply #textarea_content textarea#text_editor_textarea {
width: 100% !important;
height: 150px;
}
form#quick_reply #textarea_content iframe#text_editor_iframe {
width: 100%;
height: 100%;
}

/* Modules-------------------------------------------------*/
.module {
margin-bottom: 4px;
padding: 0 10px;
background-color: #131313;
//color: #5c758c;
overflow: hidden;

background-image: url(\'https://i.servimg.com/u/f30/14/70/09/25/gradie12.png\') ;
background-repeat: repeat-x;
background-position: 0 0;
border: 1px solid #101010;

-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
.module span.corners-top, .module span.corners-bottom {
margin: 0 -10px;
}
.module h3 {
margin: 0.5em 0;
color: #5c758c;
border-bottom: 1px solid #5c758c;
text-align:center;
}
* html .module h3 {
height: 1%;
}
*+ html .module h3 {
min-height: 1px;
}
.module ul, .module ol {
list-style-position: inside;
}
.module dl.details dt {

/*width: 10em;
*/
text-align: left;
margin-left: 5px;
}
.module dl.details dd {
margin-left: 0px;
}
.module table.mod-top-posters {
table-layout: fixed;
}
.module .fields1 dd {
margin-left: 0;
}
.module .poll-opt-result {
white-space: nowrap;
}
.module .poll dl {
margin-top: 1em;
}
.module .poll dt {
width: 40%;
float: left;
}
.module .poll dd {
margin-left: 41%;
}
*+ html #left .module,*+ html #right .module {
word-wrap: break-word;
}

/* Avoid break-word in a table;
IE expands the table since it doesn\'t wrap a phrase... *
/* html #left .module,* html #right .module {
word-wrap: break-word;
}

/* Overview-------------------------------------------------*/
.overview {
border: 2px solid black;
z-index: 999;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
.title-overview {
margin: 0;
padding: 5px 10px;
text-align: center;
}
.center-overview {
padding: 5px 20px 0;
text-align: center;
}
.left-overview {
text-align: left;
padding: 5px 10px 0;
}

/* Calendar-------------------------------------------------*/
#calendar ul, #mini-calendar ul {
height: 120px;
list-style-type: none;
background-color: #131313;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
#calendar ul:hover, #mini-calendar ul:hover {
background-color: #;
}
#calendar ul li, #mini-calendar ul li {
padding: 3px 0px 0px 10px;
}
#calendar table.table1 tbody tr:hover, #calendar table.table1 tbody tr.hover, #mini-calendar table.table1 tbody tr:hover, #mini-calendar table.table1 tbody tr.hover {
background-color: transparent;
}
#calendar .no-border, #mini-calendar .no-border {
border: none;
}
#calendar .center, #mini-calendar .center {
text-align: center;
}
#calendar .hover-td:hover, #mini-calendar .hover-td:hover {
background-color: #;
}
#calendar-result {
float: left;
width: 69%;
margin: 45px 0px 0px 8px;
}
#mini-calendar {
width: 270px;
float: left;
}
p.right-event {
text-align: right;
margin: 0px;
padding: 0px;
}

/* Signature-------------------------------------------------*/
.signature {
font-size: 1.1em;
border-top: 1px solid #CCCCCC;
line-height: 140%;
overflow: hidden;
margin-top: 1.5em;
color: #5c758c;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}

/* Gallery-------------------------------------------------*/
.gallery {
float: left;
margin-left: 1%;
padding-top: 10px;
min-height: 125px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
* html .gallery {
margin-left: 8px;
height: 125px;
}
.gallery:hover {
background-color: #;
}
.info-gallery {
margin: 0px !important;
padding: 5px;
text-align: center;
}
.effect {
vertical-align: middle;
margin-right: 15px;
}
.helpline {
width: 450px;
font-size: 10px;
border: none;
background-color: transparent;
}
.gallery-avatar {
height: 260px;
width: 190px;
text-align: center;
margin: 0px 0px 20px 30px;
}
.gallery-avatar img {
padding-top: 15px;
}
.gallery-avatar:hover {
background-color: #;
}

/* Buttons-------------------------------------------------*/
.buttons {
float: left;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
.buttons div {
float: left;
margin: 0 5px 0 0;
background-position: 0 100%;
}
.buttons div a {
display: block;
width: 100%;
height: 100%;
background-position: 0 0;
}
.buttons div.post-icon {
width: auto;
height: auto;
}
.buttons div span{
display: none;
}
.buttons div a:hover{
background-image: none;
}
#cp-main .buttons {
margin-left: 0;
}

/* Topicreview-------------------------------------------------*/
#topicreview {
padding-right: 5px;
overflow: auto;
height: 300px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
#topicreview .postbody {
width: auto;
float: none;
margin: 0;
height: auto;
}
#topicreview .post {
height: auto;
}
#topicreview h2 {
border-bottom-width: 0;
}

/* Chatbox-------------------------------------------------*/
body.chatbox {

filter:alpha(opacity=80);
/* CSS3 standard */
opacity:0.8;
background-image: url(\'http://fc04.deviantart.net/images/i/2002/26/9/1/Misconstrue_-_Image_1.jpg\');
}
.chatbox {
background-color: #131313;
}
#chatbox_header {
height: 30px;
background-color: #131313;
}
.chatbox .forabg {
margin: 0;
border: none;
padding: 0;
margin: 0;
background-color: #131313;
}
.chatbox-title,.chatbox-title a.chat-title {
color: #fcfcfc !important;
}
.chatbox-title {
float: left;
margin: 0;
padding: 2px 5px 0 5px;
width: 15em;
}
.chatbox-options {
float: right;
list-style: none;
font-size: 11px;
margin: 0.7em 0.5em 0.5em 0.5em;
}
.chatbox-options li {
display:inline;
}
.chatbox-options li,.chatbox-options li a,.chatbox-options li label {
color: #fcfcfc;
}
#chatbox_members {
position: absolute;
top: 30px;
bottom: 30px;
width: 180px;
overflow: auto;
border-right: 1px solid ;
}
#chatbox_members .member-title {
text-align: center;
padding: 0.5em 0.25em;
background-image: none;
font-size: 12px;
background-color: #131313;
color : #368ad2;
font-family: Verdana,Arial,Helvetica,sans-serif;
}
#chatbox_members ul {
list-style: none;
margin: 0 0 0 1em;
}
#chatbox_members ul li {
margin: 0.5em 0.5em 0.5em 0;
}
#chatbox {
position: absolute;
top: 30px;
left: 181px;
right: 0;
bottom: 30px;
overflow: auto;
line-height: 10px;
}
.chatbox_row_1 {
padding: 4px;
background-color: #131313;
}
.chatbox_row_2 {
padding: 4px;
background-color: #131313;
}
.chatbox_row_3 {
padding: 4px;
background-color: #131313;
}
.memberlist_row_1 {
background-color: #131313;
}
#chatbox_footer {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 5px;
}
#chatbox_footer label {
color: #fcfcfc;
}
#message,#submit_button{
border-width: 1px;
}
.fontbutton {
padding: 1px;
cursor: pointer;
text-align: left;
}
.fontbutton_normal {
background: #E1E1E2;
}
.fontbutton_selected {
background: #BBC7CE;
border: 1px solid #22229C;
}
.fontbutton_clicked {
background: #959595;
border: 1px solid #22229C;
}
.fontbutton_hover {
background: #E1E1E2;
border: 1px solid #22229C;
}
#chatbox_contextmenu {
border: 2px solid black;
background-color: #131313;
}
#chatbox_contextmenu p {
margin:0;
padding: 1px 4px;
font-family: verdana, arial, sans-serif;
background: #131313;
border-bottom:1px solid #777;
}
#chatbox_contextmenu p.hover {
background: #131313;
}
#chatbox_contextmenu p.close {
background: #ddd;
padding: 1px;
font-size: 95%;
color:#fff;
background: url(\'\');
}
#chatbox_contextmenu p.close img {
vertical-align: middle;
padding-left: 20px;
}
#chatbox_contextmenu a {
color: #368ad2;
text-decoration: none;
font-size: 95%;
}
#chatbox_contextmenu a:hover {
color: ;
}
.fontbutton {
background:#E1E1E2 none repeat scroll 0%;
border:medium none;
color:#000000;
float:left;
margin-right:10px;
padding:1px;
}
#chatbox .user {
font-weight: bold;
}
* html #chatbox-members {

/* IE expressions helping IE work in Standards mode */
height: expres​sion(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
}
* html #chatbox {

/* IE expressions helping IE work in Standards mode */
height: expres​sion(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
width: expres​sion(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 10) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 1) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 1.3) ) + "px");
}
* html #chatbox-footer {

/* IE expressions helping IE work in Standards mode */
width: expres​sion(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
}

/* Stats------------------------------------------------------------------------------------------*/
table.forumline {
font-size: 1.2em;
background-color: #131313;
background-image: url(\'https://i.servimg.com/u/f30/14/70/09/25/gradie12.png\');
padding: 5px;
background-repeat: repeat-x;
background-position: 0 0;


border: 1px solid #101010;

-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;

}
table.forumline td.catHead {
text-align: left;
color: #fcfcfc;
font-family: Arial,Helvetica,sans-serif,Verdana,Arial,Helvetica,sans-serif;
text-transform: uppercase;
font-size: 0.85em;
font-weight: bold;
padding-bottom: 5px;
}
table.forumline tr:hover td.catHead {
background-color: transparent;
}
table.forumline th.thCornerL, table th.thTop, table th.thCornerR {
background-color: #131313;
height: 25px;
}
table.forumline td {
height: 20px;
}
table.forumline tr:hover td {
background-color: #;
}
table span.gen {
margin-left: 5px;
}
table.forumline.statistical td,table.forumline.bars td,table.forumline.values td {
padding: 0 1px;
}
table.forumline td.stat-bar {
padding: 0 10px;
}

/* Corners------------------------------------------------------------------------------------------*/
span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span {
font-size: 1px;
line-height: 1px;
display: block;
height: 5px;
background-repeat: no-repeat;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
span.corners-top {
background-image: none;
background-position: 0 0;
margin: 0 -5px;
}
span.corners-top span {
background-image: none;
background-position: 100% 0;
}
span.corners-bottom {
background-image: none;
background-position: 0 100%;
margin: 0 -5px;
clear: both;
}
span.corners-bottom span {
background-image: none;
;
background-position: 100% 100%;
}
.post span.corners-top, .post span.corners-bottom, .panel span.corners-top, .panel span.corners-bottom, .navbar span.corners-top, .navbar span.corners-bottom {
margin: 0 -10px;
}
span.corners-top {
background-image: url("https://illiweb.com/fa/empty.gif");
}
span.corners-top span {
background-image: url("https://illiweb.com/fa/empty.gif");
}
span.corners-bottom {
background-image: url("https://illiweb.com/fa/empty.gif");
}
span.corners-bottom span {
background-image: url("https://illiweb.com/fa/empty.gif");
}

/***************************************************************/
#cp-main span.corners-top {
background-image: url("https://illiweb.com/fa/empty.gif");
}
#cp-main span.corners-top span {
background-image: url("https://illiweb.com/fa/empty.gif");
}
#cp-main span.corners-bottom {
background-image: url("https://illiweb.com/fa/empty.gif");
}
#cp-main span.corners-bottom span {
background-image: url("https://illiweb.com/fa/empty.gif");
}

/***************************************************************/
#cp-main .panel #topicreview span.corners-top {
background-image: url("https://illiweb.com/fa/empty.gif");
}
#cp-main .panel #topicreview span.corners-top span {
background-image: url("https://illiweb.com/fa/empty.gif");
}
#cp-main .panel #topicreview span.corners-bottom {
background-image: url("https://illiweb.com/fa/empty.gif");
}
#cp-main .panel #topicreview span.corners-bottom span {
background-image: url("https://illiweb.com/fa/empty.gif");
}

/* Various-------------------------------------------------*/
.row1{
background-color: #131313;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;

}
.row2{
background-color: #131313;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;

}
.row3{
background-color: #131313;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;

}
.img-whois {
float: left;
margin-right: 5px;
}
.topic-actions {
margin-bottom: 5px;
margin-top: 1em;
font-size: 1.1em;
height: auto;
}
*+html .topic-actions {
margin-top: 1em;
}
.column1 {
float: left;
clear: left;
width: 46%;
margin-left: 3%;
border-right: 1px solid transparent;
}
.column2 {
float: right;
clear: right;
width: 46%;
margin-left: 3%;
}
* html .column1, * html .column2 {
width: 45%;
}
.left-box {
float: left;
width: auto;
text-align: left;
}
.right-box {
float: right;
width: auto;
text-align: right;
}
.center {
margin-left: auto;
margin-right: auto;
text-align: center;
}
.clear {
display: block;
clear: both;
font-size: 1px;
line-height: 1px;
background: transparent;
}
* html .clear {
height: 1%;
}
*+ html .clear {
min-height: 1px;
}
.online {
background-image: url("https://i.servimg.com/u/f30/14/70/09/25/online10.png");
background-position: right 0;
background-repeat: no-repeat;
}

/*.online2 {
position: absolute;
top: -10px;
right: 0;
background-image: url("https://i.servimg.com/u/f30/14/70/09/25/online10.png");
background-repeat: no-repeat;
background-position: right 0;
width: 100px;
height: 100px;
}
*/
.autowidth {
width: auto !important;
}
.italic {
font-style: italic;
}
.pathname-box {
margin-top: 3px;
margin-left: 15px;
float: left;
}
.pathname-box p {
margin-bottom: 0px;
}
.select {
background-color: #FFFFFF;
border: 1px solid #BCBCBC;
position: absolute;
z-index: 999;
top: 0;
left: 0;
overflow: hidden;
width: 0px;
}
* html .select {
margin-top: -9px;
}
* html #sel_smilies {
height: 200px;
overflow: auto;
}
.select p {
padding: 4px 6px;
font-size: 0.9em;
margin: 0px;
}
.select button {
padding: 4px;
font-size: 0.9em;
margin: 0px;
background-color: #FFF;
border: none;
text-align: left;
}
.select button.button2 {
border: 1px solid #BCBCBC;
padding: 0px;
}
*+html .select button.button2 {
padding-right: 3px;
padding-left: 3px;
}
* html .select button.button2 {
padding-right: 3px;
padding-left: 3px;
}
.select button.button2:hover {
border: 1px solid #5c758c;
color: #5c758c;
background-position: 0 100%;
}
.select button:hover,.selectHover {
cursor: pointer;
background-color: #EEE;
}
button.bbcode {
border: 1px solid #e3adad;
background-image: url("https://illiweb.com/fa/wysiwyg/bg_button.png");
}
#format-buttons {
margin: 15px 0 5px 0;
}
#format-buttons input, #format-buttons select, button.button2 {
vertical-align: middle;
}
ul#picture_legend, ul#privmsgs-menu {
text-align: center;
padding: 3px 0;
}
ul#picture_legend li,ul#privmsgs-menu li {
display: inline;
margin: 2px 10px;
}
ul#picture_legend li img, ul#privmsgs-menu li img {
vertical-align: middle;
}
input.checkbox {
width: auto !important;
background-color: transparent !important;
}
.postlink {
color: #368AD2;
border-bottom-color: #368AD2;
}
.postlink:visited {
color: #5D8FBD;
border-bottom-color: #666666;
}
.postlink:active {
color: #368AD2;
}
.postlink:hover {
background-color: #D0E4F6;
color: #0D4473;
}
ul.topiclist li.row dt a.subforum,ul.topiclist li.row dd.dterm a.subforum {
background-image: none;
background-position: 0 50%;
background-repeat: no-repeat;
position: relative;
white-space: nowrap;
padding: 0 0 0 12px;
}
#cp-main .panel li.header dd, #cp-main .panel li.header dt {
color: #000000;
}
html>body dd label input {
vertical-align: text-bottom;
}
#cp-main .panel li.header dd, #cp-main .panel li.header dt {
color: #000000;
margin-bottom: 2px;
}
.mcp-main .postbody {
width: 100%;
}
.pmlist li.row1 {
border: solid 3px transparent;
border-width: 0 3px;
}
.pmlist li.row2 {
border: solid 3px transparent;
border-width: 0 3px;
}
dd.lastpost span.color-groups {
float: left;
padding-left: 0;
}
* html dd.lastpost span.color-groups {
cursor: pointer;
}
*+html dd.lastpost span.color-groups {
cursor: pointer;
}
.warning {
color: #f33;
}
.obligatory {
color: #f33;
}
.captcha div.captcha-img {
float: left;
margin: 0 1em 0 0;
}
.captcha .inputbox{
margin-top: 0.5em;
}
#main-content a.cgu-buttons {
padding: 3px 5px;
}

/* RPG tables */
.rpg-table {
border: 1px solid #ccc;
border-collapse: collapse;
}
.rpg-table td {
border: 1px solid #ccc;
padding: 0.25em;
}

/* Footer---------------------------------------------------*/
.copyright {
padding: 5px;
text-align: center;
color: #5c758c;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}

/* TGF Clearfix */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
*+ html .clearfix {
min-height: 1px;
}
* html .clearfix {
position: relative;
height: 1%;
clear: both;
}
* html div#logo-desc #logo {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src=\'http://hitskin.com/themes/15/67/05/i_logo.png\');
height: 45px;
width: 274px;
cursor: hand;
}

/* Login Popup---------------------------------------------------*/
#login_popup {
position: absolute;
z-index: 999;
display: none;
background-color: #131313;
border: 1px solid #;
padding: 6px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
background-image: url(\'https://i.servimg.com/u/f30/14/70/09/25/gradie12.png\') ;
background-repeat: repeat-x;
background-position: 0 0;
border: 1px solid #101010;
}
#login_popup .h3 {
margin:0 0 6px;
padding:0 0 6px;
}
#login_popup_buttons {
position:absolute;
bottom:6px;
right:6px;
}
#login_popup_buttons input {
margin-left:6px;
}
ul.profile_field_list {
padding:0;
}
html ul.profile_field_list li {
list-style-type: none;
}
ul.profile_field_list > li {
list-style-type: none;
}
.inputURL {
font-size:10px;
font-family:"Courier New", "Times New roman";
letter-spacing:-1px;
}
.middleline {
line-height:2em;
}
.invisible{
display:none;
visibility:hidden;
}
.visible{
display:block;
visibility:visible;
}

/* ajax profil----------------------------------------------*/
.ajax-profil_hover{
background:transparent}
.ajax-profil_parent{
position:relative;
zoom:1}
.ajax-profil_edit{
cursor:pointer;
position:absolute;
top:0;
left:-4px}
.ajax-profil_edit img{
margin-left:4px}
.ajax-profil_valid{
cursor:pointer;
margin-left:4px;
vertical-align:middle}
.column1 dl.details dd,.column2 dl.details dd{
padding-left:16px;
}
#profile-tab-field-profil dl{
padding:8px 10 8px 0;
width:98%;
margin:10px 0 0;
}
#profile-tab-field-profil dl dt{
float:left;
display:block;
width:10em;
}
#profile-tab-field-profil dl dd{
margin-left:10em;
padding-left:12px;
}
#profile-tab-field-profil div.separator{
clear:both;
font-size:1px;
line-height:1px;
border-bottom:1px solid #dcdcdc;
padding-top:10px;
}
#profile-tab-field-profil .ajax-profil_edit{
left:-4px;
}

/* jqModal----------------------------------------------*/
.jqmWindow {
display: none;
position: fixed;
left: 50%;
width: 450px;
margin-left: -225px;
top: 50%;
margin-top: -125px;
background-color: #1a1a1a;
border: 1px solid #;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
.jqmOverlay {
background-color: #000;
}
#search_form h1 {
margin: 0.1em 0 0.3em;
}
#jqmHide {
margin: 0.4em 0;
}
.jqDrag {
cursor: move;
}

/* First Post----------------------------------------------*/
#first-post-br {
width: 80%;
border: 0;
border-top: solid 1px #;
margin: 20px auto;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}

/* Blog----------------------------------------------*/
.blog .icon {
background-position: 10px 20px !important;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
.blog .dterm {
width: 94% !important;
background-position: 5px 20px !important;
}
.blog_cal-border {
display: inline;
float: left;
border: 1px solid #;
background: #131313;
padding: 1px;
font-size: 1.2em;
margin-right: 1em;
}
.blog_cal-content {
width: 2.9em;
background: #;
padding: 1px;
line-height: 1.4em;
text-align: center;
font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Sans-Serif;
color: #fcfcfc;
}
.blog_cal-content span {
display: block;
}
.blog_cal-day {
padding-left: 0.2em;
font-size: 1.6em;
letter-spacing: 0.2em;
}
.blog_cal-month {
line-height: 0.7em;
font-size: 2em;
font-weight: bold;
}
.blog_cal-year {
line-height: 1.2em;
font-size: 0.8em;
}
.blog_title {
padding-top: 1em;
font-size: 1.3em;
}
.blog_title h2 {
display: inline;
}
.blog_title .topictitle {
font-size: 1.2em;
}
.blog_message {
margin-top: 0.5em;
font-size: 1.1em;
}
.blog .codebox dt {
width: 92%;
}
* html .blog .codebox dt,*+html .blog .codebox dt {
width: 100%;
}
.blog_comments {
text-align: right;
}
.blog_comments img {
vertical-align: middle;
}
#blog_comments {
width: 90%;
margin: 0 auto;
}
#blog_comments .postbody {
width: 96%;
}
.blog_comment-avatar {
float: left;
}
.blog_comment-avatar img {
background-color: #fff;
border: 1px solid #;
vertical-align: middle;
width: 38px;
margin: 5px 5px 0 0;
}
#blog_comments .h3 {
overflow: hidden;
margin-top: 0;
margin-left: 45px;
padding: 0;
min-height: 22px;
}
.blog_comment-title {
float: left;
min-height: 12px;
margin-top: 7px;
}
#blog_comments .profile-icons {
margin: 0;
list-style-position: inherit;
}

/* Social bookmarking----------------------------------------------*/
#bookmarks {
float: right;
}
#bookmarks a img {
width: 20px;
height: 20px;
background: url(https://illiweb.com/fa/social_bookmarking/social_bookmarking.png) no-repeat scroll;
vertical-align: middle;
}
#bookmarks a img.twitter {
width: 16px;
height: 16px;
margin: 2px;
background: url(https://illiweb.com/fa/social_bookmarking/twitter.png) no-repeat scroll;
}
#bookmarks img.delicious {
background-position: -10px -10px;
}
#bookmarks img.digg {
background-position: -10px -50px;
}
#bookmarks img.excite {
background-position: -9px -90px;
}
#bookmarks img.facebook {
background-position: -9px -128px;
}
{#}bo
by kneelfrox
on Sat Sep 10, 2016 4:48 am
 
Search in: Garbage
Topic: Name glow script problems
Replies: 18
Views: 4758

Moving Navigation Menu to Center of Page

Hello! I've been working on coding my first site and after installing a skin from Hitskin, I began to edit my own images and format into the site. Recently, however, the navigation menu moved off-center and I was wondering if I did something wrong or incorrectly formatted something. I would really appreciate any help because I've tried a few things to no avail and as this is my first site I'm very lost. Thank you!

Site: www.fairytail-saga.forumotion.com
Problem: Navigation Menu Off-Center
Original Hitskin: http://en.hitskin.com/search-a-skin/fairy-tail-v.1/208200
CSS Coding: 
I've mostly been trying things with #navigation but I returned it to how it was orignally set:
body
{
background: url(https://2img.net/h/i945.photobucket.com/albums/ad292/acecate777/5b8f78da-4709-4d70-a32a-a225564c3232_zpspzmaivvl.png) top center no-repeat, url(http://img2.findthebest.com/sites/default/files/2307/media/images/t2/Royal_Blue_429677_i0.png) top center repeat, url(http://img2.findthebest.com/sites/default/files/2307/media/images/t2/Royal_Blue_429677_i0.png) center repeat, url(http://img2.findthebest.com/sites/default/files/2307/media/images/t2/Royal_Blue_429677_i0.png) bottom center repeat-x #bebebe;
}

#i_logo
{
height: 400px;
}

#page-body
{
width: 1300px;
margin: auto;
background: url(banner) top center no-repeat #;
border-radius: 100px;
-moz-border-radius: 100px;
-o-border-radius: 100px;
-webkit-border-radius: 100px;
-htm-border-radius: 100px;
border: 2px solid #4fadfd;
box-shadow: 0px 0px 10px #515151;
-moz-box-shadow: 0px 0px 10px #515151;
-o-box-shadow: 0px 0px 10px #515151;
-webkit-box-shadow: 0px 0px 10px #515151;
-htm-box-shadow: 0px 0px 10px #515151;
padding-top: 75px;
padding-bottom: 0px;
}

#navigation
{
float: right;
margin-top: -200px;
margin-right: 20px;
}
.mainmenu
{
margin-right: 2px;
}
a.mainmenu
{
opacity: 0.5;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
filter: alpha(opacity=50);
}
a.mainmenu:hover
{
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
}

.table_complete
{
width: 850px;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
margin-top: 10px;
border: 2px solid #4fadfd;
border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-webkit-border-radius: 10px;
-htm-border-radius: 10px;
box-shadow: 0px 0px 4px #515151;
-moz-box-shadow: 0px 0px 4px #515151;
-o-box-shadow: 0px 0px 4px #515151;
-webkit-box-shadow: 0px 0px 4px #515151;
-htm-box-shadow: 0px 0px 4px #515151;
}
.forumline
{
max-width: 850px;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
margin-top: 10px;
border: 2px solid #4fadfd;
border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-webkit-border-radius: 10px;
-htm-border-radius: 10px;
box-shadow: 0px 0px 4px #515151;
-moz-box-shadow: 0px 0px 4px #515151;
-o-box-shadow: 0px 0px 4px #515151;
-webkit-box-shadow: 0px 0px 4px #515151;
-htm-box-shadow: 0px 0px 4px #515151;
background: url(image design) bottom center no-repeat #202020;
}
.forumline2
{
max-width: 850px;
margin: auto;
background: url() bottom no-repeat #202020;
}
.table_head
{
width: 850px;
height: 92px;
margin: auto;
background: url() bottom center no-repeat;
}
.table_foot
{
width: 850px;
height: 42px;
margin: auto;
background: url(https://redcdn.net/hpimg11/pics/835984forumline04.jpg) bottom center no-repeat;
}
.secondarytitle
{
display: block;
text-align: center;
}
.titre_cate
{
font-size: 48px;
font-weight: bold;
color: #c0c0c0;
text-shadow: 1px 1px 0px #eeeeee;
}

.forumlink
{
display: block;
width: 80%;
text-align: left;
padding-left: 50px;
margin-top: 6px;
}
.forumlink a
{
font-size: 14px;
text-transform: uppercase;
border-bottom: 2px dotted #bebebe;
color: #5a463a !important;
}
.forumlink a:hover
{
text-decoration: none !important;
color: #11bdf5 !important;
border-bottom: 2px dotted #2d1500;
}
.table_cate
{
vertical-align: top;
}
.icone
{
display: block;
width: 100px;
height: 100px;
float: left;
}
.stats_last
{
display: block;
width: 150px;
margin-left: 60px;
margin-top: 20px;
padding: 4px;
background-color: #bebebe;
border: 2px solid #676767;
border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-webkit-border-radius: 5px;
-htm-border-radius: 5px;
text-align: center;
}
.stats
{
display: block;
font-size: 10px;
font-weight: bold;
border-bottom: 1px dotted #2d1500;
padding-bottom: 2px;
margin-bottom: 4px;
}
.last
{
display: block;
font-size: 11px;
}
.cate_contenu
{
width: 600px;
margin-left: 10px;
}
.description_cate
{
border-left: 4px solid #bebebe;
border-right: 4px solid #bebebe;
height: 100px;
overflow: auto;
padding: 5px;
}
.illu_cate
{
float: left;
margin-right: 5px;
margin-bottom: 5px;
border-radius: 100px;
-moz-border-radius: 100px;
-o-border-radius: 100px;
-webkit-border-radius: 100px;
-htm-border-radius: 100px;
border: 3px solid #11bdf5;
}
.description
{
display: block;
text-align: justify;
}
.qeel
{
width: 850px;
margin: auto;
height: 400px;
background: url(https://redcdn.net/hpimg11/pics/945551fondqeel.jpg) center center no-repeat;
}
.stats1
{
width: 400px;
background-color: #bebebe;
border: 2px solid #676767;
border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-webkit-border-radius: 5px;
-htm-border-radius: 5px;
text-align: center;
padding: 6px;
}
.stats2
{
width: 250px;
max-height: 200px;
overflow: auto;
margin-top: 20px;
background-color: #bebebe;
border: 2px solid #676767;
border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-webkit-border-radius: 5px;
-htm-border-radius: 5px;
text-align: center;
padding: 6px;
}
.groupes
{
width: 150px;
float: right;
max-height: 250px;
overflow: auto;
text-align: center;
padding: 6px;
margin-top: 70px;
background-color: #bebebe;
border: 2px solid #676767;
border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-webkit-border-radius: 5px;
-htm-border-radius: 5px;
}
.groupes a
{
display: block;
padding: 3px;
margin-bottom: 5px;
background-color: #eeeeee;
text-decoration: none !important;
border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-webkit-border-radius: 10px;
-htm-border-radius: 10px;
border-left: 3px solid #676767;
border-right: 3px solid #676767;
}
.groupes a:hover
{
border-left: 3px solid #11bdf5;
border-right: 3px solid #11bdf5;
}
.cb
{
margin-top: 50px;
}






.row3Right
{
border: none !important;
}
.thHead
{
border: none !important;
}
.thCornerL, .thCornerR, .thTop
{
border: none !important;
}
.thLeft, .thRight
{
border-left: none !important;
border-right: none !important;
}
.catLeft, .catRight
{
border: none! important;
}
.catHead
{
border: none !important;
}
.catBottom
{
border: 10px !important;
}


a:link:hover, a:link:focus  
{color: #0000cc;  
    text-shadow: -1px 1px 8px #00CCFF, 1px -1px 8px #00ccff
  
/*
 * jQuery Nivo Slider v2.7.1
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 
/* The Nivo Slider styles */
.nivoSlider {
   position:relative;
}
.nivoSlider img {
   position:absolute;
   top:0px;
   left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
   position:absolute;
   top:0px;
   left:0px;
   width:100%;
   height:100%;
   border:0;
   padding:0;
   margin:0;
   z-index:6;
   display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
   display:block;
   position:absolute;
   z-index:5;
   height:100%;
}
.nivo-box {
   display:block;
   position:absolute;
   z-index:5;
}
/* Caption styles */
.nivo-caption {
   position:absolute;
   left:0px;
   bottom:0px;
   background:#000;
   color:#fff;
   opacity:0.8; /* Overridden by captionOpacity setting */
   width:100%;
   z-index:8;
}
.nivo-caption p {
   padding:5px;
   margin:0;
}
.nivo-caption a {
   display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
   position:absolute;
   top:45%;
   z-index:9;
   cursor:pointer;
}
.nivo-prevNav {
   left:0px;
}
.nivo-nextNav {
   right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
   position:relative;
   z-index:9;
   cursor:pointer;
}
.nivo-controlNav a.active {
   font-weight:bold;
}
/*
Skin Name: Nivo Slider Default Theme
Skin URI: http://nivo.dev7studios.com
Skin Type: flexible
Description: The default skin for the Nivo Slider.
Version: 1.0
Author: Gilbert Pellegrom
Author URI: http://dev7studios.com
*/

.theme-default .nivoSlider {
   position:relative;
   background:#fff url(https://i.servimg.com/u/f46/15/66/68/20/loadin10.gif) no-repeat 50% 50%;
    margin-bottom:50px;
    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.theme-default .nivoSlider img {
   position:absolute;
   top:0px;
   left:0px;
   display:none;
}
.theme-default .nivoSlider a {
   border:0;
   display:block;
}

.theme-default .nivo-controlNav {
   position:absolute;
   left:50%;
   bottom:-42px;
    margin-left:-40px; /* Tweak this to center bullets */
}
.theme-default .nivo-controlNav a {
   display:block;
   width:22px;
   height:22px;
   background:url(https://i.servimg.com/u/f46/15/66/68/20/bullet10.png) no-repeat;
   text-indent:-9999px;
   border:0;
   margin-right:3px;
   float:left;
}
.theme-default .nivo-controlNav a.active {
   background-position:0 -22px;
}

.theme-default .nivo-directionNav a {
   display:block;
   width:30px;
   height:30px;
   background:url(https://i.servimg.com/u/f46/15/66/68/20/arrows10.png) no-repeat;
   text-indent:-9999px;
   border:0;
}
.theme-default a.nivo-nextNav {
   background-position:-30px 0;
   right:15px;
}
.theme-default a.nivo-prevNav {
   left:15px;
}

.theme-default .nivo-caption {
    font-family: Helvetica, Arial, sans-serif;
}
.theme-default .nivo-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
    color:#fff;
}
  
  body.chatbox {
    background-image: url(https://i.imgur.com/bUQgyR1.png);
    
}
}

a.chat-title:link:before {
content: "The Chatty ";
}

chatbox > p span.user > span strong {
display: none; 
}
.user[style="color:#000000"] span:before, #chatbox_members span[style="color:#000000"] span:before {  content:url(http://oi57.tinypic.com/2lm313q.jpg); vertical-align:top; }
.user[style="color:#63BFCF"] span:before, #chatbox_members span[style="color:#63BFCF"] span:before {  content:url(http://oi57.tinypic.com/2lm313q.jpg); vertical-align:top; }
.user[style="color:#008F8F"] span:before, #chatbox_members span[style="color:#008F8F"] span:before {  content:url(http://oi57.tinypic.com/2lm313q.jpg); vertical-align:top; }
row1.over:hover {background:url(\'\\image here if want a water mark/\') right bottom no-repeat;}
.forumline
{background-color: #;
  border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-khtml-border-radius: 5px;}
.bodyline

  background-image: url("");
  background-position: right bottom;
  background-repeat: no-repeat;
  filter:alpha(opacity=95); -moz-opacity: 95; opacity: 95;
  border-radius: 25px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
-o-border-radius: 25px;
-khtml-border-radius: 25px;
}
a.mainmenu:hover{
filter:alpha(opacity=30);  
-moz-opacity: 0.65;  
opacity: 0.65;
}
a:link {  
    text-decoration: none;  
    text-shadow: none;  
    -webkit-transition: 200ms linear 0s;  
    -moz-transition: 200ms linear 0s;  
    -o-transition: 200ms linear 0s;  
    transition: 200ms linear 0s;  
    outline: 0 none;  
}  
   #chatbox {background: url("") repeat scroll right center transparent;
}body.chatbox 
{background-image:url("https://i.imgur.com/IAcwt6c.jpg");}
.chatbox_row_1 {background: #110F12;}
.chatbox_row_2 {background: #15171D;
  }
.chatbox-username[data-user="2"] {
    text-decoration: none;  
    text-shadow: 0 0 0.3em #cc0000, 0 0 0.3em #cc0000, 0 0 0.3em #cc0000;
}
.chatbox-username[data-user="11"] {
    text-decoration: none;  
    text-shadow: 0 0 0.3em #1BB5DB, 0 0 0.3em #1BB5DB, 0 0 0.3em #1BB5DB;
}
.chatbox-username[data-user="1"] {
    text-decoration: none;  
    text-shadow: 0 0 0.3em #ff66ff, 0 0 0.3em #ff66ff, 0 0 0.3em #ff66ff;
}
.chatbox-username[data-user="17"] { 
text-decoration: none;  
text-shadow: 0 0 0.3em #00ffff, 0 0 0.3em #00ffff, 0 0 0.3em #00ffff;
}
.chatbox-username[data-user="4"] { 
text-decoration: none;      
text-shadow: 0 0 0.3em #3300ff, 0 0 0.3em #3300ff, 0 0 0.3em #3300ff;
}
.chatbox-username[data-user="33"] {
text-decoration: none;      
text-shadow: 0 0 0.3em #ffffff, 0 0 0.3em #ffffff, 0 0 0.3em #ffffff;
}
.chatbox-username[data-user="52"] {  
text-shadow: 0 0 0.3em #990000, 0 0 0.3em #990000, 0 0 0.3em #990000;
}
.chatbox-username[data-user="21"] {
text-decoration: none;      
text-shadow: 0 0 0.3em #9900ff, 0 0 0.3em #9900ff, 0 0 0.3em #9900ff;
}
.chatbox-username[data-user="3"] {
text-decoration: none;      
text-shadow: 0 0 0.3em #ffff00, 0 0 0.3em #ffff00, 0 0 0.3em #ffff00;
}
.chatbox-username[data-user="69"] {
text-decoration: none;      
text-shadow: 0 0 0.3em #990033, 0 0 0.3em #990033, 0 0 0.3em #990033;
}
a[href="/g1-administrators"]{   
text-decoration: none;   
text-shadow: 0 0 0.3em #ffff00, 0 0 0.3em #ffff00, 0 0 0.3em #ffff00;
}
a[href="/g1-administrators"]{
padding-left: 19px;
background: url(https://i.imgur.com/FTMLOTN.png) no-repeat left;}
a[href="/g2-moderators"]{
padding-left: 19px;
background: url(https://i.imgur.com/XOA6QOd.png) no-repeat left;}
a[href="/g16-developers"]{
padding-left: 19px;
background: url(https://i.imgur.com/a3ctNEL.png) no-repeat left;}
a[href="/g3-fairy-tail"]{
padding-left: 15px;
background: url(https://i.imgur.com/1IDyAP5.png) no-repeat left;}
a[href="/g4-blue-pegasus"]{
padding-left: 15px;
background: url(https://i.imgur.com/ZNl5wn0.png) no-repeat left;}
a[href="/g5-sabertooth"]{
padding-left: 15px;
background: url(https://i.imgur.com/Q0KYn0V.png) no-repeat left;}
a[href="/g6-lamia-scale"]{
padding-left: 15px;
background: url(https://i.imgur.com/E51Jdmb.png) no-repeat left;}
a[href="/g7-dragon-heart"]{
padding-left: 15px;
background: url(https://i.imgur.com/ciORzIA.png) no-repeat left;}
a[href="/g8-tartarus"]{
padding-left: 15px;
background: url(https://i.imgur.com/Tq2u8Wg.png) no-repeat left;}
a[href="/g13-magic-council"]{
padding-left: 15px;
background: url(http://i47.tinypic.com/24cb0ug.png) no-repeat left;}
a[href="/g14-rune-knights"]{
padding-left: 15px;
background: url(https://i.imgur.com/lYi5x0z.png) no-repeat left;}
a[href="/g15-chaos-lords"]{
padding-left: 15px;
background: url(https://i.imgur.com/pCNnwi1.png) no-repeat left;} 
  a[href="/g9-eternal-chaos"]{
padding-left: 15px;
background: url(https://i.imgur.com/00nqaN8.png) no-repeat left;}
  a[href="/g12-wizard-saints"]{
padding-left: 15px;
background: url(https://i.imgur.com/3Eu1Mfu.png) no-repeat left;}
a[href="/g10-noxx-hand"]{
padding-left: 15px;
background: url(https://i.imgur.com/UxfXq1l.png) no-repeat left;}
  a[href="/u11"]{      
background: url(https://i.servimg.com/u/f58/15/62/32/35/backro12.gif) repeat-x; 
}
   a[href="/u1"]{      
background: url(https://i.servimg.com/u/f58/15/62/32/35/backro12.gif) repeat-x; 
}
     a[href="/u21"]{      
background: url(https://i.servimg.com/u/f58/15/62/32/35/backro12.gif) repeat-x; 
}
      a[href="/u2"]{      
background: url(https://i.servimg.com/u/f58/15/62/32/35/backro12.gif) repeat-x; 
}
      a[href="/u17"]{      
background: url(https://i.servimg.com/u/f58/15/62/32/35/backro12.gif) repeat-x; 
}
      a[href="/u4"]{      
background: url(https://i.servimg.com/u/f58/15/62/32/35/backro12.gif) repeat-x; 
}
      a[href="/u33"]{      
background: url(https://i.servimg.com/u/f58/15/62/32/35/backro12.gif) repeat-x; 
}
      a[href="/u52"]{      
background: url(https://i.servimg.com/u/f58/15/62/32/35/backro12.gif) repeat-x; 
}
a[href="/u69"]{      
background: url(https://i.servimg.com/u/f58/15/62/32/35/backro12.gif) repeat-x; 
}
a[href="/u2"]{   
text-decoration: none;   
text-shadow: 0 0 0.3em #cc0000, 0 0 0.3em #cc0000, 0 0 0.3em #cc0000;
}
a[href="/u11"]{   
text-decoration: none;   
text-shadow: 0 0 0.3em #1BB5DB, 0 0 0.3em #1BB5DB, 0 0 0.3em #1BB5DB;
}
a[href="/u1"]{   
text-decoration: none;   
text-shadow: 0 0 0.3em #ff6699, 0 0 0.3em #ff6699, 0 0 0.3em #ff6699;
}
a[href="/u17"]{   
text-decoration: none;   
text-shadow: 0 0 0.3em #00ffff, 0 0 0.3em #00ffff, 0 0 0.3em #00ffff;
}
a[href="/u4"]{   
text-decoration: none;   
text-shadow: 0 0 0.3em #3300ff, 0 0 0.3em #3300ff, 0 0 0.3em #3300ff;
}
a[href="/u33"]{   
text-decoration: none;   
text-shadow: 0 0 0.3em #ffffff, 0 0 0.3em #ffffff, 0 0 0.3em #ffffff;
}
a[href="/u52"]{   
text-decoration: none;   
text-shadow: 0 0 0.3em #990000, 0 0 0.3em #990000, 0 0 0.3em #990000;
}
a[href="/u21"]{   
text-decoration: none;   
text-shadow: 0 0 0.3em #9900ff, 0 0 0.3em #9900ff, 0 0 0.3em #9900ff;
}
a[href="/u3"]{   
text-decoration: none;   
text-shadow: 0 0 0.3em #ffff00, 0 0 0.3em #ffff00, 0 0 0.3em #ffff00;
}
a[href="/u69"]{   
text-decoration: none;   
text-shadow: 0 0 0.3em #990033, 0 0 0.3em #990033, 0 0 0.3em #990033;
}
  #chatbox_members .chatbox-username[data-user="11"]:before {
    content: "";
    width: 18px;
    height: 16px;
    background:url("https://i.imgur.com/MVN94Gf.png") no-repeat;
    display: inline-block;
}
.chatbox-username[data-user="11"] {
    background: url("https://i.servimg.com/u/f58/15/62/32/35/backro12.gif");
}
  #chatbox_members .chatbox-username[data-user="2"]:before {
    content: "";
    width: 18px;
    height: 16px;
    background:url("https://i.imgur.com/GkcKRGj.png") no-repeat;
    display: inline-block;
}
.chatbox-username[data-user="2"] {
    background: url("https://i.servimg.com/u/f58/15/62/32/35/backro12.gif");
}
  #chatbox_members .chatbox-username[data-user="1"]:before {
    content: "";
    width: 18px;
    height: 16px;
    background:url("https://i.imgur.com/zTXlR0t.png") no-repeat;
    display: inline-block;
}
.chatbox-username[data-user="1"] {
    background: url("https://i.servimg.com/u/f58/15/62/32/35/backro12.gif");
}
  #chatbox_members .chatbox-username[data-user="33"]:before {
    content: "";
    width: 18px;
    height: 16px;
    background:url("https://i.imgur.com/Ne95bGh.png") no-repeat;
    display: inline-block;
}
.chatbox-username[data-user="33"] {
    background: url("https://i.servimg.com/u/f58/15/62/32/35/backro12.gif");
}
   #chatbox_members .chatbox-username[data-user="21"]:before {
    content: "";
    width: 18px;
    height: 16px;
    background:url("https://i.imgur.com/jg5yw50.gif") no-repeat;
    display: inline-block;
}
#chatbox_members .chatbox-username[data-user="69"]:before {
    content: "";
    width: 18px;
    height: 16px;
    background:url("https://i.imgur.com/FCI3ZqT.png") no-repeat;
    display: inline-block;
}
.chatbox-username[data-user="69"] {
    background: url("https://i.servimg.com/u/f58/15/62/32/35/backro12.gif");
}
.chatbox-username[data-user="33"] {
    background: url("https://i.servimg.com/u/f58/15/62/32/35/backro12.gif");
}
.chatbox-username[data-user="35"]{
padding-left: 19px;
background: url("https://i.imgur.com/9DQytPi.png") no-repeat left;}
#chatbox_members .chatbox-username[data-user="52"]:before {
    content: "";
    width: 18px;
    height: 16px;
    background:url("https://i.imgur.com/wEX3Bph.png") no-repeat;
    display: inline-block;
}
.chatbox-username[data-user="52"] {
    background: url("https://i.servimg.com/u/f58/15/62/32/35/backro12.gif");
}
.chatbox-username[data-user="132"]{
padding-left: 19px;
background: url("https://i.imgur.com/sgCKUkM.png") no-repeat left;
}
#chatbox_members .chatbox-username[data-user="17"]:before {
    content: "";
    width: 18px;
    height: 16px;
    background:url("https://i.imgur.com/kMvtGup.png") no-repeat;
    display: inline-block;
}
.chatbox-username[data-user="17"] {
    background: url("https://i.servimg.com/u/f58/15/62/32/35/backro12.gif");
}
.chatbox-username[data-user="46"]{
padding-left: 19px;
background: url("https://i.imgur.com/JVP5lcW.png") no-repeat left;}

#chatbox_members .chatbox-username[data-user="158"]:before {
    content: "";
    width: 18px;
    height: 16px;
    background:url("https://i.imgur.com/dfKJJ1L.png") no-repeat;
    display: inline-block;
}
.chatbox-username[data-user="158"] {
    background: url("https://i.servimg.com/u/f58/15/62/32/35/backro12.gif");
}
.chatbox-username[data-user="158"]{   
text-decoration: none;   
text-shadow: 0 0 0.3em #EB1E88, 0 0 0.3em #EB1E88, 0 0 0.3em #EB1E88;
}
a[href="/u158"]{      
background: url(https://i.servimg.com/u/f58/15/62/32/35/backro12.gif) repeat-x; 
}
a[href="/u158"]{   
text-decoration: none;   
text-shadow: 0 0 0.3em #EB1E88, 0 0 0.3em #EB1E88, 0 0 0.3em #EB1E88;
}
.chatbox-username[data-user="8"]{
padding-left: 19px;
background: url("https://i.imgur.com/LaAo1ew.png") no-repeat left;}
#chatbox_members .chatbox-username[data-user="93"]:before {
    content: "";
    width: 18px;
    height: 16px;
    background:url("https://i.imgur.com/iuQae4p.png") no-repeat;
    display: inline-block;
}
.chatbox-username[data-user="93"] {
    background: url("https://i.servimg.com/u/f58/15/62/32/35/backro12.gif");
}
a[href="/u93"]{   
text-decoration: none;   
text-shadow: 0 0 0.3em #FF0033, 0 0 0.3em #FF0033, 0 0 0.3em #FF0033;
}
a[href="/u93"]{      
background: url(https://i.servimg.com/u/f58/15/62/32/35/backro12.gif) repeat-x; 
}
.chatbox-username[data-user="93"]{   
text-decoration: none;   
text-shadow: 0 0 0.3em #FF0033, 0 0 0.3em #FF0033, 0 0 0.3em #FF0033;
}

/*
 * jQuery Nivo Slider v2.7.1
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 
/* The Nivo Slider styles */
.nivoSlider {
  position:relative;
}
.nivoSlider img {
  position:absolute;
  top:0px;
  left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  border:0;
  padding:0;
  margin:0;
  z-index:6;
  display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
  display:block;
  position:absolute;
  z-index:5;
  height:100%;
}
.nivo-box {
  display:block;
  position:absolute;
  z-index:5;
}
/* Caption styles */
.nivo-caption {
  position:absolute;
  left:0px;
  bottom:0px;
  background:#000;
  color:#fff;
  opacity:0.8; /* Overridden by captionOpacity setting */
  width:100%;
  z-index:8;
}
.nivo-caption p {
  padding:5px;
  margin:0;
}
.nivo-caption a {
  display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
  position:absolute;
  top:45%;
  z-index:9;
  cursor:pointer;
}
.nivo-prevNav {
  left:0px;
}
.nivo-nextNav {
  right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
  position:relative;
  z-index:9;
  cursor:pointer;
}
.nivo-controlNav a.active {
  font-weight:bold;
}
/*
Skin Name: Nivo Slider Default Theme
Skin URI: http://nivo.dev7studios.com
Skin Type: flexible
Description: The default skin for the Nivo Slider.
Version: 1.0
Author: Gilbert Pellegrom
Author URI: http://dev7studios.com
*/

.theme-default .nivoSlider {
  position:relative;
  background:#fff url(https://i.servimg.com/u/f46/15/66/68/20/loadin10.gif) no-repeat 50% 50%;
    margin-bottom:50px;
    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.theme-default .nivoSlider img {
  position:absolute;
  top:0px;
  left:0px;
  display:none;
}
.theme-default .nivoSlider a {
  border:0;
  display:block;
}

.theme-default .nivo-controlNav {
  position:absolute;
  left:50%;
  bottom:-42px;
    margin-left:-40px; /* Tweak this to center bullets */
}
.theme-default .nivo-controlNav a {
  display:block;
  width:22px;
  height:22px;
  background:url(https://i.servimg.com/u/f46/15/66/68/20/bullet10.png) no-repeat;
  text-indent:-9999px;
  border:0;
  margin-right:3px;
  float:left;
}
.theme-default .nivo-controlNav a.active {
  background-position:0 -22px;
}

.theme-default .nivo-directionNav a {
  display:block;
  width:30px;
  height:30px;
  background:url(https://i.servimg.com/u/f46/15/66/68/20/arrows10.png) no-repeat;
  text-indent:-9999px;
  border:0;
}
.theme-default a.nivo-nextNav {
  background-position:-30px 0;
  right:15px;
}
.theme-default a.nivo-prevNav {
  left:15px;
}

.theme-default .nivo-caption {
    font-family: Helvetica, Arial, sans-serif;
}
.theme-default .nivo-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
    color:#fff;
}
.codebox, code{
        background-color: #97959E !important;
          border-color: #181819 !important;
          color: #2929E6 !important;
        }
by LiquidSilverAce
on Mon Sep 07, 2015 6:56 pm
 
Search in: Scripts Problems Archives
Topic: Moving Navigation Menu to Center of Page
Replies: 3
Views: 2182

Tried to redirect to potentially insecure url.

Mostly working on my css:
This one:
body {
    background-attachment: fixed;
    background-color: #fff;
    background-image: url("https://i.servimg.com/u/f38/19/10/83/93/the-ho11.jpg");
    margin: 0;
}
.avatar-index {
    float: left;
}
.avatar-index img {
    border: 1px solid #ddd;
    height: 40px;
    margin: 0 5px;
    padding: 1px;
    width: 40px;
}
#sceditor_smilies {
    background-color: #dee3e7;
}
#sce_smilies_body {
    background-color: #efefef;
    background-image: none;
    min-width: 1px !important;
}
.sceditor-container iframe, .sceditor-container textarea {
    background-color: transparent !important;
}
.sceditor-container {
    background-color: #fff !important;
}
.sceditor-toolbar {
    background-color: #f7f7f7 !important;
}
p, td, th {
    font-family: Verdana,Arial,Helvetica,sans-serif;
}
a img {
    border: medium none;
}
a:link {
    color: #061f2b;
}
A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: none;}
a:visited {
    color: #09364d;
}
a:active {
    color: #09364d;
}
a:hover {
    color: #1a97d6;
    text-decoration: underline !important;
}
hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #d1d7dc;
    border-image: none;
    border-style: solid;
    border-width: 1px 0 0;
    height: 0;
}
.bodylinewidth {
    width: 900px;
}
.forumline {
  background:silver !important;
      width: 0px;
}
td.row1, td.row3.over:hover {
    background-color: #efefef;
}
td.row1.over:hover, td.row2 {
    background-color: #dee3e7;
}
td.row3 {
    background-color: #d1d7dc;
}
td.rowpic {
    background-color: #dee3e7;
    background-image: url("https://illiweb.com/fa/empty.gif");
}
th {
    background-image: url("https://illiweb.com/fa/empty.gif");
    color: #09364d;
    font-size: 11px;
    font-weight: 700;
    height: 25px;
    padding: 2px 3px;
}
td.cat, td.catBottom, td.catHead, td.catLeft, td.catRight, td.catSides {
    background-image: url("https://illiweb.com/fa/empty.gif");
    border-style: solid;
    height: 28px;
}
td.cat, td.catBottom, td.catHead {
    border-width: 0;
    height: 29px;
}
th.thBottom, th.thCornerL, th.thCornerR, th.thHead, th.thLeft, th.thRight, th.thSides, th.thTop {
    border: medium solid #fff;
    font-weight: 700;
}
td.row3Right, td.spaceRow {
    background-color: #d1d7dc;
    border-style: solid;
}
td.pourcentback {
    background-color: #fff;
}
td.catHead, th.thHead {
    border-width: 1px 1px 0;
    font-size: 12px;
}
td.catSides, td.spaceRow, th.thSides {
    border-width: 0 1px;
}
td.catRight, td.row3Right, th.thRight {
    border-width: 0 1px 0 0;
}
td.catLeft, th.thLeft {
    border-width: 0 0 0 1px;
}
td.catBottom, th.thBottom {
    border-width: 0 1px 1px;
}
th.thTop {
    border-width: 1px 0 0;
}
th.thCornerL {
    border-width: 1px 0 0 1px;
}
th.thCornerR {
    border-width: 1px 1px 0 0;
}
.maintitle, .maintitle h1 {
    color: #000;
    font-family: TrebuchetMS,Verdana,Arial,Helvetica,sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 120%;
    text-decoration: none;
}
.forumline .row1, .forumline .row2, .forumline .row3, .forumline .row3Right {
    padding: 2px 3px;
}
.forumline td.pagination {
    padding: 0;
}
.maintitle h1 {
    display: inline;
    margin: 0;
    padding: 0;
}
.gen {
    font-size: 12px;
}
.genmed {
    font-size: 11px;
}
.gensmall {
    font-size: 10px;
}
.gen, .genmed, .gensmall {
    color: #000;
}
a.gen, a.genmed, a.gensmall {
    color: #061f2b;
    text-decoration: none;
}
a.gen:hover, a.genmed:hover, a.gensmall:hover {
    color: #1a97d6;
    text-decoration: underline;
}
.mainmenu {
    color: #000;
    font-size: 11px;
}
a.mainmenu {
    color: #061f2b;
    left: 0;
    position: relative;
    text-decoration: none;
    top: -200px;
}
a.mainmenu:hover {
    color: #1a97d6;
    text-decoration: underline;
}
.cattitle {
    color: #061f2b;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
}
h1.cattitle {
    display: inline;
    margin: 0;
    padding: 0;
}
a.cattitle {
    color: #061f2b;
    text-decoration: none;
}
a.cattitle:hover {
    text-decoration: underline;
}
.forumlink {
    color: #061f2b;
    font-size: 12px;
    font-weight: 700;
}
a.forumlink {
    color: #061f2b;
    text-decoration: none;
}
a.forumlink:link {
    color: #061f2b;
}
a.forumlink:visited {
    color: #09364d;
}
a.forumlink:active {
    color: #09364d;
}
a.forumlink:hover {
    color: #1a97d6;
    text-decoration: underline;
}
.nav {
    color: #000;
    font-size: 11px;
    font-weight: 700;
}
a.nav {
    color: #061f2b;
    text-decoration: none;
}
a.nav:hover {
    text-decoration: underline;
}
.topictitle, h1, h2 {
    color: #000;
    font-size: 11px;
    font-weight: 700;
}
div.topictitle {
    display: inline;
}
h2.topic-title {
    display: inline;
    margin: 0;
    padding: 0;
}
a.topictitle:link {
    color: #061f2b;
    text-decoration: none;
}
a.topictitle:visited {
    color: #09364d;
    text-decoration: none;
}
a.topictitle:active {
    color: #09364d;
    text-decoration: none;
}
a.topictitle:hover {
    color: #1a97d6;
    text-decoration: underline;
}
.name {
    color: #000;
    font-size: 11px;
}
.name a {
    text-decoration: none;
}
.postdetails {
    color: #000;
    font-size: 10px;
}
.postbody {
    font-size: 12px;
    line-height: 18px;
}
a.postlink:link {
    color: #061f2b;
    text-decoration: none;
}
a.postlink:visited {
    color: #09364d;
    text-decoration: none;
}
a.postlink:active {
    color: #09364d;
    text-decoration: none;
}
a.postlink:hover {
    color: #1a97d6;
    text-decoration: underline;
}
.code {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fafafa;
    border-color: #d1d7dc;
    border-image: none;
    border-style: solid;
    border-width: medium 1px 1px medium;
    color: #060;
    font-family: Courier,CourierNew,sans-serif;
    font-size: 11px;
}
.code div.cont_code {
    max-height: 200px;
    overflow: auto;
}
.quote {
    background-color: #fafafa;
    border: 1px solid #d1d7dc;
    color: #444;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    line-height: 125%;
}
.coloradmin {
    color: #ffa34f;
}
.colormod {
    color: #060;
}
.vote {
    float: right;
    margin-left: 4px;
    width: 10px;
}
.vote .vote-button {
    font-weight: 700;
    margin-left: -1px;
    text-align: center;
}
.vote .vote-button a {
    text-decoration: none !important;
}
.vote .vote-bar {
    border: 1px solid #000;
    font-size: 0;
    height: 50px;
    margin: 0 auto;
    width: 3px;
}
.vote .vote-no-bar {
    letter-spacing: -2px;
    margin-left: -2px;
    white-space: nowrap;
}
.vote .vote-bar-plus {
    background-color: #0f0;
}
.vote .vote-bar-minus {
    background-color: red;
}
h1.pagetitle {
    color: #09364d;
    display: inline;
    font-size: 12px;
    margin: 0;
    padding: 0;
}
h1.title2 {
    font-size: 11px;
}
.secondarytitle, .secondarytitle h2 {
    color: #09364d;
    margin: 0;
    padding: 0;
}
.secondarytitle h2 {
    display: inline;
    font-family: prociono;
    font-size: 20px;
}
.nav h1 {
    display: inline;
}
.hierarchy {
    border: medium none;
    display: inline;
    font-size: 10px;
    margin: 0;
    padding: 0;
    text-transform: none;
}
.mod-text {
    font-weight: 700;
}
img {
    border: 0 none;
}
#text_editor_iframe, input, select, textarea {
    border-color: #000;
    color: #000;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
}
#text_editor_iframe, input.post, select, textarea.inputbox, textarea.post {
    background-color: #fff;
}
.post-options {
    text-align: right;
}
.post-options img {
    cursor: pointer;
    vertical-align: middle;
}
input {
    background-color: #dee3e7;
    text-indent: 2px;
}
input.button {
    background-color: #efefef;
    border-width: 1px;
    color: #000;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
}
input.mainoption {
    background-color: #fafafa;
    font-weight: 700;
}
input.liteoption {
    background-color: #fafafa;
    font-weight: 400;
}
.helpline {
    background-color: #dee3e7;
    border-style: none;
}
button.button2, input.button2 {
    background-color: #fafafa;
    background-image: url("https://illiweb.com/fa/prosilver/bg_button.gif");
    background-position: center top;
    background-repeat: repeat-x;
    border: 1px solid #bcbcbc;
    color: #000;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 0.7em;
    overflow: visible;
    padding: 1px 0;
    vertical-align: middle;
    width: auto !important;
}
button.button2:hover, input.button2:hover {
    background-position: 0 100%;
    border: 1px solid #1a97d6;
    color: #1a97d6;
}
* html button.button2, * html input.button2 {
    height: 24px;
    margin-bottom: 1px;
    padding-bottom: 0;
    padding-left: 3px;
    padding-right: 3px;
}
* + html button.button2, * + html input.button2 {
    height: 24px;
    padding-left: 3px;
    padding-right: 3px;
}
* + html button.button2 img {
    vertical-align: middle;
}
* html button.button2 img {
    vertical-align: middle;
}
button.bbcode {
    background-image: url("https://illiweb.com/fa/wysiwyg/bg_button.png");
    border: 1px solid #e3adad;
}
.select {
    background-color: #fff;
    border: 1px solid #bcbcbc;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 0;
    z-index: 100;
}
.select p {
    font-size: 0.7em;
    margin: 0;
    padding: 4px 6px;
    text-align: left;
    white-space: nowrap;
}
.select button {
    background-color: #fff;
    border: medium none;
    font-size: 0.9em;
    margin: 0;
    padding: 4px;
    text-align: left;
}
.select button.button2 {
    border: 1px solid #bcbcbc;
    padding: 0;
}
* html .select button.button2 {
    padding-left: 3px;
    padding-right: 3px;
}
.select button.button2:hover {
    background-position: 0 100%;
    border: 1px solid #1a97d6;
    color: #1a97d6;
}
.select button:hover, .selectHover {
    background-color: #eee;
    cursor: pointer;
}
textarea#text_editor_textarea {
    width: 100% !important;
}
iframe#text_editor_iframe {
    height: 200px;
    width: 100%;
}
form#quick_reply textarea#text_editor_textarea {
    height: 100%;
    width: 100% !important;
}
form#quick_reply iframe#text_editor_iframe {
    width: 100%;
}
* html form#quick_reply iframe#text_editor_iframe {
    width: 600px;
}
* + html form#quick_reply iframe#text_editor_iframe {
    width: 600px;
}
input, select, textarea {
    border-width: 1px;
}
ul.abuse {
    font-size: 0.9em;
    line-height: 1.5em;
    list-style: outside none none;
}
.rtl-spacer:before {
    content: " ";
    white-space: pre;
}
.rtl-spacer:after {
    content: " ";
    white-space: pre;
}
.warning {
    color: #f33;
}
.captcha div.captcha-img {
    float: left;
    margin: 0 1em 0 0;
}
.captcha .inputbox {
    margin-top: 0.5em;
}
.align_gauche {
    text-align: left;
}
.center {
    text-align: center;
}
.align_droite {
    text-align: right;
}
.right {
    float: right;
}
.left {
    float: left;
}
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
* + html .clearfix {
    min-height: 1px;
}
* html .clearfix {
    clear: both;
    height: 1%;
    position: relative;
}
.clear {
    clear: both;
}
#content-container #left {
    margin-right: 3px;
    width: 180px;
}
#content-container #right {
    margin-left: 3px;
    width: 0;
}
.module-title {
    display: block;
    font-family: arial;
    font-size: 12px;
    font-weight: 700;
    margin: 0 auto;
    text-align: center;
    text-shadow: 1px 1px 3px #fff;
}
#frame_chatbox {
    border: medium none !important;
}
body.chatbox {
    background-color: #fff;
    background-image: none;
    margin: 0;
    min-width: 550px !important;
    padding: 0;
}
#chatbox_members {
    border-right: 1px solid;
    bottom: 30px;
    overflow: auto;
    position: absolute;
    top: 30px;
    width: 180px;
}
#chatbox {
    bottom: 30px;
    left: 181px;
    line-height: 10px;
    overflow: auto;
    position: absolute;
    right: 0;
    top: 30px;
}
.chatbox_row_1, .chatbox_row_2, .chatbox_row_3 {
    font-size: 12px;
}
.chatbox-options {
    text-align: right;
}
#chatbox_messenger_form, #chatbox_messenger_form .gen, #chatbox_messenger_form .text-field {
    float: right;
    white-space: nowrap;
}
#chatbox_footer {
    bottom: 0;
    height: 30px;
    left: 0;
    position: absolute;
    right: 0;
}
#chatbox_footer table.text-styles {
    float: right;
}
#chatbox_footer .text-field {
    float: left;
}
#chatbox_header {
    background-color: #fff;
    height: 30px;
}
#chatbox p {
    line-height: 1.2em;
}
.chatbox_row_1 {
    background-color: #efefef;
    padding: 4px;
}
.chatbox_row_2 {
    background-color: #dee3e7;
    padding: 4px;
}
.chatbox_row_3 {
    background-color: #d1d7dc;
    padding: 4px;
}
.memberlist_row_1 {
    background-color: #efefef;
    padding: 2px 2px 2px 10px;
}
#chatbox_members .member-title {
    background-color: #d1d7dc;
    background-image: none;
    color: #061f2b;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    padding: 0.5em 0.25em;
    text-align: center;
}
#chatbox_members ul {
    list-style: outside none none;
    margin: 0 0 0 10px;
}
#chatbox_members ul li {
    margin: 2px 2px 2px 0;
}
#message, #submit_button {
    border-width: 1px;
}
.fontbutton {
    border: 0 none;
    cursor: pointer;
    padding: 1px;
    text-align: left;
}
.fontbutton_normal {
    background: none repeat scroll 0 0 #e1e1e2;
}
.fontbutton_selected {
    background: none repeat scroll 0 0 #bbc7ce;
    border: 1px solid #22229c;
}
.fontbutton_clicked {
    background: none repeat scroll 0 0 #959595;
    border: 1px solid #22229c;
}
.fontbutton_hover {
    background: none repeat scroll 0 0 #e1e1e2;
    border: 1px solid #22229c;
}
#chatbox .user {
    font-weight: 700;
}
div#chatbox {
    color: #000;
}
#chatbox_contextmenu {
    background-color: #d1d7dc;
    border: 1px solid #aaa;
}
#chatbox_contextmenu p {
    border-bottom: 1px solid #777;
    font-family: verdana,arial,sans-serif;
    margin: 0;
    padding: 1px 4px;
}
#chatbox_contextmenu p.close {
    background: url("") repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #fff;
    font-size: 70%;
    padding: 1px;
}
#chatbox_contextmenu p.close img {
    padding-left: 20px;
    vertical-align: middle;
}
#chatbox_contextmenu a {
    font-size: 70%;
    text-decoration: none;
}
.poll-result td {
    padding: 2px 4px;
    text-align: left;
}
.poll-result td.poll-results, .poll-result td.poll-title {
    text-align: center;
}
.progress-bar td {
    padding: 0 !important;
}
.poll-ballot {
    text-align: left;
}
#profile-advanced-avatar .module, #profile-advanced-details, #profile-advanced-points .module, #profile-advanced-reputation .module {
    margin-right: 3px;
}
#profile-advanced-avatar .module, #profile-advanced-points .module, #profile-advanced-reputation .module, #profile-advanced-right .module {
    margin-bottom: 3px;
}
#profile-advanced-button {
    padding: 1px;
}
#profile-advanced-details {
    overflow: hidden;
}
#profile-advanced-details ol {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
#profile-advanced-details ol li {
    display: block;
    margin-bottom: 4px;
}
#profile-advanced-details .avatar {
    float: left;
}
.avatar {
    background-color: #fff;
    width: 50px;
}
.avatar img {
    width: 50px;
}
.friend-block .avatar {
    cursor: pointer;
    margin: 0 auto;
}
.avatar.mini, .avatar.mini img {
    height: 75px;
    width: 65px;
}
.friend-block {
    float: left;
    margin: 1px;
    overflow: hidden;
    text-align: center;
    width: 70px;
}
.friend_list_online_status {
    font-size: 0.9em;
    line-height: 11px;
}
.friend_list_online_status img {
    vertical-align: middle;
}
.friends-foes-list {
    float: left;
    height: 2em;
    width: 200px;
}
#profile-advanced-details .message-block {
    margin-left: 57px;
}
#profile-advanced-details .message-header {
    background: none repeat scroll 0 0 #dee3e7;
    border-top: 1px solid #d1d7dc;
    margin-bottom: 4px;
    padding: 4px;
}
#profile-advanced-details .message-date {
    float: right;
}
#profile-advanced-details .message-body {
    margin-bottom: 4px;
}
#profile-advanced-details .message-footer {
    text-align: right;
}
#profile-advanced-details .message-footer li {
    display: inline;
    margin: 0 0.25em;
}
#profile-advanced-details .message-footer li:after {
    content: " .";
}
#profile-advanced-details .message-footer li a {
    margin-right: 0.25em;
    text-decoration: underline;
}
#profile-advanced-details .message-footer li.last:after {
    content: normal;
}
#profile-advanced-add {
    margin-right: 4px;
    padding: 8px 0;
    text-align: right;
}
#profile-advanced-details .stats-field {
    margin: 4px 0 10px 4px;
    padding: 0 10px 6px;
}
#profile-advanced-details .stats-field legend {
    font-weight: 700;
}
#profile-advanced-details .stats-field ul {
    list-style-type: none;
    padding: 0;
    text-indent: 10px;
}
#profile-advanced-details .stats-field li {
    margin: 4px 0;
}
#login_popup {
    display: none;
    position: absolute;
    z-index: 999;
}
#login_popup_buttons {
    bottom: 6px;
    height: 19px;
    position: absolute;
    right: 6px;
}
#login_popup_buttons input {
    margin-left: 6px;
}
ul.profile_field_list {
    margin: 0;
    padding: 0;
}
html ul.profile_field_list li {
    list-style-type: none;
}
ul.profile_field_list > li {
    list-style-type: none;
}
.inputURL {
    font-family: "Courier New","Times New roman";
    font-size: 10px;
    letter-spacing: -1px;
}
.middleline {
    line-height: 2em;
}
.invisible {
    display: none;
    visibility: hidden;
}
.visible {
    display: block;
    visibility: visible;
}
.ajax-profil_hover {
    background: none repeat scroll 0 0 transparent;
}
.ajax-profil_parent {
    position: relative;
}
.ajax-profil_edit {
    cursor: pointer;
    left: -18px;
    position: absolute;
    top: 0;
}
.ajax-profil_edit img {
    margin-left: 4px;
}
.ajax-profil_valid {
    cursor: pointer;
    margin-left: 4px;
    vertical-align: middle;
}
#profile-advanced-details dl {
    margin: 10px 0 0;
    padding: 8px 10px 8px 0;
    width: 98%;
}
#profile-advanced-details dl dt {
    display: block;
    float: left;
    width: 10em;
}
#profile-advanced-details dl dd {
    margin-left: 10em;
    padding-left: 12px;
}
#profile-advanced-details div.separator {
    border-bottom: 1px solid #dcdcdc;
    clear: both;
    font-size: 1px;
    line-height: 1px;
    padding-top: 10px;
}
#profile-advanced-details .ajax-profil_edit {
    left: -4px;
}
.jqmWindow {
    background-color: #fff;
    display: none;
    left: 50%;
    margin-left: -225px;
    margin-top: -125px;
    position: fixed;
    top: 50%;
    width: 450px;
}
.jqmOverlay {
    background-color: #000;
}
.jqDrag {
    cursor: move;
}
.blog_cal-border {
    background: none repeat scroll 0 0 #efefef;
    display: inline;
    float: left;
    font-size: 0.9em;
    margin-right: 10px;
    padding: 1px;
}
.blog_cal-content {
    font-family: "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
    line-height: 1.4em;
    padding: 1px;
    text-align: center;
    width: 2.9em;
}
.blog_cal-content span {
    display: block;
}
.blog_cal-day {
    font-size: 1.6em;
    letter-spacing: 0.2em;
    padding-left: 0.2em;
}
.blog_cal-month {
    font-size: 2em;
    font-weight: 700;
    line-height: 0.7em;
}
.blog_cal-year {
    font-size: 0.8em;
    line-height: 1.2em;
}
.blog_title {
    font-size: 16px;
    padding-top: 5px;
}
.blog_title img {
    vertical-align: middle;
}
.blog_title .topictitle {
    font-size: 16px;
}
.blog_message {
    font-size: 12px;
    margin-top: 12px;
}
.blog_comments {
    margin-bottom: 2px;
    text-align: right;
}
.blog_comments img {
    vertical-align: middle;
}
#blog_comments {
    margin: 0 auto;
    width: 90%;
}
#blog_comments .postbody {
    width: 96%;
}
.blog_comment-avatar {
    float: left;
}
.blog_comment-avatar img {
    background-color: #fff;
    margin: 5px 5px 0 0;
    vertical-align: middle;
    width: 38px;
}
#blog_comments table {
    margin-bottom: 2px;
}
#blog_comments .h3 {
    margin-left: 45px;
    margin-top: 0;
    min-height: 22px;
    overflow: hidden;
    padding: 0;
}
.blog_comment-title {
    float: left;
    margin-top: 7px;
    min-height: 12px;
}
.blog_comment-title a {
    text-decoration: none;
}
#blog_comments .profile-icons {
    float: right;
    margin-bottom: 5px;
}
#bookmarks {
    float: right;
}
#bookmarks a img {
    background: url("https://illiweb.com/fa/social_bookmarking/social_bookmarking.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 20px;
    vertical-align: middle;
    width: 20px;
}
#bookmarks a img.twitter {
    background: url("https://illiweb.com/fa/social_bookmarking/twitter.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 16px;
    margin: 2px;
    width: 16px;
}
#bookmarks img.delicious {
    background-position: -10px -10px;
}
#bookmarks img.digg {
    background-position: -10px -50px;
}
#bookmarks img.excite {
    background-position: -9px -90px;
}
#bookmarks img.facebook {
    background-position: -9px -128px;
}
#bookmarks img.furl {
    background-position: -10px -166px;
}
#bookmarks img.google {
    background-position: -10px -206px;
}
#bookmarks img.live {
    background-position: -9px -246px;
}
#bookmarks img.netscape {
    background-position: -9px -284px;
}
#bookmarks img.newsvine {
    background-position: -9px -322px;
}
#bookmarks img.reddit {
    background-position: -10px -360px;
}
#bookmarks img.slashdot {
    background-position: -10px -400px;
}
#bookmarks img.smarking {
    background-position: -9px -440px;
}
#bookmarks img.stumbleupon {
    background-position: -10px -478px;
}
#bookmarks img.technorati {
    background-position: -10px -518px;
}
#bookmarks img.yahoo {
    background-position: -10px -558px;
}
.mceContentBody {
    background: none repeat scroll 0 0 #dee3e7;
    color: #000;
}
.align_right {
    text-align: right;
}
.resize_process .resizebox {
    display: none;
}
.resize_process img.resize_img {
    display: none;
}
.resizebox a.enlarge, .resizebox.enlarged a.resize, .resizebox.showfull a.fullsize {
    display: inline;
}
.resizebox a.fullsize, .resizebox a.resize, .resizebox.enlarged a.enlarge {
    display: none;
}
.resizebox {
    background-color: #fafafa;
    cursor: default;
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    line-height: 1.1em;
    margin: 0;
    max-width: 100%;
    text-align: left;
}
.resizebox div {
    font-style: normal;
    font-weight: 400;
    margin: 0;
}
.resizebox .resize_border {
    border: 1px solid #d1d7dc;
    display: block;
}
.resizebox .resize_content {
    display: inline;
    padding: 5px 10px;
}
.resizebox .resize_filler {
    border: medium none;
    display: inline;
    padding: 0;
    width: 40px;
}
.attachbox {
    background-color: #fafafa;
    border: 1px dashed #d1d7dc;
    clear: left;
    color: #000;
    float: left;
    margin: 5px 5px 5px 0;
    padding: 6px;
    width: auto;
}
.attachbox dt {
    font-family: Arial,Helvetica,sans-serif;
    text-transform: uppercase;
}
.attachbox dd {
    border-top: 1px solid #d1d7dc;
    clear: left;
    font-size: 0.9em;
    margin-left: 10px;
    padding: 0;
}
dl.file {
    display: block;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    margin-bottom: 10px;
}
dl.file dt {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-weight: 700;
    margin: 0;
    padding: 0;
    text-transform: none;
}
dl.file dt img {
    vertical-align: middle;
}
.info {
    font-size: 10px;
    font-style: italic;
}
.spoiler_closed {
    background-color: #fafafa;
    border: 1px solid #d1d7dc;
    color: #444;
    display: block;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    line-height: 125%;
}
.spoiler_closed.hidden {
    display: none;
}
.spoiler_content {
    background-color: #fafafa;
    border: 1px solid #d1d7dc;
    color: #444;
    display: block;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    line-height: 125%;
}
.spoiler_content.hidden {
    display: none;
}
.user_login_form {
    margin-bottom: 5px;
}
.fb_or {
    background-color: #d1d7dc;
    color: #444;
    display: block;
    font-weight: 700;
    height: 16px;
    line-height: 16px;
    padding: 5px;
    width: 26px;
}
.fb_or_widget {
    background-color: #d1d7dc;
    color: #444;
    font-weight: 700;
    height: 16px;
    line-height: 16px;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
    text-align: center;
    width: 26px;
}
.fb_login_widget {
    margin: 10px 0 0;
}
.fb_login_widget .fb_or {
    margin: 0 70px 0 60px;
}
.fb-like {
    margin: 0 5px;
    overflow: hidden;
}
#cont_pwd {
    float: left;
    height: 21px;
    padding: 0 0 0 20px;
    width: 150px;
}
.pwd_img {
    color: #000;
    display: none;
    font-size: 11px;
    font-weight: 700;
    height: 14px;
    line-height: 14px;
    padding: 4px 0 3px;
    text-align: center;
    width: 150px;
}
#pwd_good {
    background: url("https://illiweb.com/fa/p_strength/pwd_good.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
}
#pwd_middle {
    background: url("https://illiweb.com/fa/p_strength/pwd_middle.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
}
#pwd_bad {
    background: url("https://illiweb.com/fa/p_strength/pwd_bad.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
}
#fb_explain td {
    padding: 5px 0;
    vertical-align: top;
}
.row1.fb {
    padding: 5px 2px 4px;
}
.row2.fb {
    padding: 2px 3px 2px 8px;
}
#cont_fb_invit iframe {
    width: 760px !important;
}
.mod_bookmarks a img {
    background: url("https://illiweb.com/fa/social_bookmarking/social_bookmarking_fa.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 20px;
    vertical-align: middle;
    width: 20px;
}
.mod_bookmarks img.digg {
    background-position: -10px -47px;
}
.mod_bookmarks img.delicious {
    background-position: -10px -8px;
}
.mod_bookmarks img.reddit {
    background-position: -10px -359px;
}
.mod_bookmarks img.slashdot {
    background-position: -10px -398px;
}
.mod_bookmarks img.stumbleupon {
    background-position: -10px -476px;
}
.mod_bookmarks img.furl {
    background-position: -10px -163px;
}
.mod_bookmarks img.yahoo {
    background-position: -10px -554px;
}
.mod_bookmarks img.google {
    background-position: -10px -204px;
}
.mod_bookmarks img.blinklist {
    background-position: -10px -665px;
}
.mod_bookmarks img.blogmarks {
    background-position: -10px -630px;
}
.mod_bookmarks img.technorati {
    background-position: -10px -516px;
}
.mod_rss_feeds a img {
    background: url("https://illiweb.com/fa/rss_mod/sprite_rss_feeds.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 17px;
    padding-bottom: 2px;
    vertical-align: middle;
    width: 91px;
}
.mod_rss_feeds img.yahoo {
    background-position: 0 0;
}
.mod_rss_feeds img.google-reader {
    background-position: -100px 0;
}
.mod_rss_feeds img.msn {
    background-position: -199px 0;
}
.mod_rss_feeds img.aol {
    background-position: -299px 0;
}
.mod_rss_feeds img.newsgator {
    background-position: -399px 0;
}
.mod_rss_feeds img.netvibes {
    background-position: -498px 0;
}
.mod_rss_feeds img.bloglines {
    background-position: -598px 0;
}
.mod_rss_feeds img.rss {
    background: url("https://illiweb.com/fa/rss_mod/rss_br10.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 17px;
    padding-bottom: 2px;
    vertical-align: middle;
    width: 91px;
}
.mod_rss_feeds img.xml {
    background: url("https://illiweb.com/fa/rss_mod/xml10.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 17px;
    padding-bottom: 2px;
    vertical-align: middle;
    width: 91px;
}
.mod_rss_feeds img.rss2 {
    background: url("https://illiweb.com/fa/rss_mod/rss10.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 17px;
    padding-bottom: 2px;
    vertical-align: middle;
    width: 91px;
}
.sprite-arrow_prosilver_down {
    background: url("https://illiweb.com/fa/sprite_icons.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 6px;
    width: 6px;
}
.sprite-arrow_prosilver_left {
    background: url("https://illiweb.com/fa/sprite_icons.png") no-repeat scroll -56px 0 rgba(0, 0, 0, 0);
    height: 6px;
    width: 4px;
}
.sprite-arrow_prosilver_right {
    background: url("https://illiweb.com/fa/sprite_icons.png") no-repeat scroll -110px 0 rgba(0, 0, 0, 0);
    height: 6px;
    width: 4px;
}
.sprite-arrow_prosilver_up {
    background: url("https://illiweb.com/fa/sprite_icons.png") no-repeat scroll -164px 0 rgba(0, 0, 0, 0);
    height: 6px;
    width: 6px;
}
.sprite-arrow_subsilver_down {
    background: url("https://illiweb.com/fa/sprite_icons.png") no-repeat scroll -220px 0 rgba(0, 0, 0, 0);
    height: 9px;
    width: 9px;
}
.sprite-arrow_subsilver_left {
    background: url("https://illiweb.com/fa/sprite_icons.png") no-repeat scroll -279px 0 rgba(0, 0, 0, 0);
    height: 9px;
    width: 9px;
}
.sprite-arrow_subsilver_right {
    background: url("https://illiweb.com/fa/sprite_icons.png") no-repeat scroll -338px 0 rgba(0, 0, 0, 0);
    height: 9px;
    width: 9px;
}
.sprite-arrow_subsilver_up {
    background: url("https://illiweb.com/fa/sprite_icons.png") no-repeat scroll -397px 0 rgba(0, 0, 0, 0);
    height: 9px;
    width: 9px;
}
.sprite-icon_minipost {
    background: url("https://illiweb.com/fa/sprite_icons.png") no-repeat scroll -456px 0 rgba(0, 0, 0, 0);
    height: 9px;
    width: 12px;
}
.sprite-icon_minipost_new {
    background: url("https://illiweb.com/fa/sprite_icons.png") no-repeat scroll -518px 0 rgba(0, 0, 0, 0);
    height: 9px;
    width: 12px;
}
.sprite-icon_minipost_participate {
    background: url("https://illiweb.com/fa/sprite_icons.png") no-repeat scroll -580px 0 rgba(0, 0, 0, 0);
    height: 9px;
    width: 12px;
}
.sprite-icon_miniposted {
    background: url("https://illiweb.com/fa/sprite_icons.png") no-repeat scroll -642px 0 rgba(0, 0, 0, 0);
    height: 9px;
    width: 12px;
}
.sprite-icon_pages {
    background: url("https://illiweb.com/fa/sprite_icons.png") no-repeat scroll -704px 0 rgba(0, 0, 0, 0);
    height: 12px;
    width: 11px;
}
.sprite-icon_post_target {
    background: url("https://illiweb.com/fa/sprite_icons.png") no-repeat scroll -765px 0 rgba(0, 0, 0, 0);
    height: 9px;
    width: 11px;
}
.sprite-icon_post_target_unread {
    background: url("https://illiweb.com/fa/sprite_icons.png") no-repeat scroll -826px 0 rgba(0, 0, 0, 0);
    height: 9px;
    width: 11px;
}
.sprite-icon_reply {
    background: url("https://illiweb.com/fa/sprite_icons.png") no-repeat scroll -887px 0 rgba(0, 0, 0, 0);
    height: 9px;
    width: 18px;
}
.sprite-icon_reply_new {
    background: url("https://illiweb.com/fa/sprite_icons.png") no-repeat scroll -955px 0 rgba(0, 0, 0, 0);
    height: 9px;
    width: 18px;
}
.sprite-icon_tiny_topic {
    background: url("https://illiweb.com/fa/sprite_icons.png") no-repeat scroll -1023px 0 rgba(0, 0, 0, 0);
    height: 11px;
    width: 10px;
}
.sprite-icon_topic_latest {
    background: url("https://illiweb.com/fa/sprite_icons.png") no-repeat scroll -1083px 0 rgba(0, 0, 0, 0);
    height: 9px;
    width: 11px;
}
.sprite-icon_topic_newest {
    background: url("https://illiweb.com/fa/sprite_icons.png") no-repeat scroll -1144px 0 rgba(0, 0, 0, 0);
    height: 9px;
    width: 11px;
}
.sprite-subforum_read {
    background: url("https://illiweb.com/fa/sprite_icons.png") no-repeat scroll -1205px 0 rgba(0, 0, 0, 0);
    height: 9px;
    width: 11px;
}
.sprite-subforum_unread {
    background: url("https://illiweb.com/fa/sprite_icons.png") no-repeat scroll -1266px 0 rgba(0, 0, 0, 0);
    height: 9px;
    width: 11px;
}
.sprite-tabs_less {
    background: url("https://illiweb.com/fa/sprite_icons.png") no-repeat scroll -1327px 0 rgba(0, 0, 0, 0);
    height: 9px;
    width: 9px;
}
.sprite-tabs_more {
    background: url("https://illiweb.com/fa/sprite_icons.png") no-repeat scroll -1386px 0 rgba(0, 0, 0, 0);
    height: 9px;
    width: 9px;
}
.sprite-icon_calendar {
    background: url("https://illiweb.com/fa/sprite_prosilver_navbar.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 13px;
    width: 14px;
}
.sprite-icon_faq {
    background: url("https://illiweb.com/fa/sprite_prosilver_navbar.png") no-repeat scroll 0 -63px rgba(0, 0, 0, 0);
    height: 14px;
    width: 16px;
}
.sprite-icon_gallery {
    background: url("https://illiweb.com/fa/sprite_prosilver_navbar.png") no-repeat scroll 0 -127px rgba(0, 0, 0, 0);
    height: 14px;
    width: 14px;
}
.sprite-icon_groups {
    background: url("https://illiweb.com/fa/sprite_prosilver_navbar.png") no-repeat scroll 0 -191px rgba(0, 0, 0, 0);
    height: 14px;
    width: 16px;
}
.sprite-icon_home {
    background: url("https://illiweb.com/fa/sprite_prosilver_navbar.png") no-repeat scroll 0 -255px rgba(0, 0, 0, 0);
    height: 12px;
    width: 13px;
}
.sprite-icon_logout {
    background: url("https://illiweb.com/fa/sprite_prosilver_navbar.png") no-repeat scroll 0 -317px rgba(0, 0, 0, 0);
    height: 14px;
    width: 16px;
}
.sprite-icon_members {
    background: url("https://illiweb.com/fa/sprite_prosilver_navbar.png") no-repeat scroll 0 -381px rgba(0, 0, 0, 0);
    height: 14px;
    width: 16px;
}
.sprite-icon_message {
    background: url("https://illiweb.com/fa/sprite_prosilver_navbar.png") no-repeat scroll 0 -445px rgba(0, 0, 0, 0);
    height: 14px;
    width: 16px;
}
.sprite-icon_portal {
    background: url("https://illiweb.com/fa/sprite_prosilver_navbar.png") no-repeat scroll 0 -509px rgba(0, 0, 0, 0);
    height: 14px;
    width: 14px;
}
.sprite-icon_register {
    background: url("https://illiweb.com/fa/sprite_prosilver_navbar.png") no-repeat scroll 0 -573px rgba(0, 0, 0, 0);
    height: 14px;
    width: 16px;
}
.sprite-icon_search {
    background: url("https://illiweb.com/fa/sprite_prosilver_navbar.png") no-repeat scroll 0 -637px rgba(0, 0, 0, 0);
    height: 14px;
    width: 16px;
}
.sprite-icon_textbox_search {
    background: url("https://illiweb.com/fa/sprite_prosilver_navbar.png") no-repeat scroll 0 -701px rgba(0, 0, 0, 0);
    height: 14px;
    width: 16px;
}
.sprite-icon_ucp {
    background: url("https://illiweb.com/fa/sprite_prosilver_navbar.png") no-repeat scroll 0 -765px rgba(0, 0, 0, 0);
    height: 14px;
    width: 16px;
}
.sprite-icon_mini_calendar {
    background: url("https://illiweb.com/fa/sprite_subsilver_menu.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 13px;
    width: 12px;
}
.sprite-icon_mini_faq {
    background: url("https://illiweb.com/fa/sprite_subsilver_menu.png") no-repeat scroll -62px 0 rgba(0, 0, 0, 0);
    height: 13px;
    width: 12px;
}
.sprite-icon_mini_gallery {
    background: url("https://illiweb.com/fa/sprite_subsilver_menu.png") no-repeat scroll -124px 0 rgba(0, 0, 0, 0);
    height: 13px;
    width: 12px;
}
.sprite-icon_mini_groups {
    background: url("https://illiweb.com/fa/sprite_subsilver_menu.png") no-repeat scroll -186px 0 rgba(0, 0, 0, 0);
    height: 13px;
    width: 12px;
}
.sprite-icon_mini_index {
    background: url("https://illiweb.com/fa/sprite_subsilver_menu.png") no-repeat scroll -248px 0 rgba(0, 0, 0, 0);
    height: 13px;
    width: 13px;
}
.sprite-icon_mini_login {
    background: url("https://illiweb.com/fa/sprite_subsilver_menu.png") no-repeat scroll -311px 0 rgba(0, 0, 0, 0);
    height: 13px;
    width: 12px;
}
.sprite-icon_mini_members {
    background: url("https://illiweb.com/fa/sprite_subsilver_menu.png") no-repeat scroll -373px 0 rgba(0, 0, 0, 0);
    height: 13px;
    width: 12px;
}
.sprite-icon_mini_message {
    background: url("https://illiweb.com/fa/sprite_subsilver_menu.png") no-repeat scroll -435px 0 rgba(0, 0, 0, 0);
    height: 13px;
    width: 12px;
}
.sprite-icon_mini_portal {
    background: url("https://illiweb.com/fa/sprite_subsilver_menu.png") no-repeat scroll -497px 0 rgba(0, 0, 0, 0);
    height: 13px;
    width: 13px;
}
.sprite-icon_mini_profile {
    background: url("https://illiweb.com/fa/sprite_subsilver_menu.png") no-repeat scroll -560px 0 rgba(0, 0, 0, 0);
    height: 13px;
    width: 12px;
}
.sprite-icon_mini_register {
    background: url("https://illiweb.com/fa/sprite_subsilver_menu.png") no-repeat scroll -622px 0 rgba(0, 0, 0, 0);
    height: 13px;
    width: 12px;
}
.sprite-icon_mini_search {
    background: url("https://illiweb.com/fa/sprite_subsilver_menu.png") no-repeat scroll -684px 0 rgba(0, 0, 0, 0);
    height: 13px;
    width: 12px;
}
#search_menu a img {
    background: url("https://illiweb.com/fa/sprite_subsilver_menu.png") no-repeat scroll -684px 0 rgba(0, 0, 0, 0);
    height: 13px;
    width: 12px;
}
#at16lb {
    background-color: #000;
    display: none;
    height: 100%;
    left: 0;
    opacity: 0.001;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999;
}
#at16pc, #at16pi, #at16pib, #at20mc, #at_complete, #at_email, #at_error, #at_share, #at_success {
    position: static !important;
}
#at20mc {
    left: 0;
    position: absolute;
    top: 0;
}
#at20mc a {
    color: #36b;
}
.at15a {
    border: 0 none;
    height: 0;
    margin: 0;
    padding: 0;
    width: 230px;
}
.atnt {
    height: 24px !important;
    padding: 6px 0 0 !important;
    text-align: center !important;
}
.atnt a {
    color: #36b;
    text-decoration: none;
}
.atnt a:hover {
    text-decoration: underline;
}
#at15s, #at16nms, #at16p, #at16p form input, #at16p form textarea, #at16p label, #at_msg, #at_share .at_item {
    font-family: arial,helvetica,tahoma,verdana,sans-serif !important;
    font-size: 12px !important;
    line-height: 1em;
    outline-style: none;
    outline-width: 0;
}
* html #at15s.mmborder {
    position: absolute !important;
}
#at15s.mmborder {
    border: 10px solid #7f7f7f !important;
    position: fixed !important;
    width: 240px !important;
}
#at15s {
    background-color: #fff !important;
    background-image: none !important;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    color: #4c4c4c !important;
    padding: 0 !important;
    right: 8px;
    top: 1px;
    width: 160px !important;
}
#at15s_head {
    background: none repeat scroll 0 0 #f2f2f2;
    border-bottom: 1px solid #e5e5e5;
    cursor: default;
    padding: 4px;
    position: relative;
}
#at15s_brand, #at16_brand {
    position: absolute;
}
#at15s_brand {
    right: 4px;
    top: 4px;
}
#at16_brand {
    cursor: default;
    right: 30px;
    top: 5px;
}
#at_hover {
    padding: 4px;
}
#at_hover .at_item, #at_share .at_item {
    background: none repeat scroll 0 0 #fff !important;
    color: #4c4c4c !important;
    float: left !important;
}
#at16nms {
    padding: 4px 5px;
}
#at_hover .at_item {
    margin: 1px;
    padding: 2px 3px !important;
    width: 102px !important;
}
#at_hover .at_item.atiemode2 {
    width: 104px !important;
}
#at_hover .at_item.athov, #at_hover .at_item:hover {
    margin: 0 !important;
}
#at_hover .at_item.athov, #at_hover .at_item:hover, #at_share .at_item.athov, #at_share .at_item:hover {
    background: none repeat scroll 0 0 #f2f2f2 !important;
    border: 1px solid #e5e5e5;
    color: #000 !important;
}
* html #at_hover .at_item {
    border: 1px solid #fff;
}
* html #at_hover .at_item.athov {
    border: 1px solid #e5e5e5 !important;
    margin: 1px !important;
}
#at_email15 {
    padding-top: 5px;
}
.at15e_row {
    height: 28px;
}
.at15e_row label, .at15e_row span {
    display: block !important;
    float: left !important;
    padding-left: 10px !important;
    width: 60px !important;
}
.at15e_row input, .at15e_row textarea {
    background: none repeat scroll 0 0 #fff !important;
    border: 1px solid #ccc !important;
    color: #333 !important;
    display: block !important;
    float: left !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    padding: 0 !important;
    width: 150px !important;
}
#at_email input, #at_email label, #at_email textarea {
    font-size: 11px !important;
}
.at15t {
    background: url("https://illiweb.com/fa/addthis/widget04.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block !important;
    height: 16px !important;
    line-height: 16px !important;
    padding-left: 20px !important;
}
.addthis_button {
    cursor: pointer;
}
.addthis_toolbox.addthis_default_style span {
    line-height: 16px;
}
.addthis_default_style .addthis_separator {
    display: inline;
    margin: 0 5px;
}
div.atclear {
    clear: both;
}
.addthis_default_style .addthis_separator, .addthis_default_style .at300b, .addthis_default_style .at300bs, .addthis_default_style .at300m {
    float: left;
}
.at300b img {
    border: 0 none;
}
.addthis_default_style .at300b, .addthis_default_style .at300m {
    padding: 0 2px;
}
.at300b, .at300bs, .at300m {
    cursor: pointer;
}
.at300bs {
    background: url("https://illiweb.com/fa/addthis/widget04.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    display: block;
    height: 16px;
    line-height: 16px !important;
    overflow: hidden;
    width: 16px;
}
.at300bs.at15t_compact, .at300bs.at15t_expanded {
    background: url("https://illiweb.com/fa/addthis/logo1414.gif") no-repeat scroll left center rgba(0, 0, 0, 0);
    margin-right: 4px;
}
.at15t_more {
    background: url("https://illiweb.com/fa/addthis/logo1414.gif") no-repeat scroll left center rgba(0, 0, 0, 0) !important;
}
.at15t_000 {
    background-position: 0 0;
}
.at15t_aim {
    background-position: 0 -16px !important;
}
.at15t_amazonwishlist {
    background-position: 0 -32px !important;
}
.at15t_ask {
    background-position: 0 -48px !important;
}
.at15t_backflip {
    background-position: 0 -64px !important;
}
.at15t_ballhype {
    background-position: 0 -80px !important;
}
.at15t_bebo {
    background-position: 0 -96px !important;
}
.at15t_blogger {
    background-position: 0 -112px !important;
}
.at15t_blogmarks {
    background-position: 0 -128px !important;
}
.at15t_buzz {
    background-position: 0 -144px !important;
}
.at15t_delicious {
    background-position: 0 -160px !important;
}
.at15t_digg {
    background-position: 0 -176px !important;
}
.at15t_diigo {
    background-position: 0 -192px !important;
}
.at15t_email {
    background-position: 0 -208px !important;
}
.at15t_facebook {
    background-position: 0 -224px !important;
}
.at15t_fark {
    background-position: 0 -240px !important;
}
.at15t_faves {
    background-position: 0 -256px !important;
}
.at15t_favorites {
    background-position: 0 -272px !important;
}
.at15t_friendfeed {
    background-position: 0 -288px !important;
}
.at15t_friendster {
    background-position: 0 -304px !important;
}
.at15t_google {
    background-position: 0 -320px !important;
}
.at15t_hatena {
    background-position: 0 -336px !important;
}
.at15t_hi5 {
    background-position: 0 -352px !important;
}
.at15t_kaboodle {
    background-position: 0 -368px !important;
}
.at15t_kirtsy {
    background-position: 0 -384px !important;
}
.at15t_linkagogo {
    background-position: 0 -400px !important;
}
.at15t_linkedin {
    background-position: 0 -416px !important;
}
.at15t_live {
    background-position: 0 -432px !important;
}
.at15t_meneame {
    background-position: 0 -448px !important;
}
.at15t_misterwong {
    background-position: 0 -464px !important;
}
.at15t_mixx {
    background-position: 0 -480px !important;
}
.at15t_multiply {
    background-position: 0 -496px !important;
}
.at15t_myaol {
    background-position: 0 -512px !important;
}
.at15t_myspace {
    background-position: 0 -528px !important;
}
.at15t_netvibes {
    background-position: 0 -544px !important;
}
.at15t_netvouz {
    background-position: 0 -560px !important;
}
.at15t_newsvine {
    background-position: 0 -576px !important;
}
.at15t_nujij {
    background-position: 0 -592px !important;
}
.at15t_orkut {
    background-position: 0 -608px !important;
}
.at15t_plaxo {
    background-position: 0 -624px !important;
}
.at15t_print {
    background-position: 0 -640px !important;
}
.at15t_propeller {
    background-position: 0 -656px !important;
}
.at15t_reddit {
    background-position: 0 -672px !important;
}
.at15t_segnalo {
    background-position: 0 -688px !important;
}
.at15t_simpy {
    background-position: 0 -704px !important;
}
.at15t_slashdot {
    background-position: 0 -720px !important;
}
.at15t_spurl {
    background-position: 0 -736px !important;
}
.at15t_stumbleupon {
    background-position: 0 -752px !important;
}
.at15t_stylehive {
    background-position: 0 -768px !important;
}
.at15t_tailrank {
    background-position: 0 -784px !important;
}
.at15t_technorati {
    background-position: 0 -800px !important;
}
.at15t_thisnext {
    background-position: 0 -816px !important;
}
.at15t_tipd {
    background-position: 0 -832px !important;
}
.at15t_tumblr {
    background-position: 0 -848px !important;
}
.at15t_twitter {
    background-position: 0 -864px !important;
}
.at15t_typepad {
    background-position: 0 -880px !important;
}
.at15t_wordpress {
    background-position: 0 -896px !important;
}
.at15t_yahoobkm {
    background-position: 0 -912px !important;
}
.at15t_yardbarker {
    background-position: 0 -928px !important;
}
.at15t_netscape {
    background-position: 0 -656px !important;
}
#at16clb {
    font-family: "verdana bold",verdana,arial,sans-serif;
    font-size: 16pt;
}
#at_share .at_item {
    border: 1px solid #fff;
    margin-right: 2px;
    padding: 4px;
    width: 123px !important;
}
#at16pm {
    background: none repeat scroll 0 0 #fff;
    border-right: 1px solid #ccc;
    height: 360px;
    position: static;
    text-align: left;
    width: 298px;
}
#at16pcc {
    color: #4c4c4c;
    font-size: 10px !important;
    left: 0;
    margin: 0 auto;
    overflow: visible;
    padding: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}
* html #at16pcc {
    position: absolute;
}
#at16abifc {
    border: 0 none;
    height: 335px;
    left: 10px;
    margin: 0;
    overflow: hidden;
    position: absolute;
    top: 10px;
    width: 492px;
}
#at16abifc iframe {
    border: 0 none;
    height: 360px;
    left: -10px;
    position: absolute;
    top: -10px;
    width: 516px;
}
* html div#at16abifc.atiemode2 {
    height: 354px;
    width: 482px;
}
* html #at16abifc iframe {
    height: 348px;
    left: -10px;
    overflow: hidden;
    top: -10px;
}
#at16p {
    background: url("https://illiweb.com/fa/addthis/atbkg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
}
#at16p, #atie6ifh {
    color: #5e5e5e;
    font-family: arial,helvetica,tahoma,verdana,sans-serif;
    font-size: 12px;
    left: 50%;
    margin: -185px auto 0 -155px;
    padding: 10px;
    position: absolute;
    top: 50%;
    width: 300px;
    z-index: 999;
}
#atie6ifh {
    height: 381px;
    margin-left: -165px;
    padding: 0;
    width: 322px;
}
#at_share {
    margin: 0;
    padding: 0;
}
#at16ps {
    height: 284px;
    overflow-y: scroll;
    padding: 5px;
}
a#at16pit {
    background: url("https://illiweb.com/fa/addthis/tab00.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #36b;
    display: block;
    height: 20px;
    line-height: 19px;
    margin-right: -17px;
    overflow: hidden;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 37px;
    width: 16px;
}
#at16pi {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #e5e5e5;
    border-color: #ccc #ccc -moz-use-text-color;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    text-align: left;
}
#at16pi a {
    color: #36b;
    text-decoration: none;
}
#at16pi a:hover {
    text-decoration: underline;
}
#at16pt {
    background: none repeat scroll 0 0 #f2f2f2;
    height: 13px;
    padding: 5px 10px;
    position: relative;
}
#at16pt a, #at16pt h4 {
    font-weight: 700;
}
#at16pt h4 {
    color: #4c4c4c;
    cursor: default;
    display: inline;
    font-size: 12px;
    margin: 0;
    padding: 0;
}
#at16pt a {
    color: #4c4c4c;
    position: absolute;
    right: 10px;
    text-decoration: none;
    top: 5px;
}
#at16pc form {
    margin: 0;
}
#at16pc form label {
    display: block;
    float: none;
    font-size: 11px;
    font-weight: 700;
    padding-bottom: 4px;
    text-align: left;
}
#at16pc form label span {
    color: #4c4c4c;
    display: inline;
    font-weight: 400;
}
#at_email form .abif {
    width: 272px !important;
}
#at_email textarea {
    height: 55px !important;
    word-wrap: break-word;
}
* html #at_email textarea {
    height: 42px !important;
}
:first-child + html #at_email textarea {
    height: 42px !important;
}
#at_email form input, #at_email form textarea {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #bbb;
    color: #333;
    font-family: arial,helvetica,tahoma,verdana,sans-serif;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.4em;
    margin: 0 0 8px;
    padding: 3px;
    width: 272px;
}
#at_email form .atfxmode2 {
    width: 279px;
}
#at16pc form .at_ent {
    color: #333 !important;
}
#at16pc form textarea {
    height: 48px;
}
#at16pc form input:focus, #at16pc form textarea:focus {
    background: none repeat scroll 0 0 #fffff0;
    color: #333;
}
#at16p .atbtn {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #b5b5b5;
    color: #333;
    cursor: pointer;
    font-size: 11px !important;
    font-weight: 700;
    margin: 0 2px !important;
    padding: 2px 4px;
    width: 60px;
}
#at16p .atbtn:hover {
    border-color: #444;
    color: #06c;
}
#at_email #ateml {
    color: #999;
    font-size: 10px;
    text-align: right;
}
#at16pc {
    color: #4c4c4c;
    font-size: 11px;
    height: 323px;
    text-align: left;
}
#at_email {
    padding: 5px 10px;
}
#at16pc .tmsg {
    padding: 4px 2px;
    text-align: right;
}
#at16psf {
    background: url("https://illiweb.com/fa/addthis/atf02.png") no-repeat scroll center center #f2f2f2;
    border-bottom: 1px solid #ccc;
    height: 20px;
    padding: 4px 10px;
    position: relative;
    text-align: center;
}
* html #at16psf input {
    padding: 0;
}
#at16psf input {
    background: none repeat scroll 0 0 #fff;
    border: medium none;
    color: #666;
    font-family: arial,helvetica,tahoma,verdana,sans-serif;
    font-size: 12px;
    margin: 2px 0 0;
    outline-style: none;
    outline-width: 0;
    padding: 2px 0 0;
    width: 220px;
}
#at16pcc .at_error {
    background: none repeat scroll 0 0 #f26d7d;
    border-bottom: 1px solid #df5666;
    color: #fff;
    padding: 5px 10px;
}
#at16pcc #at_success {
    background: none repeat scroll 0 0 #d0fbda;
    border-bottom: 1px solid #a8e7b7;
    color: #4c4c4c;
    padding: 5px 10px;
}
#at16pf {
    background: none repeat scroll 0 0 #f2f2f2;
    border-top: 1px solid #e5e5e5;
    position: relative;
}
#at16pf a {
    color: #4c4c4c;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    margin: 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-decoration: none;
}
#at16pf a:hover {
    text-decoration: underline;
}
#at16pf a#at-whatsthis {
    left: 10px;
    width: 60px;
}
#at16pf a#at-privacy {
    left: 90px;
    width: 39px;
}
#at_complete {
    color: #47731d;
    font-size: 13pt;
    height: 208px !important;
    padding-top: 130px;
    text-align: center;
    width: 472px;
}
#at_s_msg {
    margin-bottom: 10px;
}
#at16pf a#at-logo {
    background: url("https://illiweb.com/fa/addthis/logo88.gif") no-repeat scroll left center rgba(0, 0, 0, 0);
    padding-left: 10px;
    right: 10px;
}
.at_baa {
    display: block;
    outline: medium none;
    overflow: hidden;
}
#at15s #at16pf a {
    top: 1px;
}
#at16pc form #at_send {
    width: 80px !important;
}
#at_feed {
    display: none;
    height: 300px;
    padding: 10px;
}
#at_feed span {
    font-size: 12px;
    margin-bottom: 10px;
}
#at_feed div {
    float: left !important;
    height: 26px !important;
    line-height: 26px !important;
    margin-right: 68px;
    width: 102px !important;
}
#at_feed div.at_litem {
    margin-right: 0;
}
#at_feed a {
    height: 17px;
    line-height: 17px;
    margin: 10px 0;
}
.fbtn {
    background: url("https://illiweb.com/fa/addthis/feed00.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    float: left;
    text-indent: -9000px;
    width: 102px;
}
.fbtn.bloglines {
    background-position: 0 0;
    height: 20px !important;
    line-height: 20px !important;
    margin-top: 8px !important;
    width: 94px;
}
.fbtn.yahoo {
    background-position: 0 -20px;
}
.fbtn.newsgator, .fbtn.newsgator-on {
    background-position: 0 -37px;
}
.fbtn.technorati {
    background-position: 0 -71px;
}
.fbtn.netvibes {
    background-position: 0 -88px;
}
.fbtn.pageflakes {
    background-position: 0 -141px;
}
.fbtn.feedreader {
    background-position: 0 -172px;
}
.fbtn.newsisfree {
    background-position: 0 -207px;
}
.fbtn.google {
    background-position: 0 -54px;
    width: 104px;
}
.fbtn.winlive {
    background-position: 0 -105px;
    height: 19px !important;
    line-height: 19px;
    margin-top: 9px !important;
    width: 100px;
}
.fbtn.mymsn {
    background-position: 0 -158px;
    height: 14px !important;
    line-height: 14px !important;
    margin-top: 12px !important;
    width: 71px;
}
.fbtn.aol {
    background-position: 0 -189px;
    height: 18px !important;
    line-height: 18px !important;
    width: 92px;
}
#at16pp {
    color: #4c4c4c;
    font-size: 11px;
    position: absolute;
    right: 12px;
    top: 12px;
}
#at16pp label {
    font-size: 11px !important;
}
#at16ppc {
    padding: 10px;
    width: 179px;
}
#at16pph {
    padding: 5px 0 10px;
}
#at16pph select {
    margin: 5px 0 8px;
}
#at16pp .atinp {
    width: 156px;
}
html > body #at16pp .atinp {
    width: 176px;
}
#at16ppb {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ccc;
    height: 274px;
}
#at16ep {
    height: 16px;
    padding: 8px;
}
#at16ep a {
    display: block;
    font-size: 12px;
    height: 16px;
    line-height: 16px;
    margin-bottom: 8px;
    padding-left: 22px;
}
#at16ep a.at_gmail {
    background: url("https://illiweb.com/fa/addthis/gmail.gif") no-repeat scroll left center rgba(0, 0, 0, 0);
}
#at16ep a.at_hotmail {
    background: url("https://illiweb.com/fa/addthis/hotmail.gif") no-repeat scroll left center rgba(0, 0, 0, 0);
}
#at16ep a.at_yahoo {
    background: url("https://illiweb.com/fa/addthis/yahoo.gif") no-repeat scroll left center rgba(0, 0, 0, 0);
}
#at16ppf p#atsb {
    font-size: 10px;
    padding-top: 20px;
}
#at16abr {
    margin-top: 10px;
}
#at16abr input {
    margin: 0 5px 0 0;
    padding: 0;
}
#at16ppso {
    display: none;
    margin-top: 2px;
    text-align: right;
}
#at16ppa {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ccc;
    height: 228px;
    overflow: auto;
    width: 178px;
}
#at16ppa a {
    display: block;
    font-size: 12px !important;
    padding: 4px 8px;
    white-space: nowrap;
}
#at16eatdr {
    background: none repeat scroll 0 0 #fff;
    border-top: 0 none;
    left: 21px;
    max-height: 110px;
    overflow: auto;
    position: absolute;
    top: 129px;
    width: 277px;
    z-index: 500;
}
* html #at_email #at16eatdr {
    top: 115px !important;
    width: 272px !important;
}
:first-child + html #at_email #at16eatdr {
    top: 115px !important;
    width: 272px !important;
}
html > body #at_email form #at16eatdr.abif {
    top: 137px;
    width: 278px !important;
}
#at16eatdr a {
    border-bottom: 1px dotted #eee;
    display: block;
    overflow: hidden;
    padding: 4px 8px;
}
#at16eatdr a.hover, #at16eatdr a:hover {
    background: none repeat scroll 0 0 #e0eefa;
    color: #333;
    text-decoration: none;
}
#at_promo {
    display: none;
    font-size: 12px;
}
#at_promo button {
    background: none repeat scroll 0 0 #ee6a44;
    border-color: #ffa389 #d4522c #d4522c #ffa389;
    border-style: solid;
    border-width: 1px;
    color: #fff;
}
#at_promo .at-promo-content {
    margin-top: 12px;
}
#at_promo .at-promo-btn {
    padding-top: 10px;
}
#at_promo .at-promo-top {
    background: url("https://illiweb.com/fa/addthis/60x60_atn_logo.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding: 10px 0 5px 70px;
}
#at_promo h4 {
    font-size: 14px;
    font-weight: 700;
    margin: 0 0 4px;
}
#at_promo h4 sup {
    color: #ee6a44;
    font-size: 11px;
}
#at_promo span {
    display: block;
}
#at_promo .at-promo-btm-ffx {
    background: url("https://illiweb.com/fa/addthis/60x60_at_firefox_toolbar.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding: 6px 0 0 70px;
}
#at_promo .at-promo-btm-ie {
    background: url("https://illiweb.com/fa/addthis/60x60_at_ie_toolbar.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding: 6px 0 0 70px;
}
#left table.module-advert {
    border: 0 none;
    border-collapse: collapse;
}
#left table.module-advert table {
    border-collapse: collapse;
    table-layout: fixed;
}
#forum_rules table {
    border-collapse: separate;
    border-spacing: 5px;
    table-layout: fixed;
    width: 100%;
}
#forum_rules .logo {
    overflow: hidden;
    vertical-align: top;
    width: 100px;
}
#forum_rules .logo img {
    max-width: 100px;
}
div div div.gen strong a {
    font-weight: 400;
}
.postdetails.poster-profile span.label {
    white-space: nowrap;
}
.hiddenMsgTitle {
    font-size: 0.9em;
}
.hiddenMsgBody {
    display: none;
    padding-top: 2em;
}
#sceditor_smilies body {
    margin: 5px;
}
#sceditor_smilies #smilies_header {
    background-image: url("https://illiweb.com/fa/empty.gif");
    color: #09364d;
    font-size: 11px;
    font-weight: 700;
    height: 25px;
    padding: 2px 3px;
    text-align: center;
}
#sceditor_smilies table {
    width: 100%;
}
.codebox {
    margin: auto;
    width: 90%;
}
.codebox dd {
    background-color: #fafafa;
    border: 1px solid #d1d7dc;
    margin: 0;
}
.hidecode dt {
    display: inline;
}
.hidecode > dt {
    display: none;
}
.hidecode dd {
    white-space: normal;
}
.row1 div#smileyContainer {
    min-width: 226px;
}
.lastpost-avatar {
    float: left;
    padding: 2px;
}
.lastpost-avatar img {
    border-radius: 5px;
    height: 38px;
    width: 38px;
}
.post-content {
    font-weight: 700 !important;
}
h1.post-content {
    font-size: 2em;
    line-height: 2.4em;
}
h2.post-content {
    font-s
by Chocoladesnoepje
on Tue Jan 13, 2015 10:50 am
 
Search in: Garbage
Topic: Tried to redirect to potentially insecure url.
Replies: 10
Views: 7768

CSS Tutorial for your forums

CSS Tutorial for your forums



Quick CSS tutorial to make your forum look smarter.

Throughout the forum CSS has been referred to, to make text larger, smaller and to
align text and tables however it can also be used to clean and hide
certain parts of the forum. Relatively easy to use, CSS only hides the
forum sections to make it look cleaner rather than deleting sections
just in case you change your mind later.

1. Log into your forum and access the “Administrator Panel
2. Select “Display
3. Select “Colors
4. You should now be able to select the “CSS Style Sheet” tab

! The sheet will be blank if you have not used this before!


5. Once you selected the relevant text from below simply add the text to this section and press “Submit”, this will be reflected on your forum immediately.

Phpbb2:

Hide "Who Is Online" Text:
Spoiler:
.cattitle{
font-weight: bold;
font-size: 12px ;
letter-spacing: 1px;
color : #006699}
a.cattitle{
text-decoration: none;
color : #006699;
display:none
}


Hide "Time & Date, legend bar and text":
Spoiler:
.gensmall {
font-size : 10px;
display: none
}
.gen,.genmed,.gensmall {
color : #000000;
}
a.gen,a.genmed,a.gensmall {
color: #006699;
text-decoration: none;
display: none
}
a.gen:hover,a.genmed:hover,a.gensmall:hover{
color: #dd6900;
text-decoration: underline;
}




Phpbb3:

Hide "Legend bar"
Spoiler:
ul#picture_legend, ul#privmsgs-menu {
text-align: center;
display: none;
}
ul#picture_legend li, ul#privmsgs-menu li {
display: inline;
margin: 2px 10px;
display: none;
}
ul#picture_legend li img, ul#privmsgs-menu li img {
vertical-align: middle;
display: none;
}


Hide "Stats"
Spoiler:
#page-body p.page-bottom {
margin: 0;
display: none;
}


Hide "Last post"
Spoiler:
dd.lastpost span, ul.topiclist dd.searchby span, ul.topiclist dd.info
span, ul.topiclist dd.time span, dd.redirect span, dd.moderation span {
display:none;
padding-left:5px;
}


Hide "Navbar"
Spoiler:
ul.linklist li {
list-style-type: none;
width: auto;
font-size: 1.1em;
line-height: 2.2em;
display: none;
}


Punbb:


Hide "Legend Bar"
Spoiler:
ul#pun-legend li {
display: none;
margin-right: 20px;
}


Hide "Online list"
Spoiler:
#onlinelist p {
line-height: 150%;
display: none;
}


Hide "Time & Date"
Spoiler:
#pun-visit {
border-color: #dddddd;
border-style: solid;
border-width: 1px;
padding: 0.6em 1em;
background-color: #f4f4f4;
margin: 0 0 1em 0;
display: none;
}


Change "navigation background colour"

Colour background:
Spoiler:
#pun-head #pun-navlinks {
padding: 0.5em 1.1em 0.6em 1.1em;
background-color: #ffffff;
border-color: #dddddd;
}


Or

Image background:
Spoiler:
#pun-head #pun-navlinks {
padding: 0.5em 1.1em 0.6em 1.1em;
background-image: url('http://yourimagehere.jpg');
background-repeat: repeat-x;
border-color: #dddddd;
}


When it comes to sprucing up your forum you can alter the look of each
section to make it look a little different. Thanks to Jalokims tutorial
we now know how forumotion make their four section thread.

Topics tagged under page-body on The forum of the forums 4j2r85

However what if you don’t want four sections and you want to make the one section look good........?
That can be done with the following procedure.

1. Log into your forum and access the “Administrator Panel
2. Select “General
3. Select  “Categories & Forums
4. You need to first of all create a new “Category” by pressing Topics tagged under page-body on The forum of the forums Ajouter and selecting “Category” from the drop down.
5. You don’t need to add any descriptions, just a name. Select to create a “Forum
6. For the name enter the following “Topics tagged under page-body on The forum of the forums 29yd77”, this will create a blank space to keep it in keeping with your forum.
7. Select  Topics tagged under page-body on The forum of the forums 121110 it should then look white in color like this   Topics tagged under page-body on The forum of the forums 12110
8. Now add the Following code
Code:

width="100%">  


[table border="0" cellpadding="5" cellspacing="5"][tr]    [td]
width="31"> <img>
src="http://i37.tinypic.com/v7fwow.png">
[/td]   [td width="284"] Title/Link[url=http://help.forumotion.com/]
href="">[/url][url=http://help.forumotion.com/]
style="font-weight: bold; color: Red;" href="">
style="text-decoration:
underline;">[/url]

size="1"> Forum description Goes
here
[/td]    [td]
width="31"> <img>
src="http://i33.tinypic.com/29yd77.png">
[/td]   [td width="284"] <img>
src="http://i33.tinypic.com/29yd77.png">[url=http://help.forumotion.com/][/url]
size="1">
[/td]  [/tr] [/table]


9. Now press the  Topics tagged under page-body on The forum of the forums 12110
again and you will now see the table with a picture and text to the
right, edit the text and title, turn the title into a link. Press on
the picture and press delete replacing with your own picture
10. Once done “Save
11. Press “Display
12. Select “Structure & Hierarchy
13. Select “Split categories On Index: Medium” and “Save" again
This will now give you the following effect, similar to the four
section except it gives you a new style if you only have the one forum.

Topics tagged under page-body on The forum of the forums 2qi5oja




Craig


by Nessa
on Wed Jul 23, 2008 5:12 am
 
Search in: Tips & Tricks
Topic: CSS Tutorial for your forums
Replies: 0
Views: 12579

Back to top

Jump to: