Current date/time is October 19th 2019, 10:44 pm

Search found 26 matches for 000

No captions are visible when I send emails through the forum.

ok change the color to the above code to #000 please


by skouliki
on May 16th 2018, 4:30 pm
 
Search in: Garbage
Topic: No captions are visible when I send emails through the forum.
Replies: 26
Views: 456

No captions are visible when I send emails through the forum.

@skouliki wrote:try this 

if you have this code in your css change the color from black #000 to white #fff
if you dont have it in your css then add it

Code:
textarea {
    color: #fff!important;
}


to the above code, i gave you make the color #000 so all text in reply and new topic can return to black 
and then we will see the original issue with the text in the mails
by skouliki
on May 16th 2018, 4:15 pm
 
Search in: Garbage
Topic: No captions are visible when I send emails through the forum.
Replies: 26
Views: 456

No captions are visible when I send emails through the forum.

try this 

if you have this code in your css change the color from black #000 to white #fff
if you dont have it in your css then add it

Code:
textarea {
    color: #fff!important;
}
by skouliki
on May 15th 2018, 5:37 pm
 
Search in: Garbage
Topic: No captions are visible when I send emails through the forum.
Replies: 26
Views: 456

Moderbb questions

If I use this code only the right part dissapears after the menu.

Code:
.headerbar { max-width: 1400px; }


I tried putting the banner in the center but then the navigation menu dissapears lol.


Also in the code for the bottom if I put #000 it becomes transparent instead of black. With #0000 if turns back to the grey it was and not to black. Your red and green colors worked although, so I chose to match it with the same grey I had in the body of the forum.
by Zordon
on April 5th 2018, 10:31 pm
 
Search in: Scripts Problems Archives
Topic: Moderbb questions
Replies: 14
Views: 526

Can't see text in Quick Reply Box when typing !

Add this to your JavaScripts.

Title: Whatever you please.
Placement: In the topics
Code:
$(function() {
  $(function() {
    $(".sceditor-container iframe")
      .contents()
      .find("head")
      .append(
        "<style>body,html,code:before,p,table{color:#000 !important;}</style>"
      );
  });
});


If you want to change the color of the text, you can change the part of the code.
by Draxion
on September 23rd 2017, 4:28 pm
 
Search in: Other Problems Archives
Topic: Can't see text in Quick Reply Box when typing !
Replies: 8
Views: 812

I'd like to glow Groups please help me.

No, replace any you have that affects the usernames with the one I showed you here.
Code:
a span[style="color:#000"] strong {
  text-decoration: none !important;
  text-shadow: 0 0 0.6em yellow, 0 0 0.6em yellow, 0 0 0.6em black;
}


You change the color value according to the group you want to have the usernames affect.

For example, if you want the glow to effect only those inside the Team Instinct group, you would change the color value to "#000".
by Draxion
on May 30th 2017, 9:43 am
 
Search in: Scripts Problems Archives
Topic: I'd like to glow Groups please help me.
Replies: 8
Views: 767

Forumactif Edge - A Free Modern and Responsive Forum Theme

Hey, sorry for the late replies ; I've been occupied working on another project. As skouliki mentioned, I'm more likely to check FM Design as that's were I handle most requests regarding FAE. I still visit this forum from time to time though. Wink

@Broomhilda wrote:Ange Tuteur What are these codes do/for ??? And where do you put them..in the CSS sorry..

.color-primary, .forumline tbody .catHead, .h3, .inner h1.page-title, .mainmenu:after, .table1 thead th, .title, h2.u, #navbar a.mainmenu, #profile-advanced-add a, a.button1, a.button2, body div.sceditor-dropdown .button, button.button2, input.button, input.button1, input.button2, input[type=file], input[type=button], input[type=submit], input[type=reset], #footer_end, #footer_end a, #page-footer, #page-footer a, form.search-form input.search-keywords, body #fa_search #fa_textarea, #fa_share a:after, a#fa_hide:after, a#fa_icon:after, a#fa_magnifier:after, a#fa_show:after, body #fa_icon, body #fa_right #fa_menu #fa_welcome, body #fa_right #fa_notifications, body #fa_right a.rightHeaderLink, body #fa_right.notification #fa_menu #fa_welcome, body #fa_share_text, body #fa_toolbar #fa_service, body #fa_welcome {
color:#000;
}

This CSS rule mainly changes the font color for all titles / fonts that are currently white -- generally any font that's white. Yes, it goes into your CSS stylesheet.

@tillytiger99 wrote:Hi, I have installed the theme on my established forum, and all has gone really well. The images in the posts all have a resize box, even though they are within the widths and size in forum settings (800 x800)
They look very small. Is there a way to change this? Our forum is very image focused so I would like to see larger images.
Thank you!

Forumactif Edge has an automatic image resizer installed, but it can be disabled. Go to Admin Panel > Modules > JS Codes management > ALL.JS

find : ( line 652 )
Code:
/* -- 06. image resizer -- */


Under this comment should be two options :
Code:
    max_width : 400, // maximum image width (400px)
    max_height : 250, // maximum image height (250px)

Increase these numbers to change the maximum height and width for images. Images that are below the max-width / height will not be resized, so you could set it to 10000 for both if you wanted to. Once you're finished editing these settings, save the script and you're done. Wink

If you need anymore help let me know. salut
by Ange Tuteur
on April 27th 2017, 5:47 pm
 
Search in: Community Coding and Analysis Zone
Topic: Forumactif Edge - A Free Modern and Responsive Forum Theme
Replies: 215
Views: 11339

Forumactif Edge - A Free Modern and Responsive Forum Theme

Ange Tuteur What are these codes do/for ??? And where do you put them..in the CSS sorry..

.color-primary, .forumline tbody .catHead, .h3, .inner h1.page-title, .mainmenu:after, .table1 thead th, .title, h2.u, #navbar a.mainmenu, #profile-advanced-add a, a.button1, a.button2, body div.sceditor-dropdown .button, button.button2, input.button, input.button1, input.button2, input[type=file], input[type=button], input[type=submit], input[type=reset], #footer_end, #footer_end a, #page-footer, #page-footer a, form.search-form input.search-keywords, body #fa_search #fa_textarea, #fa_share a:after, a#fa_hide:after, a#fa_icon:after, a#fa_magnifier:after, a#fa_show:after, body #fa_icon, body #fa_right #fa_menu #fa_welcome, body #fa_right #fa_notifications, body #fa_right a.rightHeaderLink, body #fa_right.notification #fa_menu #fa_welcome, body #fa_share_text, body #fa_toolbar #fa_service, body #fa_welcome {
color:#000;
}
by Broomhilda
on April 19th 2017, 1:26 am
 
Search in: Community Coding and Analysis Zone
Topic: Forumactif Edge - A Free Modern and Responsive Forum Theme
Replies: 215
Views: 11339

BBCode Tag [CODE] Stretches page far beyond its limits. This is not normal.

Technical Details


Forum version : #phpBB2
Position : Founder
Concerned browser(s) : Mozilla Firefox, Google Chrome, Other
Screenshot of problem : https://i.imgur.com/KmknexS.jpg
Who the problem concerns : All members
When the problem appeared : When creating and applying my forum theme.
Forum link : http://aquacurrentsrp.foren-gratis.com/t5-an-application-template-maybe#22551

Description of problem

The BBCODE tag "CODE" stretches the form beyond its normal boundaries for no reason. Please do not reply asking if this happens anywhere else on the forum. It does. Please do not ask me if I am sure about it, I know. I'm thinking it is CSS, but I have no idea how to find the issue. I will paste my CSS below.

Link: http://aquacurrentsrp.foren-gratis.com/t5-an-application-template-maybe#22551

CSS:

Spoiler:

/* Normal, standard links. */
a:link {
color: #0099FF;
text-decoration: none;
}

a:visited {
color: #0099FF;
text-decoration: none;
}

a:hover {
color: #FFFFFF;
}
/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited {
color: #aaa;
text-decoration: none;
}

a.nav:hover {
color: white;
text-decoration: none;
}

/* Tables should show empty cells. */
table {
empty-cells: show;
}

/* By default (td, body..) use verdana in black. */
body, td, th , tr {
line-height: 150%;
font-family: Tahoma,Arial,Helvetica,sans-serif;
color: #cdcdcd;
font-size: 11px;
}

/* The main body of the entire forum. */
body {
margin: 0px;
padding: 0px;
background: #000000 url(https://i.imgur.com/Rpcbs5G.jpg) repeat-x;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: 124%
}

/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, button {
color: #000;
font-family: verdana, sans-serif;
}

input, button {
font-size: 110%;
}

textarea {
font-size: 110%;
color: #000;
font-family: verdana, sans-serif;
}

/* All input elements that are checkboxes or radio buttons. */
input.check {
}

/* Selects are a bit smaller, because it makes them look even better Cool. */
select {
font-size: 110%;
font-weight: normal;
color: #000;
font-family: verdana, sans-serif;
}

/* Standard horizontal rule.. (
, etc.) */
hr, .hrcolor
{
height: 1px;
border: 0;
color: #666666;
background-color: #454545;
}

/* No image should have a border when linked */
a img {
border: 0;
}

/* A quote, perhaps from another post. */
.quote {
color: #3a3a3a;
background-color: #edebeb;
border: 1px solid #353535;
margin: 1px;
padding: 1px;
font-size: x-small;
line-height: 1.4em;
}

/* A code block - maybe even PHP Wink. */
.code {
color: #3a3a3a;
background-color: #ddd;
/*font-family: "courier new", "times new roman", monospace;*/
font-size: x-small;
line-height: 1.3em;
/* Put a nice border around it. */
border: 1px solid #252525;
margin: 1px auto 1px auto;
padding: 1px;
width: 99%;
/* Don't wrap its contents, and show scrollbars. */
white-space: nowrap;
overflow: auto;
/* Stop after about 24 lines, and just show a scrollbar. */
max-height: 24em;
}

/* The "Quote:" and "Code:" header parts... */
.quoteheader, .codeheader {
color: #ccc;
text-decoration: none;
font-style: normal;
font-weight: bold;
font-size: x-small;
line-height: 1.2em;
}

/* Generally, those [?] icons. This makes your cursor a help icon. */
.help {
cursor: help;
}

/* /me uses this a lot. (emote, try typing /me in a post.) */
.meaction {
color: red;
}

/* The main post box - this makes it as wide as possible. */
.editor {
width: 96%;
}

/* Highlighted text - such as search results. */
.highlight {
background-color: yellow;
font-weight: bold;
color: black;
}

/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg {
padding: 5px;
background-color: #262626;
}

.windowbg2 {
padding: 5px;
background-color: #303030;
}

.windowbg3 {
padding: 5px;
background-color: #333;
}

/* the today container in calendar */
.calendar_today
{
background-color: #fff;
}

/* These are used primarily for titles, but also for headers (the row that says what everything in the table is.) */
.titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td {
color: #cdcdcd;
font-style: normal;
background: #070707 url(images/titlebg.png) repeat-x;
border-bottom: solid 1px #313131;
padding-left: 10px;
padding-right: 10px;
}

.titlebg, .titlebg a:link, .titlebg a:visited {
font-weight: bold;
color: #cdcdcd;
font-style: normal;
}

.titlebg a:hover {
color: white;
}

/* same as titlebg, but used where bold text is not needed */
.titlebg2 a:link, .titlebg2 a:visited {
color: #cdcdcd;
font-style: normal;
text-decoration: none;
}

.titlebg, .titlebg2 {
font-size: 8pt;
font-family: tahoma, sans-serif;
}

.titlebg2 a:hover {
text-decoration: underline;
}

/* This is used for categories, page indexes, and several other areas in the forum.
.catbg and .catbg2 is for boardindex, while .catbg3 is for messageindex and display headers*/
.catbg , tr.catbg td , .catbg3 , tr.catbg3 td {
background: #869927 url(images/catbg.png) repeat-x;
color: #fff;
padding-left: 10px;
padding-right: 10px;
}

.catbg2 , tr.catbg2 td {
background: #869927 url(images/catbg.png) repeat-x;
color: #fff;
padding-left: 10px;
padding-right: 10px;

}

.catbg, .catbg2, .catbg3 {
border-bottom: solid 1px #353535;
font-size: 9pt;
font-family: tahoma, sans-serif;
}

.catbg, .catbg2 {
font-weight: bold;
}

.catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited {
font-size: 95%;
color: white;
text-decoration: none;
}

.catbg a:link, .catbg a:visited , .catbg2 a:link, .catbg2 a:visited {
color: white;
text-decoration: none;
}

.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover {
color: #cdcdcd;
}

/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor {
border: 1px solid #303030;
}

/* This is used on tables that should just have a border around them. */
.tborder {
border: 1px solid #303030;
padding: 0px;
}

/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
.smalltext {
font-size: x-small;
font-family: verdana, sans-serif;
}

.middletext {
line-height: 18px;
text-indent: 10px;
}

.normaltext {
font-size: small;
}

.largetext {
font-size: large;
}

/* Posts and personal messages displayed throughout the forum. */
.post, .personalmessage {
width: 100%;
overflow: auto;
line-height: 1.3em;
}

/* All the signatures used in the forum. If your forum users use Mozilla, Opera, or Safari, you might add max-height here Wink. */
.signature {
width: 100%;
overflow: auto;
padding-bottom: 3px;
line-height: 1.3em;
}

/* Sometimes there will be an error when you post */
.error {
color: red;
}

/* definitions for the main tab, active means the tab reflects which page is displayed */
.maintab_first, .maintab_back, .maintab_last, .maintab_active_first, .maintab_active_back, .maintab_active_last,
.mirrortab_first, .mirrortab_back, .mirrortab_last, .mirrortab_active_first, .mirrortab_active_back, .mirrortab_active_last {
color: #ccc;
vertical-align: top;
}
.maintab_back, .maintab_active_back,
.mirrortab_back, .mirrortab_active_back {
color: #ccc;
text-decoration: none;
font-size: 10px;
font-family: verdana, sans-serif;
padding: 5px 10px 5px 10px;
}

.maintab_first,.mirrortab_first {
display: none;
}

.maintab_back,.mirrortab_back {
background: url(images/tab-bg.png) repeat-x;
color: #ccc;
}

.maintab_last,.mirrortab_last {
display: none;
}

.maintab_active_first, .mirrortab_active_first {
display: none;
}

.maintab_active_back, .mirrortab_active_back {
background: url(images/toolbar-bg.png) repeat-x;
}

.maintab_active_last, .mirrortab_active_last {
display: none;
}

/* how links behave in main tab. */
.maintab_back a:link , .maintab_back a:visited, .maintab_active_back a:link , .maintab_active_back a:visited,
.mirrortab_back a:link , .mirrortab_back a:visited, .mirrortab_active_back a:link , .mirrortab_active_back a:visited {
color: #ccc;
text-decoration: none;
}

.maintab_back a:hover, .maintab_active_back a:hover,
.mirrortab_back a:hover, .mirrortab_active_back a:hover {
color: white;
text-decoration: none;
}

#wrapper {
margin: auto;
width: 80%;
min-width: 720px;
border-left: solid 1px #252525;
border-right: solid 1px #252525;
border-top: solid 1px #252525;
}

#mainarea {
border-top: solid 1px #333;
background: #1a1a1a;
padding: 1ex;
}

#toolbar {
height: 35px;
background: url(images/toolbar-bg.png) repeat-x;
position: relative;
}

#nav {
background: url(images/toolbar-div.png) 0 0 no-repeat;
}

#nav li {
background: url(images/toolbar-div.png) 100% 0 no-repeat;
}

#nav li a {
color: #fff;
}

#nav a:hover {
color: #444444;
}

#nav {
margin: 0 0 0 10px;
padding: 0;
height: 35px;
text-align:center;
}

#nav ul {
padding: 0;
margin: 0;
margin-left: 2px;
}

#nav li {
margin: 0;
padding: 0;
float: left;
display: block;
}

#nav a {
text-decoration: none;
cursor: pointer;
font-weight: bold;
}

#nav li.on li.on a {
text-decoration: underline;
}

#nav li a {
display: block;
float: left;
height: 35px;
line-height: 35px;
padding: 0 15px;
}

#userinfo {
background: #1a1a1a url(images/userinfo.png) 0 0 repeat-x;
color: #cdcdcd;
width: 450px;
float: left;
padding: 20px 0 10px 25px;
}

#searchfield {
background: #1a1a1a url(images/searchfield.png) 0 0 repeat-x;
color: #cdcdcd;
text-align: right;
padding: 20px 25px 0px 5px;
}

#header {
position: relative;
height: 100px;
overflow: hidden;
background: #1a1a1a url(images/header-bg.png) repeat-x;
}

#logo, #logo a {
position: absolute;
top: 0;
left: 0;
display: block;
width: 400px;
height: 100px;
background: url(images/logo.png) no-repeat;
}

#news {
height: 60px;
padding-top: 20px;
overflow: hidden;
margin-left: 485px;
margin-bottom: 10px;
margin-right: 0px;
color: #cdcdcd;
}

#footer {
padding: 8px 40px 10px 40px;
font-size: x-small;
color: #b2b2b2;
background: #1d1d1d url(images/footer-bg.png);
}

#footer {
border-top: solid 1px #252525;
padding: 5px;
text-align: center;
font-size: x-small;
}

#footer a:link , #footer a:visited {
color: #0099FF;
}

#footer a:hover {
color: #FFFFFF;
}


by Patchy
on October 18th 2016, 6:46 pm
 
Search in: Scripts Problems Archives
Topic: BBCode Tag [CODE] Stretches page far beyond its limits. This is not normal.
Replies: 5
Views: 2409

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 September 10th 2016, 11:48 am
 
Search in: Garbage
Topic: Name glow script problems
Replies: 18
Views: 4911

Embed links from Instagram don't show up on the forum

Technical Details


Forum version : #phpBB3
Position : Founder
Concerned browser(s) : Mozilla Firefox
Who the problem concerns : All members
When the problem appeared : Not sure when we noticed it. Maybe a couple of months?
Forum link : http://www.clooneysopenhouse.com

Description of problem

Hi everyone

In my forum we're often sharing pictures from twitter and Instagram using their 'embed' feature. While twitter works perfectly, Instagram embeds only show an icon instead of the image.

This is what it looks like:

<blockquote class="instagram-media" data-instgrm-captioned data-instgrm-version="6" style=" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:658px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);"><div style="padding:8px;"> <div style=" background:#F8F8F8; line-height:0; margin-top:40px; padding:37.5% 0; text-align:center; width:100%;"> <div style=" background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAAAGFBMVEUiIiI9PT0eHh4gIB4hIBkcHBwcHBwcHBydr+JQAAAACHRSTlMABA4YHyQsM5jtaMwAAADfSURBVDjL7ZVBEgMhCAQBAf//42xcNbpAqakcM0ftUmFAAIBE81IqBJdS3lS6zs3bIpB9WED3YYXFPmHRfT8sgyrCP1x8uEUxLMzNWElFOYCV6mHWWwMzdPEKHlhLw7NWJqkHc4uIZphavDzA2JPzUDsBZziNae2S6owH8xPmX8G7zzgKEOPUoYHvGz1TBCxMkd3kwNVbU0gKHkx+iZILf77IofhrY1nYFnB/lQPb79drWOyJVa/DAvg9B/rLB4cC+Nqgdz/TvBbBnr6GBReqn/nRmDgaQEej7WhonozjF+Y2I/fZou/qAAAAAElFTkSuQmCC); display:block; height:44px; margin:0 auto -44px; position:relative; top:-22px; width:44px;"></div></div> <p style=" margin:8px 0 0 0; padding:0 4px;"> <a href="https://www.instagram.com/p/BBOLvrWmD4y/" style=" color:#000; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px; text-decoration:none; word-wrap:break-word;" target="_blank">thought this day couldn't get better, but #georgeclooney &amp; #channingtatum 😩😍 @hailcaesarmovie</a></p> <p style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; line-height:17px; margin-bottom:0; margin-top:8px; overflow:hidden; padding:8px 0 7px; text-align:center; text-overflow:ellipsis; white-space:nowrap;">A photo posted by Suzanne Marques (@suzmarques) on <time style=" font-family:Arial,sans-serif; font-size:14px; line-height:17px;" datetime="2016-01-31T23:19:38+00:00">Jan 31, 2016 at 3:19pm PST</time></p></div></blockquote>
<script async defer src="//platform.instagram.com/en_US/embeds.js"></script>

The coding comes entirely from Instagram. Is there something with the forumotion setup that can't read the Instagram embed coding?

by dotdotdot
on February 1st 2016, 1:03 pm
 
Search in: Garbage
Topic: Embed links from Instagram don't show up on the forum
Replies: 2
Views: 1106

Would this html code work

Will this html code work for my forum?

body {
font-family: Berylium, "Blue Highway", Times, serif;
font-size: 97%;
color: #000000;
background: url(https://2img.net/h/i615.photobucket.com/albums/tt232/YUKUSDS/DESIGNERS/JENNIFER/0517%20jamie%20kidd%20wet%20n%20wild/Image8.png) fixed;
}

.mgr-navigation-sliver { color: #030303; background: url(https://2img.net/h/i615.photobucket.com/albums/tt232/YUKUSDS/DESIGNERS/JENNIFER/0517%20jamie%20kidd%20wet%20n%20wild/Image71.png); }

.mgr-navigation-sliver a:link { color: #030303; }

.mgr-navigation-sliver a:visited { color: #030303; }

table { border: 2px solid #8bd876; font-size: inherit; }

th { border: 2px solid #8bd876; color: #030303; background: #fef288; }

td { border: 2px solid #8bd876; color: #030303; background: #d6f0c0; }

th a:link { color: #030303; }

a { color: #000; }

a:link { color: #000; }

a:visited { color: #000; text-decoration: underline; }

a:hover { color: #030303; }

a:active { color: #000; }

.boxheading {
text-align: center;
color: #030303;
border-top: 5px solid #8bd876;
border-right: 3px solid #8bd876;
border-bottom: 3px solid #8bd876;
border-left: 3px solid #8bd876;
padding: 3px;
background: url(https://2img.net/h/i615.photobucket.com/albums/tt232/YUKUSDS/DESIGNERS/JENNIFER/0517%20jamie%20kidd%20wet%20n%20wild/Image101.png);
}

.boxheading a:link { color: #030303; }

.boxheading h1 { font-size: 1.3em; font-weight: bold; }

.boxheading h2 { font-size: 1.3em; font-weight: bold; }

.boxheading h3 { font-size: 1.3em; }

.boxbody {
color: #030303;
font-family: Berylium;
border-top: 2px solid #8bd876;
border-right: 2px solid #8bd876;
border-bottom: 2px solid #8bd876;
border-left: 2px solid #8bd876;
padding: 3px;
background: #ace48e;
}

.category-box table { border: 2px solid #8bd876; }

.category-box th { border: 2px solid #8bd876; }

.category-box td { border: 2px solid #8bd876; color: #030303; background: #d6f0c0; }

.forum-box th { background: #FFFFFF); }

.forum-box td { background: #d6f0c0; }

.forum-box .odd td { background: #d6f0c0; }

.forum-box .even td { background: #d6f0c0; }

.bread-crumbs { color: #286380; }

.bread-crumbs a:link { color: #286380; }

.bread-crumbs a:visited { color: #286380; }

.discussion-box th { color: #030303; background: #ffffff; }

.discussion-box .th { color: #030303; background: #ffffff; }

.discussion-box th a:link { color: #030303; }

.discussion-box th a:visited { color: #030303; }

.discussion-box td { color: #030303; background: #ffffff; }

.discussion-box .odd td { color: #030303; background: #ffffff; }

.discussion-box .post-content { font-family: Berylium, "Blue Highway", Times, serif; font-size: 16px; }

blockquote { border: 2px solid #8bd876; color: #030303; background: #d6f0c0; }

.quote-title { color: #030303; }

textarea { border: 2px solid #8bd876; color: #030303; background: #d6f0c0; }

.button {
color: #030303;
border: 2px solid #8bd876;
font-family: Berylium, "Blue Highway", Times, serif;
font-size: 15px;
padding: 2px 5px 0;
text-decoration: none;
background: #fef288;
}

input.text { color: #030303; border: 1px solid #D2D0D0; background: #ffffff; }

input.button {
color: #030303;
border: 2px solid #8bd876;
font-family: Berylium, "Blue Highway", Times, serif;
font-size: 15px;
padding: 2px 5px 0;
text-decoration: none;
background: #fef288;
}

.dropdown a:link { color: #030303; }

.dropdown a:visited { color: #030303; }

.dropdown input { color: #030303; text-decoration: none; }

.dropdown li { border: 2px solid #8bd876; font-size: 11px; background: #d6f0c0; }

.pager { color: #030303; }

.pager a:link { color: #030303; text-decoration: none; }

.pager a:visited { color: #030303; text-decoration: none; }

html>body { font-size: 15px; }

#wrapper { font-size: 1em; margin: 5px; }

.layer1 { padding: 90px 90px 30px; background: url(https://2img.net/h/i615.photobucket.com/albums/tt232/YUKUSDS/DESIGNERS/JENNIFER/0517%20jamie%20kidd%20wet%20n%20wild/my_repper_pattern.jpg); }

.layer2 { border: 0px solid #8c070c; padding: 6px; background: url(https://2img.net/h/i615.photobucket.com/albums/tt232/YUKUSDS/DESIGNERS/JENNIFER/0517%20jamie%20kidd%20wet%20n%20wild/Image8.png); }

.layer3 { border: 0px solid #000000; padding: 10px; background: url(https://2img.net/h/i615.photobucket.com/albums/tt232/YUKUSDS/DESIGNERS/JENNIFER/0517%20jamie%20kidd%20wet%20n%20wild/Image71.png); }

.myheader { text-align: center; margin-bottom: 15px; }

.myfooter {
text-align: center;
font-weight: bold;
padding-top: 5px;
padding-bottom: 15px;
}

.mgr-footer {
margin-top: -12px;
padding-bottom: 5px;
font-size: 0.8em;
background: url(https://2img.net/h/i615.photobucket.com/albums/tt232/YUKUSDS/DESIGNERS/JENNIFER/0517%20jamie%20kidd%20wet%20n%20wild/my_repper_pattern.jpg);
}

h1 { font-size: 1.4em; font-weight: normal; }

h2 { font-size: 1.3em; font-weight: normal; }

h3 { font-size: 1.2em; font-weight: normal; }

h4 { font-size: 1.2em; font-weight: normal; }

h5 { font-size: 1.1em; }

h6 { font-size: 1em; }

p { font-size: 1em; margin-bottom: 8px; }

.box { margin-bottom: 15px; }

.pager-total { padding: 2px; }

.pager-list div { padding: 2px; }

.dropdown li a:link { text-decoration: none; color: #030303; }

.dropdown li a:visited { text-decoration: none; color: #030303; }

.control-box { margin-top: -10px; margin-bottom: 5px; }

.jump-box { margin-top: -10px; margin-bottom: 5px; }

.control-box .boxbody { border: none; background: transparent; }

.jump-box .boxbody { border: none; background: transparent; }

th a:visited { color: #030303; }

a.button {
font-family: Berylium, "Blue Highway", Times, serif;
font-size: 15px;
color: #030303;
border: 2px solid #8bd876;
padding: 2px 5px 0;
text-decoration: none;
background: #fef288;
}

a.button:visited {
font-family: Berylium, "Blue Highway", Times, serif;
font-size: 15px;
color: #030303;
border: 2px solid #8bd876;
padding: 2px 5px 0;
text-decoration: none;
background: #fef288;
}

div.mgr-navigation-sliver-wrapper { border-top: 1px solid #8bd876; border-bottom: 1px solid #8bd876; }

div.mgr-navigation-sliver { border-top: 1px solid #8bd876; border-bottom: 1px solid #8bd876; }

.chatbox-holder { margin: auto; }

#widgets_chatbox #wrapper { width: auto; margin: auto; border: 5px solid #8bd876; }

#chatbox_form p { text-align: center; }

.forumtitle a { font-weight: bold; }

table.calendar { font-size: .7em; margin: 20px auto 20px -30px; }
by dad2paisley
on September 14th 2015, 6:20 pm
 
Search in: Scripts Problems Archives
Topic: Would this html code work
Replies: 9
Views: 1242

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(https://2img.net/h/oi57.tinypic.com/2lm313q.jpg); vertical-align:top; }
.user[style="color:#63BFCF"] span:before, #chatbox_members span[style="color:#63BFCF"] span:before {  content:url(https://2img.net/h/oi57.tinypic.com/2lm313q.jpg); vertical-align:top; }
.user[style="color:#008F8F"] span:before, #chatbox_members span[style="color:#008F8F"] span:before {  content:url(https://2img.net/h/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(https://2img.net/h/oi47.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 September 8th 2015, 1:56 am
 
Search in: Scripts Problems Archives
Topic: Moving Navigation Menu to Center of Page
Replies: 3
Views: 2202

How to make this CSS work within a post

<div id="header">
   <div id="reply">
       <span class="hovernotice">Hover over this image to see the post!
       </span>
       <div style="background-image: url(https://i.imgur.com/KdO57zX.png); background-size: 520px; width: 520px; height: 168px;">
       <div style="font-family: Algerian; font-size: 25px; text-shadow: 2px 2px 4px #000000; color:#FF0000; margin-top: -85px; margin-bottom: 80px; text-align: right; width: 350px;">
           </div>
       <br />
       <div id="textfield">
         <div id="rounder">
Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here!
           <br />
         </div>
       </div>
     </div>
   </div>
<style type="text/css">
#header {
  height: 670px;
  width: 520px;
}

#reply {
  height: 104px;
  width: 411px;
  opacity: 0.9;
  overflow: hidden;
  -webkit-transition: all 0.9s ease;
  -moz-transition: all 0.9s ease;
  -o-transition: all 0.9s ease;
}

#reply:hover {
  height: 670px;
  width: 520px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  opacity: 1.0;
}

#textfield {
  font-size: 11px;
  line-height: 12px;
  padding: 10px;
  font-family: Calibri;
  text-align: justify;
  color: #000;
  height: 670px;
}

#rounder {
  height: 670px;
  overflow-x: hidden;
  text-align: justify;
}

.hovernotice {
  font-family: Verdana;
  font-size: 9px;
  letter-spacing: 2px;
  font-height: 9px;
  text-decoration: none;
  font-weight: bold;
  text-transform: none;
}
</style>
</center>
<div class="clear"></div>
by Sora Black
on July 6th 2015, 8:04 pm
 
Search in: Scripts Problems Archives
Topic: How to make this CSS work within a post
Replies: 9
Views: 885

Background help

Okay, here's the  whole thing:

body {
background-color: #000000;
background-image: url("https://i.servimg.com/u/f19/19/22/89/57/allian10.jpg");
background-attachment: scroll;
}
* html {
scrollbar-face-color: #9f0000;
scrollbar-highlight-color: #;
scrollbar-shadow-color: #;
scrollbar-3dlight-color: #680000;
scrollbar-arrow-color: #;
scrollbar-track-color: #;
scrollbar-darkshadow-color: #7f0000;
}
*+ html {
scrollbar-face-color: #9f0000;
scrollbar-highlight-color: #;
scrollbar-shadow-color: #;
scrollbar-3dlight-color: #680000;
scrollbar-arrow-color: #;
scrollbar-track-color: #;
scrollbar-darkshadow-color: #7f0000;
}
#sceditor_smilies{
background-color: #0e0e0e;
}
}
#sce_smilies_body {

/*background:none;
*/
background-color: #000000;
background-image: none;
min-width: 1px !important;
}
.sceditor-container iframe, .sceditor-container textarea {
background-color: transparent !important;
}
.sceditor-container{
background-color: #ffffff !important;
}
.sceditor-toolbar{
background-color: #f7f7f7 !important;
}
th,td,p {
font-family: Verdana,Arial,Helvetica,sans-serif }
a img {
border: none;
}

/* Links */

/* a:link,a:active,a:visited {
color : #005eff;
}
*/
a:link{
color: #005eff;
}
a:visited{
color: #0055ff;
}
a:active{
color: #0368f5 }
a:hover{
text-decoration: underline !important;
color : #006aff;
}
hr{
height: 0;
border: solid #1c1c1c 0;
border-top-width: 1px;
}
.bodyline{
background-color: #;
border: 1px #000000 solid;
}
.bodylinewidth {
width:100%}
.forumline{
background-color: #000000;
border: 2px #0d0d0d solid;
}
td.row1,td.row3.over:hover {
background-color: #000000;
}
td.row2,td.row1.over:hover {
background-color: #0e0e0e;
}
td.row3{
background-color: #1c1c1c;
}
td.rowpic {
background-color: #000000;
background-image: url("https://hitsk.in/t/14/13/07/i_back_catd.png");
css}
th {
color: #f70505;
font-size: 11px;
font-weight : bold;
background-color: #000000;
height: 25px;
background-image: url("https://hitsk.in/t/14/13/07/i_back_title.png");
padding: 2px 3px;
}
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
background-image: url("https://hitsk.in/t/14/13/07/i_back_catg.png");
background-color:#000000;
border: #0d0d0d;
border-style: solid;
height: 28px;
}
td.cat,td.catHead,td.catBottom {
height: 29px;
border-width: 0;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
font-weight: bold;
border: #000000;
border-style: solid;

/*height: 20px;
*/
}
td.row3Right,td.spaceRow {
background-color: #1c1c1c;
border: #0d0d0d;
border-style: solid;
}
td.pourcentback {
background-color : #000000;
}
th.thHead,td.catHead {
font-size: 12px;
border-width: 1px 1px 0 1px;
}
th.thSides,td.catSides,td.spaceRow {
border-width: 0 1px;
}
th.thRight,td.catRight,td.row3Right {
border-width: 0 1px 0 0;
}
th.thLeft,td.catLeft {
border-width: 0 0 0 1px;
}
th.thBottom,td.catBottom {
border-width: 0 1px 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{
font-weight: bold;
font-size: 22px;
font-family: TrebuchetMS,Verdana,Arial,Helvetica,sans-serif;
text-decoration: none;
line-height : 120%;
color : #ffffff;
}
.forumline .row1,.forumline .row2,.forumline .row3,.forumline .row3Right {
padding: 2px 3px;
}
.forumline td.pagination {
padding:0;
}
.maintitle h1 {
margin: 0;
padding: 0;
display: inline;
}
.gen {
font-size : 12px;
}
.genmed {
font-size : 11px;
}
.gensmall {
font-size : 10px;
}
.gen,.genmed,.gensmall {
color : #ffffff;
}
a.gen,a.genmed,a.gensmall {
color: #005eff;
text-decoration: none;
}
a.gen:hover,a.genmed:hover,a.gensmall:hover{
color: #006aff;
text-decoration: underline;
}
.mainmenu{
font-size : 11px;
color : #ffffff }
a.mainmenu{
text-decoration: none;
color : #005eff;
}
a.mainmenu:hover{
text-decoration: underline;
color : #006aff;
}
.cattitle{
font-weight: bold;
font-size: 12px ;
letter-spacing: 1px;
color : #005eff}
h1.cattitle {
margin:0;
padding: 0;
display:inline;
}
a.cattitle{
text-decoration: none;
color : #005eff;
}
a.cattitle:hover{
text-decoration: underline;
}
.forumlink{
font-weight: bold;
font-size: 12px;
color : #005eff;
}
a.forumlink {
text-decoration: none;
color : #005eff;
}
a.forumlink:link {
color : #005eff;
}
a.forumlink:visited {
color : #0055ff;
}
a.forumlink:active {
color : #0368f5;
}
a.forumlink:hover{
text-decoration: underline;
color : #006aff;
}
.nav{
font-weight: bold;
font-size: 11px;
color : #ffffff;
}
a.nav{
text-decoration: none;
color : #005eff;
}
a.nav:hover{
text-decoration: underline;
}
.topictitle,h1,h2{
font-weight: bold;
font-size: 11px;
color : #ffffff;
}
div.topictitle {
display: inline;
}
h2.topic-title {
display: inline;
margin: 0;
padding: 0;
}
a.topictitle:link{
text-decoration: none;
color : #005eff;
}
a.topictitle:visited{
text-decoration: none;
color : #0055ff;
}
a.topictitle:active{
text-decoration: none;
color : #0368f5;
}
a.topictitle:hover{
text-decoration: underline;
color : #006aff;
}
.name{
font-size : 11px;
color : #ffffff;
}
.name a{
text-decoration:none;
}
.postdetails{
font-size : 10px;
color : #ffffff;
}
.postbody{
font-size : 12px;
line-height: 18px}
a.postlink:link{
text-decoration: none;
color : #005eff }
a.postlink:visited{
text-decoration: none;
color : #0055ff;
}
a.postlink:active{
text-decoration: none;
color : #0368f5;
}
a.postlink:hover{
text-decoration: underline;
color : #006aff}
.code{
font-family: Courier,CourierNew,sans-serif;
font-size: 11px;
color: #dbff12;
background-color: #000000;
border: #1c1c1c;
border-style: solid;
border-left-width: 1pxborder-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
}
.code div.cont_code {
max-height:200px;
overflow:auto;
}
.quote{
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
color: #00ff26;
line-height: 125%;
background-color: #000000;
border: #1c1c1c;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px}
.coloradmin {
color: #00c4ff}
.colormod {
color: #dbff12}
.vote {
float: right;
width: 10px;
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 #ffffff;
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;
}
h1.pagetitle {
display: inline;
margin: 0;
padding: 0;
font-size: 12px;
color: #f70505;
}
h1.title2 {
font-size: 11px;
}
.secondarytitle,.secondarytitle h2 {
margin: 0;
padding: 0;
color: #f70505;
}
.secondarytitle h2 {
display:inline;
}
.nav h1 {
display: inline;
}
.hierarchy {
display: inline;
margin: 0;
padding: 0;
text-transform: none;
border: none;
font-size: 10px;
}
.mod-text {
font-weight: bold;
}
img{
border:0}
input,textarea, select, #text_editor_iframe {
color : #ffffff;
font: normal 11px Verdana,Arial,Helvetica,sans-serif;
border-color : #ffffff;
}
input.post,textarea.post,select,#text_editor_iframe,textarea.inputbox{
background-color:#000000}
.post-options {
text-align: right;
}
.post-options img {
cursor: pointer;
vertical-align: middle;
}
input {
text-indent : 2px;
}
input.button {
background-color : #000000;
color : #ffffff;
font-size: 11px;
font-family: Verdana,Arial,Helvetica,sans-serif;
}
input.mainoption {
background-color : #000000;
font-weight : bold;
}
input.liteoption {
background-color : #000000;
font-weight : normal;
}
.helpline {
background-color: #0e0e0e;
border-style: none;
}
input {
background-color: #0e0e0e;
}
button.button2, input.button2 {
font-size: 0.7em;
border: 1px solid #BCBCBC;
width: auto !important;
padding: 1px 0;
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;
vertical-align:middle;
}
button.button2:hover, input.button2:hover {
border: 1px solid #006aff;
color: #006aff;
background-position: 0 100%;
}
* html button.button2, * html input.button2 {
padding-bottom: 0;
margin-bottom: 1px;
height: 24px;
padding-right: 3px;
padding-left: 3px;
}
*+html button.button2, *+html input.button2 {
height: 24px;
padding-right: 3px;
padding-left: 3px;
}
*+html button.button2 img {
vertical-align: middle;
}
* html button.button2 img {
vertical-align: middle;
}
button.bbcode {
border: 1px solid #e3adad;
background-image: url("https://illiweb.com/fa/wysiwyg/bg_button.png");
}
.select {
background-color: #FFF;
border: 1px solid #BCBCBC;
position: absolute;
z-index:100;
top: 0;
left: 0;
overflow: hidden;
width: 0;
}
.select p {
padding: 4px 6px;
font-size: 0.7em;
margin: 0;
white-space: nowrap;
text-align: left;
}
.select button {
padding: 4px;
font-size: 0.9em;
margin: 0;
background-color: #FFF;
border: none;
text-align:left;
}
.select button.button2 {
border:1px solid #BCBCBC;
padding: 0;
}
* html .select button.button2 {
padding-right: 3px;
padding-left: 3px;
}
.select button.button2:hover {
border: 1px solid #006aff;
color: #006aff;
background-position: 0 100%;
}
.select button:hover,.selectHover {
cursor: pointer;
background-color: #EEE;
}
textarea#text_editor_textarea {
width: 100% !important;
}
iframe#text_editor_iframe {
width: 100%;
height: 200px;
}
form#quick_reply textarea#text_editor_textarea {
width: 100% !important;
height: 100%;
}
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;
}

/*@import url("form_ie.css");
*/
input {
text-indent: 2px}
input,textarea,select {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px}
input.button {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px}
.postbody {
line-height: 18px}
@media print {
body {
background-image: none;
background-color: #fff;
color: #000;
}
table.bodylinewidth span.maintitle {
display: block;
text-align: left;
}
table.bodylinewidth img#i_logo,.browse-arrows,.noprint,.messaging,.post-options,.poster-profile,img.i_icon_online,table.bodylinewidth .mainmenu,table.bodylinewidth .nav,table.bodylinewidth .gensmall,span.postdetails img,table.bodylinewidth .sig,table.bodylinewidth .catbottom,#info_open {
display:none;
}
td.catHead, .t-title {
text-align: left;
}
table.bodylinewidth .cattitle {
letter-spacing: normal;
font-size: 1em;
}
.thLeft,.thRight {
color: #000;
border: none;
text-align:left;
}
.hr hr {
visibility: hidden;
}
.hr {
border-top: 1px dotted #ddd !important;
}
tr.post td {
vertical-align: top;
border-bottom: 1px solid #ccc;
}
tr.post td td {
border: none;
}
span.gen {
display: none;
}
}
ul.abuse {
list-style: none;
line-height: 1.5em;
font-size: 0.9em;
}
.rtl-spacer:before {
content: " ";
white-space: pre;
}
.rtl-spacer:after {
content: " ";
white-space: pre;
}
.warning {
color:#ff3333;
}
.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;
}

/* 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;
}
.clear {
clear: both;
}
#content-container #left {
width: 0px;
margin-right: px;
}
#content-container #right {
width: 0px;
margin-left: px;
}
.module-title {
font-weight: bold;
margin: 0 auto;
text-align: center;
display: block;
}

/* Chatbox */
#frame_chatbox {
border: none !important;
}
body.chatbox {
min-width: 550px !important;
background-image: none;
padding: 0;
margin: 0;
background-color: #000000;
}
#chatbox_members {
position: absolute;
top: 30px;
bottom: 30px;
width: 180px;
overflow: auto;
border-right: 1px solid ;
color: #ffffff;
}
#chatbox {
position: absolute;
top: 30px;
left: 181px;
right: 0;
bottom: 30px;
overflow: auto;
line-height: 10px;
}
.chatbox_row_1,.chatbox_row_2,.chatbox_row_3 {
font-size: 12px;
}
.chatbox-options {
text-align:right;
}
#chatbox_messenger_form .gen,#chatbox_messenger_form .text-field,#chatbox_messenger_form {
float:right;
white-space : nowrap;
width:100%;
}
#chatbox_footer {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 30px;
}
#chatbox_footer table.text-styles {
float: right;
}
#chatbox_footer .text-field {
float: left;
}
#chatbox_header {
height: 30px;
background-color: #000000;
}
#chatbox p {
line-height: 1.2em;
}
.chatbox_row_1 {
padding: 4px;
background-color: #000000;
}
.chatbox_row_2 {
padding: 4px;
background-color: #0e0e0e;
}
.chatbox_row_3 {
padding: 4px;
background-color: #1c1c1c;
}
.memberlist_row_1 {
padding: 2px 2px 2px 10px;
background-color: #000000;
}
#chatbox_members .member-title {
text-align: center;
padding: 0.5em 0.25em;
background-image: none;
font-size: 12px;
background-color: #1c1c1c;
color : #005eff;
font-family: Verdana,Arial,Helvetica,sans-serif;
}
#chatbox_members ul {
list-style: none;
margin: 0 0 0 10px;
}
#chatbox_members ul li {
margin: 2px 2px 2px 0;
}
#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 .user {
font-weight: bold;
}
div#chatbox {
color: #ffffff;
}
#chatbox_contextmenu {
background-color: #1c1c1c;
border:1px solid #aaa;
}
#chatbox_contextmenu p {
margin:0;
padding: 1px 4px;
font-family: verdana, arial, sans-serif;
background: #;
border-bottom:1px solid #777;
}
#chatbox_contextmenu p.hover {
background: #;
}
#chatbox_contextmenu p.close {
background: #ddd;
padding: 1px;
font-size: 70%;
color:#fff;
background: url('');
}
#chatbox_contextmenu p.close img {
vertical-align: middle;
padding-left: 20px;
}
#chatbox_contextmenu a {
color: #;
text-decoration: none;
font-size: 70%;
}
#chatbox_contextmenu a:hover {
color: #;
}
.fontbutton{
border:0;
}
* 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");
}

/* poll */
.poll-result td {
padding: 2px 4px;
text-align: left;
}
.poll-result td.poll-title,.poll-result td.poll-results {
text-align: center;
}
.progress-bar td {
padding: 0 !important;
}
.poll-ballot {
text-align: left;
}

/* Advanced profile */
#profile-advanced-avatar .module, #profile-advanced-points .module, #profile-advanced-reputation .module, #profile-advanced-details {
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 {
margin: 0;
padding: 0;
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 #000000;
background-color: #fff;
}
.avatar img {
width: 50px;
}
.friend-block .avatar {
margin: 0 auto;
cursor:pointer;
}
.avatar.mini, .avatar.mini img {
width: 38px;
height: 38px;
}
.friend-block {
float: left;
width: 70px;
margin: 1px;
text-align: center;
overflow: hidden;
}
.friend_list_online_status {
line-height: 11px;
font-size: .9em;
}
.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 #1c1c1c;
background: #0e0e0e;
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-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;
}
#login_popup {
position: absolute;
z-index: 10000;
display: none;
}
#login_popup_buttons {
position: absolute;
height:19px;
bottom: 6px;
right: 6px;
}
#login_popup_buttons input {
margin-left: 6px;
}
ul.profile_field_list {
padding:0;
margin: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:-18px}
.ajax-profil_edit img{
margin-left:4px}
.ajax-profil_valid{
cursor:pointer;
margin-left:4px;
vertical-align:middle}
#profile-advanced-details dl{
padding:8px 10 8px 0;
width:98%;
margin:10px 0 0;
}
#profile-advanced-details dl dt{
float:left;
display:block;
width:10em;
}
#profile-advanced-details dl dd{
margin-left:10em;
padding-left:12px;
}
#profile-advanced-details div.separator{
clear:both;
font-size:1px;
line-height:1px;
border-bottom:1px solid #dcdcdc;
padding-top:10px;
}
#profile-advanced-details .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: #000000;
border: 1px solid #0d0d0d;
}
.jqmOverlay {
background-color: #000;
}
.jqDrag {
cursor: move;
}

/* Blog */
.blog_cal-border {
display: inline;
float: left;
border: 1px solid #000000;
background: #000000;
padding: 1px;
font-size: 0.9em;
margin-right: 10px;
}
.blog_cal-content {
width: 2.9em;
background: #000000;
padding: 1px;
line-height: 1.4em;
text-align: center;
font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Sans-Serif;
color: #;
}
.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: 5px;
font-size: 16px;
}
.blog_title img {
vertical-align: middle;
}
.blog_title .topictitle {
font-size: 16px;
}
.blog_message {
margin-top: 12px;
font-size: 12px;
}
.blog_comments {
margin-bottom: 2px;
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 #000000;
vertical-align: middle;
width: 38px;
margin: 5px 5px 0 0;
}
#blog_comments table {
margin-bottom: 2px;
}
#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_comment-title a {
text-decoration: none;
}
#blog_comments .profile-icons {
float: right;
margin-bottom: 5px;
}

/* 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;
}
#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;
}

/* wysiwyg */
.mceContentBody{
background: #0e0e0e;
color: #ffffff;
}
.align_right{
text-align: right;
}

/* resize image */
.resize_process .resizebox {
display: none;
}
.resize_process img.resize_img {
display: none;
}
.resizebox a.enlarge, .resizebox.showfull a.fullsize, .resizebox.enlarged a.resize {
display: inline-block;
zoom: 1;
*display: inline;
}
.resizebox.enlarged a.enlarge, .resizebox a.fullsize, .resizebox a.resize {
display: none;
}
.resizebox {
background-color: #000000;
max-width: 100%;
line-height: 1.1em;
cursor: default;
font-weight: normal;
font-style: normal;
margin: 0;
text-align: left;
display: inline-block;
}
.resizebox div {
font-weight: normal;
font-style: normal;
margin: 0;
}
.resizebox .resize_border {
border: 1px solid #1c1c1c;
display: block;
}
.resizebox .resize_content {
padding: 5px 10px;
display: inline-block;
zoom: 1;
*display: inline;
}
.resizebox .resize_filler {
border: none;
padding: 0;
width: 40px;
display: inline-block;
zoom: 1;
*display: inline;
}
.attachbox {
background-color:#000000;
border:1px dashed #1c1c1c;
clear:left;
float:left;
margin:5px 5px 5px 0;
padding:6px;
width:auto;
color:#ffffff;
}
.attachbox dt {
font-family:Arial,Helvetica,sans-serif;
text-transform:uppercase;
}
.attachbox dd {
border-top:1px solid #1c1c1c;
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:bold;
margin:0;
padding:0;
text-transform:none;
}
dl.file dt img {
vertical-align:middle}
.info {
font-size:10px;
font-style:italic;
}

/* Spoiler */
.spoiler_closed {
display:block;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
color: #00ff26;
line-height: 125%;
background-color: #000000;
border: #1c1c1c;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
}
.spoiler_closed.hidden {
display:none;
}
.spoiler_content {
display:block;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
color: #00ff26;
line-height: 125%;
background-color: #000000;
border: #1c1c1c;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
}
.spoiler_content.hidden {
display:none;
}

/* Styles Facebook */
.user_login_form {
margin-bottom:5px;
}
.fb_or {
background-color:#1c1c1c;
border:2px solid #0d0d0d;
font-weight:bold;
padding:5px;
color:#00ff26;
height : 16px;
line-height : 16px;
width : 26px;
display : block;
}
.fb_or_widget {
background-color:#1c1c1c;
border:2px solid #0d0d0d;
font-weight:bold;
padding:5px;
color:#00ff26;
height : 16px;
line-height : 16px;
width : 26px;
margin-right : auto;
margin-left : auto;
margin-bottom : 15px;
text-align: center;
}
.fb_login_widget{
margin: 10px 0 0 0;
}
.fb_login_widget .fb_or{
margin: 0 70px 0 60px;
}
.fb-like{
margin : 0 5px;
overflow : hidden;
}
#cont_pwd {
width:150px;
height:21px;
float:left;
padding:0 0 0 20px;
}
.pwd_img {
padding : 4px 0 3px 0;
width : 150px;
height : 14px;
line-height : 14px;
font-size : 11px;
font-weight : bold;
text-align : center;
color : #000000;
display : none;
}
#pwd_good {
background:url('https://illiweb.com/fa/p_strength/pwd_good.png');
}
#pwd_middle {
background:url('https://illiweb.com/fa/p_strength/pwd_middle.png');
}
#pwd_bad {
background:url('https://illiweb.com/fa/p_strength/pwd_bad.png');
}
#fb_explain td {
padding : 5px 0 5px 0;
vertical-align : top;
}
.row1.fb {
padding: 5px 2px 4px 2px;
}
.row2.fb {
padding: 2px 3px 2px 8px;
}
#cont_fb_invit iframe {
width: 760px !important;
}

/**** Module social_bookmarking ****/
.mod_bookmarks a img {
width: 20px;
height: 20px;
background: url(https://illiweb.com/fa/social_bookmarking/social_bookmarking_fa.png) no-repeat scroll;
vertical-align: middle;
}
.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;
}

/**** Module rss_feeds ****/
.mod_rss_feeds a img {
width: 91px;
height: 17px;
background: url(https://illiweb.com/fa/rss_mod/sprite_rss_feeds.png) no-repeat scroll;
vertical-align: middle;
padding-bottom:2px;
}
.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 {
width: 91px;
height: 17px;
background: url(https://illiweb.com/fa/rss_mod/rss_br10.png) no-repeat scroll;
vertical-align: middle;
padding-bottom:2px;
}
.mod_rss_feeds img.xml {
width: 91px;
height: 17px;
background: url(https://illiweb.com/fa/rss_mod/xml10.gif) no-repeat scroll;
vertical-align: middle;
padding-bottom:2px;
}
.mod_rss_feeds img.rss2 {
width: 91px;
height: 17px;
background: url(https://illiweb.com/fa/rss_mod/rss10.gif) no-repeat scroll;
vertical-align: middle;
padding-bottom:2px;
}

/**** Sprite CSS ****/
.sprite-arrow_prosilver_down{
background:url("https://illiweb.com/fa/sprite_icons.png") no-repeat top left;
background-position:0 0;
width:6px;
height:6px;
}
.sprite-arrow_prosilver_left{
background:url("https://illiweb.com/fa/sprite_icons.png") no-repeat top left;
background-position:-56px 0;
width:4px;
height:6px;
}
.sprite-arrow_prosilver_right{
background:url("https://illiweb.com/fa/sprite_icons.png") no-repeat top left;
background-position:-110px 0;
width:4px;
height:6px;
}
.sprite-arrow_prosilver_up{
background:url("https://illiweb.com/fa/sprite_icons.png") no-repeat top left;
background-position:-164px 0;
width:6px;
height:6px;
}
.sprite-arrow_subsilver_down{
background:url("https://illiweb.com/fa/sprite_icons.png") no-repeat top left;
background-position:-220px 0;
width:9px;
height:9px;
}
.sprite-arrow_subsilver_left{
background:url("https://illiweb.com/fa/sprite_icons.png") no-repeat top left;
background-position:-279px 0;
width:9px;
height:9px;
}
.sprite-arrow_subsilver_right{
background:url("https://illiweb.com/fa/sprite_icons.png") no-repeat top left;
background-position:-338px 0;
width:9px;
height:9px;
}
.sprite-arrow_subsilver_up{
background:url("https://illiweb.com/fa/sprite_icons.png") no-repeat top left;
background-position:-397px 0;
width:9px;
height:9px;
}
.sprite-icon_minipost{
background:url("https://illiweb.com/fa/sprite_icons.png") no-repeat top left;
background-position:-456px 0;
width:12px;
height:9px;
}
.sprite-icon_minipost_new{
background:url("https://illiweb.com/fa/sprite_icons.png") no-repeat top left;
background-position:-518px 0;
width:12px;
height:9px;
}
.sprite-icon_minipost_participate{
background:url("https://illiweb.com/fa/sprite_icons.png") no-repeat top left;
background-position:-580px 0;
width:12px;
height:9px;
}
.sprite-icon_miniposted{
background:url("https://illiweb.com/fa/sprite_icons.png") no-repeat top left;
background-position:-642px 0;
width:12px;
height:9px;
}
.sprite-icon_pages{
background:url("https://illiweb.com/fa/sprite_icons.png") no-repeat top left;
background-position:-704px 0;
width:11px;
height:12px;
}
.sprite-icon_post_target{
background:url("https://illiweb.com/fa/sprite_icons.png") no-repeat top left;
background-position:-765px 0;
width:11px;
height:9px;
}
.sprite-icon_post_target_unread{
background:url("https://illiweb.com/fa/sprite_icons.png") no-repeat top left;
background-position:-826px 0;
width:11px;
height:9px;
}
.sprite-icon_reply{
background:url("https://illiweb.com/fa/sprite_icons.png") no-repeat top left;
background-position:-887px 0;
width:18px;
height:9px;
}
.sprite-icon_reply_new{
background:url("https://illiweb.com/fa/sprite_icons.png") no-repeat top left;
background-position:-955px 0;
width:18px;
height:9px;
}
.sprite-icon_tiny_topic{
background:url("https://illiweb.com/fa/sprite_icons.png") no-repeat top left;
background-position:-1023px 0;
width:10px;
height:11px;
}
.sprite-icon_topic_latest{
background:url("https://illiweb.com/fa/sprite_icons.png") no-repeat top left;
background-position:-1083px 0;
width:11px;
height:9px;
}
.sprite-icon_topic_newest{
background:url("https://illiweb.com/fa/sprite_icons.png") no-repeat top left;
background-position:-1144px 0;
width:11px;
height:9px;
}
.sprite-subforum_read{
background:url("https://illiweb.com/fa/sprite_icons.png") no-repeat top left;
background-position:-1205px 0;
width:11px;
height:9px;
}
.sprite-subforum_unread{
background:url("https://illiweb.com/fa/sprite_icons.png") no-repeat top left;
background-position:-1266px 0;
width:11px;
height:9px;
}
.sprite-tabs_less{
background:url("https://illiweb.com/fa/sprite_icons.png") no-repeat top left;
background-position:-1327px 0;
width:9px;
height:9px;
}
.sprite-tabs_more{
background:url("https://illiweb.com/fa/sprite_icons.png") no-repeat top left;
background-position:-1386px 0;
width:9px;
height:9px;
}
.sprite-icon_calendar{
background:url("https://illiweb.com/fa/sprite_prosilver_navbar.png") no-repeat top left;
background-position:0 0;
width:14px;
height:13px;
}
.sprite-icon_faq{
background:url("https://illiweb.com/fa/sprite_prosilver_navbar.png") no-repeat top left;
background-position:0 -63px;
width:16px;
height:14px;
}
.sprite-icon_gallery{
background:url("https://illiweb.com/fa/sprite_prosilver_navbar.png") no-repeat top left;
background-position:0 -127px;
width:14px;
height:14px;
}
.sprite-icon_groups{
background:url("https://illiweb.com/fa/sprite_prosilver_navbar.png") no-repeat top left;
background-position:0 -191px;
width:16px;
height:14px;
}
.sprite-icon_home{
background:url("https://illiweb.com/fa/sprite_prosilver_navbar.png") no-repeat top left;
background-position:0 -255px;
width:13px;
height:12px;
}
.sprite-icon_logout{
background:url("https://illiweb.com/fa/sprite_prosilver_navbar.png") no-repeat top left;
background-position:0 -317px;
width:16px;
height:14px;
}
.sprite-icon_members{
background:url("https://illiweb.com/fa/sprite_prosilver_navbar.png") no-repeat top left;
background-position:0 -381px;
width:16px;
height:14px;
}
.sprite-icon_message{
background:url("https://illiweb.com/fa/sprite_prosilver_navbar.png") no-repeat top left;
background-position:0 -445px;
width:16px;
height:14px;
}
.sprite-icon_portal{
background:url("https://illiweb.com/fa/sprite_prosilver_navbar.png") no-repeat top left;
background-position:0 -509px;
width:14px;
height:14px;
}
.sprite-icon_register{
background:url("https://illiweb.com/fa/sprite_prosilver_navbar.png") no-repeat top left;
background-position:0 -573px;
width:16px;
height:14px;
}
.sprite-icon_search{
background:url("https://illiweb.com/fa/sprite_prosilver_navbar.png") no-repeat top left;
background-position:0 -637px;
width:16px;
height:14px;
}
.sprite-icon_textbox_search{
background:url("https://illiweb.com/fa/sprite_prosilver_navbar.png") no-repeat top left;
background-position:0 -701px;
width:16px;
height:14px;
}
.sprite-icon_ucp{
background:url("https://illiweb.com/fa/sprite_prosilver_navbar.png") no-repeat top left;
background-position:0 -765px;
width:16px;
height:14px;
}
.sprite-icon_mini_calendar{
background:url("https://illiweb.com/fa/sprite_subsilver_menu.png") no-repeat top left;
background-position:0 0;
width:12px;
height:13px;
}
.sprite-icon_mini_faq{
background:url("https://illiweb.com/fa/sprite_subsilver_menu.png") no-repeat top left;
background-position:-62px 0;
width:12px;
height:13px;
}
.sprite-icon_mini_gallery{
background:url("https://illiweb.com/fa/sprite_subsilver_menu.png") no-repeat top left;
background-position:-124px 0;
width:12px;
height:13px;
}
.sprite-icon_mini_groups{
background:url("https://illiweb.com/fa/sprite_subsilver_menu.png") no-repeat top left;
background-position:-186px 0;
width:12px;
height:13px;
}
.sprite-icon_mini_index{
background:url("https://illiweb.com/fa/sprite_subsilver_menu.png") no-repeat top left;
background-position:-248px 0;
width:13px;
height:13px;
}
.sprite-icon_mini_login{
background:url("https://illiweb.com/fa/sprite_subsilver_menu.png") no-repeat top left;
background-position:-311px 0;
width:12px;
height:13px;
}
.sprite-icon_mini_members{
background:url("https://illiweb.com/fa/sprite_subsilver_menu.png") no-repeat top left;
background-position:-373px 0;
width:12px;
height:13px;
}
.sprite-icon_mini_message{
background:url("https://illiweb.com/fa/sprite_subsilver_menu.png") no-repeat top left;
background-position:-435px 0;
width:12px;
height:13px;
}
.sprite-icon_mini_portal{
background:url("https://illiweb.com/fa/sprite_subsilver_menu.png") no-repeat top left;
background-position:-497px 0;
width:13px;
height:13px;
}
.sprite-icon_mini_profile{
background:url("https://illiweb.com/fa/sprite_subsilver_menu.png") no-repeat top left;
background-position:-560px 0;
width:12px;
height:13px;
}
.sprite-icon_mini_register{
background:url("https://illiweb.com/fa/sprite_subsilver_menu.png") no-repeat top left;
background-position:-622px 0;
width:12px;
height:13px;
}
.sprite-icon_mini_search{
background:url("https://illiweb.com/fa/sprite_subsilver_menu.png") no-repeat top left;
background-position:-684px 0;
width:12px;
height:13px;
}
#search_menu a img{
background:url("https://illiweb.com/fa/sprite_subsilver_menu.png") no-repeat top left;
background-position:-684px 0;
width:12px;
height:13px;
}

/**** Addthis ****/
#at16lb{
display:none;
position:absolute;
top:0%;
left:0%;
width:100%;
height:100%;
z-index:1001;
background-color:black;
opacity:0.001;
}
#at20mc, #at_email, #at16pib, #at16pc, #at16pi, #at_share, #at_complete, #at_success, #at_error {
position:static!important;
}
#at20mc {
position:absolute;
left:0px;
top:0px;
}
#at20mc a {
color:#3366BB;
}
.at15a{
border:0px;
height:0px;
margin:0px;
padding:0px;
width:100%;
width:230px}
.atnt {
text-align:center!important;
padding:6px 0px 0px 0px!important;
height:24px!important}
.atnt a {
text-decoration:none;
color:#3366bb}
.atnt a:hover {
text-decoration:underline}
#at_msg,#at16p label,#at16nms,#at_share .at_item,#at16p,#at15s,#at16p form input,#at16p form textarea {
font-family:arial,helvetica,tahoma,verdana,sans-serif!important;
font-size:12px!important;
outline-style:none;
outline-width:0px;
line-height:1em}
* html #at15s.mmborder {
position:absolute!important}
#at15s.mmborder {
border:10px solid #7f7f7f!important;
position:fixed!important}
#at15s.mmborder {
width:240px!important}
#at15s{
background-color: #fff !important;
background-image: none !important;
border: 1px solid #e5e5e5;
padding: 0 !important;
width: 160px !important;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 0 0 10px #000;
-webkit-box-shadow: 0 0 10px #000;
top: 1px;
right: 8px;
color: #4c4c4c !important;
}
#at15s_head{
position:relative;
background:#f2f2f2;
padding:4px;
cursor:default;
border-bottom:1px solid #e5e5e5}
#at15s_brand,#at16_brand{
position:absolute}
#at15s_brand {
top:4px;
right:4px}
#at16_brand{
top:5px;
right:30px;
cursor:default}
#at_hover{
padding:4px}
#at_hover .at_item, #at_share .at_item{
background:#fff!important;
float:left!important;
color:#4c4c4c !important}
#at16nms {
padding:4px 5px}
#at_hover .at_item{
width:102px!important;
padding:2px 3px!important;
margin:1px}
#at_hover .at_item.atiemode2 {
width:104px!important}
#at_hover .at_item:hover,#at_hover .at_item.athov {
margin:0px!important}
#at_hover .at_item:hover,#at_hover .at_item.athov,#at_share .at_item:hover,#at_share .at_item.athov{
background:#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{
padding-left:10px!important;
display:block!important;
width:60px!important;
float:left!important}
.at15e_row input,.at15e_row textarea{
display:block!important;
width:150px!important;
float:left!important;
background:#fff!important;
border:1px solid #ccc!important;
color:#333!important;
font-size:11px!important;
font-weight:normal!important;
padding:0pt!important}
#at_email label,#at_email input,#at_email textarea {
font-size:11px!important}
.at15t{
display:block!important;
height:16px!important;
line-height:16px!important;
padding-left:20px!important;
background:url(https://illiweb.com/fa/addthis/widget04.png) no-repeat left;
cursor:pointer}
.addthis_button {
cursor:pointer}
.addthis_toolbox.addthis_default_style span {
line-height:16px}
.addthis_default_style .addthis_separator {
margin:0px 5px;
display:inline}
div.atclear {
clear:both}
.addthis_default_style .addthis_separator,.addthis_default_style .at300b,.addthis_default_style .at300m,.addthis_default_style .at300bs {
float: left}
.at300b img {
border:0}
.addthis_default_style .at300b,.addthis_default_style .at300m {
padding:0px 2px}
.at300b,.at300m,.at300bs {
cursor:pointer}
.at300bs {
background:url(https://illiweb.com/fa/addthis/widget04.png) no-repeat left;
overflow:hidden;
display:block;
height:16px;
width:16px;
line-height:16px!important}
.at300bs.at15t_expanded,.at300bs.at15t_compact {
background:url(https://illiweb.com/fa/addthis/logo1414.gif) no-repeat left;
margin-right:4px}
.at15t_more{
background:url(https://illiweb.com/fa/addthis/logo1414.gif) no-repeat left !important}
.at15t_000{
background-position:0px -0px}
.at15t_aim{
background-position:0px -16px!important}
.at15t_amazonwishlist{
background-position:0px -32px!important}
.at15t_ask{
background-position:0px -48px!important}
.at15t_backflip{
background-position:0px -64px!important}
.at15t_ballhype{
background-position:0px -80px!important}
.at15t_bebo{
background-position:0px -96px!important}
.at15t_blogger{
background-position:0px -112px!important}
.at15t_blogmarks{
background-position:0px -128px!important}
.at15t_buzz{
background-position:0px -144px!important}
.at15t_delicious{
background-position:0px -160px!important}
.at15t_digg{
background-position:0px -176px!important}
.at15t_diigo{
background-position:0px -192px!important}
.at15t_email{
background-position:0px -208px!important}
.at15t_facebook{
background-position:0px -224px!important}
.at15t_fark{
background-position:0px -240px!important}
.at15t_faves{
background-position:0px -256px!important}
.at15t_favorites{
background-position:0px -272px!important}
.at15t_friendfeed{
background-position:0px -288px!important}
.at15t_friendster{
background-position:0px -304px!important}
.at15t_google{
background-position:0px -320px!important}
.at15t_hatena{
background-position:0px -336px!important}
.at15t_hi5{
background-position:0px -352px!important}
.at15t_kaboodle{
background-position:0px -368px!important}
.at15t_kirtsy{
background-position:0px -384px!important}
.at15t_linkagogo{
background-position:0px -400px!important}
.at15t_linkedin{
background-position:0px -416px!important}
.at15t_live{
background-position:0px -432px!important}
.at15t_meneame{
background-position:0px -448px!important}
.at15t_misterwong{
background-position:0px -464px!important}
.at15t_mixx{
background-position:0px -480px!important}
.at15t_multiply{
background-position:0px -496px!important}
.at15t_myaol{
background-position:0px -512px!important}
.at15t_myspace{
background-position:0px -528px!important}
.at15t_netvibes{
background-position:0px -544px!important}
.at15t_netvouz{
background-position:0px -560px!important}
.at15t_newsvine{
background-position:0px -576px!important}
.at15t_nujij{
background-position:0px -592px!important}
.at15t_orkut{
background-position:0px -608px!important}
.at15t_plaxo{
background-position:0px -624px!important}
.at15t_print{
background-position:0px -640px!important}
.at15t_propeller{
background-position:0px -656px!important}
.at15t_reddit{
background-position:0px -672px!important}
.at15t_segnalo{
background-position:0px -688px!important}
.at15t_simpy{
background-position:0px -704px!important}
.at15t_slashdot{
background-position:0px -720px!important}
.at15t_spurl{
background-position:0px -736px!important}
.at15t_stumbleupon{
background-position:0px -752px!important}
.at15t_stylehive{
background-position:0px -768px!important}
.at15t_tailrank{
background-position:0px -784px!important}
.at15t_technorati{
background-position:0px -800px!important}
.at15t_thisnext{
background-position:0px -816px!important}
.at15t_tipd{
background-position:0px -832px!important}
.at15t_tumblr{
background-position:0px -848px!important}
.at15t_twitter{
background-position:0px -864px!important}
.at15t_typepad{
background-position:0px -880px!important}
.at15t_wordpress{
background-position:0px -896px!important}
.at15t_yahoobkm{
background-position:0px -912px!important}
.at15t_yardbarker{
background-position:0px -928px!important}
.at15t_netscape{
background-position:0px -656px!important}
#at16clb {
font-size:16pt;
font-family:"verdana bold", verdana, arial, sans-serif}
#at_share .at_item {
width:123px !important;
padding:4px;
margin-right:2px;
border:1px solid #ffffff}
#at16pm {
background:#fff;
width:298px;
height:360px;
text-align:left;
border-right:1px solid #ccc;
position:static}
#at16pcc {
position:fixed;
top:0px;
left:0px;
width:100%;
margin:0 auto;
font-size:10px!important;
color:#4c4c4c;
padding:0px;
z-index:10000001;
overflow:visible}
* html #at16pcc {
position:absolute}
#at16abifc {
overflow:hidden;
margin:0;
top:10px;
left:10px;
height:335px;
width:492px;
position:absolute;
border:0}
#at16abifc iframe {
border:0;
position:absolute;
height:360px;
width:516px;
top:-10px;
left:-10px}
* html div#at16abifc.atiemode2 {
height:354px;
width:482px}
* html #at16abifc iframe {
height:348px;
left:-10px;
top:-10px;
overflow:hidden}
#at16p {
background:url(https://illiweb.com/fa/addthis/atbkg.png)}
#at16p, #atie6ifh {
position:absolute;
top:50%;
left:50%;
width:300px;
padding:10px;
margin:0 auto;
margin-top:-185px;
margin-left:-155px;
font-family:arial,helvetica,tahoma,verdana,sans-serif;
font-size:12px;
color:#5e5e5e;
z-index:10000001}
#atie6ifh {
width:322px;
padding:0px;
height:381px;
margin-left:-165px}
#at_share {
margin:0;
padding:0}
#at16ps {
overflow-y:scroll;
height:284px;
padding:5px}
a#at16pit {
position:absolute;
top:37px;
right:10px;
display:block;
background:url(https://illiweb.com/fa/addthis/tab00.gif) no-repeat;
width:16px;
height:20px;
line-height:19px;
margin-right:-17px;
text-align:center;
overflow:hidden;
color:#3366bb;
}
#at16pi {
background:#e5e5e5;
text-align:left;
border:1px solid #ccc;
border-bottom:0}
#at16pi a {
text-decoration:none;
color:#3366bb}
#at16pi a:hover {
text-decoration:underline}
#at16pt {
position:relative;
background:#f2f2f2;
height:13px;
padding:5px 10px}
#at16pt h4, #at16pt a{
font-weight:bold}
#at16pt h4 {
display:inline;
margin:0;
padding:0;
font-size:12px;
color:#4c4c4c;
cursor:default}
#at16pt a {
position:absolute;
top:5px;
right:10px;
color:#4c4c4c;
text-decoration:none}
#at16pc form{
margin:0}
#at16pc form label {
display:block;
font-size:11px;
font-weight:bold;
padding-bottom:4px;
float:none;
text-align:left}
#at16pc form label span {
font-weight:normal;
color:#4c4c4c;
display:inline}
#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:#fff;
border:1px solid #bbb;
width:272px;
margin:0px;
margin-bottom:8px;
font-weight:normal;
padding:3px;
font-family:arial,helvetica,tahoma,verdana,sans-serif;
font-size:11px;
line-height:1.4em;
color:#333}
#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:#fffff0;
color:#333}
#at16p .atbtn {
background:#fff;
border:1px solid #b5b5b5;
width:60px;
padding:2px 4px;
margin:0 2px !important;
font-size:11px !important;
font-weight:bold;
color:#333;
cursor:pointer}
#at16p .atbtn:hover {
border-color:#444;
color:#06c}
#at_email #ateml {
text-align:right;
font-size:10px;
color:#999}
#at16pc {
height:323px;
font-size:11px;
text-align:left;
color:#4c4c4c}
#at_email {
padding:5px 10px}
#at16pc .tmsg {
padding:4px 2px;
text-align:right}
#at16psf {
position:relative;
background:#f2f2f2 url(https://illiweb.com/fa/addthis/atf02.png) no-repeat center center;
border-bottom:1px solid #ccc;
height:20px;
padding:4px 10px;
text-align:center}
* html #at16psf input {
padding:0}
#at16psf input {
background:#fff;
border:none;
width:220px;
margin:2px 0 0;
color:#666;
outline-style:none;
outline-width:0px;
padding:2px 0 0;
font-family:arial,helvetica,tahoma,verdana,sans-serif;
font-size:12px}
#at16pcc .at_error {
background:#f26d7d;
border-bottom:1px solid #df5666;
padding:5px 10px;
color:#fff}
#at16pcc #at_success {
background:#d0fbda;
border-bottom:1px solid #a8e7b7;
padding:5px 10px;
color:#4c4c4c}
#at16pf {
position:relative;
background:#f2f2f2;
ht:12px;
border-top:1px solid #e5e5e5}
#at16pf a {
position:absolute;
outline:none;
padding:0;
margin:0;
overflow:hidden;
font-size:10px;
color:#4c4c4c;
font-family:Arial, Helvetica, Sans-Serif;
text-decoration:none}
#at16pf a:hover {
text-decoration:underline}
#at16pf a#at-whatsthis {
width:60px;
left:10px}
#at16pf a#at-privacy {
width:39px;
left:90px}
#at_complete {
font-size:13pt;
color:#47731d;
text-align:center;
padding-top:130px;
height:208px!important;
width:472px}
#at_s_msg {
margin-bottom:10px}
#at16pf a#at-logo {
background:url(https://illiweb.com/fa/addthis/logo88.gif) no-repeat left;
padding-left:10px;
right:10px}
.at_baa {
display:block;
overflow:hidden;
outline:none}
#at15s #at16pf a {
top:1px}
#at16pc form #at_send {
width:80px !important;
}
#at_feed {
display:none;
padding:10px;
height:300px}
#at_feed span {
margin-bottom:10px;
font-size:12px}
#at_feed div {
width:102px!important;
height:26px!important;
line-height:26px!important;
float:left!important;
margin-right:68px}
#at_feed div.at_litem {
margin-right:0px}
#at_feed a {
margin:10px 0px;
height:17px;
line-height:17px}
.fbtn{
background:url(https://illiweb.com/fa/addthis/feed00.png) no-repeat;
float:left;
width:102px;
cursor:pointer;
text-indent:-9000px}
.fbtn.bloglines{
background-position:0 0;
width:94px;
height:20px !important;
line-height:20px !important;
margin-top:8px !important}
.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;
width:100px;
height:19px !important;
line-height:19px;
margin-top:9px !important}
.fbtn.mymsn{
background-position:0 -158px;
width:71px;
height:14px !important;
line-height:14px !important;
margin-top:12px !important}
.fbtn.aol {
background-position:0 -189px;
width:92px;
height:18px !important;
line-height:18px !important}
#at16pp {
color:#4c4c4c;
position:absolute;
top:12px;
right:12px;
font-size:11px}
#at16pp label {
font-size:11px !important}
#at16ppc {
padding:10px;
width:179px;
}
#at16pph {
padding:5px 0 10px 0}
#at16pph select {
margin:5px 0 8px 0}
#at16pp .atinp {
width:156px;
}
html>body #at16pp .atinp {
width:176px;
}
#at16ppb {
background:#fff;
border:1px solid #ccc;
height:274px}
#at16ep {
height:16px;
padding:8px}
#at16ep a {
display:block;
height:16px;
line-height:16px;
padding-left:22px;
margin-bottom:8px;
font-size:12px}
#at16ep a.at_gmail {
background:url(https://illiweb.com/fa/addthis/gmail.gif) no-repeat left}
#at16ep a.at_hotmail {
background:url(https://illiweb.com/fa/addthis/hotmail.gif) no-repeat left}
#at16ep a.at_yahoo {
background:url(https://illiweb.com/fa/addthis/yahoo.gif) no-repeat left}
#at16ppf p#atsb {
padding-top:20px;
font-size:10px}
#at16abr {
margin-top:10px}
#at16abr input {
padding:0;
margin:0;
margin-right:5px}
#at16ppso {
display:none;
text-align:right;
margin-top:2px}
#at16ppa {
background:#fff;
border:1px solid #ccc;
height:228px;
width:178px;
overflow:auto}
#at16ppa a {
display:block;
white-space:nowrap;
padding:4px 8px;
font-size:12px!important}
#at16eatdr {
position:absolute;
background: #fff;
border-top:0px;
max-height:110px;
overflow: auto;
z-index:500;
top:129px;
left:21px;
width:277px}
* 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 {
display: block;
overflow: hidden;
border-bottom: 1px dotted #eee;
padding: 4px 8px}
#at16eatdr a:hover, #at16eatdr a.hover {
background: #e0eefa;
text-decoration: none;
color: #333}
#at_promo {
font-size:12px;
display:none}
#at_promo button {
background:#ee6a44;
border-top:1px solid #ffa389;
border-left:1px solid #ffa389;
border-right:1px solid #d4522c;
border-bottom:1px solid #d4522c;
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 0 0;
padding:10px 0 5px 70px}
#at_promo h4 {
font-size:14px;
font-weight:bold;
margin:0 0 4px}
#at_promo h4 sup {
font-size:11px;
color:#ee6a44}
#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 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 0 0;
padding:6px 0 0 70px}
#left table.module-advert {
border:0;
border-collapse:collapse;
}
#left table.module-advert table {
table-layout:fixed;
border-collapse:collapse;
}
#forum_rules table {
width: 100%;
border-collapse: separate;
border-spacing: 5px 5px;
table-layout: fixed;
}
#forum_rules .logo {
vertical-align: top;
width: 100px;
overflow: hidden;
}
#forum_rules .logo img {
max-width: 100px;
}
div div div.gen strong a {
font-weight:normal;
}
.postdetails.poster-profile span.label{
white-space:nowrap;
}
.hiddenMsgTitle {
font-size:0.9em;
}
.hiddenMsgBody {
display:none;
padding-top:2em;
}

/* SCEditor Smilies */
#sceditor_smilies {
background-color: #dee3e7;
}
#sceditor_smilies body {
margin: 5px;
}
#sceditor_smilies #smilies_header {
text-align: center;
color: #f70505;
font-size: 11px;
font-weight : bold;
background-color: #000000;
height: 25px;
background-image: url("https://hitsk.in/t/14/13/07/i_back_title.png");
padding: 2px 3px;
}
#sceditor_smilies table {
width: 100%;
}

/* Code block------------------------------------------------*/
.codebox {
width : 90%;
margin:auto;
}
.codebox dd {
margin : 0;
background-color: #000000;
border:solid 1px #1c1c1c;
}
.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 {
width: 38px;
height: 38px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.post-content {
font-weight: bold !important;
}
h1.post-content {
font-size: 2em;
line-height: 2.4em;
}
h2.post-content {
font-size: 1.5em;
line-height: 1.8em;
}
h3.post-content {
font-size: 1.2em;
line-height: 1.3em;
}
h4.post-content {
font-size: 1em;
line-height: 1.3em;
}
h5.post-content {
font-size: 0.8em;
line-height: 0.7em;
}
h6.post-content {
font-size: 0.7em;
line-height: 0.6em;
}
by zcsmrninja@gmail.com
on May 22nd 2015, 3:30 am
 
Search in: Garbage
Topic: Background help
Replies: 18
Views: 8906

Modification of Appearance of Mobile Version

Divine_Beauty wrote:Hi, Hello

I am here to ask how may I change the appearance of the mobile version. First, I'd like to change the color of the background and categories to #333(top) to #000(bottom); second, I would also like to change the color of the borders to #C7F0FF; third, I'd like to change the hover to #CEECF5 and the header to #069 and the color of the quoted text shall be #C7F0FF, while it shall be coloured #FFF if the text is not quoted. The color of the box wherein the quote is placed should be #C7F0FF(top) to #0CF and the border of this box is #069. I'd also like to add a #C7F0FF-coloured line below the category/forum title and add some space between the line and the statics of the category/forum.
Like shown in this pic:
Topics tagged under 000 on The forum of the forums Image24

Thanks in advance!



Hello

I will be playing with the mobile templates later tonight and will us you vaules as a test. From there i will post back with the codes that work. Smile
by Sir. Mayo
on May 21st 2015, 12:46 am
 
Search in: Garbage
Topic: Modification of Appearance of Mobile Version
Replies: 3
Views: 1008

Modification of Appearance of Mobile Version

Hi, Hello

I am here to ask how may I change the appearance of the mobile version. First, I'd like to change the color of the background and categories to #333(top) to #000(bottom); second, I would also like to change the color of the borders to #C7F0FF; third, I'd like to change the hover to #CEECF5 and the header to #069 and the color of the quoted text shall be #C7F0FF, while it shall be coloured #FFF if the text is not quoted. The color of the box wherein the quote is placed should be #C7F0FF(top) to #0CF and the border of this box is #069. I'd also like to add a #C7F0FF-coloured line below the category/forum title and add some space between the line and the statics of the category/forum.
Like shown in this pic:
Topics tagged under 000 on The forum of the forums Image24

Thanks in advance!
by Ellianna17
on May 20th 2015, 2:31 pm
 
Search in: Garbage
Topic: Modification of Appearance of Mobile Version
Replies: 3
Views: 1008

Font Color

Hello @XenoFalcon,

Add the following rule to your stylesheet :
Display > Colors > CSS stylesheet
Code:
input.inputbox { color:#000 }


Replace #000 to change the color of the text. If it still hasn't changed, add the !important flag after the color.
by Ange Tuteur
on March 5th 2015, 10:01 am
 
Search in: Garbage
Topic: Font Color
Replies: 1
Views: 460

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 January 13th 2015, 5:50 pm
 
Search in: Garbage
Topic: Tried to redirect to potentially insecure url.
Replies: 10
Views: 7849

How to create this CSS animated, responsive drop-down menu?

I don't get it. I see the reference to popup-data in the script, but I can't find it in the HTML file, not even for the first sub menu.

EDIT: The popup-data is found in the CSS:

.popup-data {
          position:absolute;
          z-index: 999;
          background: #FFEECA;
          color: #111;
          padding: 5px;
          border: 1px solid #000;
          display: none;
          max-width: 300px;
          font-size: 11px;
        }

#data-table td:hover .popup-data, .tech-word:hover .popup-data {
       display: block;
        }

EDIT2: I fixed it myself. I changed the reference to "data-table" in the script to "menu", which is the ID for the whole menu. Now the script finds all rd's in the whole HTML and adds the pop-up data when hovering Very Happy


EDIT3: Already found a new bug. The java script disables the widgets scrolling and the toolbar on every page except the page with the new menu. I have now disabled the toolbar on my forum entirely.




Compare http://www.saltvannsprat.com/h390-testmeny to http://www.saltvannsprat.com/ The script was actived for all pages, after deactivating it everywhere, it all works.

But please don't lock the thread all yet, mods! Still problems to come Smile
by Soulmonster
on January 13th 2015, 3:36 pm
 
Search in: Garbage
Topic: How to create this CSS animated, responsive drop-down menu?
Replies: 79
Views: 3384

Profile Customisation

Hello.

I've posted this topic to ask for a code that will transform the look of user's profiles in their posts in-thread. I already have a vague sense of how it can be accomplished, but not the specific codes. The profiles in posts currently look like so:

Topics tagged under 000 on The forum of the forums Screenshot2015-01-11at52108AM_zps2deb5c59

I would instead like for the profile to be only the avatar, and upon hovering over the avatar, for it to fade into the following:

Topics tagged under 000 on The forum of the forums Fadeffinto_zpsdcbe5bb8

Following the example given, here's a summarised list of what I want:

  • Upon hovering over the image, "background-color:rgba(255,255,255,0.87);" or similar to be activated
  • over the "background-color" element, there should be an custom profile field which displays a secondary-image, like the one labeled "125x300".
  • Bordering the custom-profile field is a "border: 1px solid #000;"
  • Below is the username in garamond font, which I believe is pre-installed into Forumotion
  • Below the username is the profile rank
  • Below the rest of the Profile Fields should be lines up
  • The preferred order of the Profile Fields is
    1. Posts
    2. Join Date
    3. Points
    4. Reputation

  • When moving the mouse away from the avatar, it should fade out as well.


If a customary profile field is not possible, other fields aside from those explicitly listed are fine to change. I would like for the customary profile field to be max-width'd at 125 and max-height'd at 300, not including the 1px border. The Rank simple needs to be placed under the name; I can take care of the font. All other profile fields should be "Times New Roman". I would like for the profile fields and name to be forced-uppercase. Most of the minute details such as font and text transformation are things I can do myself, but the placement of all these values and a customary profile-field are things I am foreign to.

A link to my site is provided below; the site is now taken off of construction mode, so guest-access is available.

http://alciem.forumotion.com/
by \isogriv.\
on January 11th 2015, 3:16 pm
 
Search in: Garbage
Topic: Profile Customisation
Replies: 18
Views: 834

CSS coding problem

a:hover{
text-decoration: none !important; 
text-shadow: 0 0 0.9em white, 0 0 0.9em white, 0 0 0.9em white; 
}
body, a, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur116.cur), progress;}

a:hover{text-decoration: none !important;}
a {text-decoration: none !important;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
 
a.mainmenu{
filter:alpha(opacity=80);
-moz-opacity: .80;
opacity: .80;
  }

a.mainmenu:hover{
filter:alpha(opacity=100); 
-moz-opacity: 1.0; 
opacity: 1.0;
    }
}
 a span[style="color:#BD0707] strong {
    background:url(https://illiweb.com/fa/empty.gif) no-repeat;
    padding-left:**px;
}
a[href="/g1-group"] {
    text-shadow: 0px 0px 11px #BD0707
}
a[href="/u1"] strong {
    background: url("Your_Icon") no-repeat scroll 0 0%;
    padding-left: 19px;
}
body.chatbox { background:#000 !important }

a[href="/g1-group"] {
    background: url("https://i.servimg.com/u/f45/15/95/60/34/glitte10.gif");
}
by Ze0
on December 20th 2014, 9:19 pm
 
Search in: Scripts Problems Archives
Topic: CSS coding problem
Replies: 8
Views: 599

Staff Colors

sarkzkalie01 wrote:@Eugeo Ayano did you have a group for banned users? If not, create a new one and color it. Then, copy hex color (e.g #000) and add this to your CSS
Code:
span[style="color:rgb(0,0,0);"],span[style="color:#000"] {text-decoration:line-through}


I did it, chose the color and replaced #000 with the color hext I chose. doesnt show the strike through
by Eugeo Igvalt
on December 16th 2014, 12:22 am
 
Search in: Garbage
Topic: Staff Colors
Replies: 23
Views: 795

Staff Colors

@Eugeo Ayano did you have a group for banned users? If not, create a new one and color it. Then, copy hex color (e.g #000) and add this to your CSS
Code:
span[style="color:rgb(0,0,0);"],span[style="color:#000"] {text-decoration:line-through}
by SarkZKalie
on December 15th 2014, 7:26 pm
 
Search in: Garbage
Topic: Staff Colors
Replies: 23
Views: 795

Buttons to add prefixes in topic titles

Buttons to add prefixes in topic titles




With this tutorial you will be able to add more prefixes in the "Modify topic title" field for your Forumotion forum, as in the example below.

Topics tagged under 000 on The forum of the forums Screen17

This way you will be able to add more common prefixes such as :

  • [Solved] Solved
  • [Progress] In progress
  • [Accepted] Accepted



1. Installation
Go to Administration Panel ► Modules ► Javascript codes management and create a new JavaScript code.

Title : Your choice
Placement : In all the pages
Paste the code below and submit.
Code:
jQuery(document).ready(function() {
jQuery('#modif_topic_title').after('<input type="button" value="LABEL" onclick="set_solved(this.form.elements[\'modif_topic_title\'],\'[CONTENT]\')" style="display: inline;" id="button_label">');
});



2. Modifications
LABEL : is the content you want to show members so they know what that button is for
Note : The label and content don't have to be the same

[CONTENT] : This is the content that will be added to the title when the button is clicked

Exclamation Attention : if you need to use characters like (') or quotes ("), you must use the escape character (\) before them
example: he said "hello"
code:
Code:
he said "hello"



3. Customization
Go to Administration Panel ► Display ► Colors ►CSS stylesheet and add the following code

Code:
#button_label {
/*style*/
}


You can replace /*style*/ with any of the properties below to customize the button style.

  • color: #000;: edit the color of the text
  • background-image: url('LINK');: add a background image
  • background-color: #000;: edit the color of the background
  • border: 1px solid #000:: you can edit the fullness of the line (1px), the style (solid, dashed) and the color (#000)
  • box-shadow: 1px 1px 1px #000: you can add a shadow in the three dimensions (1px, 1px, 1px) and the color
  • border-radius: 2px;: you can round the corners of the button
  • opacity: 0.7: with a value between 0 and 1 you can make it a bit transparent


How does it work?
You just have to click on a button and the content associated will be added in the title

Can I add more than one button?
Sure, just add the code more than one time, editing it with different values

Can I add more than one prefix in the title?
Sure, you just have to click on the buttons and the prefixes will be added one by one

How to remove a prefix?
Just click again on the button you used to add it



by Ange Tuteur
on July 14th 2014, 9:26 pm
 
Search in: Tips & Tricks
Topic: Buttons to add prefixes in topic titles
Replies: 0
Views: 10681

Advertising poster on PunBB & PHPBB2

Hi all on forumotion! Very Happy

1. What works about this tutorial?
Watching carefully this tutorial step by step, you can get a poster advertising, at the end of each post in the topic will appear with your desired text You can use this robot not only to advertise other forums / sites or blogs, but even for an announcement on your forum ..
The result will be one that will certainly charming whisper some useful ideas and more for you ...

2. Can I assure through print-screen?
Of course, the result will be clear in the image below ...
Topics tagged under 000 on The forum of the forums LYBIC

3. I want to do the same on my forum!
1. Navigate to: Administration panel Topics tagged under 000 on The forum of the forums 97COy Display Topics tagged under 000 on The forum of the forums 97COy Templates Topics tagged under 000 on The forum of the forums 97COy General.

2. In line with the template you will find the icon for editing viewtopic_body Topics tagged under 000 on The forum of the forums Editer click on it.

3. Search by carefully following code:
Code:

                  <div style="clear:both;"></div>
               </div>
            </div>
         </div>
         <!-- BEGIN first_post_br -->
      </div>
      <hr id="first-post-br" />
      <div class="main-content topic">
         <!-- END first_post_br -->
         <!-- END displayed -->
         <!-- BEGIN hidden -->
            <p class="p-hidden">{postrow.hidden.MESSAGE}</p>
         <!-- END hidden -->
      <!-- END postrow -->
   </div>

follow to paste the following code after the code above:
Code:

   <div class="main-content topic">
         <div class="post"{postrow.displayed.THANK_BGCOLOR}>
            <a name="{postrow.displayed.U_POST_ID}"></a>
            <div class="postmain"{postrow.displayed.THANK_BGCOLOR}>
               <div id="p{postrow.displayed.U_POST_ID}" class="posthead"{postrow.displayed.THANK_BGCOLOR}>
               </div>

               <div class="postbody"{postrow.displayed.THANK_BGCOLOR}>
                  
<div class="user">
                     <div class="user-ident">
                        <h4 class="username">
Advertising poster</h4>
                        <div class="user-basic-info">
                           
<img src="http://i.imgur.com/wbIOt.png" />

                        </div>
                     </div>
                     <div class="user-info">
                        Rank: Advertising poster


                        Join date: 15/09/2011
                     </div>
                  </div>

                  <div class="post-entry">
                     <div class="entry-content">

                        <div>
                           <div><strong>
                              Your advertising here!
                           </strong></div>
                           <div class="clear"></div>
                        </div>
                        <p>
                           {postrow.displayed.EDITED_MESSAGE}
                        </p>
                     </div>
                  </div>
               </div>


               <div class="postfoot">
                  <div class="user-contact">
                     {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->
                  </div>
                  <div class="post-options">
                     {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
                  </div>
                  <div style="clear:both;"></div>
               </div>
            </div>
         </div>
      </div>
      <hr id="first-post-br" />
      <div class="main-content topic">
            <p class="p-hidden">{postrow.hidden.MESSAGE}</p>
   </div>


4. Click on Topics tagged under 000 on The forum of the forums LILQY, then published template. Topics tagged under 000 on The forum of the forums Ajouter

4. Tips and facilities!
Topics tagged under 000 on The forum of the forums 97COy To edit the message robot should return to the template viewtopic_body and there to find the message between code:
Code:

   <div class="main-content topic">
         <div class="post"{postrow.displayed.THANK_BGCOLOR}>
            <a name="{postrow.displayed.U_POST_ID}"></a>
            <div class="postmain"{postrow.displayed.THANK_BGCOLOR}>
               <div id="p{postrow.displayed.U_POST_ID}" class="posthead"{postrow.displayed.THANK_BGCOLOR}>
               </div>

               <div class="postbody"{postrow.displayed.THANK_BGCOLOR}>
                  
<div class="user">
                     <div class="user-ident">
                        <h4 class="username">
Advertising poster</h4>
                        <div class="user-basic-info">
                           
<img src="http://i.imgur.com/wbIOt.png" />

                        </div>
                     </div>
                     <div class="user-info">
                        Rank: Advertising poster


                        Join date: 15/09/2011
                     </div>
                  </div>

                  <div class="post-entry">
                     <div class="entry-content">

                        <div>
                           <div><strong>

and:
Code:

                           </strong></div>
                           <div class="clear"></div>
                        </div>
                        <p>
                           {postrow.displayed.EDITED_MESSAGE}
                        </p>
                     </div>
                  </div>
               </div>

Topics tagged under 000 on The forum of the forums 97COy You can also inform your members about something important on the forum.
Topics tagged under 000 on The forum of the forums 97COy You can change the name of robot of "Advertising poster" in some other possible names.
Topics tagged under 000 on The forum of the forums 97COy The same trick you can do with information like date of registration, rank & avatar of the robot.
Topics tagged under 000 on The forum of the forums 97COy Avatar you can change, replacing the link "https://i.imgur.com/wbIOt.png" with the link to your image.
Topics tagged under 000 on The forum of the forums 97COy This method of creating a poster advertising on your forum is useful in terms of the message always remains as last post of all posts in the subject. Any message would be me posted, remain at the end...
Topics tagged under 000 on The forum of the forums 97COy Another feature would be allowing HTML codes and CSS style sheet is available. From this point of view the robot can customized after the limit of common sense.
Topics tagged under 000 on The forum of the forums 97COy Also, you can make flash banners, through a simple HTML or JavaScript code.

Topics tagged under 000 on The forum of the forums Attention2 For any problem with this tutorial please open a topic on this forum in the Support section.

Written by Gassy,

------------------------------------------

• I know that all you want answering the ads on phpBB2 and can not join because they said so and I've heard. But I managed to make a bot that appears in each topic after the last post.



Topics tagged under 000 on The forum of the forums Untit169

1. Acp => Display => Template's => General => Viewtopic_body:

Search for:
Code:
{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}


Put this insted of that:

Code:
 <div class="adds48">    {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</div>


Search for:

Code:
   <tr align="right">
      <td class="catBottom" colspan="3" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td width="9%" class="noprint"> </td>
               <td align="center" class="t-title"><a name="bottomtitle"></a><h1 class="cattitle">{TOPIC_TITLE}</h1></td>
               <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a> </td>
            </tr>
         </table>
      </td>
   </tr>
</table>


Delete it

2. Then under:
Code:
<!-- END no_post -->


Put this code:
Code:

<tr class="post">
<tr>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" >
</tr>

<tr>
<td class="row1"  align="left" valign="middle" >
<div class="robot-contet">
Subject: Re: <h1 class="cattitle">{TOPIC_TITLE}</h1>
<img src="http://illiweb.com/fa/subsilver/icon_minitime.gif" /> Unavabile<Br/><br/>
 Your advertising here!</div>
<div class="robot"><strong> Forum Bot</strong><Br/>
<Br/><br/>
<img src="http://i.imgur.com/wbIOt.png" width="100px" /><br/><br/><br/>
<strong> Rang: Advertising poster</strong><Br/><br/>
<strong>  Join Date:    01/01/2012</strong>
</div>
</td>
</tr>
</tr>
 

<tr align="left">
 
<td class="row1" colspan="3" height="28">
  <div class="robot-scroll-img">
  <a href="#top">{L_BACK_TO_TOP}</a> 
    <a href="#bottom">{L_GOTO_DOWN}</a></div>
 

<span class="genmed">{no_post.L_NO_POST}</span>
</td></tr>



3. Acp => Display => Administrate image & colors => Colors => CSS =>

Put this code:


Code:
  .robot{
    position: relative;
  left: 8px;
    font-size: 11px;
    border-right: solid 1px #000;
    width: 170px;
    height: 250px;
    }
    .cattitle{
    color: #000;
    font-weight: normal;
    font-size: 10px;
    }
  .robot-contet{
    height: 0px;
    position: relative;
    left: 200px;
    width: 80%;
    font-size: 11px;
    }
    .robot-scroll-img{
    border-right: solid 1px #000;
    position: relative;
    left: 70px;
    height: 28px;
    width: 108px;
    }
 .adds48{
    width: 175px;
    }


And you can change the line color that separates the Profil from Message by doing this :

Code:
border-right: solid 1px #000;
, #000 change this with your color.

Written by Richard





by MrMario
on September 27th 2011, 12:06 am
 
Search in: Tips & Tricks
Topic: Advertising poster on PunBB & PHPBB2
Replies: 0
Views: 10387

Back to top

Jump to: