Fiddle Complete! (Authors United)

Title: Fiddle Complete!
Description: We have a skin selector

The Thought Fox - May 5, 2004 08:45 AM (GMT)

As you may have guessed, we can now change skins. Currently, we only have my skin, Lugana's original skin and the bog-standard InvisionFree one. The default skin will be the one you last used, so for most of your this will be my skin to start with.

Now that the skin selector is up, you can create your own skins. If you know how to create a CSS file, do so. If not, here is the code for you to fiddle with:

CODE

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

form { display:inline; }
img { vertical-align:middle; border:0px }
BODY { font-family: Verdana; font-size: 11px; color: #b22222; margin:0px 10px 0px 10px;background-color: #ffd700}
TABLE, TR, TD { font-family: Verdana; font-size: 11px; color: #000000; }
a:link, a:visited, a:active { text-decoration: underline; color: #000000}
a:hover { color: #000000; text-decoration:none }

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

img.attach { border:2px outset #2255bb;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: #000000; }
.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size:14px; font-weight:bold; color:#000000; }
.googlepagelinks { font-size:1.1em; letter-spacing:1px }
.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size:10px; color:#000000}

li.helprow { padding:0px; margin:0px 0px 10px 0px }
ul#help { padding:0px 0px 0px 15px }

option.cat { font-weight:bold;color: #b22222}
option.sub { font-weight:bold;color: #000000}
.caldate { text-align:right;font-weight:bold;font-size:11px;color:#b22222;background-color: #fafad2;padding:4px;margin:0px }

.warngood { color:red }
.warnbad { color:black }

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

#profilename { font-size:22px; 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:2px solid #2255bb;background-color: #eeeeee }
#ucpmenu p { padding:2px 6px 7px 10px;margin:3px; }
#ucpcontent { background-color: #eeeeee; border:2px solid #2255bb;line-height:150%; width:auto }
#ucpcontent p { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:1px solid #b22222;padding:0px;margin:0px; }
#submenu { border:1px solid #b22222;background-image: url(http://members.lycos.co.uk/jeroberts/element/catbg.gif);font-size:10px;margin:3px 0px 3px 0px;color:#1188ee;font-weight:bold;}
#submenu a:link, #submenu a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #b22222; }
#userlinks { border:1px solid #b22222; background-color: #eeeeee }

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

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

.pformstrip { color:#eeeeee;background-color: #b8860b;font-weight:bold;padding:7px;margin-top:1px }
.pformleft { background-color: #eeeeee; padding:6px; margin-top:1px;width:25%; border-top:1px solid #b8860b; border-right:1px solid #2255bb; }
.pformleftw { background-color: #eeeeee; padding:6px; margin-top:1px;width:40%; border-top:1px solid #ff8c00; border-right:1px solid #2255bb; }
.pformright { background-color: #eeeeee; padding:6px; margin-top:1px;border-top:1px solid #ff8c00; }

.post1 { background-color: #eeeeee }
.post2 { background-color: #eeeeee }
.postlinksbar { background-color: #eeeeee; padding:7px; margin-top:1px;font-size:10px;

.row1 { background-color: #eeeeee }
.row2 { background-color: #eeeeee }
.row3 { background-color: #eeeeee }
.row4 { background-color: #eeeeee }

.darkrow1 { background-color: #eeeeee; color:#b8860b; }
.darkrow2 { background-color: #eeeeee; color:#b8860b; }
.darkrow3 { background-image: url(http://members.lycos.co.uk/jeroberts/element/catbg.gif); color:#eeeeee; }

.hlight { background-color: #eeeeee }
.dlight { background-color: #eeeeee }

.titlemedium { font-weight:bold; color:#000000; padding:7px; margin:0px; background-image: url(http://members.lycos.co.uk/jeroberts/element/catbg.gif) }
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: #000000}

.maintitle { vertical-align:middle;font-weight:bold; color:#b8860b; letter-spacing:1px; padding:8px 0px 8px 5px; background-image: url(http://members.lycos.co.uk/jeroberts/element/catbg.gif) }
.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #b8860b}
.maintitle a:hover { text-decoration: underline }

.plainborder { border:1px solid #b8860b;background-color:#eeeeee }
.tableborder { border:1px solid #b8860b;background-color:#ff8c00; padding:0px; margin:0px; width:100% }
.tablefill { border:1px; solid#b8860b;background-color:#eeeeee;padding:6px; }
.tablepad { background-color:#eeeeee;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:#b22222}
.edit { font-size: 9px }

.signature { font-size: 10px; color: #b22222}
.postdetails { font-size: 10px; color: #b22222}
.postcolor { font-size: 12px; line-height: 160% }

.normalname { font-size: 12px; font-weight: bold; color: #b8860b}
.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px }
.unreg { font-size: 11px; font-weight: bold; color: #b8860b}

.searchlite { font-weight:bold; color:#b8860b; background-color:#eeeeee }

#QUOTE { font-family: Arial; font-size: 11px; color: #000000; background-color: #ffffff; border: 1px solid #b22222; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE { font-family: Arial; font-size: 11px; color: #000000; background-color: #ffffff; border: 1px solid #00bbee; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }

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

.codebuttons { font-size: 10px; font-family: Book Antiqua; 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 #b22222;border-bottom:1px solid #b22222}

.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 }

<style>

</style>

(This is the BatchGC skin, fiddle with it to make your own).

Any skins you make can be added in one of two ways:
1) Save it as a .txt file and send it to me (james_batchgc@yahoo.co.uk)
2) Upload it to your own webspace as a .css or .txt (tho txt files are preferred) and send me the link.

Happy fiddling!

View Full Version: Fiddle Complete!