Current date/time is November 20th 2019, 5:44 am

Search found 9 matches for 333

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: 2627

Forum size

I am not sure at this point. But just be sure. Here is all the code that is in my CSS.
Code:
/*cursors*/
/* Start http://www.cursors-4u.com */ body, a:hover {cursor: url(http://cur.cursors-4u.net/nature/nat-4/nat389.cur), progress !important;} /* End http://www.cursors-4u.com */





/*badges alignment*/
.profile_field_list li { display:inline }


/*next and previous buttons for private messages*/
{#}navMP{/#}>a{
display:inline-block;
padding-left:10px;
padding-right:10px;
font-size:16px;
line-height:16px;
color:{#}eee{/#};
background:{#}BDC8D0{/#};
text-decoration:none !important;
border:1px solid {#}aaa{/#};
}
{#}navMP{/#}>a:hover{
color:{#}fff{/#};
background:{#}CDD8E0{/#};
text-decoration:none !important;
}
{#}navMP-precedent{/#}{
border-radius:8px 0 0 8px;
}
{#}navMP-suivant{/#}{
float:right;
border-radius:0 8px 8px 0;
}

{#}navMP-precedent{/#}::before{
content:"Previous"
}
{#}navMP-suivant{/#}::before{
content:"Next"
}



/************************************************************************************/
/*username member glowing*/
a[href="/u1"] {
text-decoration: none !important;
text-shadow: 0 0 .5em {#}d14be1{/#}, 0 0 .5em {#}d14be1{/#}, 0 0 .5em {#}d14be1{/#};

}
a[href="/u13"] {
text-decoration: none !important;
text-shadow: 0 0 .5em {#}a34cd4{/#}, 0 0 .5em {#}a34cd4{/#}, 0 0 .5em {#}a34cd4{/#};

}
a[href="/u18"] {
text-decoration: none !important;
text-shadow: 0 0 .5em {#}b20000{/#}, 0 0 .5em {#}b20000{/#}, 0 0 .5em {#}b20000{/#};

}
a[href="/u6"] {
text-decoration: none !important;
text-shadow: 0 0 .5em {#}107a00{/#}, 0 0 .5em {#}107a00{/#}, 0 0 .5em {#}107a00{/#};

}
/**************************************************************************************/

/*reputaion thumbs up and down*/
.fa_vote, .fa_voted, .fa_count {
font-size:12px;
font-family:Verdana, Arial, Helvetica, Sans-serif;
display:inline-block !important;
width:auto !important;
transition:300ms;
}

.fa_voted, .fa_vote:hover { opacity:0.4 }
.fa_voted { cursor:default }

.fa_count {
font-weight:bold;
margin:0 3px;
cursor:default;
}

.fa_positive { color:{#}4A0{/#} }
.fa_negative { color:{#}A44{/#} }

.fa_votebar, .fa_votebar_inner {
background:{#}C44{/#};
height:3px;
}

.fa_votebar_inner {
background:{#}4A0{/#};
transition:300ms;
}



/*********************************************************************************************/




/* Color palette icons */
.color-option {
display: inline-block !important;
width: 15px !important; /* width of the icon */
height: 15px !important; /* height of the icon */
border: 2px solid {#}fff{/#} !important; /* white border around the icon */
margin: 3px !important; /* space between each icon */
box-shadow: 0 0 2px {#}778899{/#}; /* shadow */
cursor: pointer !important;
}

.color-option span{
display: block !important;
width: 15px !important; /* width of the icon */
height: 15px !important; /* height of the icon */
}

.color-option, .color-option span {
border-radius: 2px; /* roundness */
}

/* Whole palette - the width influences how many icons appear */
.sceditor-dropdown.sceditor-color-picker {
width: 200px !important; /* width of the palette */
height: 100px !important; /* height of the palette */
padding: 5px !important;
border-radius: 5px !important;
}


/*****************************************************************************************/

/*locked topic warning*/
.topic-warning-block {
border: 1px solid;
margin: 10px 0px;
padding: 15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
background-image: url(http://1.bp.blogspot.com/_5rlxf3T9Z9U/SsIXuytpYfI/AAAAAAAADcI/I4Tm0W5gDQk/lock_32.png);
color: {#}750000{/#} !important;
background-color: {#}D26067{/#};
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
text-align: center;
font-weight: bold;
font-size: 18px;
text-shadow: 1px 1px 1px {#}AAA{/#};
}




/****************************************************************************************/
/*chatbox on the toolbar*/
{#}fa_chat_container{/#} {
background:{#}FFF{/#};
border:1px solid {#}556682{/#};
border-radius:3px;
position:fixed;
right:3px;
z-index:999;
overflow:hidden;
min-width:500px;
min-height:250px;
transition:300ms;
}

{#}fa_chat{/#} {
border:none;
width:100%;
height:100%;
}

{#}fa_chat_button{/#} {
color:{#}FFF{/#};
line-height:30px;
margin-left:10px;
padding:0 5px;
cursor:pointer;
}

{#}fa_chat_button{/#}.fa_chat_active {
color:{#}333{/#};
background:{#}FFF{/#};
}

/********************************************************************************/
/* DEFAULT LINK STYLES */
a {
-webkit-transition:500ms;
-moz-transition:500ms;
-o-transition:500ms;
transition:500ms;
}

/*TEXT HOVER, EXPAND AND GLOW*/
a:hover {
color: {#}da73ff{/#}!important;
text-shadow: 1px 1px 1px {#}00a6f6{/#};
font-size: 10px;
font-weight: bold;
font-style: italic;
cursor: pointer;
}


/* HOVER LINK STYLES */
a:hover {
text-shadow:0 0 3px {#}00a6f6{/#};
}


/*editor icons change*/
.sceditor-button-bold div {
background-image:url('https://i.servimg.com/u/f57/18/21/41/30/b10.png') !important;
background-position:0 !important;
}

.sceditor-button-italic div {
background-image:url('https://i.servimg.com/u/f57/18/21/41/30/i10.png') !important;
background-position:0 !important;
}

.sceditor-button-underline div {
background-image:url('https://i.servimg.com/u/f57/18/21/41/30/u10.png') !important;
background-position:0 !important;
}

.sceditor-button-strike div {
background-image:url('https://i.servimg.com/u/f57/18/21/41/30/s10.png') !important;
background-position:0 !important;
}

by Guest
on August 27th 2016, 11:51 pm
 
Search in: Garbage
Topic: Forum size
Replies: 53
Views: 2550

Several Topic Icons

Creation Type: Topic Icons
Size (In Pixels): I don't know (the same dimensions as [You must be registered and logged in to see this link.]
Primary Colors: Varies.
Secondary Colors: N/A
Images to include: N/A
Text to Insert: N/A
Font (Provide Download Link): N/A
Font Color: N/A
Link to My Forumotion Forum: [You must be registered and logged in to see this link.]
Username on Your Forum: ChemicalX
Link to your Last Graphics Request: [You must be registered and logged in to see this link.]
Detailed Description: I dont know if I'm allowed to ask for more than one image; if I'm not, then please complete any of the ones I listed..

If It's not too much, I would like 6 new images.

One using the above image as a template, but colored [You must be registered and logged in to see this link.] and another colored [You must be registered and logged in to see this link.].
I would also like [You must be registered and logged in to see this link.] but colored [You must be registered and logged in to see this link.] and another colored [You must be registered and logged in to see this link.].
Also, if It's not any trouble, I would like two [You must be registered and logged in to see this link.] but with the colors mentioned with the first image.

Thanks.
by Ace 1
on June 21st 2016, 6:52 am
 
Search in: Completed Graphic Requests
Topic: Several Topic Icons
Replies: 12
Views: 1824

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: 9463

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 333 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: 1045

How to make buttons forum such as

Code:
/* buttons */
a.button1, a.button2, button.button2, input.button1, input.button2, input[type="button"], input[type="submit"] {
  color:#FFF !important;
  font-weight:bold;
  background:#8C5;
  border:none !important;
  border-radius:3px;
  padding:5px 10px !important;
  margin:3px;
  -webkit-transition:300ms;
          transition:300ms;
}

a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover, input[type="button"]:hover, input[type="submit"]:hover { background-color:#7B4 }
a.button1:focus, a.button2:focus, button.button2:focus, input.button1:focus, input.button2:focus, input[type="button"]:focus, input[type="submit"]:focus { background-color:#333 }


DEFAULT COLOR : #8C5
HOVER COLOR : #7B4
ACTIVE COLOR : #333

Replace the colors mentioned above in the CSS with whatever you want. A helpful tool to make it easier : http://www.colorpicker.com/
by Ange Tuteur
on May 20th 2015, 8:02 pm
 
Search in: Scripts Problems Archives
Topic: How to make buttons forum such as
Replies: 15
Views: 994

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 333 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: 1045

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: 8352

change the reputation bar

change the reputation bar



Hello folks,
got another tutorial for you.

And yes, I know I suck at tuts but here goes:

The rep bar is a little boring when all you see is a plus and minus and that green bar.
So why not make it a bit better. make it look nice inside.

this tut is confirmed for phpbb3 and IPB
it may work on other versions if the classes that I mention are present


Step1:
check if your CSS is full!

Go to admin panel -> display -> colors -> css tab*
*if applicable

If you have a load of text it means your css is ok. If you have a small amount of CSS with only a fraction of the text you gotta download your full CSS and paste it in.

Spoiler:
To get your CSS you need to be on your index page of your forum.
Then on firefox, click file -> save page as -> select your destination but make sure you are saving the page as a complete web page.
If you got IE ... well I think you know how to save a page with all its contents.

Then go to the folder where you saved your page, there should be 2 files, a folder with elements and the html itself.
go to the folder, and find a CSS (it is usually xx-ltr.css) [xx is a number]
click that and rename it.
change it from xx-ltr.css to xx-ltr.txt

now double click the txt file you created. You will see your entire CSS, now select it all (crtl+a) and paste it in your CSS. Replace the entire text with all that you have there in that txt.
Don't worry, this will not change anything on your forum, NO custom style will be lost, Nothing.


Step2:
the proceedure is simple and difficult at the same time.

First, admin panel -> display -> colors -> css tab

find this in your CSS (use F3 if you are a firefox user, if you prefer IE , find this option yourself Razz )

I do realize something recently happened to the forumotion CSS, it got compressed and everything is in one line. So you have to be very careful when editing the CSS...
especially watch out for the { } brackets, they have to be as they were

Code:
.vote .vote-bar {
border:none;
   width: 40px;
   height: 50px;
   margin: 0 auto;
   font-size: 0;
   margin-left: -30px;
   }


Now that is my votebar, yours will have colors and borders.
Remove any color classes (color: #4536e8Wink
and remove border classes (border: 1px solid #333Wink

and now you need to expand your vote box, so as I did add a height and width class (or edit existing)
Code:
   width: 40px;
   height: 50px;

You have to know the size of you image before doing this.
40 x 40 is the max ... don't make images bigger than this !!!!

and in the end, you need to add a margin class to make sure text doesn't go onto your image:
so we add this as I have:
Code:
   margin-left: -30px;


click here for super easy image version:
Spoiler:
Topics tagged under 333 on The forum of the forums Part110

now we can install the images.

we need to find this:
Code:
.vote .vote-bar-plus {


that is the positive bar.Topics tagged under 333 on The forum of the forums Love

inside this class you need only 2 scripts:
Code:
background-image: url('url of positive image');
   background-repeat:no-repeat;


in the background image you enter your image url
the second class you leave alone.
if there is anything else... remove it.

super easy image version here:
Spoiler:
Topics tagged under 333 on The forum of the forums Part210

now we do the same for the negative class:Topics tagged under 333 on The forum of the forums Hate
Code:
.vote .vote-bar-minus {


super easy image version here:
Spoiler:
Topics tagged under 333 on The forum of the forums Poar310


End Result:
Topics tagged under 333 on The forum of the forums Rep10





by Jalokim
on July 15th 2009, 11:06 pm
 
Search in: Tips & Tricks
Topic: change the reputation bar
Replies: 1
Views: 13574

Back to top

Jump to: