Help In Invision Free

html { overflow-x: hidden; overflow-y: auto; }

 

form { display:inline; }

img  { vertical-align:middle; border:0px }

BODY { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #000; margin:0px 10px 0px 10px;background-color:#FFF }

TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #000; }

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

a:hover { color: #465584; text-decoration:underline }

 

fieldset.search { padding:6px; line-height:150% }

label { cursor:pointer; }

 

img.attach { border:2px outset #EEF2F7;padding:2px }

 

.googleroot  { padding:6px; line-height:130% }

.googlechild { padding:6px; margin-left:30px; line-height:130% }

.googlebottom, .googlebottom a:link, .googlebottom a:visited, .googlebottom a:active { font-size:11px; color: #3A4F6C; }

.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size:14px; font-weight:bold; color:#00D; }

.googlepagelinks { font-size:1.1em; letter-spacing:1px }

.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size:10px; color:#434951 }

 

li.helprow { padding:0px; margin:0px 0px 10px 0px }

ul#help    { padding:0px 0px 0px 15px }

 

option.cat { font-weight:bold; }

option.sub { font-weight:bold;color:#555 }

.caldate  { text-align:right;font-weight:bold;font-size:11px;color:#777;background-color:#DFE6EF;padding:4px;margin:0px }

 

.warngood { color:green }

.warnbad  { color:red }

 

#padandcenter { margin-left:auto;margin-right:auto;text-align:center;padding:14px 0px 14px 0px }

 

#profilename { font-size:28px; font-weight:bold; }

#calendarname { font-size:22px; font-weight:bold; }

 

#photowrap { padding:6px; }

#phototitle { font-size:24px; border-bottom:1px solid black }

#photoimg  { text-align:center; margin-top:15px }

 

#ucpmenu    { line-height:150%;width:22%; border:1px solid #345487;background-color: #F5F9FD }

#ucpmenu p  { padding:2px 5px 6px 9px;margin:0px; }

#ucpcontent { background-color: #F5F9FD; border:1px solid #345487;line-height:150%; width:auto }

#ucpcontent p  { padding:10px;margin:0px; }

 

#ipsbanner { position:absolute;top:1px;right:5%; }

#logostrip { border:1px solid #345487;background-color: #3860BB;background-image:url(http://invisionfree.com:54/style_images/1/tile_back.gif);padding:0px;margin:0px; }

#submenu  { border:1px solid #BCD0ED;background-color: #DFE6EF;font-size:10px;margin:3px 0px 3px 0px;color:#3A4F6C;font-weight:bold;}

#submenu a:link, #submenu  a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #3A4F6C; }

#userlinks { border:1px solid #C2CFDF; background-color: #F0F5FA }

 

#navstrip  { font-weight:bold;padding:6px 0px 6px 0px; }

 

.activeuserstrip { background-color:#BCD0ED; padding:6px }

 

.pformstrip { background-color: #D1DCEB; color:#3A4F6C;font-weight:bold;padding:7px;margin-top:1px }

.pformleft  { background-color: #F5F9FD; padding:6px; margin-top:1px;width:25%; border-top:1px solid #C2CFDF; border-right:1px solid #C2CFDF; }

.pformleftw { background-color: #F5F9FD; padding:6px; margin-top:1px;width:40%; border-top:1px solid #C2CFDF; border-right:1px solid #C2CFDF; }

.pformright { background-color: #F5F9FD; padding:6px; margin-top:1px;border-top:1px solid #C2CFDF; }

 

.post1 { background-color: #F5F9FD }

.post2 { background-color: #EEF2F7 }

.postlinksbar { background-color:#D1DCEB;padding:7px;margin-top:1px;font-size:10px; background-image: url(http://invisionfree.com:54/style_images/1/tile_sub.gif) }

 

.row1 { background-color: #F5F9FD }

.row2 { background-color: #DFE6EF }

.row3 { background-color: #EEF2F7 }

.row4 { background-color: #E4EAF2 }

 

.darkrow1 { background-color: #C2CFDF; color:#4C77B6; }

.darkrow2 { background-color: #BCD0ED; color:#3A4F6C; }

.darkrow3 { background-color: #D1DCEB; color:#3A4F6C; }

 

.hlight { background-color: #DFE6EF }

.dlight { background-color: #EEF2F7 }

 

.titlemedium { font-weight:bold; color:#3A4F6C; padding:7px; margin:0px; background-image: url(http://invisionfree.com:54/style_images/1/tile_sub.gif) }

.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active  { text-decoration: underline; color: #3A4F6C }

 

.maintitle { vertical-align:middle;font-weight:bold; color:#FFF; letter-spacing:1px; padding:8px 0px 8px 5px; background-image: url(http://invisionfree.com:54/style_images/1/tile_back.gif) }

.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none; color: #FFF }

.maintitle a:hover { text-decoration: underline }

 

.plainborder { border:1px solid #345487;background-color:#F5F9FD }

.tableborder { border:1px solid #345487;background-color:#FFF; padding:0px; margin:0px; width:100% }

.tablefill  { border:1px solid #345487;background-color:#F5F9FD;padding:6px;  }

.tablepad    { background-color:#F5F9FD;padding:6px }

.tablebasic  { width:100%; padding:0px 0px 0px 0px; margin:0px; border:0px }

 

.wrapmini    { float:left;line-height:1.5em;width:25% }

.pagelinks  { float:left;line-height:1.2em;width:35% }

 

.desc { font-size:10px; color:#434951 }

.edit { font-size: 9px }

 

.signature  { font-size: 10px; color: #339 }

.postdetails { font-size: 10px }

.postcolor  { font-size: 12px; line-height: 160% }

 

.normalname { font-size: 12px; font-weight: bold; color: #003 }

.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px }

.unreg { font-size: 11px; font-weight: bold; color: #900 }

 

.searchlite { font-weight:bold; color:#F00; background-color:#FF0 }

 

#QUOTE { font-family: Verdana, Arial; font-size: 11px; color: #465584; background-color: #FAFCFE; border: 1px solid #000; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }

#CODE  { font-family: Courier, Courier New, Verdana, Arial;  font-size: 11px; color: #465584; background-color: #FAFCFE; border: 1px solid #000; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }

 

.copyright { font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 9px; line-height: 12px }

 

.codebuttons  { font-size: 10px; font-family: verdana, helvetica, sans-serif; vertical-align: middle }

.forminput, .textinput, .radiobutton, .checkbox  { font-size: 11px; font-family: verdana, helvetica, sans-serif; vertical-align: middle }

 

.thin { padding:6px 0px 6px 0px;line-height:140%;margin:2px 0px 2px 0px;border-top:1px solid #FFF;border-bottom:1px solid #FFF }

 

.purple { color:purple;font-weight:bold }

.red    { color:red;font-weight:bold }

.green  { color:green;font-weight:bold }

.blue  { color:blue;font-weight:bold }

.orange { color:#F90;font-weight:bold }

html { overflow-x: hidden; overflow-y: auto; }

        ==> Make no changes to this line

form { display:inline; }

        ==> Make no changes to this line

img  { vertical-align:middle; border:0px }

        ==> Make no changes to this line

BODY { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #000; margin:0px 10px 0px 10px;background-color:#FFF } 

        ==> Change the font of the text outside the forum tables

        ==> Change the font size of the text outside the forum tables

        ==> Change the color of the text outside the forum tables

        ==> Change the margins of the forums 1st is the top, 2nd is the left, 3rd is the bottom and 4th is the right

        ==> Change the background color of the forum. Could also substitute background-image: url(INSERT URL HERE) for a picture/graphic

TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #000; } 

        ==> Change the font of the text inside the forum frames

        ==> Change the font size of the text inside the forum frames

        ==> Change the color of the text inside the forum frames

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

        ==> Change how the text looks for the hyperlinks

        ==> Change the color of the hyperlinks

a:hover { color: #465584; text-decoration:underline }

        ==> Change the color of the text when the mouse moves over it

        ==> Changes how the text looks when the mouse moves over it

fieldset.search { padding:6px; line-height:150% } 

        ==> Make no changes to this line

label { cursor:pointer; } 

        ==> Changes the type of pointer used

img.attach { border:2px outset #EEF2F7;padding:2px } 

        ==> Changes the border width of an image attachment (xPX) and the color of the border

.googleroot  { padding:6px; line-height:130% } 

        ==> Not used at this time

.googlechild { padding:6px; margin-left:30px; line-height:130% }

        ==> Not used at this time

.googlebottom, .googlebottom a:link, .googlebottom a:visited, .googlebottom a:active { font-size:11px; color: #3A4F6C; } 

        ==> Not used at this time

.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size:14px; font-weight:bold; color:#00D; }

        ==> Not used at this time

.googlepagelinks { font-size:1.1em; letter-spacing:1px }

        ==> Not used at this time

.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size:10px; color:#434951 } 

        ==> Not used at this time

li.helprow { padding:0px; margin:0px 0px 10px 0px } 

        ==> Not used at this time

ul#help    { padding:0px 0px 0px 15px }

        ==> Not used at this time

option.cat { font-weight:bold; } 

        ==> Not used at this time

option.sub { font-weight:bold;color:#555 }

        ==> Not used at this time

.caldate  { text-align:right;font-weight:bold;font-size:11px;color:#777;background-color:#DFE6EF;padding:4px;margin:0px } 

        ==> Changes the font size of the dates in the calendar

        ==> Changes the font color of the dates in the calendar

        ==> Changes the background behind the dates in the calendar. Can substitute background-image: URL(URL HERE) for a picture/graphic

.warngood { color:green } 

        ==> Not used at this time

.warnbad  { color:red } 

        ==> Not used at this time

#padandcenter { margin-left:auto;margin-right:auto;text-align:center;padding:14px 0px 14px 0px } 

        ==> Not used at this time

#profilename { font-size:28px; font-weight:bold; } 

        ==> Size of the font for the title of the Profile Box

#calendarname { font-size:22px; font-weight:bold; } 

        ==> Size of the font for the title of the Calendar

#photowrap { padding:6px; } 

        ==> Not used at this time

#phototitle { font-size:24px; border-bottom:1px solid black }

        ==> Font size for the personal photo text

        ==> border size and color for the personal photo

#photoimg  { text-align:center; margin-top:15px } 

        ==> Not used at this time

#ucpmenu    { line-height:150%;width:22%; border:1px solid #345487;background-color: #F5F9FD } 

        ==> Border size and color of the right hand side of the User Control Panel (my controls)

        ==> Background color of the right hand side of the User control Panel (can have a picture/graphic substituted)

#ucpmenu p  { padding:2px 5px 6px 9px;margin:0px; } 

        ==> Not used at this time

#ucpcontent { background-color: #F5F9FD; border:1px solid #345487;line-height:150%; width:auto } 

        ==> Border size and color of the left hand side of the User Control Panel (my controls)

        ==> Background color of the left hand side of the User control Panel (can have a picture/graphic substituted)

#ucpcontent p  { padding:10px;margin:0px; } 

        ==> Not used at this time

#ipsbanner { position:absolute;top:1px;right:5%; } 

        ==> Not used at this time

#logostrip { border:1px solid #345487;background-color: #3860BB;background-image:url(http://invisionfree.com:54/style_images/1/tile_back.gif);padding:0px;margin:0px; }

        ==> Border size and color of the box around the board logo

        ==> Background color of the box around the board logo (delete if using a image)

        ==> Background image of the box around the board logo (delete if using just colors)

#submenu  { border:1px solid #BCD0ED;background-color: #DFE6EF;font-size:10px;margin:3px 0px 3px 0px;color:#3A4F6C;font-weight:bold;}

        ==> Border size and color of the submenu box

        ==> Background color of the submenu box (can substitute a graphic/image in its place)

        ==> Font size of the submenu box

        ==> margins of the submenu box

        ==> Text color of the submenu box

#submenu a:link, #submenu  a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #3A4F6C; }

        ==> Changes the Font color of the links in the submenu box

        ==> Changes how the text looks when you mouse over the link

        ==> Changes the color of the links in the submenu box

#userlinks { border:1px solid #C2CFDF; background-color: #F0F5FA } 

        ==> Changes the border and color of the user links bar

        ==> Changes the background color of the user links bar (can substitute a graphic/image for the color)

#navstrip  { font-weight:bold;padding:6px 0px 6px 0px; }

        ==> Not used at this time

.activeuserstrip { background-color:#BCD0ED; padding:6px }

        ==> Changes the background color of the strips containing the calander, birthdays, and active users at the bottom of the main forum page (can substitute a picture/graphic)

.pformstrip { background-color: #D1DCEB; color:#3A4F6C;font-weight:bold;padding:7px;margin-top:1px }

        ==> Changes the background for the header rows in the user menu screen and the bottom of the main page

        ==> Changes the text color for the header rows in the user menu screen and the bottom of the main page

.pformleft  { background-color: #F5F9FD; padding:6px; margin-top:1px;width:25%; border-top:1px solid #C2CFDF; border-right:1px solid #C2CFDF; }

        ==> Changes the background color of the left side of the new post/reply page

        ==> Changes the border colors of the left side borders on the new post/reply page

.pformleftw { background-color: #F5F9FD; padding:6px; margin-top:1px;width:40%; border-top:1px solid #C2CFDF; border-right:1px solid #C2CFDF; }

        ==> Changes the background color of the left side of the new post/reply page

        ==> Changes the border colors of the left side borders on the new post/reply page

.pformright { background-color: #F5F9FD; padding:6px; margin-top:1px;border-top:1px solid #C2CFDF; }

        ==> Changes the background color of the right side of the new post/reply page

        ==> Changes the border colors of the right side borders on the new post/reply page

.post1 { background-color: #F5F9FD }

        ==> Changes the background color of the even number posts

.post2 { background-color: #EEF2F7 }

        ==> Changes the background color of the odd number posts

.postlinksbar { background-color:#D1DCEB;padding:7px;margin-top:1px;font-size:10px; background-image: url(http://invisionfree.com:54/style_images/1/tile_sub.gif) }

        ==> Changes the font size in the board below the post name in the post view

        ==> Changes the color/image of the bar below the post name in the post view (if only color in this area remove the background image and if adding a picture/graphic remove the background-color)

.row1 { background-color: #F5F9FD }

        ==> Changes the background color of the Left hand side of the user profiles.

.row2 { background-color: #DFE6EF }

        ==> Changes the background color of the Right hand side of the main forums

.row3 { background-color: #EEF2F7 }

        ==> Changes the background color of the Right hand side of the user profiles.

.row4 { background-color: #E4EAF2 }

        ==> Changes the background color of the Left hand side of the main forums

.darkrow1 { background-color: #C2CFDF; color:#4C77B6; }

        ==> Changes the background color of the rows between posts, the bottom table in member list, empty spaces of the Calendar, and the bottom of the online list.

        ==> Changes the font color the bottom table in member list, empty spaces of the Calendar, and the bottom of the online list.

.darkrow2 { background-color: #BCD0ED; color:#3A4F6C; }

        ==> Changes the background color of the bottom of the main forums and the post list.

        ==> Changes the font color of the bottom of the main forums and the post list.

.darkrow3 { background-color: #D1DCEB; color:#3A4F6C; }

        ==> Changes the background color at the bottom of each post.

        ==> Changes the font color of the bottom at the bottom of each post.

.hlight { background-color: #DFE6EF }

        ==> Changes the background color of the even number private messages list.

.dlight { background-color: #EEF2F7 }

        ==> Changes the background color of the odd number private messages list.

.titlemedium { font-weight:bold; color:#3A4F6C; padding:7px; margin:0px; background-image: url(http://invisionfree.com:54/style_images/1/tile_sub.gif) }

        ==> Changes the text color in the forum rows which show the forum descriptions (forums, topics, replies, last post info).

        ==> Changes the text margins in the forum rows which show the forum descriptions (forums, topics, replies, last post info).

        ==> Changes the background of the the forum rows which show the forum descriptions (forums, topics, replies, last post info)... Can replace with background-color if you want a straight color.

.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active  { text-decoration: underline; color: #3A4F6C }

        ==> Changes the link decoration in the forum rows which show the forum descriptions (forums, topics, replies, last post info).

        ==> Changes the link colors in the forum rows which show the forum descriptions (forums, topics, replies, last post info).

.maintitle { vertical-align:middle;font-weight:bold; color:#FFF; letter-spacing:1px; padding:8px 0px 8px 5px; background-image: url(http://invisionfree.com:54/style_images/1/tile_back.gif) }

        ==> Changes the text color of the forum titles

        ==> Changes the background color of the forum titles (can have background-color substituted if just colors are desired)

.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none; color: #FFF }

        ==> Changes the link decoration in the main forum titles

        ==> Changes the link color in the main forum titles

.maintitle a:hover { text-decoration: underline }

        ==> Changes the hover decoration of the links in the main forum titles

.plainborder { border:1px solid #345487;background-color:#F5F9FD }

        ==> Changes the color of the borders on the forums if pictures are not displayed

        ==> Changes the background of rows and tables if the gradient/pictures are not displayed

.tableborder { border:1px solid #345487;background-color:#FFF; padding:0px; margin:0px; width:100% } 

        ==> Changes the outside borders of all the tables on the forum except for the user control panel, and new post/reply screens

        ==> Changes the inside borders of all the tables on the forum except for the user control panel, and new post/reply screens

.tablefill  { border:1px solid #345487;background-color:#F5F9FD;padding:6px;  } 

        ==> Changes the border color of the smiley box on the new post/reply screen

        ==> Changes the background color of the smiley box on the new post/reply screen

.tablepad    { background-color:#F5F9FD;padding:6px } 

        ==> Changes the background color of the help files, and all redirect boxes (areas in the red)

.tablebasic  { width:100%; padding:0px 0px 0px 0px; margin:0px; border:0px }

        ==> Can add "; color: COLOR CODE" to the end of this code to change the text color of the address card for a user

        ==> Can add "; background-color: COLOR CODE" to the end of this code to change the text color of the address card for a user

.wrapmini    { float:left;line-height:1.5em;width:25% }

        ==> Not used at this time

.pagelinks  { float:left;line-height:1.2em;width:35% } 

        ==> Not used at this time

.desc { font-size:10px; color:#434951 }

        ==> Changes the font size of the forum descriptions

        ==> Changes the font color of the forum descriptions

.edit { font-size: 9px } 

        ==> Changes the font size of the edited by line placed in the user posts after they are edited

        ==> Can add "; color: COLOR CODE" to the end of this code to change the text color of the edited by line placed in the user posts after they are edited 

.signature  { font-size: 10px; color: #339 }

        ==> Changes the text size of the users signature line

        ==> Changes the font color of the users signature line

.postdetails { font-size: 10px }

        ==> Changes the size of the time stamp of the posts and the user information on the left hand of each post

        ==> can add "; color: COLOR CODE" to this line to change the time stamp of the posts and the user information on the left hand of each post

.postcolor  { font-size: 12px; line-height: 160% }

        ==> Changes the font size of the users posts

        ==> Can add "; color: color code" to this line to change the color of the users posts

.normalname { font-size: 12px; font-weight: bold; color: #003 }

        ==> Changes the font size of a users name in the post pages

.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px }

        ==> Changes the link size of a users name in the post pages

.unreg { font-size: 11px; font-weight: bold; color: #900 }

        ==> Not used at this time

.searchlite { font-weight:bold; color:#F00; background-color:#FF0 } 

        ==> Not used at this time

#QUOTE { font-family: Verdana, Arial; font-size: 11px; color: #465584; background-color: #FAFCFE; border: 1px solid #000; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }

        ==> Changes the font inside the quote box in user posts

        ==> Changes the font size inside the quote box in user posts

        ==> Changes the font color inside the quote box in user posts

        ==> Changes the background color inside the quote box in user posts

        ==> Changes the border of the quote box in user posts

#CODE  { font-family: Courier, Courier New, Verdana, Arial;  font-size: 11px; color: #465584; background-color: #FAFCFE; border: 1px solid #000; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }

        ==> Changes the font inside the code box in user posts

        ==> Changes the font size inside the code box in user posts

        ==> Changes the font color inside the code box in user posts

        ==> Changes the background color inside the code box in user posts

        ==> Changes the border of the code box in user posts

.copyright { font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 9px; line-height: 12px } 

        ==> Not used on InvisionFree Boards at this time 

.codebuttons  { font-size: 10px; font-family: verdana, helvetica, sans-serif; vertical-align: middle }

        ==> Changes the font size of the BB buttons on the new/reply post page

        ==> Changes the font type of the BB buttons on the new/reply post page

        ==> Can add "; color: COLOR CODE" to the end of this code to change the text color of the BB buttons on the new/reply post page

        ==> Can add "; background-color: COLOR CODE" to the end of this code to change the text color of the BB buttons on the new/reply post page

.forminput, .textinput, .radiobutton, .checkbox  { font-size: 11px; font-family: verdana, helvetica, sans-serif; vertical-align: middle } 

        ==> Changes the font size of the buttons, text input box, radio buttons and check boxes

        ==> Changes the font type of the buttons, text input box, radio buttons and check boxes

        ==> Can add "; color: COLOR CODE" to the end of this code to change the text color of the buttons, text input box, radio buttons and check boxes

        ==> Can add "; background-color: COLOR CODE" to the end of this code to change the text color of the buttons, text input box, radio buttons and check boxes

.thin { padding:6px 0px 6px 0px;line-height:140%;margin:2px 0px 2px 0px;border-top:1px solid #FFF;border-bottom:1px solid #FFF } 

        ==> Changes the color of the lines in the active users area on the main page       

.purple { color:purple;font-weight:bold }

        ==> Not used at this time

.red    { color:red;font-weight:bold }

        ==> Not used at this time

.green  { color:green;font-weight:bold }

        ==> Not used at this time

.blue  { color:blue;font-weight:bold }

        ==> Not used at this time

.orange { color:#F90;font-weight:bold }

        ==> Not used at this time