|
Diversity 1.0; [ Dark Grey / Green ]
|
|
Topic Started: Jun 29 2007, 11:24 AM (2,506 Views)
|
|
.Fable
|
Jun 29 2007, 11:24 AM
Post #1
|
- Posts:
- 3,542
- Group:
- Members
- Member
- #107,052
- Joined:
- September 15, 2005
|
Name: Diversity 1.0 Author: Fable Skin Number: 61st skin Date Created: Quite a while back. Side Notes: This was made for my board, which closed so I'm releasing the skin here along with the graphics if anyone wants them. I don't pretend that this is one of my better skins but I thought I would just release it for the sake of it 
I'd just like to thank Jago and a few others for their help in the production of the graphics. Nice work 
Preview of the Skin
Graphics Full button Set By Fable, folders made by Jago.
Change the Red text for the banner url. Change the Blue text for the submenu links.
- "Header and Body"
-
- "Footer"
-
</span></div> <center><div style="padding:2px 0px 2px 0px; width:300px; background:#8F8F8F url(http://i123.photobucket.com/albums/o290/Fable-06/mtlmiddled1.png) top repeat-x; border:1px solid #444; margin-bottom:5px; border-top:0px;">Hover over a username to find out which usergroup they are in.</div></center> <table cellpadding="0" cellspacing="0" id="footer_copyright"><tr><td>Hosted by <a href='http://invisionfree.com' target='_blank'>InvisionFree</a>. Powered by <a href="http://www.invisionboard.com" target='_blank'>IPB</a> v1.3 Final ©2003 <a href='http://www.invisionpower.com' target='_blank'>IPS, Inc.</a></td><td style="float:right; padding-right:5px;">Skin and Content © Diversity 2007.</tr></table></div></td></tr></table></div></div><br />
<script language="javascript"><!-- // Replace Sig Line with Image // created by Ryan Fan // http://www.ifsz.com , 2005 if(location.href.match('showtopic')){
sigImg = "http://i123.photobucket.com/albums/o290/Fable-06/siglined1.png"
var x = document.getElementsByTagName('td') for(y=0;y<x.length;y++){ if(x[y].className == "post2" || x[y].className == "post1" && x[y].innerHTML.match(/--------------------/) && x[y].width == "100%"){ x[y].innerHTML = x[y].innerHTML.replace(/--------------------/, '<img src=' + sigImg + ' + >') }}} // -->
<!-- // 3-part maintitle // http://aasforums.com d = document.getElementsByTagName("DIV") for (n = 1; n<d.length; n++) { if (d[n].className == "maintitle" && d[n].parentNode.id != "ucpmenu" && d[n].parentNode.id != "ucpcontent") { mtcontent = d[n].innerHTML d[n].innerHTML = '<div class="mtleft"><div class="mtright"><div class="mtcentre">' + mtcontent + '</div></div></div>' } } // --></script>
- "CSS"
-
html { overflow-x: hidden; overflow-y: auto; }
form { display:inline; } img { vertical-align:middle; border:0px } BODY { font-family: Tahoma, sans serif; font-size: 10px; color: #444; margin:0px 10px 0px 10px;background-color:#7F7F7F; background-image:url(http://i123.photobucket.com/albums/o290/Fable-06/background1d1.png); background-positon:top; background-repeat:repeat-x; } TABLE, TR, TD { font-family: Tahoma, sans serif; font-size: 10px; color: #333; } a:link, a:visited, a:active { text-decoration: none; color: #3C3C3C } a:hover { color: #333; 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:center; font-weight:normal; font-size:10px; color:#D4E2E2; background: url(http://i123.photobucket.com/albums/o290/Fable-06/mtlmiddled1.png) top repeat-x; padding:0px; margin: 1px 10px 0px 70px; border:1px solid #444; border-top:0px; }
form div.tableborder td.row1 div.caldate { text-align:center; font-weight: normal; background:none; color:#333; margin: 2px 10px 0px 70px; border:0px; } form div.tableborder td.row1 { background:#90B0B0 url(http://i123.photobucket.com/albums/o290/Fable-06/grad2d1.png) top repeat-x!important; border: none!important; } td#ucpcontent form div.tableborder td.row1 { background:#90B0B0 url(http://i123.photobucket.com/albums/o290/Fable-06/grad2d1.png) top repeat-x!important; border: none!important; }
.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 }
table td#ucpcontent div.pformstrip { border:1px solid #444; border-left:0px; border-right:0px; padding:3px; padding-top:1px; }
table td#ucpcontent div.maintitle { text-align:center; text-indent:5px; border:0px; color:#D4E2E2; background: url(http://i123.photobucket.com/albums/o290/Fable-06/mtlmiddled1.png) top repeat-x; margin:-1px 0px -4px 0px; padding: 5px 0px 8px 0px; }
table td#ucpmenu div.pformstrip { border:1px solid #444; border-left:0px; border-right:0px; padding-top:1px; }
table td#ucpmenu div.maintitle { text-align:center; text-indent:5px; border:0px; color:#D4E2E2; background: url(http://i123.photobucket.com/albums/o290/Fable-06/mtlmiddled1.png) top repeat-x; margin:-1px 0px -4px 0px; padding: 5px 0px 8px 0px; }
#ucpmenu { line-height:150%; width:22%; border:1px solid #444; background:#7F7F7F; }
#ucpmenu p { padding:2px 5px 6px 9px; margin:0px; }
#ucpcontent { background:#7F7F7F; border:1px solid #444; line-height:150%; width:auto }
#ucpcontent p { padding:10px; margin:0px; }
div#ucpcontent { border:0px; } div#ucpcontent div.pformstrip { border:1px solid #444; }
#ipsbanner { position:absolute;top:1px;right:5%; } #submenu, #logostrip { display:none }
#userlinks { border:1px solid #444; background:#757575 url(http://i123.photobucket.com/albums/o290/Fable-06/userlinksd1.png) top repeat-x; color:#333; } #userlinks a:active, #userlinks a:link, #userlinks a:visited { color:#333; } #userlinks a:hover { color:#A3C2C2; }
#navstrip { font-weight:bold; padding:0px; margin-right:5px; float:right; }
.activeuserstrip { background:#90B0B0 url(http://i123.photobucket.com/albums/o290/Fable-06/grad2d1.png) top repeat-x; border:1px solid #444; padding:6px }
#copyrightfable { Copyright to fable of diversity. Not to be ripped or distributed. Skin for the Diversity forum only! }
table tr td#ucpcontent form table td.pformstrip { border:1px solid #444!important; }
table.tableborder td.pformstrip { border:1px solid #444; }
div.pformstrip { border:1px solid #444; }
.pformstrip { background:#818181 url(http://i123.photobucket.com/albums/o290/Fable-06/titlemediumd1.png) top repeat-x; color:#444; font-weight:normal; padding:2px; margin-top:1px }
.pformleft { background:#7F7F7F; padding:6px; margin-top:1px; width:25%; border-left:1px solid #444; }
.pformleftw { background:#7F7F7F; border-right:1px solid #444; border-left:1px solid #444!important; padding:6px; margin-top:1px; width:40%; border-bottom:0px!important; }
.pformright { background:#7F7F7F; padding:6px; margin-top:1px; border:1px solid #444; border-top:0px; border-bottom:0px; }
.postlinksbar { background:#818181 url(http://i123.photobucket.com/albums/o290/Fable-06/titlemediumd1.png) top repeat-x; padding:2px; margin-top:1px; font-size:10px; border-left:1px solid #444; border-right:1px solid #444; }
.post1, .post2 { background:#7F7F7F; border:1px solid #929292; border-bottom:0px; }
.row1, .row2, .row4 { background:#7F7F7F ; border-top:1px solid #929292; }
.row3 { background:#7B7B7B url(http://i123.photobucket.com/albums/o290/Fable-06/menud1.png) top repeat-x; }
div.row1 { background-color: #7F7F7F; border: 1px solid #444; border-top:0px; }
div.row2 { border-bottom:1px solid #444; border-left:1px solid #444; border-right:1px solid #444; }
div.row4 { background:#7F7F7F; border:0px; }
.darkrow1 { background:#90B0B0 url(http://i123.photobucket.com/albums/o290/Fable-06/grad2d1.png) top repeat-x; border-left:1px solid #444; border-right:1px solid #444; color:#333; }
td.darkrow1 { background:#757575 url(http://i123.photobucket.com/albums/o290/Fable-06/userlinksd1.png) top repeat-x!important; border-left:0px!important; border-right:0px!important; }
.darkrow2 { background:#8F8F8F url(http://i123.photobucket.com/albums/o290/Fable-06/darkrow2d1.png) top repeat-x; color:#333; }
div.darkrow2 { background:#757575 url(http://i123.photobucket.com/albums/o290/Fable-06/userlinksd1.png) top repeat-x; border:1px solid #444; border-top:0px; }
.darkrow3 { background:#7F7F7F; color:#333; border-top:1px solid #929292; }
div.darkrow3 { border:0px; }
.hlight { background-color: #8F8F8F } .dlight { background-color: #7F7F7F }
.titlemedium { font-weight:normal; color:#444; padding:2px; margin:0px; background:#818181 url(http://i123.photobucket.com/albums/o290/Fable-06/titlemediumd1.png) top repeat-x; } .titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration:underline; color:#444; }
div.titlemedium { border:1px solid #444; border-top:0px; }
/* maintitle fix */ table td.plainborder table td.maintitle { text-align:center; background:#90B0B0 url(http://i123.photobucket.com/albums/o290/Fable-06/grad2d1.png) top repeat-x; padding:5px 0px 8px 0px; color:#111; } div.maintitle { text-align:center; background:top; } div.maintitle div { text-align:center; } /* end fix */
table.tableborder td.maintitle { border-left:1px solid #444!important; border-right:1px solid #444!important; }
.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color:#D4E2E2; font-size:9px; } .maintitle a:hover { text-decoration: underline } .maintitle img { display:none }
.mtcentre { background-image: url(http://i123.photobucket.com/albums/o290/Fable-06/mtlmiddled1.png); background-position: top center; background-repeat: repeat-x; margin-right: 20px; margin-left: 20px; padding: 5px 0px 9px 0px; text-align: center; color:#D4E2E2; font-size:9px; }
td.maintitle { background-image: url(http://i123.photobucket.com/albums/o290/Fable-06/mtlmiddled1.png); background-position: top center; background-repeat: repeat-x; padding: 5px 0px 9px 0px; text-align: center; color:#D4E2E2; font-size:9px; }
.mtleft { background-image: url(http://i123.photobucket.com/albums/o290/Fable-06/mtleftd1.png); background-position: top left; background-repeat: no-repeat; height: 25px }
.mtright { background-image: url(http://i123.photobucket.com/albums/o290/Fable-06/mtlrightd1.png); background-position: top right; background-repeat: no-repeat; height: 25px }
.plainborder { border:1px solid #A0A0A0; background:#444; }
.tableborder { border:1px solid #A0A0A0; background-color:#444; padding:0px; margin:0px; width:100%; }
.tablefill { border:1px solid #444; background:#757575 url(http://i123.photobucket.com/albums/o290/Fable-06/userlinksd1.png) top repeat-x; padding:6px; }
.tablepad { background-color:#7F7F7F; padding:6px; }
.tablebasic { width:100%; padding: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:#444 } .edit { font-size: 9px }
.signature { font-size: 10px; color: #444; } .postdetails { font-size: 10px; } .postcolor { font-size: 12px; line-height: 160%; }
.normalname { font-size: 12px; font-weight: noraml; 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 }
.post1 table td, .post2 table td { color:#D4E2E2; }
#QUOTE { font-family:Tahoma, sans-serif; font-size:11px; color:#333; background:#90B0B0 url(http://i123.photobucket.com/albums/o290/Fable-06/grad2d1.png) top repeat-x; border: 1px solid #444; padding:2px; }
#CODE { font-family:Tahoma, sans-serif; font-size:11px; color:#333; background:#7B7B7B url(http://i123.photobucket.com/albums/o290/Fable-06/menud1.png) top repeat-x; border: 1px solid #444; padding:2px; }
.copyright { font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 9px; line-height: 12px } .copyright .row4 { display:none }
.codebuttons { font-size:10px; font-family: Tahoma, sans serif; vertical-align: middle; border:1px solid #444; background:#7B7B7B url(http://i123.photobucket.com/albums/o290/Fable-06/menud1.png) top repeat-x; margin:1px; }
.codebuttons:hover { font-size:10px; font-family: Tahoma, sans serif; vertical-align: middle; background:#90B0B0 url(http://i123.photobucket.com/albums/o290/Fable-06/grad2d1.png) top repeat-x; margin:1px; border:1px solid #444; }
input.row1 { background:#7F7F7F; }
.forminput, .textinput, .radiobutton, .checkbox { font-size:10px; font-family: Tahoma, sans serif; vertical-align:middle; border:1px solid #444; background:#90B0B0 url(http://i123.photobucket.com/albums/o290/Fable-06/grad2d1.png) top repeat-x; padding:1px 0px 0px 1px; color:#333; }
.thin { padding:1px 0px 1px 2px; line-height:140%; margin:2px 0px 2px 0px; background:#7F7F7F; border-left:1px solid #555; border-bottom:1px solid #999; border-right:1px solid #999; border-top:1px solid #555; }
/* Begin Custom */
.boardtable { background:#8F8F8F; border:1px solid #444; } .header_logo { width:100%; height:100px; background:#98BABA url(http://i123.photobucket.com/albums/o290/Fable-06/logod1.png) top repeat-x; } #header_menu { width:100%; height:25px; background:#7B7B7B url(http://i123.photobucket.com/albums/o290/Fable-06/menud1.png) top repeat-x; border-top:1px solid #444; border-bottom:1px solid #444; margin: 0px 0px 5px 0px; } #footer_copyright { background:#95ADAD url(http://i123.photobucket.com/albums/o290/Fable-06/gradd1.png) top repeat-x; width:100%; border-top:1px solid #444; text-indent:5px; }
/* End Custom */
/* See Previous Post Fix */
TD[class='row4'][valign='top'][width='20%'] { background:#95ADAD url(http://i123.photobucket.com/albums/o290/Fable-06/gradd1.png) top repeat-x; }
TD[class='row4'][valign='top'][width='80%'] { background:#95ADAD url(http://i123.photobucket.com/albums/o290/Fable-06/gradd1.png) top repeat-x; }
/* See Previous Post Fix End */
/* fixing the post */ .postdetails { font-size: 10px; background:#none; color:#333; padding:0px 2px 0px 2px; } DIV[align='left'][class='row4'] { background:none; border:none; } /* end fix */
/* skinning the poll */ TD[class="row1"][colspan="3"] { background:#7F7F7F; border:1px solid #444; } TD[class='row1'] { background:#7F7F7F url(http://); } DIV[align="center"][class="pformstrip"] { border-top:0px; border-bottom:0px; background:#7F7F7; } DIV[align="right"][class="pformstrip"] { border-bottom:0px; } DIV[class="tablepad"][align="center"] { border-left:1px solid #444; border-right:1px solid #444; }
TABLE[cellpadding="5"][align="center"] TD[class='row1'] { border:0px; } /* end of poll */
/* Important Fixes */ div.tableborder div.tablepad div.pformstrip div td { border-top:0px!important; } div.tableborder div.tablepad { background:#7F7F7!important; border:1px solid #444!important; } div.tableborder div.tablepad table { background:#7F7F7!important; }
form div.tableborder td.pformleftw { border:0px; } form div.tableborder div.pformstrip { margin:0px; } form div.tableborder table.tablebasic td { border:0px;margin:0px; } form div.tableborder table.tablebasic { border:0px;margin:0px; } div.tableborder div.pformstrip { margin-top:0px; } form table td.pformright textarea { background:#90B0B0 url(http://i123.photobucket.com/albums/o290/Fable-06/grad2d1.png) top repeat-x; border:1px solid #444; } div fieldset.search { border:1px solid #444; }
FORM[action="http://z8.invisionfree.com/fable54/index.php?act=Login&CODE=01"][method="post"][name='LOGIN'][onsubmit='return ValidateForm()'] DIV[class="pformstrip"][align="center"] { border-bottom:1px solid #444; } FORM[action="http://z8.invisionfree.com/fable54/index.php?act=Login&CODE=01"][method="post"][name='LOGIN'][onsubmit='return ValidateForm()'] DIV[class='pformstrip'] { border-bottom:0px; } FORM[action="http://z8.invisionfree.com/fable54/index.php?act=Login&CODE=01"][method="post"][name='LOGIN'][onsubmit='return ValidateForm()'] TABLE[class="tablebasic"][cellspacing="1"] TD[class='pformleftw'] { border:0px!important; }
DIV[class='tableborder'] DIV[class='pformstrip'][align='center'] { border-bottom:1px solid #444; background:#7F7F7; } DIV[align='center'][class='darkrow2'][style='padding:4px'] { border:1px solid #444; } /* End Fixes */
.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 }
|
|
|
| |
|
Seraphim.
|
Jun 29 2007, 11:26 AM
Post #2
|
- Posts:
- 1,980
- Group:
- Members
- Member
- #201,066
- Joined:
- August 8, 2006
|
Not a fan of the color scheme but you did a good job designing it.
|
|
|
| |
|
.Sergio
|
Jun 29 2007, 11:27 AM
Post #3
|
- Posts:
- 2,472
- Group:
- Members
- Member
- #248,531
- Joined:
- February 6, 2007
|
Pretty good Dave. In fact this is one of my favorites from you.
|
|
|
| |
|
Strength
|
Jun 29 2007, 01:55 PM
Post #4
|
- Posts:
- 1,539
- Group:
- Members
- Member
- #68,645
- Joined:
- April 19, 2005
|
I really wish Diversity wouldn't have closed. Great job on the skin.
|
|
|
| |
|
Shadow the Destroyer
|
Jun 29 2007, 02:02 PM
Post #5
|
- Posts:
- 93
- Group:
- Members
- Member
- #165,169
- Joined:
- April 14, 2006
|
I love this skin and been wanting it ever since I saw Diversity, You did a very good job on it.
|
|
|
| |
|
Fraust
|
Jun 29 2007, 02:03 PM
Post #6
|
- Posts:
- 4,855
- Group:
- Members
- Member
- #23,986
- Joined:
- August 17, 2004
|
I love it.
|
|
|
| |
|
.yunoko
|
Jun 29 2007, 02:16 PM
Post #7
|
- Posts:
- 347
- Group:
- Members
- Member
- #172,230
- Joined:
- May 7, 2006
|
I love this skin thanks for giving it out. Maybe you should make a tutorial on how you did the copyright. Also this should get a WOW rating.
|
|
|
| |
|
IcEmAn
|
Jun 29 2007, 02:21 PM
Post #8
|
- Posts:
- 888
- Group:
- Members
- Member
- #5,582
- Joined:
- January 12, 2004
|
Good skin.
|
|
|
| |
|
Scott [DF]
|
Jun 29 2007, 02:25 PM
Post #9
|
- Posts:
- 2,417
- Group:
- Banned
- Member
- #211,677
- Joined:
- September 13, 2006
|
Why does everyone forum start up have a tendancy to close, but good job anyway fable.
|
|
|
| |
|
CdnClan
|
Jun 29 2007, 03:55 PM
Post #10
|
- Posts:
- 336
- Group:
- Members
- Member
- #107,323
- Joined:
- September 16, 2005
|
One of my favourites of all time.
|
|
|
| |
|
.Fable
|
Jun 29 2007, 05:55 PM
Post #11
|
- Posts:
- 3,542
- Group:
- Members
- Member
- #107,052
- Joined:
- September 15, 2005
|
- Deau
- Jun 29 2007, 06:25 PM
Why does everyone forum start up have a tendancy to close, but good job anyway fable.
Basically, it was the first forum that I have ever run properly, and well it got cracked in the first week, I lost a few dedicated members and staff members very quickly, then I got RA here so I decided to cut my losses 
Thanks for the comments
|
|
|
| |
|
Sobriquet.
|
Jun 29 2007, 06:38 PM
Post #12
|
- Posts:
- 5,503
- Group:
- Members
- Member
- #51,990
- Joined:
- February 5, 2005
|
Pretty nice skin man, I like it
|
|
|
| |
|
Jago
|
Jun 29 2007, 06:50 PM
Post #13
|
I have become, comfortably numb.
- Posts:
- 7,598
- Group:
- Members
- Member
- #2,726
- Joined:
- November 8, 2003
|
I love this Skin. Still haven't fixed the thing I FIRST pointed out.
|
|
|
| |
|
OverSight
|
Jun 29 2007, 06:51 PM
Post #14
|
- Posts:
- 156
- Group:
- Validating
- Member
- #268,068
- Joined:
- April 26, 2007
|
Nice skin Fable. I like the design a lot.
|
|
|
| |
|
Walkure
|
Jun 30 2007, 03:59 AM
Post #15
|
- Posts:
- 4,266
- Group:
- Members
- Member
- #222,276
- Joined:
- October 25, 2006
|
I wubble it. <3
|
|
|
| |
| 0 users reading this topic
|