To test the skin, try logging in with username: Test, password: test.

 

 Skin coding
Nephos
Posted: Mar 6 2007, 07:36 PM


Administrator


Group: Admin
Posts: 67
Member No.: 1
Joined: 1-April 06



H&B:
QUOTE
<body><table cellspacing="0" style="margin: 0px auto 0px auto;"><tr><td class="left" valign="top"><img src="http://209.85.48.10/6549/164/upload/p1261998.gif" alt="" /></td><td class="board" width="734">
<% BOARD HEADER %>
<% NAVIGATION %>
<div class="tableborder" style="padding: 1px;"><div class="row4" style="text-align: center; padding: 3px; border: 1px solid #2E2E2E!important; border-bottom: 0px;">To test the skin, try logging in with username: <i>Test</i>, password: <i>test</i>.</div></div><br />
<% BOARD %>
<% STATS %>


Footer:
QUOTE
<div class="row4" align="center" style="padding: 4px; border-top: 0px;">Skin <b>Omadawn</b> created by <b>Nephos</b> of the <a href="http://forums.ifskinzone.net" target="_blank">IFSZ</a></div></td><td class="right" valign="top"><img src="http://209.85.48.10/6549/164/upload/p1262014.gif" alt="" /></td></tr></table>


CSS:
QUOTE
/*COLOURS

main-bg: #1A1A1A;
box-bg: #252525; box-border: #000000; box-shine: #2E2E2E;
text: #575757; link: #5B8056; hover: #74A260;
sec-box-bg: #212121;
*/

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

form { display:inline; }
img  { vertical-align:middle; border:0px }
BODY { font-family: Tahoma, Arial, sans-serif; font-size: 10px; color: #4E4E4E; margin: 0px 10px 0px 10px; background-color: #151515; font-weight: normal; }
TABLE, TR, TD { font-family: Tahoma, Arial, sans-serif; font-size: 10px; color: #575757; font-weight: normal; }
a { text-decoration: none; color: #567D80; font-weight: normal; }
a:hover { color: #719CA0; }

BODY, HTML {
scrollbar-face-color: #222222;
scrollbar-shadow-color: #222222;
scrollbar-highlight-color: #2E2E2E;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #1A1A1A;
scrollbar-arrow-color: #719CA0;
text-align: center!important; }

.left    { background: left repeat-y url(http://209.85.48.10/6549/164/upload/p1261962.gif) #1E1E1E; padding: 197px 0px 0px 0px; margin: 0px; }
.board { background-color: #1E1E1E; padding: 10px; margin: 0px }
.right  { background: right repeat-y url(http://209.85.48.10/6549/164/upload/p1261982.gif) #1E1E1E; padding: 197px 0px 0px 0px; margin: 0px }
.left img, .right img { display: block; }

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

/*Portal*/
#ipbwrapper { width: 734px; margin: 5px auto 5px auto; background: #1E1E1E; padding: 5px; border: 1px solid #000000; }

/*Portal MTs*/
#ipbwrapper .maintitle { background: url(http://209.85.48.10/6549/164/upload/p1197957.gif) top repeat-x #52767A; padding: 2px 10px 2px 10px; border-bottom: 1px solid black; }

/*Portal other*/
#ipbwrapper div.tableborder { border: 1px solid #000000; }
#ipbwrapper div.tablepad { background-color: #252525; border: 1px solid #2E2E2E; border-bottom: 1px solid #000000; padding: 5px; }
#ipbwrapper div.desc { background: #252525; border: 1px solid #2E2E2E; border-bottom: 1px solid #000000; padding: 3px; }
#ipbwrapper td.row4 { border: 0px; padding: 3px; }
#ipbwrapper .row4 table.tableborder { border: 1px solid #000000; }
#ipbwrapper table.tableborder { border: 1px solid #000000; background: none; padding: 0px; }
#ipbwrapper table.tableborder table.tableborder { border-bottom: 0px; }
#ipbwrapper #logostrip { border: 1px solid #000000; }

/*Portal post bevels*/
#ipbwrapper .post1 { border-bottom: 1px solid #000000; }
#ipbwrapper .row2 { border-bottom: 1px solid #000000; }

img.attach { border: 3px double #000000; padding: 2px }

.googleroot  { padding:6px; line-height:130% }
.googlechild { padding:6px; margin-left:30px; line-height:130% }
.googleparent { padding:6px; line-height:130%; background-image:url(http://z9.invisionfree.com/DV36/index.php); }
.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 }

/*Help list*/
li.helprow { padding: 5px 0px 5px 0px; margin: 0px; list-style: none; border-bottom: 1px solid #151515; border-top: 1px solid #2E2E2E; }
li.helprow a { border-left: 3px solid #373737; padding-left: 7px; text-decoration: none; }
li.helprow a:hover { border-left: 5px solid #373737; padding-left: 5px; }
li.helprow b { font-weight: normal; }
html>body li.helprow a { margin-left: 10px; }
ul#help    { padding: 0px 0px 0px 15px }

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

.caldate  { text-align: center; font-weight: normal; background: url(http://209.85.48.10/6549/164/upload/p1262587.gif) top repeat-x #292929; padding: 1px 0px 5px 60px; margin: 0px; }

/*Active caldate*/
form div.tableborder td.row1 div.caldate { background-image: url(http://209.85.48.10/6549/164/upload/p1263328.gif); font-weight: bold; color: #656565; }
form div.tableborder td.row1 { background: #2C2C2C; border: 1px solid #2E2E2E!important; }
td#ucpcontent form div.tableborder td.row1 { background-color: #252525; border: none!important; }

/*Empty caldate*/
form div.tableborder table td.darkrow1 { background: #1C1C1C; border-top: 1px solid #2E2E2E; padding: 0px!important; }

/*Pinned DR1 fix*/
form div.tableborder table td.darkrow1 b { display: block; background: center center repeat-x url(http://209.85.48.10/6549/164/upload/p192266.gif) #1C1C1C; padding: 0px 5px 1px 5px; font-weight: normal; }

.warngood { color: #498F49; }
.warnbad  { color: #B27474; }

/*Search page*/
div.tableborder div.tablepad { background-color: #252525!important; border: 1px solid #000000; border-bottom: 0px; }
div.tableborder div.tablepad  table { background-color: #252525!important; }
div.tableborder div.tablepad  table font { font-family: Arial, sans-serif; font-size: 10px; color: #777777; font-weight: normal; text-align: center; }

#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 #000000; }
#ucpmenu p  { padding: 2px 5px 6px 9px; margin: 0px; border: 1px solid #2E2E2E; border-bottom: 1px solid #000000; background-color: #252525; }
#ucpcontent { background-color: #252525; border: 1px solid #000000; line-height: 150%; width: auto }
#ucpcontent p, #ucpcontent table { padding: 10px; margin: 0px; border: 1px solid #2E2E2E; border-bottom: 1px solid #000000; }

#ucpmenu .maintitle, #ucpcontent .maintitle { background: url(http://209.85.48.10/6549/164/upload/p1197957.gif) top repeat-x #52767A; padding: 0px 10px 2px 10px; border-bottom: 1px solid black; }

#ucpcontent .pformstrip, #ucpmenu .pformstrip { border-bottom: 1px solid #000000; margin-top: 0px; padding-bottom: 2px; }
#ucpcontent .tableborder table { padding: 0px; }

#ucpmenu a { border-left: 3px solid #373737; padding-left: 7px; text-decoration: none; }
#ucpmenu a:hover { border-left: 5px solid #373737; padding-left: 5px; }

#ipsbanner { position: absolute; top: 1px; right: 5%; }
#logostrip { border: 1px solid #000000; background-color: #222222; padding-bottom: 1px; margin: 0px; text-align: center; }

#submenu { border: 0px; }
#submenu td { padding: 1px 10px 2px 10px; background: center center url(http://209.85.48.10/6549/164/upload/p192266.gif) repeat-x; border: 1px solid #000000; }
#submenu img { display: none; }

#userlinks { border: 0px; }
#userlinks td { padding: 1px 10px 2px 10px; background: center center url(http://209.85.48.10/6549/164/upload/p192266.gif) repeat-x; border: 1px solid #000000; }
#userlinks strong { font-weight: normal; }

#navstrip  { font-weight: normal; padding: 6px 0px 6px 0px; }
#navstrip img { display: none; }

.activeuserstrip { background-color: #252525; border: 1px solid #000000; padding: 6px; border-bottom: 0px; }

.pformstrip { text-align: left; font-weight: normal; padding: 1px; margin: 0px; background: top repeat-x url(http://209.85.48.10/6549/164/upload/p192068.gif) #262626; border: 1px solid #2E2E2E; border-top: 0px; padding-left: 5px; margin-top: 1px; }
.pformleft  { background-color: #252525; padding: 6px; margin-top: 1px; width: 25%; border-bottom: 1px solid #000000; border-right: 1px solid #000000; border-top: 1px solid #2E2E2E; border-left: 1px solid #2E2E2E; margin-left: 3px!important; }
.pformleftw { background-color: #252525; padding: 6px; margin-top: 1px; width: 40%; border-bottom: 1px solid #000000; border-right: 1px solid #000000; border-top: 1px solid #2E2E2E; border-left: 1px solid #2E2E2E; }
.pformright { background-color: #252525; padding: 6px; margin-top: 1px; border-bottom: 1px solid #000000; border-right: 1px solid #000000; border-top: 1px solid #2E2E2E; border-left: 1px solid #2E2E2E; }

table.tableborder td.pformstrip { border: 1px solid #000000; border-top: 0px; }

.postlinksbar { text-align: left; font-weight: normal; padding: 1px; margin: 0px; background: top repeat-x url(http://209.85.48.10/6549/164/upload/p192068.gif) #262626; border: 1px solid #2E2E2E; border-left: 1px solid #000000; border-right: 1px solid #000000; border-top: 0px; padding-left: 5px; margin-top: 1px; }

.darkrow1, .darkrow2, .darkrow3 { background: top repeat-x url(http://209.85.48.10/6549/164/upload/p192266.gif) #1C1C1C; border: 1px solid #2E2E2E; border-top: 0px; border-bottom: 0px; padding: 1px; }
.darkrow1 { border-left: 1px solid #000000; border-right: 1px solid #000000; }
td.darkrow1 { border: 1px solid #2E2E2E; border-top: 0px; }
div.darkrow2 { margin: 0px 1px 1px 1px; }

.darkrow2 { border-bottom: 1px solid #343434; background: url(http://209.85.48.10/6549/164/upload/p685091.gif) repeat-x #262626; }

.darkrow3 { border: 1px solid #343434; border-top: 0px; background: url(http://209.85.48.10/6549/164/upload/p682594.gif) repeat-x top #252525; }
td.darkrow3 div { background: none; border: 0px; vertical-align: middle; }
td.darkrow3 div.darkrow3 { margin: 0px; padding: 0px; }

td.darkrow3 div a { margin: 1px; padding: 0px 4px 0px 4px; }
td.darkrow3 div a:hover { background: url(http://209.85.48.10/6549/164/upload/p682338.gif) repeat-x center center; color: #000000; }
.darkrow3 .desc { margin-left: 4px; }

input.row1 { color: #777777; background: none!important; border: 0px; }
.row1, .row2, .row3, .row4, .post1, .post2 { background-color: #252525; border: 1px solid #2E2E2E; border-top: 1px solid #343434; border-bottom: 1px solid #252525; }

.post1, .post2 { font-size: 12px; }

div.row4 { border-color: #000000!important; margin: 0px; }
td.row4 div.row4 { border: 0px!important; padding: 0px 0px 0px 2px; display: block; vertical-align: middle; }
td.row4 div.row4 a { margin: 0px 1px 0px 0px; border: 0px; }

.hlight, .dlight { background-color: #252525; }
.hlight td, .dlight td { border-top: 1px solid #2E2E2E; }

.titlemedium { text-align: left; font-weight: normal; padding: 1px; margin: 0px; background: top repeat-x url(http://209.85.48.10/6549/164/upload/p192068.gif) #262626; border: 1px solid #2E2E2E; border-top: 0px; padding-left: 5px; }

.maintitle { letter-spacing: 1px; padding: 16px 0px 8px 0px; font-size: 10px; text-align: center; background: url(http://209.85.48.10/6549/164/upload/p1332885.gif) no-repeat bottom center #1E1E1E; color: #000000; }
.maintitle a { color: #000000; }
.maintitle a:hover { color: #000000; text-decoration: underline; }
.maintitle img { display: none; }

/*Profile MT*/
table td.plainborder table td.maintitle { background: url(http://209.85.48.10/6549/164/upload/p1262587.gif) top repeat-x #292929; padding: 2px 0px 6px 30px; color: #656565; }

td.plainborder td.maintitle { border: 0px; }

.plainborder { border: 0px solid #000000; background-color: #000000; }
.tableborder { border: 0px solid #242424; padding: 0px; margin: 0px; width: 100%; background: #000000; }
.tablefill  { border: 1px solid #000000!important; background-color: #252525; padding: 6px; }
.tablepad    { background-color: #252525; padding: 0px 6px 0px 6px; border-top: 1px solid #2E2E2E; }
.tablebasic  { width: 100%; padding: 0px 0px 0px 0px; margin: 0px; border: 0px }

/*Login*/
.tablebasic .pformleftw, .tablebasic .pformleft, .tablebasic .pformright { margin: 0px; border: 1px solid #2E2E2E; border-bottom: 0px solid #252525; }

form div.tablepad td.row1 { border: 0px; font-size: 11px; }

div.tableborder div.pformstrip { border: 1px solid #000000; border-top: 0px; }
html>body div.tableborder div.pformstrip { border-top: 1px solid #000000; }

/*Profile*/
td.plainborder td.maintitle { padding: 2px 0px 3px 50px; text-align: left; }
td.plainborder { background: none; }
td.plainborder table { background: #000000; }

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

.desc, .edit { font-size: 9px; }

.postdetails, .signature { font-size: 10px }
.postcolor  { line-height: 160%; }

.normalname { font-size: 13px; font-weight: normal; }
.unreg { font-size: 11px; font-weight: normal; color: #374C4F; }

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

/*Standard quote code*/
#QUOTE, #CODE { font-size: 10px; border: 1px solid #000000; padding: 2px 4px 2px 4px; background: top repeat-x url(http://209.85.48.10/6549/164/upload/p192068.gif) #262626; }
#CODE { font-family: Courier New, Verdana, Arial; font-size: 11px; }

.post1 table, .post2 table { background: url(http://209.85.48.10/6549/164/upload/p682594.gif) repeat-x top #252525; border: 1px solid #000000; margin: 10px 0px 10px 0px; }

.post1 td, .post2 td { padding-left: 7px; }

/*Preview post*/
div.tableborder div.row1 { border: 1px solid #000000; border-top: 1px solid #2E2E2E; }
.copyright { font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 9px; line-height: 12px }

.textinput, textarea, div.tableborder div.tablepad table input, .codebuttons, .forminput, input { border: 1px solid #000000; background: url(http://209.85.48.10/6549/164/upload/p192068.gif) top repeat-x fixed #262626!important; font-family: arial, verdana, sans-serif; font-size: 10px; color: #575757; margin: 1px; }
html>body .textinput, html>body textarea, html>body div.tableborder div.tablepad table input, html>body .codebuttons, html>body .forminput { background-attachment: scroll!important; }

.radiobutton, .checkbox { border: 0px!important; background: none; }

.thin { padding: 1px 0px 3px 3px; line-height: 140%; margin: 3px 0px 3px 0px; border: 1px solid #161616; border-bottom: 1px solid #2E2E2E; border-right: 1px solid #2E2E2E; background: #222222; }

.purple { color: purple; font-weight: normal; }
.red    { color: red; font-weight: normal; }
.green  { color: green; font-weight: normal; }
.blue  { color: blue; font-weight: normal; }
.orange { color: #F90; font-weight: normal; }

option { color: #777777!important; }
/*Fast reply*/
div.tableborder div.tablepad textarea.textinput { margin-top: 10px; }
^^^


Topic Options



Hosted for free by InvisionFree (Terms of Use: Updated 7/7/05) | Powered by Invision Power Board v1.3 Final © 2003 IPS, Inc.
Page creation time: 0.4308 seconds | Archive
Skin Omadawn created by Nephos of the IFSZ