HomeChanging letter color and size in CSS
+3
Mike
Nera.
Menos
7 posters
Page 1 of 1
Changing letter color and size in CSS
by Menos May 17th 2011, 6:59 pm
On my forum I "accidently" made some changes...
And now I have 2 different styles of "Invision" in 1 forum..
My problem is...
I cannot change many of the colors anymore...
I cannot change the sizes of some letters either...
My final chance is to change the sizes and colors by going in the CSS...
Because I'm new at CSS... I would really need your help to where to go...
Your help is more than welcome.
And now I have 2 different styles of "Invision" in 1 forum..
My problem is...
I cannot change many of the colors anymore...
I cannot change the sizes of some letters either...
My final chance is to change the sizes and colors by going in the CSS...
Because I'm new at CSS... I would really need your help to where to go...
Your help is more than welcome.
Menos- Forumember
-
Posts : 383
Reputation : 4
Language : Greek, English and Slovak -
Menos- Forumember
- Posts : 383
Reputation : 4
Language : Greek, English and Slovak -
Re: Changing letter color and size in CSS
by Guest May 19th 2011, 5:38 am
k why dont you try to restore backup from monday.This can help you
Guest- Guest
Re: Changing letter color and size in CSS
by Menos May 19th 2011, 12:03 pm
Already tried that my friend... that's how I accidently managed 2 Invision styles on 1 forum. 
The only option I have now is to temper with the CSS...
Can anyone gine me a walkthrough on this?
The only option I have now is to temper with the CSS...
Can anyone gine me a walkthrough on this?
Menos- Forumember
- Posts : 383
Reputation : 4
Language : Greek, English and Slovak -
Re: Changing letter color and size in CSS
by Nera. May 19th 2011, 12:07 pm
Could you specify what letters do you want to change?
Basic body letters or?
Link letters?
Basic body letters or?
Link letters?
Nera.- Energetic
-
Posts : 7078
Reputation : 2017
Language : English
Location : -
Re: Changing letter color and size in CSS
by Menos May 19th 2011, 12:34 pm
I need to change the size of the link letters of my subcategories and also change their color. 
Menos- Forumember
- Posts : 383
Reputation : 4
Language : Greek, English and Slovak -
Menos- Forumember
- Posts : 383
Reputation : 4
Language : Greek, English and Slovak -
Re: Changing letter color and size in CSS
by Mike May 22nd 2011, 1:27 am
It doesn't help me that your forum is in greek, however in your CSS you need to change the font sizes. What are you trying to change, and can you please paste your CSS here in a CODE tag please? Ill try and see if I can figure it out.
Mike- Hyperactive
- Posts : 4255
Reputation : 471
Language : English, HTML, CSS
Location : Loveland, Colorado
Re: Changing letter color and size in CSS
by Maikeru Shinigami May 22nd 2011, 1:30 am
Post here exactly what size you want. I could probably give you a code, and you could put what accurate size you want. If that is how you want it, and when the time comes. You can edit it any time.
Maikeru Shinigami- Forumember
- Posts : 120
Reputation : 10
Language : English
Location : Location Location Awesome Level: 9,001
Re: Changing letter color and size in CSS
by Menos May 22nd 2011, 10:05 am
Thank you for your quick reply..
The letters I need to change are the links to my subforums... they are too tiny. Because it doesn't show me the size anywhere, just make it 2 numbers larger.
Also change their color from orange to yellow.
It would also be nice if you could tell me where you made the changes, so I don't have to bother you all the time.
Here is my CSS... Good luck!!
The letters I need to change are the links to my subforums... they are too tiny. Because it doesn't show me the size anywhere, just make it 2 numbers larger.
Also change their color from orange to yellow.
It would also be nice if you could tell me where you made the changes, so I don't have to bother you all the time.
Here is my CSS... Good luck!!
- Spoiler:
- a:link,a:active,a:visited,a.postlink{
color: #D0A700;
text-decoration: none;
font: bold;
}
a:hover{
color: #767676;
font: bold;
}
a.admin:hover,a.mod:hover{
color: #767676;
}
a.but,a.but:hover,a.but:visited{
color: #D0A700;
text-decoration: none;
}
a.cattitle,a.cattitle:visited{
color: #767676;
text-transform: uppercase;
font: bold;
}
a.cattitle:hover{
color: #D0A700;
text-transform: uppercase;
font: bold;
}
a.topictitle:visited{
color: #B28F00;
}
a.topictitle:hover{
color: #767676;
}
body{
background-color: #3b3939;
color: #E7E7E7;
font: 12px Verdana,Arial,Helvetica,sans-serif,Trebuchet MS;
margin: 20px;
padding: 3;
scrollbar-3dlight-color: #6A6A6A;
scrollbar-arrow-color: #EEEEEE;
scrollbar-darkshadow-color: #000000;
scrollbar-face-color: #1F1F1F;
scrollbar-highlight-color: #1F1F1F;
scrollbar-shadow-color: #000000;
scrollbar-track-color: #4D4D4D;
background-image: url(https://i.servimg.com/u/f79/12/49/95/01/cb_fbr10.gif);
background-attachment: fixed;
}
font,th,td,p{
font-family: Geneva, Arial, Helvetica, sans-serif,Trebuchet MS;
font-size: 12px;
}
form{
display: inline;
}
hr{
border: 1px solid #000000;
border-top-width: 1px;
height: 0px;
}
img{
border: 0 solid;
}
input{
color: #E7E7E7;
font: 12px Verdana,Arial,Helvetica,sans-serif,Trebuchet MS;
}
input.button,input.liteoption,.fakebut{
background: #303030;
border: 1px solid;
border-color: #707070 #000000 #000000 #707070;
color: #E7E7E7;
font-size: 12px;
}
input.catbutton{
background: #303030;
border: 1px solid;
border-color: #707070 #000000 #000000 #707070;
font-size: 11px;
}
input.mainoption{
background: #303030;
border: 1px solid;
border-color: #707070 #000000 #000000 #707070;
color: #FFCC00;
font-size: 11px;
}
input.post,textarea.post{
background: #303030;
border: 1px solid;
border-color: #000000 #707070 #707070 #000000;
color: #E7E7E7;
font: 11px Verdana,Arial,Helvetica,sans-serif,Trebuchet MS;
padding-bottom: 2px;
padding-left: 2px;
}
p{
margin-bottom: 3px;
margin-top: 2px;
}
select{
background: #303030;
color: #E7E7E7;
font: 11px Verdana,Arial,Helvetica,sans-serif,,Trebuchet MS;
}
td.cathead{
background: url(https://2img.net/h/oi25.tinypic.com/m9of1t.gif) #191919;
color: #8E8E8E;
font-weight: bold;
height: 28px;
letter-spacing: 1px;
text-indent: 4px;
}
td.genmed,.genmed{
font-size: 11px;
}
td.rowpic{
background: url(https://2img.net/h/oi25.tinypic.com/wqtppk.jpg) #343434 repeat-y;
}
td.spacerow{
background: url(https://2img.net/h/oi28.tinypic.com/17tz5z.gif) #222222 repeat-x;
}
th{
background: url(https://2img.net/h/oi31.tinypic.com/2q1e1oz.gif) #171717;
color: #8E8E8E;
font-size: 12px;
font-weight: bold;
height: 27px;
padding-left: 8px;
padding-right: 8px;
text-align: center;
white-space: nowrap;
}
.admin,.mod{
font-size: 12px;
font-weight: bold;
}
.admin,a.admin,a.admin:visited{
color: #FFA34F;
}
.bodyline{
background-color: #393939;
background-image: url();
background-attachment: fixed;
}
.bodyline{
border: 2px solid ;
padding: 20;
border-color: #000000 #000000 #000000 #000000;
}
.forumline{
border: 1px solid;
font-size: 12px;
border-color: #000000 #707070 #707070 #000000 ;
}
.code{
background: #525252;
border: 1px solid #000000;
color: #FFFFB3;
font-size: 12px;
line-height: 125%;
}
.errorline{
background: #2D2D2D;
border: 1px solid #5A5A5A;
}
.explaintitle{
color: #727272;
font-size: 12px;
font-weight: bold;
}
.forumline{
background: #010101;
}
.gensmall{
font-size: 10px;
}
.headtitle{
color: #262626;
font-size: 12px;
font-weight: bold;
}
.helpline{
background: #303030;
border: 1 solid;
font-size: 10px;
}
.imgfolder{
margin: 1px 4px 1px 4px;
}
.imgspace{
margin-left: 1px;
margin-right: 2px;
}
.imgtopic,.imgicon{
margin-left: 0;
}
.maintitle,h1{
color: #999999;
border: 0px solid;
border-color: #000000 #707070 #707070 #000000 ;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}
.mod,a.mod,a.mod:visited{
color: #006699;
}
.name{
font-size: 12px;
font-weight: bold;
}
.nav{
color: #979797;
font-size: 11px;
font-weight: bold;
}
.postbody{
font-size: 12px;
line-height: 125%;
color: #EEEEEE;
}
.postdetails{
color: #8A8A8A;
font-size: 11px;
}
.quote{
background: #525252;
border: 1px solid #000000;
color: #E7E7E7;
font-size: 10px;
line-height: 125%;
}
.row1{
background: #272727;
}
.row1,.row2,.row3,td.spacerow,td.cat,td.rowpic,th,.topnav{
border: 1px solid;
border-color: #707070 #000000 #000000 #707070;
}
.row2{
background: #272727;
}
.row3{
background: #414141;
}
.subtitle,h2{
font-size: 12px;
font-weight: bold;
text-decoration: none;
}
.tblbot {
background: url(https://2img.net/h/oi26.tinypic.com/xf2e8g.gif) repeat-x;
}
.tableleft{
background: url(https://2img.net/h/oi28.tinypic.com/2q16tzp.gif) #2E2E2E repeat-y;
}
.tblright{
background: url(https://2img.net/h/oi29.tinypic.com/2u6cvnl.jpg) #2E2E2E repeat-y;
}
.tbltop{
background: url(https://2img.net/h/oi26.tinypic.com/dc4kk2.gif) #2E2E2E repeat-x;
}
.topbkg{
background: url(https://2img.net/h/oi29.tinypic.com/ddj6lu.gif) #1A1A1A repeat-x;
color: #000000;
font-size: 12px;
font-weight: bold;
height: 120px;
line-height: 140%;
}
.topictitle{
font-size: 11px;
font-weight: bold;
}
.topnav{
background: #1D1C19;
color: #DD6900;
font-size: 12px;
height: 23px;
white-space: nowrap;
}
.imgtopic{
filter:alpha(opacity=50);
-moz-opacity:.50;
opacity:.50;
}
Menos- Forumember
- Posts : 383
Reputation : 4
Language : Greek, English and Slovak -
Re: Changing letter color and size in CSS
by Mike May 22nd 2011, 2:11 pm
Try;
- Code:
p{
margin-bottom: 3px;
margin-top: 2px;
Font-size: 10px;
}
Mike- Hyperactive
- Posts : 4255
Reputation : 471
Language : English, HTML, CSS
Location : Loveland, Colorado
Re: Changing letter color and size in CSS
by Menos May 22nd 2011, 4:22 pm
Nothing changed... I just inserted your codes in my CSS..
Am I doing something wrong?
Am I doing something wrong?
Menos- Forumember
- Posts : 383
Reputation : 4
Language : Greek, English and Slovak -
Re: Changing letter color and size in CSS
by Mike May 22nd 2011, 5:00 pm
did you replace the other p { } in the CSS with it?
Im not sure if this is the right one, I think it's something in your Default CSS.
Im not sure if this is the right one, I think it's something in your Default CSS.
Mike- Hyperactive
- Posts : 4255
Reputation : 471
Language : English, HTML, CSS
Location : Loveland, Colorado
Re: Changing letter color and size in CSS
by Menos May 22nd 2011, 5:21 pm
Drogba921 wrote:did you replace the other p { } in the CSS with it?
Sorry... didn't replace a thing... just added the code at the bottom of the CSS.. I'm new at this..
Here is the CSS after the adding of the code I copied from you..
Just do the change needed in there and I will copy everything to my forum..
- Spoiler:
- a:link,a:active,a:visited,a.postlink{
color: #D0A700;
text-decoration: none;
font: bold;
}
a:hover{
color: #767676;
font: bold;
}
a.admin:hover,a.mod:hover{
color: #767676;
}
a.but,a.but:hover,a.but:visited{
color: #D0A700;
text-decoration: none;
}
a.cattitle,a.cattitle:visited{
color: #767676;
text-transform: uppercase;
font: bold;
}
a.cattitle:hover{
color: #D0A700;
text-transform: uppercase;
font: bold;
}
a.topictitle:visited{
color: #B28F00;
}
a.topictitle:hover{
color: #767676;
}
body{
background-color: #3b3939;
color: #E7E7E7;
font: 12px Verdana,Arial,Helvetica,sans-serif,Trebuchet MS;
margin: 20px;
padding: 3;
scrollbar-3dlight-color: #6A6A6A;
scrollbar-arrow-color: #EEEEEE;
scrollbar-darkshadow-color: #000000;
scrollbar-face-color: #1F1F1F;
scrollbar-highlight-color: #1F1F1F;
scrollbar-shadow-color: #000000;
scrollbar-track-color: #4D4D4D;
background-image: url(https://i.servimg.com/u/f79/12/49/95/01/cb_fbr10.gif);
background-attachment: fixed;
}
font,th,td,p{
font-family: Geneva, Arial, Helvetica, sans-serif,Trebuchet MS;
font-size: 12px;
}
form{
display: inline;
}
hr{
border: 1px solid #000000;
border-top-width: 1px;
height: 0px;
}
img{
border: 0 solid;
}
input{
color: #E7E7E7;
font: 12px Verdana,Arial,Helvetica,sans-serif,Trebuchet MS;
}
input.button,input.liteoption,.fakebut{
background: #303030;
border: 1px solid;
border-color: #707070 #000000 #000000 #707070;
color: #E7E7E7;
font-size: 12px;
}
input.catbutton{
background: #303030;
border: 1px solid;
border-color: #707070 #000000 #000000 #707070;
font-size: 11px;
}
input.mainoption{
background: #303030;
border: 1px solid;
border-color: #707070 #000000 #000000 #707070;
color: #FFCC00;
font-size: 11px;
}
input.post,textarea.post{
background: #303030;
border: 1px solid;
border-color: #000000 #707070 #707070 #000000;
color: #E7E7E7;
font: 11px Verdana,Arial,Helvetica,sans-serif,Trebuchet MS;
padding-bottom: 2px;
padding-left: 2px;
}
p{
margin-bottom: 3px;
margin-top: 2px;
}
select{
background: #303030;
color: #E7E7E7;
font: 11px Verdana,Arial,Helvetica,sans-serif,,Trebuchet MS;
}
td.cathead{
background: url(https://2img.net/h/oi25.tinypic.com/m9of1t.gif) #191919;
color: #8E8E8E;
font-weight: bold;
height: 28px;
letter-spacing: 1px;
text-indent: 4px;
}
td.genmed,.genmed{
font-size: 11px;
}
td.rowpic{
background: url(https://2img.net/h/oi25.tinypic.com/wqtppk.jpg) #343434 repeat-y;
}
td.spacerow{
background: url(https://2img.net/h/oi28.tinypic.com/17tz5z.gif) #222222 repeat-x;
}
th{
background: url(https://2img.net/h/oi31.tinypic.com/2q1e1oz.gif) #171717;
color: #8E8E8E;
font-size: 12px;
font-weight: bold;
height: 27px;
padding-left: 8px;
padding-right: 8px;
text-align: center;
white-space: nowrap;
}
.admin,.mod{
font-size: 12px;
font-weight: bold;
}
.admin,a.admin,a.admin:visited{
color: #FFA34F;
}
.bodyline{
background-color: #393939;
background-image: url();
background-attachment: fixed;
}
.bodyline{
border: 2px solid ;
padding: 20;
border-color: #000000 #000000 #000000 #000000;
}
.forumline{
border: 1px solid;
font-size: 12px;
border-color: #000000 #707070 #707070 #000000 ;
}
.code{
background: #525252;
border: 1px solid #000000;
color: #FFFFB3;
font-size: 12px;
line-height: 125%;
}
.errorline{
background: #2D2D2D;
border: 1px solid #5A5A5A;
}
.explaintitle{
color: #727272;
font-size: 12px;
font-weight: bold;
}
.forumline{
background: #010101;
}
.gensmall{
font-size: 10px;
}
.headtitle{
color: #262626;
font-size: 12px;
font-weight: bold;
}
.helpline{
background: #303030;
border: 1 solid;
font-size: 10px;
}
.imgfolder{
margin: 1px 4px 1px 4px;
}
.imgspace{
margin-left: 1px;
margin-right: 2px;
}
.imgtopic,.imgicon{
margin-left: 0;
}
.maintitle,h1{
color: #999999;
border: 0px solid;
border-color: #000000 #707070 #707070 #000000 ;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}
.mod,a.mod,a.mod:visited{
color: #006699;
}
.name{
font-size: 12px;
font-weight: bold;
}
.nav{
color: #979797;
font-size: 11px;
font-weight: bold;
}
.postbody{
font-size: 12px;
line-height: 125%;
color: #EEEEEE;
}
.postdetails{
color: #8A8A8A;
font-size: 11px;
}
.quote{
background: #525252;
border: 1px solid #000000;
color: #E7E7E7;
font-size: 10px;
line-height: 125%;
}
.row1{
background: #272727;
}
.row1,.row2,.row3,td.spacerow,td.cat,td.rowpic,th,.topnav{
border: 1px solid;
border-color: #707070 #000000 #000000 #707070;
}
.row2{
background: #272727;
}
.row3{
background: #414141;
}
.subtitle,h2{
font-size: 12px;
font-weight: bold;
text-decoration: none;
}
.tblbot {
background: url(https://2img.net/h/oi26.tinypic.com/xf2e8g.gif) repeat-x;
}
.tableleft{
background: url(https://2img.net/h/oi28.tinypic.com/2q16tzp.gif) #2E2E2E repeat-y;
}
.tblright{
background: url(https://2img.net/h/oi29.tinypic.com/2u6cvnl.jpg) #2E2E2E repeat-y;
}
.tbltop{
background: url(https://2img.net/h/oi26.tinypic.com/dc4kk2.gif) #2E2E2E repeat-x;
}
.topbkg{
background: url(https://2img.net/h/oi29.tinypic.com/ddj6lu.gif) #1A1A1A repeat-x;
color: #000000;
font-size: 12px;
font-weight: bold;
height: 120px;
line-height: 140%;
}
.topictitle{
font-size: 11px;
font-weight: bold;
}
.topnav{
background: #1D1C19;
color: #DD6900;p{
margin-bottom: 3px;
margin-top: 2px;
Font-size: 10px;
}
font-size: 12px;
height: 23px;
white-space: nowrap;
}
.imgtopic{
filter:alpha(opacity=50);
-moz-opacity:.50;
opacity:.50;
}
Where do I find the Default CSS??Drogba921 wrote:Im not sure if this is the right one, I think it's something in your Default CSS.
Menos- Forumember
- Posts : 383
Reputation : 4
Language : Greek, English and Slovak -
Re: Changing letter color and size in CSS
by MrMario May 22nd 2011, 11:04 pm
It will say See your forum basic CSS above the CSS box.
MrMario- Helper
- Posts : 22186
Reputation : 1839
Language : test
Re: Changing letter color and size in CSS
by Menos May 23rd 2011, 12:22 am
Thank you MrMario.MrMario wrote:It will say See your forum basic CSS above the CSS box.
Here is my basic CSS in 2 parts (message was too long).
Part 1
- Spoiler:
- * {
margin: 0;
padding: 0;
}
/*TGF ClearfixTony Aslett from http://www.csscreator.com*/
.clearfix:after,.ipbform2 dl:after,.maintitle:after {
content: ".";
display: block;
height: 0;
clear: both !important;
visibility: hidden;
}
*+ html .clearfix {
min-height: 1px;
clear: both;
}
* html .clearfix {
height: 1%;
clear: both;
}
*+ html .empty-clear {
line-height: 1px;
height: 1px;
}
* html .empty-clear {
line-height: 1px;
height: 1px;
}
.clear {
clear: both;
}
/*Defaults*/
body {
margin: 0 auto;
background-color: #292929;
background-image: url('https://2img.net/i/fa/empty.gif');
background-attachment: fixed;
color: #e3e3e3;
font-family: Arial,Verdana,Tahoma,sans-serif;
font-size: 12px;
line-height: 135%;
}
* html {
/* CSS properties only recognized by IE */
scrollbar-face-color: #;
scrollbar-highlight-color: #;
scrollbar-shadow-color: #;
scrollbar-3dlight-color: #;
scrollbar-arrow-color: #;
scrollbar-track-color: #fafafa;
scrollbar-darkshadow-color: #ffffff;
}
*+ html {
/* CSS properties only recognized by IE */
scrollbar-face-color: #;
scrollbar-highlight-color: #;
scrollbar-shadow-color: #;
scrollbar-3dlight-color: #;
scrollbar-arrow-color: #;
scrollbar-track-color: #fafafa;
scrollbar-darkshadow-color: #ffffff;
}
img {
border: none;
vertical-align: middle;
}
a:link {
color: #f9fc9a;
text-decoration:underline;
}
a:visited {
color: #302f2f;
text-decoration:underline;
}
a:hover {
color: #ff0000;
}
a:active {
color: #ffffff;
text-decoration:underline;
}
a:focus {
color: #f9fc9a;
}
*+ html body {
min-width: 800px;
overflow-x: hidden !important;
}
* html .minwidth_IE {
/* Hack IE min-width */
padding-left: 900px;
}
* html .container_IE {
/* Hack IE min-width */
margin-left: -900px;
position: relative;
}
* html .minwidth_IE, * html .layout_IE, * html .container_IE {
/* Hack IE min-width */
height: 1px;
}
/* ***************************Header*************************** */
div#logostrip {
min-height: 68px;
background-image: url('https://2img.net/i/fa/empty.gif');
background-repeat: repeat-x;
text-align: center;
}
*+ html div#logostrip {
min-height: 70px;
}
div#logostrip #logo {
display: block;
margin: 0 10px;
float: center;
}
div#logostrip #main-title,div#logostrip #main-title h1 {
padding-top: 25px;
font-size: 24px;
font-weight: bold;
font-family: georgia, open type;
}
div#logostrip #main-title h1 {
padding-top: 0;
}
#site-desc {
margin: 8px;
}
/* Submenu */
#submenu {
padding: 0.5em 0 0.65em;
text-align: right;
}
*+ html #submenu {
padding: 0;
}
* html #submenu {
padding: 0;
}
#submenu ul {
list-style: none;
text-align: center;
}
#submenu ul li {
/*line-height: 2em;
*/
}
#submenu ul li a {
padding: 0.5em 1em 0.65em 0;
margin: 0.5em 1em 0.65em 0;
text-decoration: none;
}
*+ html #submenu ul li a {
display: inline-block;
}
* html #submenu ul li a {
display: inline-block;
}
/*#submenu ul li a img {
display: none;
}
*/
#userlinks {
padding: 0.5em;
font-size: 0.9em;
}
#userlinks.not-connected {
text-align: center;
}
#userlinks.not-connected span {
margin: 0 0.25em;
}
#userlinks.not-connected .guest {
font-weight: bold;
}
#userlinks p.home {
float: left;
margin-left: 0.5em;
}
#userlinks p.home a {
font-weight: bold;
}
#userlinks ul {
float: right;
list-style: none;
}
#userlinks ul li {
float: left;
margin: 0 0.25em;
/* Spacing between generation dot */
}
#userlinks ul li:after {
content: ' .';
/* Beware of character: can create a whitepage in IE6 if char does not exist in lang. */
}
#userlinks ul li a {
margin-right: 0.25em;
/* Spacing between generation dot */
text-decoration: underline;
}
#userlinks ul li.last:after {
content: normal;
}
#ipbwrapper {
margin: 0px auto;
text-align: left;
width: autopx;
min-width: 768px;
padding: 5px;
}
#navstrip {
list-style: none;
margin: 0 0 1em;
font-weight: bold;
}
#navstrip li {
float: left;
margin: 0 5px;
padding-left: 13px;
background: url('https://2img.net/i/fa/invision/breadcrumb-arrow.gif') no-repeat left 50%;
}
#navstrip li.begin {
padding-left: 15px;
background: url('https://2img.net/i/fa/invision/nav.gif') no-repeat left 50%;
}
#navstrip li a {
text-decoration: none;
font-weight: bold;
}
div.newslink {
margin: 0.8em 0;
padding: 0.5em;
font-size: 11px;
}
div.newslink p.date {
font-size: 10px;
margin: 0 0 5px 0;
}
div.newslink .h3 {
font-weight: bold;
}
/* **************************************************************************Most stable Standards-compliant 3-column layout by Ryan Brillhttp://www.alistapart.com/articles/negativemargins
/************************************************************************** */
#content-container div#container {
width: 100%;
float: left;
margin-right: -0px;
}
#content-container div#content {
margin-right: 0px;
}
#content-container div#main {
margin-bottom: 1em;
overflow: hidden;
/* Fixes 3-column negative margins float clearing bug: http://archivist.incutio.com/viewlist/css-discuss/97678 Thanks Georg! */
}
*+ html #content-container div#main {
margin-left: 0px;
}
#content-container div#left {
width: 0px;
float: left;
margin-right: 0px;
overflow: hidden;
}
#content-container div#right {
width: 0px;
float: right;
overflow: hidden;
}
* html #content-container #main-content {
/* FIX for IE6... For some reason, if we insert comment before this series, the star html hack don't work no more... ?? */
overflow: visible;
margin-right: 0px;
}
* html #content-container div#main {
/* FIX for IE6 */
margin-right: -99%;
width: 100%;
float: left;
}
/*IPB BOXES*/
div.borderwrap,.borderwrapm {
padding: 1px;
}
* html div.borderwrap,* html .borderwrapm {
zoom: 1;
}
div.maintitle {
vertical-align: middle;
padding: 8px 8px 8px 15px;
background-image: url("https://i.servimg.com/u/f88/13/48/38/43/haha1011.jpg");
background-repeat: repeat-x;
zoom : 1;
/* Fixes IE6 & IE7 Peekaboo bug */
}
div.maintitle h1,div.maintitle h2,div.maintitle h3,div.maintitle div.toggle {
font-size: 13px;
}
.maintitle.floated h2,.maintitle.floated h3,.maintitle.floated div.toggle {
float: left;
}
.maintitle div.toggle {
font-weight: bold;
}
div.maintitle .expand,div.maintitle .contract {
float: right;
width: 10px;
height: 10px;
background: url('https://2img.net/i/fa/invision/exp_minus.gif') no-repeat 50% 50%;
cursor: pointer;
}
div.maintitle .expand {
background: url('https://2img.net/i/fa/invision/exp_plus.gif') no-repeat 50% 50%;
}
* html div.maintitle .expand,* html div.maintitle .contract {
line-height: 0.1em;
cursor: hand;
}
*+ html div.maintitle .expand,*+ html div.maintitle .contract {
cursor: hand;
}
div.maintitle .expand a,div.maintitle .contract a {
text-decoration: none;
}
.borderwrap .subtitle {
padding: 5px;
font-size: 12px;
font-weight: bold;
}
.borderwrap .subtitle.cleared {
clear: both;
}
.borderwrap p.subtitled {
padding: 5px;
}
.borderwrap .msg {
padding: 0.5em;
}
.subtitle.posting-code {
margin: -0.5em;
}
.title-options {
float: right;
}
/*Box content*/
.box-content div.agreement {
padding: 0.5em;
}
*+ html .agreement {
border: none;
/* fix IE7 bug */
}
.agreement h2.u {
margin: 0.5em 0 1em 0;
}
.box-content fieldset.submit {
padding: 0.5em !important;
}
div.box-content.error {
border-bottom: none;
}
div.box-content.error p {
padding: 5px;
}
.maintitle.floated.dropped {
position: relative;
}
.member-header {
}
.popmenubutton {
float: right;
height: 22px;
}
.popmenubutton a {
/*display: block;
*/
padding: 2px 16px 2px 8px;
background-image: url('https://2img.net/i/fa/invision/menu_action_down.gif');
background-position: 98% 50%;
background-repeat: no-repeat;
font-size: 11px;
font-weight: bold;
text-align: center;
white-space: nowrap;
text-decoration: none;
}
.popmenubutton a.addthis_button {
margin: 0 5px;
}
* html .popmenubutton a {
text-decoration: none !important;
}
*+ html #topicmenu-options.popmenubutton a {
background-position: 90% 50%;
}
* html #topicmenu-options.popmenubutton a {
background-position: 90% 50%;
margin-bottom: -13px;
margin-top:-3px;
}
.popmenubutton p.left-overview a {
display: inline !important;
padding: 0 !important;
background: transparent !important;
border: none !important;
}
.popupmenu {
list-style: none;
min-width: 200px;
width:220px;
font-size: 11px;
}
.post .popupmenu {
position: absolute;
top: 29px;
z-index: 10000;
}
* html .post .popupmenu {
left: 1.5em;
}
#forummenu-options_menu.popupmenu {
position: absolute;
top: 30px;
right: 8px;
z-index: 10000;
}
.member .popupmenu {
position: absolute;
z-index: 10000;
}
.popupmenu .avatar {
float: right;
margin: 5px;
width: 50px;
height: 50px;
background: url('https://2img.net/i/fa/invision/pp-blank-thumb-50px.png') no-repeat;
}
.popupmenu .avatar img {
display: block;
width: 50px;
height: 50px;
}
.popupmenu ul {
padding: 0.5em;
list-style: none;
}
.popupmenu li a.profile-icon {
display: block;
float: left;
width: 30px;
margin: 0 0.5em 0 0;
text-align: center;
}
.popupmenu li {
display: block;
padding: 0.5em 0.5em;
background-image: url('https://2img.net/i/fa/invision/menu_item.gif');
background-repeat: no-repeat;
background-position: 2px 50%;
text-decoration: none;
white-space: nowrap;
}
.popupmenu li a {
text-decoration: none;
}
ul.popupmenu li.popupmenu-category {
padding: 0.5em;
text-align: center;
font-weight: bold;
letter-spacing: 1px;
background-image: none;
}
.popupmenu .last {
border-bottom: none;
}
.popup {
margin: 0.5em;
}
.popup .popup-msg {
margin: 0.5em;
}
/* IPB Tables */
table.ipbtable {
width: 100%;
empty-cells: show;
}
* html table.ie6-tbl {
}
*+ html table.ipbtable {
border-collapse: collapse;
/* Helps display empty-cells in IE.x */
}
* html table.ipbtable {
border-collapse: collapse;
/* Helps display empty-cells in IE.x */
}
table.ipbtable.index-box {
width: 100%;
table-layout: fixed;
}
table.index-box td {
height: 100px;
}
table.ipbtable th {
padding: 5px;
text-align: center;
background-image: url("https://2img.net/i/fa/empty.gif");
background-repeat: repeat-x;
}
table.ipbtable th.formsubtitle,.formsubtitle {
border: none;
text-align: left;
}
table.ipbtable th.icon {
text-align: center;
width: 1%;
empty-cells: show;
}
table.ipbtable.search th.forum {
width: 14%;
}
table.ipbtable th.forum {
text-align: left;
width: 60%;
}
table.ipbtable th.forum2 {
text-align: left;
width: 50%;
}
table.ipbtable th.topics,table.ipbtable th.replies,table.ipbtable th.views {
width: 8%;
}
table.ipbtable th.last-post {
width: 35%;
}
table.ipbtable th.last-post2 {
width: 22%;
}
table.ipbtable th.starter {
width: 14%;
}
table.ipbtable .last {
border-right: none;
}
table.ipbtable tfoot td {
font-size: 3px;
height: 10px;
}
table.ipbtable td {
padding: 5px;
vertical-align: top;
}
table.ipbtable td.icon {
height: 38px;
vertical-align: top;
}
* html table.ipbtable td.icon {
position: static;
}
table.ipbtable img.icon {
float: left;
}
table.ipbtable span.status {
position: absolute;
}
table.ipbtable .forum-name h3 {
font-size: 12px;
}
table.ipbtable td .par {
text-align: left;
}
.hierarchy {
display: inline;
font-size: inherit;
font-weight: inherit;
}
*+ html .hierarchy {
font-size: 12px;
font-weight: bold;
}
* html .hierarchy {
font-size: 12px;
font-weight: bold;
}
table.ipbtable .forum-name a {
font-weight: bold;
}
table.ipbtable .forumdesc {
font-size: 11px;
}
table.ipbtable .mods {
text-align: left;
}
.centered {
text-align: center;
}
.thin {
line-height: 150%;
margin: 2px 0pt;
padding: 6px 0pt;
}
.view-online th {
text-align: left;
}
.view-online th.name {
width: 50%;
}
.online-explain {
margin: 5px;
font-size: 0.8em;
}
.row1.centered.author b {
font-weight: normal;
}
.ipbtable .date {
font-size: 80%;
}
.last-post-icon {
margin: 0 0.25em;
}
table.posting-table td {
padding: 3px;
border: 1px solid #ccc;
border-collapse: collapse;
}
/*Forms*/
.ipbform fieldset {
margin: 0.5em;
padding: 0 1em 1em;
}
.ipbform fieldset legend {
margin: 0;
padding: 0 0.5em;
font-weight: bold;
}
.ipbform fieldset label {
display: block;
}
div.errorwrap,div.infowrap {
margin: 0 5px 5px;
}
div.errorwrap h4,div.infowrap h4 {
padding: 5px;
font-size: 12px;
font-weight: bold;
}
div.errorwrap p,div.infowrap p {
padding: 8px;
}
div.input-warn-content {
display: none;
margin: 4px;
padding: 4px;
}
fieldset {
border: none;
}
.button,.mainoption {
padding: 0 5px;
font-size: 10px;
cursor: pointer;
}
a.button {
/*margin: -15px 0 0 0;
*/
padding: 1px 5px 0 5px;
text-decoration: none;
line-height: 1em;
font-size: 11px;
}
.formbuttonrow {
margin: 0;
padding: 5px;
border: none !important;
}
.columned fieldset.formcolumn1 {
float: left;
width: 45%;
}
.columned fieldset.formcolumn2 {
float: left;
width: 45%;
}
.ipbform fieldset.signature {
margin: 1.5em;
padding: 1em;
}
.ipbform2 .box-content {
padding: 0;
}
.ipbform2 dl {
float: left;
width: 100%;
clear:left;
}
.ipbform2 dl dt {
display: block;
float: left;
width: 230px;
}
.ipbform2 dl dt label {
display: block;
width: 210px;
padding: 12px 10px 0 10px;
font-weight: bold;
}
.ipbform2 dl dd {
display: block;
margin-left: 250px;
padding: 10px;
}
*+ html .ipbform2 dl dt,*+ html .ipbform2 dl dd {
min-height: 1px;
}
*+ html .ipbform2 dl dd {
margin-left: 0;
}
*+ html .dd-options {
margin-left: 230px !important;
}
* html .dd-options {
margin-left: 233px !important;
}
* html .ipbform2 dl dt,* html .ipbform2 dl dd {
height: 1%;
}
* html .ipbform2 dl dd {
margin-left: 0;
}
.ipbform2 dl dd label {
margin: 0 1em 0 0;
}
.ipbform2 dl dd input {
margin: 0 0.5em 0 0;
}
.separator {
line-height: 1px;
height:1px;
}
.ipbform2 fieldset.captcha {
margin: 0.5em;
padding: 0 1em 1em;
}
.ipbform2 fieldset.captcha legend {
padding: 0 0.5em;
}
.ipbform2 fieldset.captcha label {
display: block;
}
.ipbform2 fieldset.captcha .desc {
font-size: 0.8em;
}
.ipbform2 fieldset.captcha .captcha-field {
float: left;
width: 30%;
padding: 1em 0;
}
.ipbform2 fieldset.captcha .captcha-images {
float: left;
padding: 2em;
}
.ipbform .desc,.ipbform2 .desc {
font-size: 0.9em;
font-weight: normal;
}
.borderwrap .padded {
margin: 0.25em;
}
.borderwrap fieldset.in-padding {
padding: 0;
}
/* **********************Posting block********************** */
.posting-subject {
width: 65%;
}
.messaging-box {
margin-top: 10px;
padding: 10px;
overflow: hidden;
}
* html .messaging-box {
/* Fixes Funky IE6 bug where textarea grows out of bounds when a message is typed in. */
float:left;
}
* html .simple .posting-block {
width: 99%;
}
*+ html .messaging-box textarea {
width: 97% !important;
}
.messaging-box fieldset dl,.messaging-box fieldset dd {
background-color: transparent;
}
.messaging-box fieldset dd {
margin: 0 !important;
}
.messaging-box fieldset dt {
width: auto;
}
#preview .content {
padding: 4px;
}
#smiley-box {
float: left;
width: 220px;
margin: 0 10px 10px;
padding: 10px;
min-width: 220px;
}
#smiley-box .smiley-container object {
width: 220px;
}
*+ html #smiley-box {
margin-top: 10px;
}
* html #smiley-box {
margin-top: 10px;
display: inline;
/* margin doubling bug */
}
.helpline {
display: block;
height: 1.2em;
}
.textarea-info {
float: left;
padding: 0.5em 0;
font-size: 0.8em;
}
.exthelp,.rte-menu-button {
float: right;
height: 16px;
margin: 0.5em;
padding: 3px 5px 3px 25px;
background-image: url("https://2img.net/i/fa/invision/rte-bbcode-help-sm.png");
background-repeat: no-repeat;
background-position: 2% 50%;
font-size: 10px;
text-decoration: none !important;
}
.rte-menu-button {
float: left;
background-image: url("https://2img.net/i/fa/invision/rte-toggle-options.png");
}
.p-box {
padding: 5px;
}
/*Smileys*/
.smiley-selector {
padding: 0.35em;
text-align: center;
}
.smiley-element {
margin: 10px;
}
.smiley-element img {
margin: 0 15px 10px 0;
}
.smiley-element {
overflow-x: auto;
}
/*Poll*/
.poll,.polls h4 {
font-size: 11px;
}
.borderwrapm {
margin: 5px;
}
.poll .poll-choice {
clear: both;
margin: 0.5em 0;
}
.poll fieldset {
margin: 1em;
}
.polls {
margin: 4px;
font-family: Arial,Verdana,Tahoma,sans-serif;
font-size: 0.9em;
}
.polls .row1 {
padding: 4px;
font-weight: bold;
}
.polls dl {
margin: 1em;
padding: 5px 0 0 0;
line-height: 120%;
}
.polls dt {
text-align: left;
float: left;
display: block;
width: 30%;
border-right: none;
padding: 0;
margin: 0;
font-size: 1.1em;
}
.polls dd {
float: left;
}
.polls dd em {
font-weight: bold;
font-style: normal;
}
.polls dd.number-votes {
margin: 0 0.5em;
width: 4em;
text-align: center;
}
/*Login form*/
div.login fieldset label {
float: left;
width: 11em;
margin: 0.5em 0;
}
div.login fieldset input {
margin: 0.5em 0;
}
div.login fieldset.formcolumn2 label {
display: inline;
float: none;
}
div.login fieldset.formcolumn2 input {
margin: 0 0.5em 0 0;
}
div.box-content.resend-pwd {
border-bottom: none;
}
.login .errorwrap {
margin: 5px;
}
.login fieldset.formbuttonrow {
margin: 0;
padding: 5px;
}
/*Topic footer forms*/
.tfooter {
padding: 0.5em;
}
.search-footer-box {
float: left;
width: 45%;
}
.search-footer-box input {
margin: 0;
font-size: 0.8em;
}
.mod-forum-toolbox {
float: right;
width: 45%;
text-align: right;
}
.captcha-img {
margin: 5px;
vertical-align: middle;
}
.captcha {
margin: 10px 5px;
}
/*Quick Search*/
#search_menu {
padding: 5px;
font-size: 11px;
}
#search_menu table .thHead,#search_menu hr {
display: none;
}
#search_menu table td.row2 {
background-color: transparent;
border: none;
}
#search_menu input.post {
margin-top: 0 !important;
}
#search_menu table tr td input.button {
margin: 5px 0 0 0;
}
#search_menu span.genmed {
display: block;
padding: 5px;
}
div.module.advanced-search .box-content {
padding: 0;
}
.search-padding {
padding: 5px;
}
.advanced-search .search-footer{
padding: 3px;
text-align: center;
font-size: 0.8em;
}
/*Memberlist*/
.memberlist fieldset {
padding: 1em;
}
.borderwrap.member-list {
margin-bottom: 4em;
}
div.centerer {
display: table;
margin: 0 auto;
white-space: nowrap !important;
text-align: center;
}
.member {
float: left;
width: 22%;
margin-right: 10px;
margin-bottom: 10px;
padding: 5px;
}
.member-list .popmenubutton {
width: 100%;
height: auto;
}
* html .member span.membername {
float: left;
word-wrap: break-word !important;
}
*+ html .member span.membername {
float:left;
word-wrap: break-word !important;
white-space: normal;
}
.member-list .popmenubutton .mini-avatar {
display: block;
float: right;
margin: 5px;
background: url('https://2img.net/i/fa/invision/pp-blank-thumb-38px.png') no-repeat;
width: 38px;
height: 38px;
}
.member .popupmenu li {
background-image: none;
}
.member-list .popmenubutton .mini-avatar img {
width: 38px;
height: 38px;
}
.member p {
font-size: 10px;
height: 7em;
overflow: auto;
}
.search-filter {
float: left;
margin: 5px;
font-size: 11px;
}
.search-filter dt,.search-filter dd {
float: left;
margin: 3px 3px 0 3px;
vertical-align: middle;
}
.search-filter select {
font-size: 10px;
}
.centerer del {
text-decoration: none;
display: inline-block;
}
div.borderwrap .member-list {
padding: 5px;
border: none;
}
/*FAQ*/
dl.faq dd {
margin: 5px 5px 0 5px;
}
dl.faq dd p {
margin: 5px;
padding: 5px;
}
dl.faq .question {
padding: 5px 0 8px 0;
font-weight: bold;
}
dl.faq.answers {
padding: 10px;
}
/*Calendar*/
div.calmonths {
margin: 5px 0;
padding: 8px;
text-align: center;
font-size: 18px;
font-weight: bold;
}
a.calarrow {
text-decoration: none !important;
}
table.ipbtable.calendar {
border: none;
border-collapse: collapse;
}
table.ipbtable.calendar th {
border-right: none;
}
.ipbtable.calendar .view-week {
width: 2%;
}
.ipbtable.calendar td.view-week {
vertical-align: middle;
text-align: center;
}
.ipbtable.calendar td {
padding: 5px;
overflow: hidden;
empty-cells: show;
}
.ipbtable.calendar .celldate {
padding: 0.25em;
}
.ipbtable.calendar .calday {
padding: 4px;
text-align: right;
font-size: 11px;
font-weight: bold;
}
.ipbtable.calendar ul {
list-style-type: none;
height: 10em;
}
.ipbtable.calendar ul li {
margin: 0.25em;
}
.ipbtable.calendar p.right-event {
padding: 0.25em;
text-align: right;
}
.overview .title-overview {
padding: 4px;
}
.overview .center-overview {
padding: 4px;
}
.overview .left-overview {
padding: 4px;
}
.overview hr.dashed {
border-bottom: none;
}
#mini-calendar {
float: left;
width: 270px;
margin: 1em;
}
#mini-calendar .table {
margin-bottom: 1em;
}
#calendar-result {
margin: 1em 0;
float: left;
width: 68%;
}
.bday td {
text-align: center;
}
.bday .name {
width: 20%;
text-align: left;
}
.bday .www {
width: 10%;
text-align: center;
overflow: hidden;
}
/*Private messenging*/
ul.privmsg {
list-style: none;
float: left;
margin-left: 2px;
margin-bottom: -2px;
}
*+ html ul.privmsg {
margin-left: 2px;
margin-bottom: -11px;
}
ul.privmsg li {
display: block;
float: left;
margin-right: 2px;
}
ul.privmsg li div.tabitem {
padding: 5px 10px;
}
ul.privmsg li a {
display: block;
margin: -5px -10px;
padding: 5px 10px;
}
.maintitle .options {
float: right;
}
th.subject {
text-align: left !important;
}
th.select-items {
width: 2%;
}
/* *************************Profile************************* */
.borderwrap#ucpmenu {
float: left;
width: 25%;
}
*+ html .borderwrap#ucpmenu {
margin-right: 1em;
}
.borderwrap.ucp {
margin-left: 1em;
overflow: hidden;
}
* html .borderwrap.ucp {
width: 73%;
}
.box-content.profile-tabs {
padding-top: 0;
border-bottom: none;
}
#ucpmenu ul {
list-style: none;
}
* html #ucpmenu ul li {
margin: 0;
}
#ucpmenu ul li a {
display: block;
padding: 8px;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}
#ucpmenu .profile-tabs ul li.activetab a {
text-indent: 1em;
}
/* View forum body */
.posting-options {
margin: 0.5em 0;
}
.posting-options.topic-options {
float: right;
width: 49%;
}
.posting-options .posting-buttons {
list-style: none;
}
.posting-options .posting-buttons li {
float: right;
}
.formsubtitle {
padding: 5px;
}
* html .formsubtitle {
zoom: 1;
}
.formsubtitle h4 {
font-size: 11px;
}
.activeusers-box p {
padding: 5px;
}
.activeusers {
padding: 5px;
}
.ul-icons {
list-style: none;
float: left;
margin: 0 1em 0 0;
}
.ul-icons li {
font-size: 11px;
}
.ul-icons li img {
vertical-align: middle;
}
/*Profile View*/
.profile-view {
/*width: 215px;
*/
}
* html .profile-view .maintitle {
position: relative;
}
.profile-view .avatar {
text-align: center;
width: 215px;
float: left;
}
.profile-view .avatar img {
display: block;
margin: 5px auto;
}
.avatar img{
width: 50px;
}
.profile-view .avatar img#i_icon_pm {
display: inline;
}
.profile-view p {
margin: 0 5px;
padding: 5px;
}
.profile-view .popmenubutton {
margin: 10px auto;
}
.profile-view .popmenubutton a {
font-weight: normal;
}
.profile-view .profile-view-list ul {
list-style: none;
}
.profile-view .profile-view-list ul li {
padding: 8px 10px;
}
.profile-view .profile-view-list ul li.last {
border-bottom: none;
}
.profile-view-list dl{
padding:6px 10px 6px 10px;
width:98%;
margin:6px 0 0;
}
.profile-view-list dl dt{
float:left;
display:block;
width:10em;
}
.profile-view-list dl dd{
margin-left:10em;
padding-left:12px;
}
.profile-view-list div.separator{
clear:both;
font-size:1px;
line-height:1px;
border-bottom:1px solid #dcdcdc;
padding-top:6px;
width:98%;
}
blockquote {
margin: 8px;
padding: 8px;
}
blockquote cite {
display: block;
margin: -8px -8px 8px -8px;
padding: 3px;
background-image: url('https://2img.net/i/fa/invision/css_img_quote.gif');
background-repeat: no-repeat;
background-position: top right;
font-style: normal;
font-size: 11px;
}
dl.codebox {
margin: 8px;
}
.codebox dt {
display: block;
padding: 3px;
background-image: url('https://2img.net/i/fa/invision/css_img_code.gif');
background-repeat: no-repeat;
background-position: top right;
text-transform: uppercase;
font-weight: bold;
}
* html .codebox dt {
zoom: 1;
}
.codebox dd {
padding: 5px;
font-family: Courier,CourierNew,sans-serif;
white-space: pre;
overflow: auto;
max-height: 200px;
}
* html .codebox dd {
height: 200px;
}
.spoiler {
margin: 8px;
padding: 8px;
}
.spoiler dt {
display: block;
margin: -8px -8px 8px -8px;
padding: 3px;
font-weight: bold;
font-size: 11px;
text-transform: uppercase;
}
.spoiler dd {
padding: 8px;
}
.hidecode dt {
display: none;
}
.hidecode dd {
white-space: normal;
}
/*Drafts*/
.drafts th.subject {
width: 40%;
}
/* ************************Posts************************ */
.post-container {
margin-left: 18em;
}
.postbody {
width: 100%;
background-color: transparent;
}
*+ html .postbody {
word-wrap: break-word;
}
* html .postbody {
word-wrap: break-word;
}
.post-entry {
margin: 0.5em;
overflow: hidden;
}
* html .post-entry {
width: 96.9%;
float: left;
}
.postprofile {
float: left;
margin-left: -18em;
width: 18em;
}
* html .postprofile {
position: relative;
}
.post-footer {
clear: both;
}
.post-footer img {
cursor: pointer;
}
.post .post-header {
padding: 2px 8px 0;
min-height: 33px;
}
* html .post .post-header {
height: 30px;
}
.module .postbody .postbody-head {
margin-left: 0;
}
.postprofile-head .popmenubutton-new-out {
margin: 0 auto;
float: none;
padding: 0.3em 0;
}
.postbody-head .post-info {
list-style: none;
float: right;
}
.postbody-head .post-info li {
float: left;
margin-left: 0.5em;
}
.postdetails {
font-size: 11px;
line-height: 140%;
}
.postdetails h3 {
font-size: 11px;
margin-right: 15%;
}
.postprofile-details {
margin: 1em;
}
.postprofile-details dt{
font-weight:400}
.postprofile-details dt a{
text-decoration:none}
.post-footer ul.posting-icons,.post-footer ul.misc-icons {
list-style: none;
float: right;
margin: 5px;
}
.post-footer ul.misc-icons {
float: left;
}
.post-footer ul.posting-icons li,.post-footer ul.misc-icons li {
float: left;
}
.popmenubutton-new-out {
float: none;
width: 15em;
}
.popmenubutton-new-out a {
text-align: left;
}
.postprofile-head {
/*position: relative;
*/
}
*+ html .postprofile-head {
min-height: 1%;
}
.postprofile-head .avatar {
/*float: right;
*/
text-align: center;
}
.postprofile-head .avatar img {
width: 50px;
height: 50px;
}
.postprofile-head ul li {
background-image: none;
}
.signature {
padding: 1em;
}
* html .signature {
zoom: 1;
}
.topic-footer {
padding: 5px;
}
.next-prev {
float: right;
}
.bar {
padding: 5px;
}
.postreview .box-content {
padding-top: 0;
}
.postreview .post {
margin: 0;
border-bottom: none;
}
.postreview .postbody .postbody-head h3 {
font-size: 11px;
font-weight: normal;
}
.postreview .postprofile-head h3 {
font-size: 12px;
}
.lastaction {
font-size: 0.9em;
}
/* Search results */
.postprofile .post-options {
list-style: none;
padding: 8px;
line-height: 1.8em;
font-size: 11px;
}
.search-results-posts .postbody-head h3 {
font-size: 12px;
}
.search-results-posts .postbody-head h3 a,.search-results-posts .postprofile-head .username a {
text-decoration: none;
}
.postprofile .post-options .label {
font-weight: bold;
}
.post-entry ul,.post-entry ol {
margin-left: 1.5em;
}
.postbody ol {
margin: 0 1.5em;
}
.vote {
float: right;
width: 9px;
margin-left: 4px;
}
.vote .vote-button {
text-align: center;
font-weight: bold;
margin-left: -1px;
}
.vote .vote-button a {
text-decoration: none !important;
}
.vote .vote-bar {
width: 3px;
height: 50px;
margin: 0 auto;
border: 1px solid #e3e3e3;
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;
}
/*Quick reply*/
/* Text editor (quick reply)-------------------------------------------------------------*/
.qreply {
width: 75%;
margin: 1em auto;
padding: 6px;
}
.dd-textarea {
width: 98%;
margin: 6px;
}
button.button2, input.button2 {
font-size: 0.9em;
width: auto !important;
margin: 0px 0.25em 0;
padding: 2px 3px;
font-family: Arial,Verdana,Tahoma,sans-serif;
background-repeat: repeat-x;
background-image: url('https://2img.net/i/fa/prosilver/bg_button.gif');
background-position: top;
overflow: visible;
vertical-align:middle;
}
body:last-child a.button1, input.button1, a.button2, input.button2, button.button2 {
/* Opera does not see this */
padding: 1px 0;
}
button.button2:hover, input.button2:hover {
background-position: 0 100%;
}
* html button.button2, * html input.button2 {
padding-bottom: 0;
margin: 0 0.25em;
height: 22px;
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;
}
.select {
position: absolute;
z-index:100;
top: 0;
left: 0;
overflow: hidden;
width: 0px;
}
* html .select {
margin-top: -9px;
}
.select p {
padding: 4px 6px;
font-size: 0.9em;
margin: 0px;
}
.select button {
padding: 4px;
font-size: 0.9em;
margin: 0px;
border: none;
text-align: left;
}
.select button.button2 {
padding: 0px;
}
*+html .select button.button2 {
padding-right: 3px;
padding-left: 3px;
}
* html .select button.button2 {
padding-right: 3px;
padding-left: 3px;
}
.select button.button2:hover {
background-position: 0 100%;
}
.select button:hover,.selectHover {
cursor: pointer;
}
button.bbcode {
background-image: url("https://2img.net/i/fa/wysiwyg/bg_button.png");
}
#text_editor_controls {
white-space:pre-wrap;
word-wrap:break-word;
}
#textarea_content iframe#text_editor_iframe,#text_editor_textarea {
width: 99%;
}
*+ html #textarea_content iframe#text_editor_iframe,*+ html #text_editor_textarea {
width: 99%;
}
* html #textarea_content iframe#text_editor_iframe,* html #text_editor_textarea {
width: 99%;
}
*+ html #text_editor_textarea.quick_reply_textarea {
width: 99% !important;
}
* html #text_editor_textarea.quick_reply_textarea {
width: 90% !important;
}
.vBulletin_editor {
border: none !important;
}
.vBulletin_editor table.text-style {
width: 450px;
display: table-layout;
}
/* ******************Pagination******************* */
div.pagination {
float: left;
margin-top: 8px;
margin-bottom: 0.5em;
}
div.pagination.topic-options {
width: 49%;
}
.gen .forumline .thHead {
padding: 5px;
}
.gen table.forumline td {
padding: 5px;
}
.pagination table td {
padding: 5px;
text-align: center;
}
div.pagination a {
padding: 2px 4px;
text-decoration: none;
}
* html div.pagination a {
padding: 5px;
}
div.pagination b {
padding: 2px 5px;
font-weight: normal;
}
div.pagination b {
padding: 2px 4px;
font-weight: normal;
}
strong.pagination a,.topic-paging a {
margin: 0 1px 0 0;
padding:2px 4px;
font-size:10px;
text-decoration: none;
}
strong.pagination .page-sep {
visibility: hidden;
}
/* ***************Modules and Portal*************** */
.module .maintitle {
padding: 5px;
}
.module .maintitle h3 {
float: none;
font-size: 1em;
}
.module .box-content {
border-bottom: none;
padding: 5px;
line-height: normal;
}
.module .postbody {
padding: 0;
}
.module .postbody .postbody-head {
height: auto;
padding: 5px;
}
.module .postbody .post-footer {
padding: 3px 5px;
font-size: 0.8em;
}
.module .postbody .post-read-full {
font-size: 0.8em;
}
.module .box-content.ipbform {
padding: 0;
border: none;
}
.module .box-content.ipbform fieldset {
border: none;
padding: 0;
margin: 0;
}
.module .box-content.ipbform fieldset dl {
padding: 5px}
.module .box-content.ipbform fieldset.formbuttonrow {
padding: 5px !important;
text-align: center;
}
.module .box-content .forgot-pwd {
font-size: 0.8em;
}
.module .mod-login dt {
float: left;
margin-right: 0.5em;
}
*+ html .module.social-book .bookmark-img {
width: 80%;
}
.module .social-bookmark {
font-size: 0.9em;
}
.module .box-content.poll {
padding: 0;
}
.module .box-content.poll dl {
margin-top: 1em;
}
.module .box-content.poll dt {
float: left;
width: 40%;
}
.module .box-content.poll dd {
margin-left: 41%;
}
.module .box-content.poll dd.pstats {
float: right;
}
.module ul {
margin-left: 1.5em;
}
.module table.mod-top-posters {
table-layout: fixed;
}
/* ************************Footer************************* */
#gfooter {
margin: 8px 0;
padding: 0.5em;
text-align: right;
font-size: 0.8em;
background-color: #ffffff;
color: #fff;
}
#gfooter form {
float: left;
}
#gfooter ul {
list-style: none;
display: table;
margin: 0 auto;
}
#gfooter ul li {
display: inline;
}
* html #qjump {
float: left;
text-align: left;
width: 15%;
}
.current-time {
float: right;
}
#gfooter a {
color: #fff !important;
}
#gfooter .footer-links {
float: left;
width: 65%;
white-space: normal !important;
}
.statlinks ul li a {
border-bottom: 1px dotted #ffffff;
color: #ffffff;
}
.statlinks ul li a:hover {
border-bottom: 1px solid #ffffff;
}
/*link lists and other menus*/
.toplinks {
margin: 0 0 0.25em;
}
.linklist ul {
float: right;
list-style: none;
}
.linklist ul li {
float: left;
margin: 0 0.25em;
/* Spacing between generation dot */
}
.linklist ul li:after {
content: ' .';
/* Beware of character: can create a whitepage in IE6 if char does not exist in lang. */
}
.linklist ul li a {
margin-right: 0.25em;
/* Spacing between generation dot */
text-decoration: underline;
font-size: 11px;
font-weight: bold;
}
.linklist ul li.last:after {
content: normal;
}
.statlinks ul li a {
text-decoration: none !important;
}
.stat-show-details {
display: inline;
list-style: none;
margin-right: 0.5em;
}
.stat-show-details li {
display: inline;
margin-left: 0.5em;
}
.viewonline {
float: right;
}
/* **************Gallery************** */
.gallery .borderwrap.column {
float: left;
max-height: 400px;
margin: 0 0.5em;
}
.gallery .borderwrap.column h3 a {
text-decoration: none;
}
.gallery .cat-img {
height: 150px;
padding: 1em;
text-align: center;
}
.gallery .cat-img .img-container {
width: 125px;
height: 100px;
margin: 0 auto;
text-align: center;
overflow: hidden;
}
.gallery .cat-img img {
display: block;
margin: 0 auto;
}
.gallery .gallery-desc {
height: 100px;
overflow-y: auto;
padding: 5px;
font-size: 11px;
vertical-align: top;
}
.gallery .cat-info {
padding: 8px;
text-align: right;
}
.gallery-footer .icon {
float: left;
min-width: 3%;
margin-right: 5px;
padding: 3px;
overflow: hidden;
}
.gallery-footer dd {
padding: 5px;
}
.borderwrap.thumbnails {
float: left;
margin: 0 5px 5px 5px;
}
.borderwrap.thumbnails .thumb {
min-height: 130px;
}
.borderwrap.thumbnails .thumbnail img {
display: block;
margin: 0.5em auto;
padding: 2px 2px 12px 2px;
text-align: center;
height: 75px;
}
.borderwrap.thumbnails .gal_caption {
margin: 0 auto 1em;
text-align: center;
font-size: 14px;
font-weight: bold;
}
.borderwrap.thumbnails .gal_caption a {
text-decoration: none;
}
.sort-gal {
margin: 0.5em 0;
padding: 5px;
}
.photostrip .maintitle a,.view-photo .maintitle a {
color: #fff;
}
.photostrip .maintitle h3,.view-photo .maintitle h3 {
float: none;
text-align: center;
}
.photostrip .box-content {
border-collapse: collapse;
}
.photostrip .photo {
float: left;
border-bottom: none;
padding-top: 20px;
}
/* Special effects */
.img-effects {
display: table;
width: 90%;
margin: 1em auto;
}
fieldset.effects dl {
float: left;
width: 19%;
min-height: 10em;
margin: 0 0.5em 0.5em 0;
clear: none;
background-color: transparent;
}
fieldset.effects dt {
float: left;
padding: 0.25em;
font-weight: bold;
width: auto;
}
fieldset.effects dd {
padding: 0.25em;
text-align: center;
background-color: transparent;
margin-left: 0;
}
fieldset.effects dd.check {
float: right;
width: 1em;
margin: 0.15em;
border: none;
clear: right;
}
fieldset.effects .clearing {
font-size: 1px;
}
/* Avatar Gallery */
.avatar-gallery div.gal-content {
margin: 1em;
}
.avatar-gallery p.select-avatar {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 0.25em;
text-align: center;
}
* html .avatar-gallery div p.select-avatar {
width: 114px;
}
.avatar-gallery div div.avatar-box {
float: left;
position:relative;
width: 113px;
height: 260px;
margin: 0.5em 0.25em;
text-align: center;
overflow: hidden;
}
.avatar-gallery div div img {
margin: 0.5em;
}
/* *****************RPG***************** */
.rpg-table table {
width: 80%;
border: none;
border-collapse: collapse;
padding: 0;
}
.rpg-table table td {
margin: 0;
padding: 5px;
}
/* *****************Groups***************** */
div.groupcp .ipbform2 dd ul {
margin-left: 1.8em;
}
/*Report abuse*/
.report-abuse-textarea {
width: 80%;
}
/*Statistics*/
td.stat-bar {
padding: 8px 10px 0 !important;
}
td.stat-bar div {
white-space: nowrap;
}
table.status-bar td {
margin:0;
padding: 0;
}
/* Donate */
.donate-form p {
padding: 1em;
}
/*Useful styles*/
.center {
margin: 0 auto;
text-align: center;
}
.left {
float: left;
text-align: left;
}
.right {
float: right;
text-align: right;
}
.delspace {
visibility: hidden;
font-size: 0px;
line-height: 0px;
}
/* ****************************************************************************INVISION BASIC COLOURS**************************************************************************** */
div#logostrip {
background-color: #0a0a0a;
color: #ffffff;
}
/* Submenu */
#submenu {
background: #333333;
color: #424242;
}
#submenu ul li a {
color: #000;
}
#submenu ul li a:hover {
background-color: #363232;
}
#userlinks {
background-color: #242424;
border-bottom: 1px solid #333333;
}
#userlinks.not-connected {
background-color: #fafafa;
border-bottom: 1px solid #333333;
}
#navstrip {
color: #333333;
}
#navstrip li a:hover {
color: #5A7CB7;
}
div.newslink {
background-color: #2a2d36;
}
/*IPB BOXES*/
div.borderwrap,.borderwrapm {
border: 1px solid #000000;
background-color: #5c5c5c;
}
div.maintitle {
background-color: #424242;
color: #dedede;
}
.maintitle .titletext,.maintitle .titletext a,.maintitle .right,.maintitle .right a {
color: #fff;
}
#plus_menu .title-overview {
color: #e3e3e3;
}
.borderwrap .subtitle {
background-color: #474747;
border-bottom: 1px solid #666666;
color: #ffffff;
}
/*Box Content*/
.box-content{
background-color:#242424;
border-bottom:10px solid #302f2f;
}
div.box-content.agreement {
background-color: #242424;
}
.box-content .rules {
background-color: #242424;
}
.popmenubutton a {
background-color: #242424;
border: 1px solid #242424;
color: #ffffff;
}
.popupmenu {
background-color: #fff;
border: 1px solid #d0d0d0;
}
.popupmenu .avatar {
border: 1px solid #302f2f;
background-color: #292929;
}
.popupmenu li {
background-color: #fff;
border-bottom: 1px solid #d0d0d0;
}
ul.popupmenu li.popupmenu-category {
background-color: #000000;
color: #ffffff;
}
/*IPB Tables*/
table.ipbtable th {
background-color: #474747;
border-right: 1px dotted #d7dbde;
border-bottom: 1px solid #666666;
}
table.ipbtable th.formsubtitle,.formsubtitle {
background-color: #2a2d36;
}
table.ipbtable tfoot td {
background-color: #302f2f;
}
table.ipbtable .forumdesc {
color: #302f2f;
}
Menos- Forumember
- Posts : 383
Reputation : 4
Language : Greek, English and Slovak -
Re: Changing letter color and size in CSS
by Menos May 23rd 2011, 12:24 am
Part 2
Thank you for your time.
- Spoiler:
.row1,.row2 {
border-bottom: 1px solid #2a2d36 !important;
}
.row1 {
background-color: #242424;
}
.row2 {
background-color: #242424;
}
.darkrow {
background-color: #333333;
border-top: 1px solid #666666;
color: #ffffff;
}
.thin {
border-top: 1px solid #2a2d36;
border-bottom: 1px solid #2a2d36;
}
.sticky-separator {
border-top: 3px solid #666666;
}
/* Forms */
.ipbform fieldset {
border: 1px solid #000;
}
.ipbform fieldset legend {
color: #e3e3e3;
}
div.errorwrap,div.infowrap {
background-color: #f2dddd;
border: 1px solid #992a2a;
}
div.box-content.error {
background-color: #f2dddd;
}
div.infowrap {
background-color: #2a2d36;
border: 1px solid black;
}
div.errorwrap h4,div.infowrap h4 {
background-color: #e3c0c0;
border-bottom: 1px solid #992a2a;
color: #992a2a;
}
div.infowrap h4 {
background-color: #ddd;
border-bottom: 1px solid #000;
color: #000;
}
div.errorwrap p,div.infowrap p {
color: #992a2a;
}
div.input-warn-content {
background-color: #ffcccc;
border: 1px solid #cc0000;
}
.button,.mainoption {
background-color: #42444a;
border:1px solid #302f2f;
color: ;
}
.formbuttonrow {
background-color: #333333;
border-top: 1px solid #666666 !important;
color: #ffffff;
}
.ipbform fieldset.signature {
background-color: #2a2d36;
border: 1px solid #000000;
}
.ipbform fieldset.signature textarea {
border: 2px inset #302f2f;
}
.ipbform2 dl {
background-color: #242424;
border-bottom: 1px solid #2a2d36;
}
.ipbform2 dl dd {
background-color: #242424;
}
.ipbform2 dl dd textarea.inputbox{
border: 2px inset #302f2f;
background-color: #d7dbde;
}
.separator {
border-bottom: 1px solid #2a2d36;
}
.ipbform2 fieldset.captcha {
border: 1px solid #000;
}
/* **********************Posting block********************** */
.messaging-box {
background-color: #2a2d36;
border: 1px solid #000000;
}
.messaging-box textarea {
border: 2px inset #302f2f;
}
#smiley-box {
background-color: #2a2d36;
border: 1px solid #000000;
}
.exthelp,.rte-menu-button {
background-color: #fff;
border: 1px solid #302f2f;
}
.p-box {
background-color: #242424;
}
/*Smileys*/
.smiley-selector {
background-color: ;
}
.smiley-container {
border: 1px solid ;
}
/* Poll */
.polls {
background-color: #242424;
}
.polls dl {
color: #e3e3e3;
}
/* Quick Search */
#search_menu {
background-color: #242424;
border: 1px solid #333333;
}
#search_menu input.post {
border: 1px solid #302f2f;
}
.advanced-search .search-footer {
background-color: #333333;
border-top: 1px solid #666666;
}
/*Memberlist*/
.member {
background-color: #fff;
border: 1px solid #333333;
}
.member-list .popmenubutton .mini-avatar {
border: 1px solid #e3e3e3;
background-color: #fff;
}
.member p {
color: #808080;
}
div.borderwrap .member-list {
background-color: #000000;
}
/*FAQ*/
dl.faq dd p {
border: 1px solid #000000;
}
dl.faq .question {
border-bottom: 1px solid #2a2d36;
}
/*Calendar*/
div.calmonths {
background-color: #2a2d36;
}
table.ipbtable.calendar {
background-color: #000000;
}
.ipbtable.calendar .celldate {
background-color: #242424;
}
.ipbtable.calendar .celldate:hover {
background-color: #242424;
}
.ipbtable.calendar .calday {
background-color: #242424;
color: #ffffff;
}
div.overview {
background-color: #333333;
border: 1px solid #333333 !important;
}
.overview hr.dashed {
border: 1px dashed #333333;
}
#mini-calendar .table {
border-left: 1px solid #333333;
border-bottom: 1px solid #333333;
border-right: 1px solid #333333;
}
.bday {
border: 1px solid #333333;
}
/*Private messenging*/
ul.privmsg li {
background-color: #424242;
color: #fff;
}
ul.privmsg li a {
background-color: #d7dbde;
}
/* *************************Profile************************* */
.box-content.profile {
background-color: #242424;
}
.box-content.profile-tabs {
background-color: #242424;
}
* html #ucpmenu ul li {
border: 1px solid #474747;
}
#ucpmenu ul li a {
background-color: #474747;
border-bottom: 1px solid #666666;
color: #ffffff;
}
#ucpmenu ul li a:hover {
background-color: #242424;
}
#ucpmenu .profile-tabs ul li.activetab a {
background-color: #242424;
}
.activeusers {
background-color: #242424;
border: 3px solid #000000;
}
/*Profile View*/
.profile-view .popmenubutton a {
background-color: #fff;
}
.profile-view .profile-view-list ul li {
border-bottom: 1px solid #2a2d36;
}
/*Advanced Profile*/
#profile-advanced-layout {
float: left;
margin-right: -304px;
width: 100%;
}
#profile-advanced-left {
margin-right: 304px;
}
#profile-advanced-avatar {
float: left;
width: 30%;
}
#profile-advanced-points, #profile-advanced-reputation {
float: left;
}
#profile-advanced-avatar .module, #profile-advanced-points .module, #profile-advanced-reputation .module, #profile-advanced-details {
margin-right: 4px;
}
*+ html #profile-advanced-avatar .module, *+ html #profile-advanced-points .module, *+ html #profile-advanced-reputation .module, *+ html #profile-advanced-details {
margin-top: 11px;
}
#profile-advanced-avatar .module, #profile-advanced-points .module, #profile-advanced-reputation .module, #profile-advanced-right .module {
margin-bottom: 4px;
}
#profile-advanced-details ol {
list-style: none;
}
#profile-advanced-details ol li {
display: block;
margin-bottom: 4px;
}
#profile-advanced-details .avatar {
float: left;
}
.avatar {
width: 50px;
border: 1px solid #424242;
background-color: #fff;
}
.avatar span.real_avatar img {
width: 50px;
}
.friend-block .avatar {
margin: 0 auto;
cursor:pointer;
}
.friend-block {
float: left;
width: 70px;
margin: 1px;
text-align: center;
overflow: hidden;
}
.friend_list_online_status {
line-height: 11px;
font-size: .8em;
}
.friend_list_online_status img {
vertical-align: middle;
}
.friends-foes-list {
float: left;
width: 200px;
height: 2em;
}
#profile-advanced-details .message-block {
margin-left: 57px;
zoom:1;
}
#profile-advanced-details .message-header {
border-top: 1px solid #666666;
background: #474747;
padding: 4px;
margin-bottom: 4px;
}
#profile-advanced-details .message-date {
float: right;
}
#profile-advanced-details .message-body {
margin-bottom: 4px;
}
#profile-advanced-details .message-footer {
text-align: right;
}
#profile-advanced-details .message-footer li {
display: inline;
margin: 0 0.25em;
/* Spacing between generation dot */
}
#profile-advanced-details .message-footer li:after {
content: ' .';
/* Beware of character: can create a whitepage in IE6 if char does not exist in lang. */
}
#profile-advanced-details .message-footer li a {
margin-right: 0.25em;
/* Spacing between generation dot */
text-decoration: underline;
}
#profile-advanced-details .message-footer li.last:after {
content: normal;
}
#profile-advanced-layout #new-message {
position: relative;
padding-top: 10px;
}
#profile-advanced-layout #new-message-link {
position: absolute;
top: 0;
right: 4px;
}
#profile-advanced-details .top {
margin-bottom: 16px;
}
#profile-advanced-details .bottom {
margin-top: 16px;
}
#profile-advanced-right {
float: right;
width: 304px;
}
#profile-advanced-add {
margin-right: 4px;
padding: 4px 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;
}
/* ************************Posts************************ */
.post {
background-color: #242424;
border-bottom: 10px solid #302f2f;
}
.post-container {
background-color: #242424;
}
.post-footer {
background-color: #333333;
border-top: 1px solid #666666;
}
.post .post-header {
background-color: #333333;
}
.popmenubutton-new-out a {
background-color: #242424;
}
.member .popmenubutton-new-out a {
border: 1px solid #333333;
}
.topic-footer {
background-color: #42444a;
}
.bar {
background-color: #666666;
}
.postreview .postbody .postbody-head h3 {
color: #ffffff;
}
blockquote {
border-top: 1px dotted #000;
border-right: 1px dotted #000;
border-bottom: 1px dotted #000;
border-left: 5px solid #d7dbde;
background-color: #42444a;
}
blockquote cite {
background-color: #E4EAF2;
color: #000;
}
.codebox dt {
background-color: #FDDBCC;
}
.codebox dd {
background-color: #fff;
border: 1px dotted #000;
}
.spoiler {
border-top: 1px dotted #000;
border-right: 1px dotted #000;
border-bottom: 1px dotted #000;
border-left: 5px solid #d7dbde;
background-color: #242424;
}
.spoiler dt {
background-color: #E4EAF2;
color: #000;
}
.signature {
border-top: 1px dotted #333333;
}
/*Quick reply*/
/* Text editor (quick reply)-------------------------------------------------------------*/
.qreply {
background-color: #2a2d36;
border: 1px solid #000000;
}
.dd-textarea textarea {
border: 2px inset #302f2f;
}
button.button2, input.button2 {
border: 1px solid #666666;
color: #000;
background-color: #242424;
}
button.button2:hover, input.button2:hover {
border: 1px solid #ff0000;
color: #ff0000;
}
.select {
background-color: #fff;
border: 1px solid #666666;
}
.select button {
background-color: #fff;
}
.select button.button2 {
border: 1px solid #666666;
}
.select button.button2:hover {
border: 1px solid #ff0000;
color: #ff0000;
}
.selectHover {
background-color: #2a2d36;
}
button.bbcode {
border: 1px solid #e3adad;
}
#textarea_content iframe#text_editor_iframe,#text_editor_textarea {
background-color: #fff;
}
/* ******************Pagination******************* */
.gen table.forumline {
background-color: #fff;
}
.gen .forumline .thHead {
background-color: #000000 !important;
color: #ffffff;
}
.gen table.forumline td.row1 {
background-color: #fff;
}
div.pagination a {
background-color: #000000;
}
div.pagination b {
background-color: #302f2f !important;
color: #fff;
}
div.pagination b {
background-color: #302f2f !important;
color: #fff;
}
strong.pagination a,.topic-paging a {
background-color: #000000;
border: 1px solid #474747;
}
/* **************Gallery************** */
.gallery .borderwrap.column h3 a {
color: #fff;
border-bottom: 1px dotted #fff;
}
.gallery .cat-img .img-container {
background-color: #fff;
border: 1px solid #333333;
}
.gallery .gallery-desc {
color: #302f2f;
}
.gallery .cat-info {
background-color: #333333;
border-top: 1px solid #666666;
color: #ffffff;
}
.gallery-footer dl {
background-color: #242424;
}
.borderwrap.thumbnails .thumbwrap {
border: 1px solid #333333;
}
.borderwrap.thumbnails .thumbnail img {
background-color: #fff;
border: 1px solid #ffffff !important;
}
.borderwrap.thumbnails .thumbwrap .thumb p {
background-color: #242424;
border-top: 1px solid #000000;
}
.borderwrap.thumbnails .thumbwrap .thumb p.alt {
background-color: #242424;
border-top: 1px solid #000000;
}
.photostrip .maintitle a,.view-photo .maintitle a {
color: #fff;
}
.photostrip .photo {
border-left: 1px solid #2a2d36;
border-right: 1px solid #2a2d36;
}
/* Special effects */
fieldset.effects dl {
border: 1px solid #333333;
}
fieldset.effects dl:hover {
background-color: #333333;
}
fieldset.effects dd {
border-top: 1px solid #333333;
}
/* Avatar Gallery */
.avatar-gallery p.select-avatar {
background-color: #333333;
}
.avatar-gallery div div.avatar-box {
background-color: #333333;
border: 1px solid #333333;
}
.avatar-gallery div div img {
border: 1px solid #333333;
}
/* *****************RPG***************** */
.rpg-table table {
background-color: #fff;
}
.rpg-table table td {
border: 1px solid #333333;
}
/* ****************************************************************************END INVISION BASIC COLOURS***************************************************************************** /
/*Chatbox !!!!*/
body.chatbox {
background-image: none;
}
.chatbox {
background-color: #242424;
}
#chatbox_header {
height: 30px;
background-color: #424242;
}
.chatbox-title,.chatbox-title a.chat-title {
color: #dedede !important;
}
.chatbox-title {
float: left;
margin: 0;
padding: 6px 5px 0 5px;
width: 15em;
}
.chatbox-options {
float: right;
list-style: none;
font-size: 11px;
margin: 0.7em 0.5em 0.5em 0.5em;
}
.chatbox-options li {
display:inline;
}
.chatbox-options li,.chatbox-options li a,.chatbox-options li label {
color: #dedede;
}
#chatbox_members {
position: absolute;
top: 30px;
bottom: 30px;
width: 180px;
overflow: auto;
border-right: 1px solid ;
}
#chatbox_members .member-title {
text-align: center;
padding: 0.5em 0.25em;
background-image: none;
font-size: 12px;
background-color: #333333;
color : #f9fc9a;
font-family: Arial,Verdana,Tahoma,sans-serif;
}
#chatbox_members ul {
list-style: none;
margin: 0 0 0 1em;
}
#chatbox_members ul li {
margin: 0.5em 0.5em 0.5em 0;
}
#chatbox {
position: absolute;
top: 30px;
left: 181px;
right: 0;
bottom: 30px;
overflow: auto;
line-height: 10px;
}
.chatbox_row_1 {
padding: 4px;
background-color: #242424;
}
.chatbox_row_2 {
padding: 4px;
background-color: #242424;
}
.chatbox_row_3 {
padding: 4px;
background-color: #333333;
}
.memberlist_row_1 {
background-color: #242424;
}
#chatbox_footer {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 5px;
background-color: #424242;
}
#chatbox_footer label {
color: #dedede;
}
#message,#submit_button{
border-width: 1px;
}
.fontbutton {
padding: 1px;
cursor: pointer;
text-align: left;
}
.fontbutton_normal {
background: #E1E1E2;
}
.fontbutton_selected {
background: #BBC7CE;
border: 1px solid #22229C;
}
.fontbutton_clicked {
background: #959595;
border: 1px solid #22229C;
}
.fontbutton_hover {
background: #E1E1E2;
border: 1px solid #22229C;
}
#chatbox_contextmenu {
border: 2px solid black;
background-color: #333333;
}
#chatbox_contextmenu p {
margin:0;
padding: 1px 4px;
font-family: verdana, arial, sans-serif;
background: #242424;
border-bottom:1px solid #777;
}
#chatbox_contextmenu p.hover {
background: #242424;
}
#chatbox_contextmenu p.close {
background: #ddd;
padding: 1px;
font-size: 95%;
color:#fff;
background: url('');
}
#chatbox_contextmenu p.close img {
vertical-align: middle;
padding-left: 20px;
}
#chatbox_contextmenu a {
color: #f9fc9a;
text-decoration: none;
font-size: 95%;
}
#chatbox_contextmenu a:hover {
color: ;
}
.fontbutton {
background:#E1E1E2 none repeat scroll 0%;
border:medium none;
color:#000000;
float:left;
margin-right:10px;
padding:1px;
}
#chatbox .user {
font-weight: bold;
}
* html #chatbox-members {
/* IE expressions helping IE work in Standards mode */
height: expression(( 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: expression(( 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: expression(( 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: expression(( 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");
}
* html div#logostrip #logo img {
display: none !important;
}
* html div#logostrip #logo {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='https://i.servimg.com/u/f38/13/48/38/43/birdba10.jpg');
height: 45px;
width: 274px;
cursor: hand;
}
div.pagination a.goto {
padding: 2px 15px 2px 4px;
background-image: url("https://2img.net/i/fa/invision/menu_action_down.gif");
background-repeat: no-repeat;
background-position: 97% 50%;
}
div.pagination a.goto {
background-color: #000000;
}
/* *****************LOGIN POPUP***************** */
#login_popup {
position: absolute;
z-index: 10000;
display: none;
}
#login_iframe_body {
padding: 0;
}
#login_popup_content {
display: none;
}
#login_popup_title {
padding-left: 8px;
}
#login_popup_background .box-content {
border-bottom: 0;
padding: 6px;
}
#login_popup_buttons {
position: absolute;
bottom: 5px;
right: 6px;
}
#login_popup_buttons input {
margin-left: 6px;
}
ul.profile_field_list {
padding:0;
}
html ul.profile_field_list li {
list-style-type: none;
}
ul.profile_field_list > li {
list-style-type: none;
}
.inputURL {
font-size:10px;
font-family:"Courier New", "Times New roman";
letter-spacing:-1px;
}
.middleline {
line-height:2em;
}
.invisible{
display:none;
visibility:hidden;
}
.visible{
display:block;
visibility:visible;
}
/* ajax profil */
.ajax-profil_hover{
background:transparent}
.ajax-profil_parent{
position:relative;
zoom:1}
.ajax-profil_edit{
cursor:pointer;
position:absolute;
top:0;
left:-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: #EEE;
border: 1px solid #333333;
}
.jqmOverlay {
background-color: #000;
}
#search_form {
padding: 1em;
}
#jqmHide {
margin: 0 0.5em 0.5em;
}
.jqDrag {
cursor: move;
}
/* First Post */
#first-post-br {
width: 80%;
border: 0;
border-top: solid 1px #333333;
margin: 20px auto;
}
/* Blog */
.blog_cal-border {
display: inline;
float: left;
border: 1px solid #424242;
background: #242424;
padding: 1px;
font-size: 1.2em;
margin-right: 1em;
}
.blog_cal-content {
width: 2.9em;
background: #424242;
padding: 1px;
line-height: 1.4em;
text-align: center;
font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Sans-Serif;
color: #dedede;
}
.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_icon img {
margin-top: 1.5em;
}
.blog_title {
padding-top: 1.3em;
font-size: 1.2em;
}
.blog_title .topic-title {
display: inline;
font-size: 1.1em;
}
.blog_title .topictitle {
font-size: 1.1em;
text-decoration: none;
}
.blog_message {
margin-top: 0.5em;
}
.blog_comments {
font-size: 0.9em;
text-align: right;
}
.blog_comments img {
vertical-align: middle;
}
#blog_comments {
width: 90%;
margin: 0 auto;
}
#blog_comments .post-header {
padding-left: 2px;
}
.blog_comment-avatar {
float: left;
}
.blog_comment-avatar img {
background-color: #fff;
border: 1px solid #424242;
vertical-align: middle;
width: 38px;
margin: 2px 2px 4px;
}
#blog_comments .h3 {
overflow: hidden;
margin-top: 0;
margin-left: 45px;
padding: 0;
min-height: 22px;
}
.blog_comment-title {
float: left;
margin-top: 7px;
}
.no_comment {
padding: 10px 0;
}
/* Social bookmarking */
#bookmarks {
float: right;
}
#bookmarks a img {
width: 20px;
height: 20px;
background: url(https://2img.net/i/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://2img.net/i/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: #242424;
color: #e3e3e3;
}
/* 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: #42444a;
max-width: 100%;
line-height: 1.1em;
cursor: default;
font-size: 11px;
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 #d7dbde;
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:#42444a;
border:1px dashed #333333;
clear:left;
float:left;
margin:5px 5px 5px 0;
padding:6px;
width:auto;
color:#e3e3e3;
}
.attachbox dt {
font-family:Arial,Helvetica,sans-serif;
text-transform:uppercase;
}
.attachbox dd {
border-top:1px solid #333333;
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 {
display:block;
}
.spoiler_content {
display:none;
}
.spoiler_content.hidden {
display:block;
}
/* Styles Facebook */
.user_login_form {
margin-bottom:5px;
}
.fb_or {
background-color:#333333;
border:2px solid #333333;
font-weight:bold;
padding:5px;
color:#d62222;
height : 16px;
line-height : 16px;
width : 26px;
margin : 0 30px 0 30px;
text-align: center;
}
.fb_login{
height: 30px;
margin: 18px 0 0 0;
width: 330px;
}
.fb_login .fb_or{
margin: 0 30px 0 30px;
}
.margTop4 {
margin: 4px 0 0 0;
}
.margLeft20 {
margin: 0 0 0 20px;
}
.fb_explain {
padding: 5px 0 5px 5px;
width: 100%;
float: left;
}
#fb_explain {
padding: 5px 0 0 5px;
float: left;
}
.input_field {
width: 180px !important;
}
.invitfb_connect {
padding: 10px 0 10px 0;
text-align: center;
}
#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://2img.net/i/fa/p_strength/pwd_good.png');
}
#pwd_middle {
background:url('https://2img.net/i/fa/p_strength/pwd_middle.png');
}
#pwd_bad {
background:url('https://2img.net/i/fa/p_strength/pwd_bad.png');
}
#cont_fb_invit iframe {
width: 760px !important;
}
fieldset.formcolumn1.connexion{
width: 646px !important;
}
/**** Module social_bookmarking ****/
.mod_bookmarks a img {
width: 20px;
height: 20px;
background: url(https://2img.net/i/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://2img.net/i/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.rojo {
background-position:-498px 0;
}
.mod_rss_feeds img.bloglines {
background-position:-598px 0;
}
/**** Sprite CSS ****/
.sprite-arrow_prosilver_down{
background:url("https://2img.net/i/fa/sprite_icons.png") no-repeat top left;
background-position:0 0;
width:6px;
height:6px;
}
.sprite-arrow_prosilver_left{
background:url("https://2img.net/i/fa/sprite_icons.png") no-repeat top left;
background-position:-56px 0;
width:4px;
height:6px;
}
.sprite-arrow_prosilver_right{
background:url("https://2img.net/i/fa/sprite_icons.png") no-repeat top left;
background-position:-110px 0;
width:4px;
height:6px;
}
.sprite-arrow_prosilver_up{
background:url("https://2img.net/i/fa/sprite_icons.png") no-repeat top left;
background-position:-164px 0;
width:6px;
height:6px;
}
.sprite-arrow_subsilver_down{
background:url("https://2img.net/i/fa/sprite_icons.png") no-repeat top left;
background-position:-220px 0;
width:9px;
height:9px;
}
.sprite-arrow_subsilver_left{
background:url("https://2img.net/i/fa/sprite_icons.png") no-repeat top left;
background-position:-279px 0;
width:9px;
height:9px;
}
.sprite-arrow_subsilver_right{
background:url("https://2img.net/i/fa/sprite_icons.png") no-repeat top left;
background-position:-338px 0;
width:9px;
height:9px;
}
.sprite-arrow_subsilver_up{
background:url("https://2img.net/i/fa/sprite_icons.png") no-repeat top left;
background-position:-397px 0;
width:9px;
height:9px;
}
.sprite-icon_minipost{
background:url("https://2img.net/i/fa/sprite_icons.png") no-repeat top left;
background-position:-456px 0;
width:12px;
height:9px;
}
.sprite-icon_minipost_new{
background:url("https://2img.net/i/fa/sprite_icons.png") no-repeat top left;
background-position:-518px 0;
width:12px;
height:9px;
}
.sprite-icon_minipost_participate{
background:url("https://2img.net/i/fa/sprite_icons.png") no-repeat top left;
background-position:-580px 0;
width:12px;
height:9px;
}
.sprite-icon_miniposted{
background:url("https://2img.net/i/fa/sprite_icons.png") no-repeat top left;
background-position:-642px 0;
width:12px;
height:9px;
}
.sprite-icon_pages{
background:url("https://2img.net/i/fa/sprite_icons.png") no-repeat top left;
background-position:-704px 0;
width:11px;
height:12px;
}
.sprite-icon_post_target{
background:url("https://2img.net/i/fa/sprite_icons.png") no-repeat top left;
background-position:-765px 0;
width:11px;
height:9px;
}
.sprite-icon_post_target_unread{
background:url("https://2img.net/i/fa/sprite_icons.png") no-repeat top left;
background-position:-826px 0;
width:11px;
height:9px;
}
.sprite-icon_reply{
background:url("https://2img.net/i/fa/sprite_icons.png") no-repeat top left;
background-position:-887px 0;
width:18px;
height:9px;
}
.sprite-icon_reply_new{
background:url("https://2img.net/i/fa/sprite_icons.png") no-repeat top left;
background-position:-955px 0;
width:18px;
height:9px;
}
.sprite-icon_tiny_topic{
background:url("https://2img.net/i/fa/sprite_icons.png") no-repeat top left;
background-position:-1023px 0;
width:10px;
height:11px;
}
.sprite-icon_topic_latest{
background:url("https://2img.net/i/fa/sprite_icons.png") no-repeat top left;
background-position:-1083px 0;
width:11px;
height:9px;
}
.sprite-icon_topic_newest{
background:url("https://2img.net/i/fa/sprite_icons.png") no-repeat top left;
background-position:-1144px 0;
width:11px;
height:9px;
}
.sprite-subforum_read{
background:url("https://2img.net/i/fa/sprite_icons.png") no-repeat top left;
background-position:-1205px 0;
width:11px;
height:9px;
}
.sprite-subforum_unread{
background:url("https://2img.net/i/fa/sprite_icons.png") no-repeat top left;
background-position:-1266px 0;
width:11px;
height:9px;
}
.sprite-tabs_less{
background:url("https://2img.net/i/fa/sprite_icons.png") no-repeat top left;
background-position:-1327px 0;
width:9px;
height:9px;
}
.sprite-tabs_more{
background:url("https://2img.net/i/fa/sprite_icons.png") no-repeat top left;
background-position:-1386px 0;
width:9px;
height:9px;
}
.sprite-icon_calendar{
background:url("https://2img.net/i/fa/sprite_prosilver_navbar.png") no-repeat top left;
background-position:0 0;
width:14px;
height:13px;
}
.sprite-icon_faq{
background:url("https://2img.net/i/fa/sprite_prosilver_navbar.png") no-repeat top left;
background-position:0 -63px;
width:16px;
height:14px;
}
.sprite-icon_gallery{
background:url("https://2img.net/i/fa/sprite_prosilver_navbar.png") no-repeat top left;
background-position:0 -127px;
width:14px;
height:14px;
}
.sprite-icon_groups{
background:url("https://2img.net/i/fa/sprite_prosilver_navbar.png") no-repeat top left;
background-position:0 -191px;
width:16px;
height:14px;
}
.sprite-icon_home{
background:url("https://2img.net/i/fa/sprite_prosilver_navbar.png") no-repeat top left;
background-position:0 -255px;
width:13px;
height:12px;
}
.sprite-icon_logout{
background:url("https://2img.net/i/fa/sprite_prosilver_navbar.png") no-repeat top left;
background-position:0 -317px;
width:16px;
height:14px;
}
.sprite-icon_members{
background:url("https://2img.net/i/fa/sprite_prosilver_navbar.png") no-repeat top left;
background-position:0 -381px;
width:16px;
height:14px;
}
.sprite-icon_message{
background:url("https://2img.net/i/fa/sprite_prosilver_navbar.png") no-repeat top left;
background-position:0 -445px;
width:16px;
height:14px;
}
.sprite-icon_portal{
background:url("https://2img.net/i/fa/sprite_prosilver_navbar.png") no-repeat top left;
background-position:0 -509px;
width:14px;
height:14px;
}
.sprite-icon_register{
background:url("https://2img.net/i/fa/sprite_prosilver_navbar.png") no-repeat top left;
background-position:0 -573px;
width:16px;
height:14px;
}
.sprite-icon_search{
background:url("https://2img.net/i/fa/sprite_prosilver_navbar.png") no-repeat top left;
background-position:0 -637px;
width:16px;
height:14px;
}
.sprite-icon_textbox_search{
background:url("https://2img.net/i/fa/sprite_prosilver_navbar.png") no-repeat top left;
background-position:0 -701px;
width:16px;
height:14px;
}
.sprite-icon_ucp{
background:url("https://2img.net/i/fa/sprite_prosilver_navbar.png") no-repeat top left;
background-position:0 -765px;
width:16px;
height:14px;
}
.sprite-icon_mini_calendar{
background:url("https://2img.net/i/fa/sprite_subsilver_menu.png") no-repeat top left;
background-position:0 0;
width:12px;
height:13px;
}
.sprite-icon_mini_faq{
background:url("https://2img.net/i/fa/sprite_subsilver_menu.png") no-repeat top left;
background-position:-62px 0;
width:12px;
height:13px;
}
.sprite-icon_mini_gallery{
background:url("https://2img.net/i/fa/sprite_subsilver_menu.png") no-repeat top left;
background-position:-124px 0;
width:12px;
height:13px;
}
.sprite-icon_mini_groups{
background:url("https://2img.net/i/fa/sprite_subsilver_menu.png") no-repeat top left;
background-position:-186px 0;
width:12px;
height:13px;
}
.sprite-icon_mini_index{
background:url("https://2img.net/i/fa/sprite_subsilver_menu.png") no-repeat top left;
background-position:-248px 0;
width:13px;
height:13px;
}
.sprite-icon_mini_login{
background:url("https://2img.net/i/fa/sprite_subsilver_menu.png") no-repeat top left;
background-position:-311px 0;
width:12px;
height:13px;
}
.sprite-icon_mini_members{
background:url("https://2img.net/i/fa/sprite_subsilver_menu.png") no-repeat top left;
background-position:-373px 0;
width:12px;
height:13px;
}
.sprite-icon_mini_message{
background:url("https://2img.net/i/fa/sprite_subsilver_menu.png") no-repeat top left;
background-position:-435px 0;
width:12px;
height:13px;
}
.sprite-icon_mini_portal{
background:url("https://2img.net/i/fa/sprite_subsilver_menu.png") no-repeat top left;
background-position:-497px 0;
width:13px;
height:13px;
}
.sprite-icon_mini_profile{
background:url("https://2img.net/i/fa/sprite_subsilver_menu.png") no-repeat top left;
background-position:-560px 0;
width:12px;
height:13px;
}
.sprite-icon_mini_register{
background:url("https://2img.net/i/fa/sprite_subsilver_menu.png") no-repeat top left;
background-position:-622px 0;
width:12px;
height:13px;
}
.sprite-icon_mini_search{
background:url("https://2img.net/i/fa/sprite_subsilver_menu.png") no-repeat top left;
background-position:-684px 0;
width:12px;
height:13px;
}
#search_menu a img{
background:url("https://2img.net/i/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;
border:1px solid #ccc;
color:#4c4c4c!important;
float:none!important;
line-height:1em!important;
margin:0px!important;
overflow:visible!important;
padding:1px!important;
text-align:left!important;
width:230px!important;
position:absolute!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://2img.net/i/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://2img.net/i/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://2img.net/i/fa/addthis/logo1414.gif) no-repeat left;
margin-right:4px}
.at15t_more{
background:url(https://2img.net/i/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://2img.net/i/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://2img.net/i/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://2img.net/i/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://2img.net/i/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://2img.net/i/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://2img.net/i/fa/addthis/gmail.gif) no-repeat left}
#at16ep a.at_hotmail {
background:url(https://2img.net/i/fa/addthis/hotmail.gif) no-repeat left}
#at16ep a.at_yahoo {
background:url(https://2img.net/i/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://2img.net/i/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://2img.net/i/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://2img.net/i/fa/addthis/60x60_at_ie_toolbar.png) no-repeat 0 0;
padding:6px 0 0 70px}
Thank you for your time.
Menos- Forumember
- Posts : 383
Reputation : 4
Language : Greek, English and Slovak -
Re: Changing letter color and size in CSS
by Jophy May 23rd 2011, 10:35 am
 | Please avoid double/triple posting. Posts need to be separated by 24 hours before bumping, replying or adding more information. Please use the edit button.  Please be reminded that this is your 2nd reminder about this, the 3rd one will be a warning. |
Jophy- ForumGuru
- Posts : 17924
Reputation : 836
Language : English
Location : Somewhere
Re: Changing letter color and size in CSS
by Menos May 24th 2011, 5:14 pm
Joph 25..If you would like us to stop double posting.. you should give us more space for our "spoilers".
This double posting was made because my "spoiler" had too many characters.
It doesn't make any sense to count it as a 2nd reminder....
Now... is there anyone to help me with the CSS?
This double posting was made because my "spoiler" had too many characters.
It doesn't make any sense to count it as a 2nd reminder....
Now... is there anyone to help me with the CSS?
Menos- Forumember
- Posts : 383
Reputation : 4
Language : Greek, English and Slovak -
Re: Changing letter color and size in CSS
by Nera. May 24th 2011, 5:29 pm
Try adding this to your CSS, replace XY
- Code:
a.gensmall {
font-size: XYpx;
}
Nera.- Energetic
- Posts : 7078
Reputation : 2017
Language : English
Location : -
Re: Changing letter color and size in CSS
by Menos May 24th 2011, 5:54 pm
I don't even know where that is.... can you guide me there?Nera. wrote:Try adding this to your CSS, replace XY
- Code:
a.gensmall {
font-size: XYpx;
}
Menos- Forumember
- Posts : 383
Reputation : 4
Language : Greek, English and Slovak -
Re: Changing letter color and size in CSS
by Base May 24th 2011, 5:57 pm
Your CSS can be found at:
1. Administration Panel (advanced mode)
2. Display Tab
3. Colors (on the left, under Pictures and Colors)
4. CSS Stylesheet tab
1. Administration Panel (advanced mode)
2. Display Tab
3. Colors (on the left, under Pictures and Colors)
4. CSS Stylesheet tab
Base- Forumaster
- Posts : 10386
Reputation : 1695
Language : English and French
Location : United Kingdom, England -
Re: Changing letter color and size in CSS
by Menos May 24th 2011, 6:02 pm
I understand that Base.
But the problem is, that I don't know where to put this code... on the CSS stylesheet, or in the basic CSS... and where..?
But the problem is, that I don't know where to put this code... on the CSS stylesheet, or in the basic CSS... and where..?
Menos- Forumember
- Posts : 383
Reputation : 4
Language : Greek, English and Slovak -
Re: Changing letter color and size in CSS
by Base May 24th 2011, 6:03 pm
In the CSS Stylesheet, at the top. 
Base- Forumaster
- Posts : 10386
Reputation : 1695
Language : English and French
Location : United Kingdom, England -
Re: Changing letter color and size in CSS
by Menos May 24th 2011, 6:10 pm
It worked!!!! Thank you so much!!! 
Menos- Forumember
- Posts : 383
Reputation : 4
Language : Greek, English and Slovak -
Nera.- Energetic
- Posts : 7078
Reputation : 2017
Language : English
Location : -
Re: Changing letter color and size in CSS
by Base May 24th 2011, 6:17 pm
Glad we could be of your assistance. Since this problem has been solved, I will now lock this topic and mark it as solved. >> Locked and solved.   Base You can help the moderators to know if your problem is solved by EDITING your first post and marking the topic as solved. Thank you. |
Base- Forumaster
- Posts : 10386
Reputation : 1695
Language : English and French
Location : United Kingdom, England -
Similar topics» Changing font size/color
» Changing size and color of Chatbox
» Changing Font Color/Size
» Changing Size and Color on Announcement Block
» Help with changing how you add bold, color, size, center, etc. ?
» Changing size and color of Chatbox
» Changing Font Color/Size
» Changing Size and Color on Announcement Block
» Help with changing how you add bold, color, size, center, etc. ?
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum
Facebook
Twitter
Pinterest
Youtube
