1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.



Invisionfree Default Template [if]

Discussion in 'Skin Templates' started by SpazzyMal, Apr 21, 2011.

  1. Offline

    SpazzyMal BO_OBIES?!

    • Support Coder
    Member Since:
    Sep 19, 2007
    Total Posts:
    2,112
    Likes Received:
    127
    Gender:
    Female
    • Awards
    Username: SpazzyMal
    Skin Based On: Invisionfree Default Skin
    Screenshot:
    [IMG]
    Notes: Edit to your heart's content, just keep credit in tact.

    Codes:

    HEADER:

    Code: Select
    <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" alink="#000000" vlink="#000000">
<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>
<% STATS %>
<br><center><div class='credit'>INVISIONFREE DEFAULT EDITED BY <a href='http://rpg-directory.com/index.php?showuser=4752'>SPAZZYMAL</A> OF <a href='http://rpg-directory.com/index.php?act=idx'>RPG-DIRECTORY</a></div></center>
    CSS:

    Code: Select
    /* GLOBAL STYLES &#8212; These effect things all over the board, including the main body background, the standard font, and how links are displayed. */

html { overflow-x: hidden; overflow-y: auto; } 
form { display: inline; }
img { vertical-align: middle; border: 0px; }
body { font-family: FONT FAMILY; font-size: FONTSIZEpx; color: #FONTCOLOR; margin: 0px 10px 0px 10px; background-color: #BACKGROUNDCOLOR; }
table, tr, td { font-family: FONT FAMILY; font-size: FONTSIZEpx; color: #FONTCOLOR; }
a:link, a:visited, a:active { text-decoration: TEXTDECORATION; color: #FONTCOLOR; }
a:hover { color: #FONTCOLOR; text-decoration: TEXTDECORATION; }


/* LOGO AND MENU &#8212; This area effects what your banner area, and all the links just below it, look like. */

#logostrip { border: 1px solid #BORDERCOLOR; background-color: #BACKGROUNDCOLOR; background-image: url(BACKGROUNDIMAGE); padding: 0px; margin: 0px; }
#submenu { border: 1px solid #BORDERCOLOR; background-color: #BACKGROUNDCOLOR; font-size: FONTSIZEpx; margin: 3px 0px 3px 0px; color: #FONTCOLOR; font-weight: bold; }
#submenu a:link, #submenu a:visited, #submenu a:active { font-weight: bold; font-size: FONTSIZEpx; text-decoration: TEXTDECORATION; color: #FONTCOLOR; }
#userlinks { border: 1px solid #BORDERCOLOR; background-color: #BACKGROUNDCOLOR; }
#navstrip { font-weight: bold; padding: 6px 0px 6px 0px; }
.copyright { font-family: FONT FAMILY; font-size: FONTSIZEpx; line-height: 12px; }


/* CATEGORIES &#8212; Here is the main header area for all the categories of the forums. */

.maintitle { vertical-align: middle; font-weight: bold; color: #FONTCOLOR; letter-spacing: 1px; padding: 8px 0px 8px 5px; background-image: url(BACKGROUNDIMAGE); }
.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: TEXTDECORATION; color: #FONTCOLOR; }
.maintitle a:hover { text-decoration: TEXTDECORATION; }


/* TITLEMEDIUM &#8212; This is the little strip right below the main category titles*/

.titlemedium { font-weight: bold; color: #FONTCOLOR; padding: 7px; margin: 0px; background-image: url(BACKGROUNDIMAGE); }
.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active { text-decoration: TEXTDECORATION; color: #FONTCOLOR; }
.pformstrip { background-color: #BACKGROUNDCOLOR; color: #FONTCOLOR; font-weight: bold; padding: 7px; margin-top: 1px; }


/* FORUM ROWS &#8212; These are the bulk of the main forums on the index page. */

.row1 { background-color: #BACKGROUNDCOLOR; }
.row2 { background-color: #BACKGROUNDCOLOR; }
.row3 { background-color: #BACKGROUNDCOLOR; }
.row4 { background-color: #BACKGROUNDCOLOR; }
.darkrow2 { background-color: #BACKGROUNDCOLOR; color: #FONTCOLOR; }
.darkrow3 { background-color: #BACKGROUNDCOLOR; color: #FONTCOLOR; }
.desc { font-size: FONTSIZEpx; color: #FONTCOLOR; }
.thin { padding: 6px 0px 6px 0px; line-height: 140%; margin: 2px 0px 2px 0px; border-top: 1px solid #BORDERCOLOR; border-bottom: 1px solid #BORDERCOLOR; }


/* TABLES &#8212; The tables that wrap around various stuff can be controlled here. */

.plainborder { border: 1px solid #BORDERCOLOR; background-color: #BACKGROUNDCOLOR; }
.tableborder { border: 1px solid #BORDERCOLOR; background-color: #BACKGROUNDCOLOR; padding: 0px; margin: 0px; width: 100%; }
.tablefill { border: 1px solid #BORDERCOLOR; background-color: #BACKGROUNDCOLOR; padding: 6px; }
.tablepad { background-color: #BACKGROUNDCOLOR; padding: 6px; }
.tablebasic { width: 100%; padding: 0px 0px 0px 0px; margin: 0px; border: 0px; }
div.row4 { border: 1px solid #BORDERCOLOR; background-color: #BACKGROUNDCOLOR; }


/* THREAD VIEW &#8212; This is all the stuff that controls what the actual threads look like. */

.darkrow1 { background-color: #BACKGROUNDCOLOR; color: #FONTCOLOR; }
.postlinksbar { background-color: #BACKGROUNDCOLOR; padding: 7px; margin-top: 1px; font-size: FONTSIZEpx; background-image: url(BACKGROUNDIMAGE); }
.post1 { background-color: #BACKGROUNDCOLOR; }
.post2 { background-color: #BACKGROUNDCOLOR; }
.postcolor { font-size: FONTSIZEpx; line-height: 160%; }
#quote { font-family: FONTFAMILY; font-size: FONTSIZEpx; color: #FONTCOLOR; background-color: #BACKGROUNDCOLOR; border: 1px solid #BORDERCOLOR; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; }
#code { font-family: FONT FAMILY; font-size: FONTSIZEpx; color: #FONTCOLOR; background-color: #BACKGROUNDCOLOR; border: 1px solid #BORDERCOLOR; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; }
.edit { font-size: FONTSIZEpx; }
.signature { font-size: FONTSIZEpx; color: #FONTCOLOR; }
.activeuserstrip { background-color: #BACKGROUNDCOLOR; padding: 6px; }


/* USERNAMES AND INFO &#8212; This is what controls the way your info and names are displayed in thread view. */

.postdetails { font-size: FONTSIZEpx; }
.normalname { font-size: FONTSIZEpx; font-weight: bold; color: #FONTCOLOR; }
.normalname a:link, .normalname a:visited, .normalname a:active { font-size: FONTSIZEpx; }
.unreg { font-size: FONTSIZEpx; font-weight: bold; color: #FONTCOLOR; }


/* FORMS AND INPUT &#8212; All the buttons and areas you write text inside are edited here. */

.codebuttons { font-size: FONTSIZEpx; font-family: FONT FAMILY; vertical-align: middle; }
.forminput, .textinput, .radiobutton, .checkbox { font-size: FONTSIZEpx; font-family: FONT FAMILY; vertical-align: middle; }


/* USER CONTROL PANEL AND PROFILE &#8212; This effects the username in profiles, and the look of the UCP. Probably best to mostly just mess with the colors here. */

#profilename { font-size: FONTSIZEpx; font-weight: bold; }
#ucpmenu { line-height: 150%; width: 22%; border: 1px solid #BORDERCOLOR; background-color: #BACKGROUNDCOLOR; }
#ucpmenu p { padding: 2px 5px 6px 9px; margin: 0px; }
#ucpcontent { background-color: #BACKGROUNDCOLOR; border: 1px solid #BORDERCOLOR; line-height: 150%; width: auto; }
#ucpcontent p { padding: 10px; margin: 0px; }


/* PM AREA &#8212; This is what decides how your PM section looks. */

.pformleft { background-color: #BACKGROUNDCOLOR; padding: 6px; margin-top: 1px; width: 25%; border-top: 1px solid #BORDERCOLOR; border-right: 1px solid #BORDERCOLOR; }
.pformleftw { background-color: #BACKGROUNDCOLOR; padding: 6px; margin-top: 1px; width: 40%; border-top: 1px solid #BORDERCOLOR; border-right: 1px solid #BORDERCOLOR; }
.pformright { background-color: #BACKGROUNDCOLOR; padding: 6px; margin-top: 1px; border-top: 1px solid #BORDERCOLOR; }
.hlight { background-color: #BACKGROUNDCOLOR; }
.dlight { background-color: #BACKGROUNDCOLOR; }


/* CALENDAR &#8212; This area changes the way the month and dates look in the calendar area. */

.caldate { text-align: right; font-weight: bold; font-size: FONTSIZEpx; color: #FONTCOLOR; background-color: #BACKGROUNDCOLOR; padding: 4px; margin: 0px; }
#calendarname { font-size: FONTSIZEpx; font-weight: bold; }

/* CREDIT &#8212; This is the skin credit at the bottom of the board. */

.credit { background-color: #BACKGROUNDCOLOR; color: #FONTCOLOR; font-size: FONTSIZEpx; width: 50%; text-align: center; }


/* IRRELEVANT THINGS TO IGNORE &#8212; This is all basically stuff that should be ignored, left alone, or is just useless code IF has left in for some reason. */

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; }
.warngood { color: green; }
.warnbad { color: red; }
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; }
#padandcenter { margin-left: auto; margin-right: auto; text-align: center; padding: 14px 0px 14px 0px; }
#photowrap { padding: 6px; }
#phototitle { font-size: 24px; border-bottom: 1px solid #000; }
#photoimg { text-align: center; margin-top: 15px; } 
#ipsbanner { position: absolute; top: 1px; right: 5%; }
.wrapmini { float: left; line-height: 1.5em; width: 25%; }
.pagelinks { float: left; line-height: 1.2em; width: 35%; }
.searchlite { font-weight: bold; color: #f00; background-color: #ff0; }
.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; }
    SpazzyMal, Apr 21, 2011
    #1
    1 people like this.
  2. Offline

    Lint Roller Queen Mother

    • Support Skinner
    Member Since:
    Jan 14, 2009
    Total Posts:
    4,689
    Likes Received:
    1,675
    Gender:
    Female
    Location:
    Northern California
    • Awards
    <div align=center><span style='font-size:17pt;line-height:100%'>ACCEPTED SKINNING TEMPLATE</span>
    <span style='font-size:11pt;line-height:100%'>[color=7f323a]THANK YOU FOR YOUR SUBMISSION[/color]</span>
    Thank you for submitting to our learning center and helping others learn to code! Keep up the great work and we look forward to seeing more from you!</div>
    Lint Roller, Apr 21, 2011
    #2

Share This Page