- Posts:
- 7,637
- Group:
- Members
- Member
- #256,601
- Joined:
- March 10, 2007
|

Information: Author: Leonardo Date Created: 11 December 2010 Skin Preview:
Side Notes: Haven't skinned for a good couple of years, getting back into it and I hope you like this simple but elegant design. Edits Allowed? Font size, font colours, nothing too drastic.
Header & Body: Edit the logo and submenu links: NB: To get a banner in the portal, go to Admin CP > Skinning & Styles > Images and place the banner in the logo box (1st box).
- Code:
-
<div id="header"> <table id="ul"><tr><td></td></tr></table>
<div align="center" style="margin: 120px 0px 70px;"> <a href="http://z15.invisionfree.com/Melancholic/index.php"> <img src="LOGO IMAGE GOES HERE"/> </a> </div>
<div id="menu"> <a href="http://zX.invisionfree.com/BOARDNAME/index.php">Home</a> <a href="http://zX.invisionfree.com/BOARDNAME/index.php?act=Search&f=">Search</a> <a href="http://zX.invisionfree.com/BOARDNAME/index.php?act=Members">Members</a> <a href="http://zX.invisionfree.com/BOARDNAME/index.php?act=calendar">Calendar</a> <a href="http://zX.invisionfree.com/BOARDNAME/index.php?act=Help">FAQ</a> <a href="http://zX.invisionfree.com/BOARDNAME/index.php?act=site">Portal</a> </div>
<center> <div id="wrap"> <% BOARD HEADER %> </div>
<div id="wrap1"><% NAVIGATION %><hr>
<% BOARD %>
<div align="right"><b>Melancholic</b> by <a href="http://resources.zetaboards.com/">Leonardo</a></div>
Footers:
- Code:
-
<hr></div></center></div>
<script language='JavaScript' type="text/javascript"> document.getElementById('ul').rows[0].cells[0].innerHTML = document.getElementById('userlinks').rows[0].cells[0].innerHTML if (document.getElementById('userlinks').rows[0].cells[1]) { document.getElementById('ul').rows[0].insertCell(1).innerHTML = document.getElementById('userlinks').rows[0].cells[1].innerHTML } </script>
Style Sheets: Blue:
Spoiler: click to toggle - Code:
-
html { overflow-x: auto; overflow-y: auto; }
hr { border:0px; border-top: 1px solid #000; border-bottom: 1px solid #3F3F3F; }
form { display:inline; } img { vertical-align:middle; border:0px } BODY { font-family: Arial, sans-serif; font-size: 12px; color: #979797; margin:0px;background: #202020 url(http://z3.ifrm.com/2/101/0/p380439/wood.gif); } TABLE, TR, TD { font-family: Arial, sans-serif; font-size: 12px; color: #979797; } a:link, a:visited, a:active { text-decoration: none; color: #ebebeb } a:hover { color: #009FC8 }
fieldset.search { padding:6px; line-height:150%; border: 1px solid #000; } label { cursor:pointer; }
img.attach { border:0px; 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 }
.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 { color:#FFFFFF;background: url(http://img571.imageshack.us/img571/2293/maintitle.png) bottom repeat-x ; text-transform: uppercase; font-size: 13px; padding: 8px 0px 13px 0px; text-align: center; } #photoimg { text-align:center; margin-top:15px }
#ucpmenu { line-height:150%;width:22%; background: transparent } #ucpmenu p { padding:2px 5px 6px 9px;margin:0px; } #ucpcontent { background: transparent;line-height:150%; width:auto } #ucpcontent p { padding:10px;margin:0px; }
#ipsbanner { position:absolute;top:1px;right:5%; } #logostrip, #submenu, #userlinks { display:none; }
#navstrip { font-weight:bold;padding:6px 0px 6px 0px; }
.activeuserstrip { background:transparent; padding:6px }
.pformstrip { background-color: transparent; color:#979797;font-weight:bold;padding:7px;margin-top:1px } .pformleft { background: transparent; padding:6px; margin-top:1px;width:25%; } .pformleftw { background: transparent; padding:6px; margin-top:1px;width:40%; } .pformright { background: transparent; padding:6px; margin-top:1px;}
.postlinksbar { background: transparent; padding:7px; margin-top:1px; font-size:10px; }
.row1, .row2, .row3, .row4, .post1, .post2, .hlight, .dlight, .plainborder { background: transparent } .post1, .post2 { padding: 10px 20px; } div.row4 { border: 0px!important; }
.darkrow1, .darkrow2, .darkrow3 { background: transparent; } div.darkrow1 { background: url(http://img571.imageshack.us/img571/2293/maintitle.png) bottom repeat-x ; padding: 4px; }
.titlemedium { font-weight:bold; color:#979797; padding:7px; margin:0px; background:transparent } .titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: #3A4F6C }
.maintitle { vertical-align:middle;font-weight:normal; text-transform: uppercase; color:#FFFFFF; padding:15px 0px 15px 60px; background: url(http://img571.imageshack.us/img571/2293/maintitle.png) bottom repeat-x ; font-family: Arial; font-size: 15px; } div.maintitle, div.maintitle div { text-align:left!important; } .maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #FFFFFF; } .maintitle a:hover { color:#009FC8; background: url(http://z3.ifrm.com/2/101/0/p380696/ulhover.png) no-repeat bottom; padding-bottom: 6px } .maintitle img { display:none; }
.tableborder { border: 0px solid #000000; padding:0px; padding-top:0px; margin:0px; width:100%; }
.tablefill { background: transparent; padding:6px; } .tablepad { background: transparent; 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:#979797 } .edit { font-size: 9px }
.signature { font-size: 10px; color: #979797; } .postdetails { font-size: 10px } .postcolor { font-size: 12px; line-height: 160% }
.normalname { font-size: 12px; font-weight: bold; color: #979797; padding-left: 20px; } .normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px } .unreg { font-size: 11px; font-weight: bold; color: #979797 }
.searchlite { font-weight:bold; color:#979797; background: transparent }
#QUOTE { font-family: Arial; font-size: 11px; color: #979797; background:transparent url(http://z3.ifrm.com/2/101/0/p381115/quote.png) top left no-repeat; padding: 10px; padding-left:30px; font-style: italic; } #CODE { font-family: Arial; font-size: 11px; color: #979797; background:transparent url(http://z3.ifrm.com/2/101/0/p381116/code.png) top left no-repeat; padding: 10px; padding-left:35px; }
.copyright { font-family: Arial, Sans-Serif; font-size: 9px; line-height: 12px }
.codebuttons, .forminput, div.tableborder div.tablepad input { font-size: 11px; font-family: arial, helvetica, sans-serif; vertical-align: middle; padding: 3px 4px; margin: 2px; background: transparent; border: 0px; border-bottom: 1px solid #000; color: #979797}
.forminput option { color: #202020; }
.radiobutton, .checkbox { font-size: 11px; font-family: arial, helvetica, sans-serif; vertical-align: middle; padding: 3px 4px; margin: 2px; }
.codebuttons { font-weight: bold; } .codebuttons:hover, .forminput:hover { border-bottom: 1px solid #FFFFFF; color: #FFFFFF; }
.textinput { font-size: 11px; font-family: arial, helvetica, sans-serif; vertical-align: middle; padding: 3px 4px; margin: 2px; background: transparent; border: 2px solid #000; color: #979797 } .textinput:hover { border: 2px solid #FFFFFF; color: #FFFFFF; }
.thin { padding:6px 0px 6px 0px;line-height:140%;margin:2px 0px 2px 0px;}
.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 } input.row1 { font-family: Arial, sans-serif!important; font-size: 12px; color: #979797!important; }
/* CONTAINER */ #wrap { background: #FAFAFA; padding: 10px 0px; margin: 0px auto 20px ; width: 90%; -moz-background-clip: padding; -webkit-background-clip: padding; background-clip: padding-box; border: 10px solid rgba(0,0,0,0.2); text-align: left; position: relative; } #wrap1 { background: transparent; margin: 0px auto; text-align: left; width: 90%; } #header { background: url(http://z3.ifrm.com/2/101/0/p380435/bgnew.gif) repeat-x top; }
/* HEADERS: ---------------------- http://z3.ifrm.com/2/101/0/p380295/bgred.gif -RED */
/* USERLINKS */ #ul { width: 100%; text-align: center; color: #FFFFFF; font-size: 12px; font-weight: bold; padding-top: 10px; } #ul td { width: 50%;color: #FFFFFF; font-size: 12px; } #ul a, #ul strong { color: #FFFFFF; text-decoration: none; font-size: 12px; font-weight: bold; padding-bottom: 16px; } #ul a:hover { color: #009FC8; text-decoration: underline; background: url(http://z3.ifrm.com/2/101/0/p380696/ulhover.png) no-repeat bottom; text-decoration:none; padding-bottom: 16px; }
/* MENU */ #menu { text-align:right; width: 90%; padding: 5px 10px; text-transform: uppercase; } #menu a { color: #FFFFFF; padding: 5px 15px; border-bottom-color: #ffffff; font-weight: bold; }
#menu a:hover { background: url(http://z3.ifrm.com/2/101/0/p380690/menuhover.png) no-repeat bottom; text-decoration:none; color: #000000; }
/* PORTAL */ #ipbwrapper { background: url(http://z3.ifrm.com/2/101/0/p380435/bgnew.gif) repeat-x top;} #ipbwrapper .maintitle { padding-left: 10px; } #ipbwrapper .tableborder { margin: 10px auto; text-align: left; width: 90%; } #ipbwrapper #logostrip { display: block; text-align:center; padding-top: 150px; padding-bottom: 60px; } #ipbwrapper div.row4 { background: #FAFAFA; width:90%; margin: 0px auto; padding: 20px; border-top: 10px solid #005A7D!important; border-bottom: 10px solid #191919!important; } #ipbwrapper #submenu { display:block; width: 90%; margin: 0px auto; font-weight: bold; text-transform: uppercase; text-align:right!important; } #ipbwrapper #submenu a { padding: 5px 15px; text-align:right!important; } #ipbwrapper #submenu a:hover {background: url(http://z3.ifrm.com/2/101/0/p380690/menuhover.png) no-repeat bottom; text-decoration:none; color: #000000; padding: 7px 15px;} #ipbwrapper #submenu img { display: none; }
/*CALENDAR*/ .caldate { text-align:left; font-weight:normal; font-size:14px; color:#979797; padding:2px;margin: 5px 5px 0px 50px; } form div.tableborder td.row1 { border: 0px!important; } form div.tableborder td.row1 .caldate { color: #009FC8; padding: 2px; }
/*SEARCH*/ div.tableborder div.tablepad { background:transparent!important; } div.tableborder div.tablepad table { background: transparent!important; } div.tableborder div.tablepad table img { display:none; } div.tableborder div.tablepad table font { font-family:"Arial", "Bitstream Vera Sans", "Verdana", sans-serif; font-size: 12px;color: #979797; }
</style> <script language='javascript'> if ( location.search.indexOf('showtopic')!=-1) { document.write("<style>#wrap { padding: 60px 0px; background: #FAFAFA url(http://z3.ifrm.com/2/101/0/p380720/ad.gif) no-repeat center; -moz-background-clip: padding; -webkit-background-clip: padding; background-clip: padding-box; border: 10px solid rgba(0,0,0,0.2); text-align: left; position: relative; }</style>")} if ( location.search.indexOf('Reg&CODE=00')!=-1) { document.write("<style>#wrap { padding: 60px 0px; background: #FAFAFA url(http://z3.ifrm.com/2/101/0/p380720/ad.gif) no-repeat center; -moz-background-clip: padding; -webkit-background-clip: padding; background-clip: padding-box; border: 10px solid rgba(0,0,0,0.2); text-align: left; position: relative; }</style>")} if ( location.search.indexOf('Reg&CODE=reval')!=-1) { document.write("<style>#wrap { padding: 60px 0px; background: #FAFAFA url(http://z3.ifrm.com/2/101/0/p380720/ad.gif) no-repeat center; -moz-background-clip: padding; -webkit-background-clip: padding; background-clip: padding-box; border: 10px solid rgba(0,0,0,0.2); text-align: left; position: relative; }</style>")} </script> <style>
Red:
Spoiler: click to toggle - Code:
-
html { overflow-x: auto; overflow-y: auto; }
hr { border:0px; border-top: 1px solid #000; border-bottom: 1px solid #3F3F3F; }
form { display:inline; } img { vertical-align:middle; border:0px } BODY { font-family: Arial, sans-serif; font-size: 12px; color: #979797; margin:0px;background: #202020 url(http://z3.ifrm.com/2/101/0/p380439/wood.gif); } TABLE, TR, TD { font-family: Arial, sans-serif; font-size: 12px; color: #979797; } a:link, a:visited, a:active { text-decoration: none; color: #ebebeb } a:hover { color: #C5001B }
fieldset.search { padding:6px; line-height:150%; border: 1px solid #000; } label { cursor:pointer; }
img.attach { border:0px; 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:#979797 }
.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 { color:#FFFFFF;background: url(http://img571.imageshack.us/img571/2293/maintitle.png) bottom repeat-x ; text-transform: uppercase; font-size: 13px; padding: 8px 0px 13px 0px; text-align: center; } #photoimg { text-align:center; margin-top:15px }
#ucpmenu { line-height:150%;width:22%; background: transparent } #ucpmenu p { padding:2px 5px 6px 9px;margin:0px; } #ucpcontent { background: transparent;line-height:150%; width:auto } #ucpcontent p { padding:10px;margin:0px; }
#ipsbanner { position:absolute;top:1px;right:5%; } #logostrip, #submenu, #userlinks { display:none; }
#navstrip { font-weight:bold;padding:6px 0px 6px 0px; }
.activeuserstrip { background:transparent; padding:6px }
.pformstrip { background-color: transparent; color:#979797;font-weight:bold;padding:7px;margin-top:1px } .pformleft { background: transparent; padding:6px; margin-top:1px;width:25%; } .pformleftw { background: transparent; padding:6px; margin-top:1px;width:40%; } .pformright { background: transparent; padding:6px; margin-top:1px;}
.postlinksbar { background: transparent; padding:7px; margin-top:1px; font-size:10px; }
.row1, .row2, .row3, .row4, .post1, .post2, .hlight, .dlight, .plainborder { background: transparent } .post1, .post2 { padding: 10px 20px; } div.row4 { border: 0px!important; }
.darkrow1, .darkrow2, .darkrow3 { background: transparent; } div.darkrow1 { background: url(http://img571.imageshack.us/img571/2293/maintitle.png) bottom repeat-x ; padding: 4px; }
.titlemedium { font-weight:bold; color:#979797; padding:7px; margin:0px; background:transparent } .titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: #3A4F6C }
.maintitle { vertical-align:middle;font-weight:normal; text-transform: uppercase; color:#FFFFFF; padding:15px 0px 15px 60px; background: url(http://img571.imageshack.us/img571/2293/maintitle.png) bottom repeat-x ; font-family: Arial; font-size: 15px; } div.maintitle, div.maintitle div { text-align:left!important; } .maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #FFFFFF; } .maintitle a:hover { color:#C5001B; background: url(http://z3.ifrm.com/2/101/0/p380696/ulhover.png) no-repeat bottom; padding-bottom: 6px } .maintitle img { display:none; }
.tableborder { border: 0px solid #000000; padding:0px; padding-top:0px; margin:0px; width:100%; }
.tablefill { background: transparent; padding:6px; } .tablepad { background: transparent; 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:#979797 } .edit { font-size: 9px }
.signature { font-size: 10px; color: #979797; } .postdetails { font-size: 10px } .postcolor { font-size: 12px; line-height: 160% }
.normalname { font-size: 12px; font-weight: bold; color: #979797; padding-left: 20px; } .normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px } .unreg { font-size: 11px; font-weight: bold; color: #979797 }
.searchlite { font-weight:bold; color:#979797; background: transparent }
#QUOTE { font-family: Arial; font-size: 11px; color: #979797; background:transparent url(http://z3.ifrm.com/2/101/0/p381115/quote.png) top left no-repeat; padding: 10px; padding-left:30px; font-style: italic; } #CODE { font-family: Arial; font-size: 11px; color: #979797; background:transparent url(http://z3.ifrm.com/2/101/0/p381116/code.png) top left no-repeat; padding: 10px; padding-left:35px; }
.copyright { font-family: Arial, Sans-Serif; font-size: 9px; line-height: 12px }
.codebuttons, .forminput, div.tableborder div.tablepad input { font-size: 11px; font-family: arial, helvetica, sans-serif; vertical-align: middle; padding: 3px 4px; margin: 2px; background: transparent; border: 0px; border-bottom: 1px solid #000; color: #979797}
.forminput option { color: #202020; }
.radiobutton, .checkbox { font-size: 11px; font-family: arial, helvetica, sans-serif; vertical-align: middle; padding: 3px 4px; margin: 2px; }
.codebuttons { font-weight: bold; } .codebuttons:hover, .forminput:hover { border-bottom: 1px solid #FFFFFF; color: #FFFFFF; }
.textinput { font-size: 11px; font-family: arial, helvetica, sans-serif; vertical-align: middle; padding: 3px 4px; margin: 2px; background: transparent; border: 2px solid #000; color: #979797 } .textinput:hover { border: 2px solid #FFFFFF; color: #FFFFFF; }
.thin { padding:6px 0px 6px 0px;line-height:140%;margin:2px 0px 2px 0px;}
.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 } input.row1 { font-family: Arial, sans-serif!important; font-size: 12px; color: #979797!important; }
/* CONTAINER */ #wrap { background: #FAFAFA; padding: 10px 0px; margin: 0px auto 20px ; width: 90%; -moz-background-clip: padding; -webkit-background-clip: padding; background-clip: padding-box; border: 10px solid rgba(0,0,0,0.2); text-align: left; position: relative; } #wrap1 { background: transparent; margin: 0px auto; text-align: left; width: 90%; } #header { background: url(http://z3.ifrm.com/2/101/0/p380295/bgred.gif) repeat-x top; }
/* USERLINKS */ #ul { width: 100%; text-align: center; color: #FFFFFF; font-size: 12px; font-weight: bold; padding-top: 10px; } #ul td { width: 50%;color: #FFFFFF; font-size: 12px; } #ul a, #ul strong { color: #FFFFFF; text-decoration: none; font-size: 12px; font-weight: bold; padding-bottom: 16px; } #ul a:hover { color: #C5001B; text-decoration: underline; background: url(http://z3.ifrm.com/2/101/0/p380696/ulhover.png) no-repeat bottom; text-decoration:none; padding-bottom: 16px; }
/* MENU */ #menu { text-align:right; width: 90%; padding: 5px 10px; text-transform: uppercase; } #menu a { color: #FFFFFF; padding: 5px 15px; border-bottom-color: #ffffff; font-weight: bold; }
#menu a:hover { background: url(http://z3.ifrm.com/2/101/0/p380690/menuhover.png) no-repeat bottom; text-decoration:none; color: #000000; }
/* PORTAL */ #ipbwrapper { background: url(http://z3.ifrm.com/2/101/0/p380295/bgred.gif) repeat-x top;} #ipbwrapper .maintitle { padding-left: 10px; } #ipbwrapper .tableborder { margin: 10px auto; text-align: left; width: 90%; } #ipbwrapper #logostrip { display: block; text-align:center; padding-top: 150px; padding-bottom: 60px; } #ipbwrapper div.row4 { background: #FAFAFA; width:90%; margin: 0px auto; padding: 20px; border-top: 10px solid #7D0009!important; border-bottom: 10px solid #191919!important; } #ipbwrapper #submenu { display:block; width: 90%; margin: 0px auto; font-weight: bold; text-transform: uppercase; text-align:right!important; } #ipbwrapper #submenu a { padding: 5px 15px; text-align:right!important; } #ipbwrapper #submenu a:hover {background: url(http://z3.ifrm.com/2/101/0/p380690/menuhover.png) no-repeat bottom; text-decoration:none; color: #000000; padding: 7px 15px;} #ipbwrapper #submenu img { display: none; }
/*CALENDAR*/ .caldate { text-align:left; font-weight:normal; font-size:14px; color:#979797; padding:2px;margin: 5px 5px 0px 50px; } form div.tableborder td.row1 { border: 0px!important; } form div.tableborder td.row1 .caldate { color: #C5001B; padding: 2px; }
/*SEARCH*/ div.tableborder div.tablepad { background:transparent!important; } div.tableborder div.tablepad table { background: transparent!important; } div.tableborder div.tablepad table img { display:none; } div.tableborder div.tablepad table font { font-family:"Arial", "Bitstream Vera Sans", "Verdana", sans-serif; font-size: 12px;color: #979797; }
</style> <script language='javascript'> if ( location.search.indexOf('showtopic')!=-1) { document.write("<style>#wrap { padding: 60px 0px; background: #FAFAFA url(http://z3.ifrm.com/2/101/0/p380720/ad.gif) no-repeat center; -moz-background-clip: padding; -webkit-background-clip: padding; background-clip: padding-box; border: 10px solid rgba(0,0,0,0.2); text-align: left; position: relative; }</style>")} if ( location.search.indexOf('Reg&CODE=00')!=-1) { document.write("<style>#wrap { padding: 60px 0px; background: #FAFAFA url(http://z3.ifrm.com/2/101/0/p380720/ad.gif) no-repeat center; -moz-background-clip: padding; -webkit-background-clip: padding; background-clip: padding-box; border: 10px solid rgba(0,0,0,0.2); text-align: left; position: relative; }</style>")} if ( location.search.indexOf('Reg&CODE=reval')!=-1) { document.write("<style>#wrap { padding: 60px 0px; background: #FAFAFA url(http://z3.ifrm.com/2/101/0/p380720/ad.gif) no-repeat center; -moz-background-clip: padding; -webkit-background-clip: padding; background-clip: padding-box; border: 10px solid rgba(0,0,0,0.2); text-align: left; position: relative; }</style>")} </script> <style>
Purple:
Spoiler: click to toggle - Code:
-
html { overflow-x: auto; overflow-y: auto; }
hr { border:0px; border-top: 1px solid #000; border-bottom: 1px solid #3F3F3F; }
form { display:inline; } img { vertical-align:middle; border:0px } BODY { font-family: Arial, sans-serif; font-size: 12px; color: #979797; margin:0px;background: #202020 url(http://z3.ifrm.com/2/101/0/p380439/wood.gif); } TABLE, TR, TD { font-family: Arial, sans-serif; font-size: 12px; color: #979797; } a:link, a:visited, a:active { text-decoration: none; color: #ebebeb } a:hover { color: #9800C2}
fieldset.search { padding:6px; line-height:150%; border: 1px solid #000; } label { cursor:pointer; }
img.attach { border:0px; 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:#979797 }
.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 { color:#FFFFFF;background: url(http://img571.imageshack.us/img571/2293/maintitle.png) bottom repeat-x ; text-transform: uppercase; font-size: 13px; padding: 8px 0px 13px 0px; text-align: center; } #photoimg { text-align:center; margin-top:15px }
#ucpmenu { line-height:150%;width:22%; background: transparent } #ucpmenu p { padding:2px 5px 6px 9px;margin:0px; } #ucpcontent { background: transparent;line-height:150%; width:auto } #ucpcontent p { padding:10px;margin:0px; }
#ipsbanner { position:absolute;top:1px;right:5%; } #logostrip, #submenu, #userlinks { display:none; }
#navstrip { font-weight:bold;padding:6px 0px 6px 0px; }
.activeuserstrip { background:transparent; padding:6px }
.pformstrip { background-color: transparent; color:#979797;font-weight:bold;padding:7px;margin-top:1px } .pformleft { background: transparent; padding:6px; margin-top:1px;width:25%; } .pformleftw { background: transparent; padding:6px; margin-top:1px;width:40%; } .pformright { background: transparent; padding:6px; margin-top:1px;}
.postlinksbar { background: transparent; padding:7px; margin-top:1px; font-size:10px; }
.row1, .row2, .row3, .row4, .post1, .post2, .hlight, .dlight, .plainborder { background: transparent } .post1, .post2 { padding: 10px 20px; } div.row4 { border: 0px!important; }
.darkrow1, .darkrow2, .darkrow3 { background: transparent; } div.darkrow1 { background: url(http://img571.imageshack.us/img571/2293/maintitle.png) bottom repeat-x ; padding: 4px; }
.titlemedium { font-weight:bold; color:#979797; padding:7px; margin:0px; background:transparent } .titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: #3A4F6C }
.maintitle { vertical-align:middle;font-weight:normal; text-transform: uppercase; color:#FFFFFF; padding:15px 0px 15px 60px; background: url(http://img571.imageshack.us/img571/2293/maintitle.png) bottom repeat-x ; font-family: Arial; font-size: 15px; } div.maintitle, div.maintitle div { text-align:left!important; } .maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #FFFFFF; } .maintitle a:hover { color:#9700B0; background: url(http://z3.ifrm.com/2/101/0/p380696/ulhover.png) no-repeat bottom; padding-bottom: 6px } .maintitle img { display:none; }
.tableborder { border: 0px solid #000000; padding:0px; padding-top:0px; margin:0px; width:100%; }
.tablefill { background: transparent; padding:6px; } .tablepad { background: transparent; 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:#979797 } .edit { font-size: 9px }
.signature { font-size: 10px; color: #979797; } .postdetails { font-size: 10px } .postcolor { font-size: 12px; line-height: 160% }
.normalname { font-size: 12px; font-weight: bold; color: #979797; padding-left: 20px; } .normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px } .unreg { font-size: 11px; font-weight: bold; color: #979797 }
.searchlite { font-weight:bold; color:#979797; background: transparent }
#QUOTE { font-family: Arial; font-size: 11px; color: #979797; background:transparent url(http://z3.ifrm.com/2/101/0/p381115/quote.png) top left no-repeat; padding: 10px; padding-left:30px; font-style: italic; } #CODE { font-family: Arial; font-size: 11px; color: #979797; background:transparent url(http://z3.ifrm.com/2/101/0/p381116/code.png) top left no-repeat; padding: 10px; padding-left:35px; }
.copyright { font-family: Arial, Sans-Serif; font-size: 9px; line-height: 12px }
.codebuttons, .forminput, div.tableborder div.tablepad input { font-size: 11px; font-family: arial, helvetica, sans-serif; vertical-align: middle; padding: 3px 4px; margin: 2px; background: transparent; border: 0px; border-bottom: 1px solid #000; color: #979797}
.forminput option { color: #202020; }
.radiobutton, .checkbox { font-size: 11px; font-family: arial, helvetica, sans-serif; vertical-align: middle; padding: 3px 4px; margin: 2px; }
.codebuttons { font-weight: bold; } .codebuttons:hover, .forminput:hover { border-bottom: 1px solid #FFFFFF; color: #FFFFFF; }
.textinput { font-size: 11px; font-family: arial, helvetica, sans-serif; vertical-align: middle; padding: 3px 4px; margin: 2px; background: transparent; border: 2px solid #000; color: #979797 } .textinput:hover { border: 2px solid #FFFFFF; color: #FFFFFF; }
.thin { padding:6px 0px 6px 0px;line-height:140%;margin:2px 0px 2px 0px;}
.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 } input.row1 { font-family: Arial, sans-serif!important; font-size: 12px; color: #979797!important; }
/* CONTAINER */ #wrap { background: #FAFAFA; padding: 10px 0px; margin: 0px auto 20px ; width: 90%; -moz-background-clip: padding; -webkit-background-clip: padding; background-clip: padding-box; border: 10px solid rgba(0,0,0,0.2); text-align: left; position: relative; } #wrap1 { background: transparent; margin: 0px auto; text-align: left; width: 90%; } #header { background: url(http://z3.ifrm.com/2/101/0/p381377/bgpurple.gif) repeat-x top; }
/* USERLINKS */ #ul { width: 100%; text-align: center; color: #FFFFFF; font-size: 12px; font-weight: bold; padding-top: 10px; } #ul td { width: 50%;color: #FFFFFF; font-size: 12px; } #ul a, #ul strong { color: #FFFFFF; text-decoration: none; font-size: 12px; font-weight: bold; padding-bottom: 16px; } #ul a:hover { color: #9700B0; text-decoration: underline; background: url(http://z3.ifrm.com/2/101/0/p380696/ulhover.png) no-repeat bottom; text-decoration:none; padding-bottom: 16px; }
/* MENU */ #menu { text-align:right; width: 90%; padding: 5px 10px; text-transform: uppercase; } #menu a { color: #FFFFFF; padding: 5px 15px; border-bottom-color: #ffffff; font-weight: bold; }
#menu a:hover { background: url(http://z3.ifrm.com/2/101/0/p380690/menuhover.png) no-repeat bottom; text-decoration:none; color: #000000; }
/* PORTAL */ #ipbwrapper { background: url(http://z3.ifrm.com/2/101/0/p381377/bgpurple.gif) repeat-x top;} #ipbwrapper .maintitle { padding-left: 10px; } #ipbwrapper .tableborder { margin: 10px auto; text-align: left; width: 90%; } #ipbwrapper #logostrip { display: block; text-align:center; padding-top: 150px; padding-bottom: 60px; } #ipbwrapper div.row4 { background: #FAFAFA; width:90%; margin: 0px auto; padding: 20px; border-top: 10px solid #710088!important; border-bottom: 10px solid #191919!important; } #ipbwrapper #submenu { display:block; width: 90%; margin: 0px auto; font-weight: bold; text-transform: uppercase; text-align:right!important; } #ipbwrapper #submenu a { padding: 5px 15px; text-align:right!important; } #ipbwrapper #submenu a:hover {background: url(http://z3.ifrm.com/2/101/0/p380690/menuhover.png) no-repeat bottom; text-decoration:none; color: #000000; padding: 7px 15px;} #ipbwrapper #submenu img { display: none; }
/*CALENDAR*/ .caldate { text-align:left; font-weight:normal; font-size:14px; color:#979797; padding:2px;margin: 5px 5px 0px 50px; } form div.tableborder td.row1 { border: 0px!important; } form div.tableborder td.row1 .caldate { color: #9700B0; padding: 2px; }
/*SEARCH*/ div.tableborder div.tablepad { background:transparent!important; } div.tableborder div.tablepad table { background: transparent!important; } div.tableborder div.tablepad table img { display:none; } div.tableborder div.tablepad table font { font-family:"Arial", "Bitstream Vera Sans", "Verdana", sans-serif; font-size: 12px;color: #979797; }
</style> <script language='javascript'> if ( location.search.indexOf('showtopic')!=-1) { document.write("<style>#wrap { padding: 60px 0px; background: #FAFAFA url(http://z3.ifrm.com/2/101/0/p380720/ad.gif) no-repeat center; -moz-background-clip: padding; -webkit-background-clip: padding; background-clip: padding-box; border: 10px solid rgba(0,0,0,0.2); text-align: left; position: relative; }</style>")} if ( location.search.indexOf('Reg&CODE=00')!=-1) { document.write("<style>#wrap { padding: 60px 0px; background: #FAFAFA url(http://z3.ifrm.com/2/101/0/p380720/ad.gif) no-repeat center; -moz-background-clip: padding; -webkit-background-clip: padding; background-clip: padding-box; border: 10px solid rgba(0,0,0,0.2); text-align: left; position: relative; }</style>")} if ( location.search.indexOf('Reg&CODE=reval')!=-1) { document.write("<style>#wrap { padding: 60px 0px; background: #FAFAFA url(http://z3.ifrm.com/2/101/0/p380720/ad.gif) no-repeat center; -moz-background-clip: padding; -webkit-background-clip: padding; background-clip: padding-box; border: 10px solid rgba(0,0,0,0.2); text-align: left; position: relative; }</style>")} </script> <style>
Green:
Spoiler: click to toggle - Code:
-
html { overflow-x: auto; overflow-y: auto; }
hr { border:0px; border-top: 1px solid #000; border-bottom: 1px solid #3F3F3F; }
form { display:inline; } img { vertical-align:middle; border:0px } BODY { font-family: Arial, sans-serif; font-size: 12px; color: #979797; margin:0px;background: #202020 url(http://z3.ifrm.com/2/101/0/p380439/wood.gif); } TABLE, TR, TD { font-family: Arial, sans-serif; font-size: 12px; color: #979797; } a:link, a:visited, a:active { text-decoration: none; color: #ebebeb } a:hover { color: #ACD900}
fieldset.search { padding:6px; line-height:150%; border: 1px solid #000; } label { cursor:pointer; }
img.attach { border:0px; 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:#979797 }
.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 { color:#FFFFFF;background: url(http://img571.imageshack.us/img571/2293/maintitle.png) bottom repeat-x ; text-transform: uppercase; font-size: 13px; padding: 8px 0px 13px 0px; text-align: center; } #photoimg { text-align:center; margin-top:15px }
#ucpmenu { line-height:150%;width:22%; background: transparent } #ucpmenu p { padding:2px 5px 6px 9px;margin:0px; } #ucpcontent { background: transparent;line-height:150%; width:auto } #ucpcontent p { padding:10px;margin:0px; }
#ipsbanner { position:absolute;top:1px;right:5%; } #logostrip, #submenu, #userlinks { display:none; }
#navstrip { font-weight:bold;padding:6px 0px 6px 0px; }
.activeuserstrip { background:transparent; padding:6px }
.pformstrip { background-color: transparent; color:#979797;font-weight:bold;padding:7px;margin-top:1px } .pformleft { background: transparent; padding:6px; margin-top:1px;width:25%; } .pformleftw { background: transparent; padding:6px; margin-top:1px;width:40%; } .pformright { background: transparent; padding:6px; margin-top:1px;}
.postlinksbar { background: transparent; padding:7px; margin-top:1px; font-size:10px; }
.row1, .row2, .row3, .row4, .post1, .post2, .hlight, .dlight, .plainborder { background: transparent } .post1, .post2 { padding: 10px 20px; } div.row4 { border: 0px!important; }
.darkrow1, .darkrow2, .darkrow3 { background: transparent; } div.darkrow1 { background: url(http://img571.imageshack.us/img571/2293/maintitle.png) bottom repeat-x ; padding: 4px; }
.titlemedium { font-weight:bold; color:#979797; padding:7px; margin:0px; background:transparent } .titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: #3A4F6C }
.maintitle { vertical-align:middle;font-weight:normal; text-transform: uppercase; color:#FFFFFF; padding:15px 0px 15px 60px; background: url(http://img571.imageshack.us/img571/2293/maintitle.png) bottom repeat-x ; font-family: Arial; font-size: 15px; } div.maintitle, div.maintitle div { text-align:left!important; } .maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #FFFFFF; } .maintitle a:hover { color:#ACD900; background: url(http://z3.ifrm.com/2/101/0/p380696/ulhover.png) no-repeat bottom; padding-bottom: 6px } .maintitle img { display:none; }
.tableborder { border: 0px solid #000000; padding:0px; padding-top:0px; margin:0px; width:100%; }
.tablefill { background: transparent; padding:6px; } .tablepad { background: transparent; 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:#979797 } .edit { font-size: 9px }
.signature { font-size: 10px; color: #979797; } .postdetails { font-size: 10px } .postcolor { font-size: 12px; line-height: 160% }
.normalname { font-size: 12px; font-weight: bold; color: #979797; padding-left: 20px; } .normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px } .unreg { font-size: 11px; font-weight: bold; color: #979797 }
.searchlite { font-weight:bold; color:#979797; background: transparent }
#QUOTE { font-family: Arial; font-size: 11px; color: #979797; background:transparent url(http://z3.ifrm.com/2/101/0/p381115/quote.png) top left no-repeat; padding: 10px; padding-left:30px; font-style: italic; } #CODE { font-family: Arial; font-size: 11px; color: #979797; background:transparent url(http://z3.ifrm.com/2/101/0/p381116/code.png) top left no-repeat; padding: 10px; padding-left:35px; }
.copyright { font-family: Arial, Sans-Serif; font-size: 9px; line-height: 12px }
.codebuttons, .forminput, div.tableborder div.tablepad input { font-size: 11px; font-family: arial, helvetica, sans-serif; vertical-align: middle; padding: 3px 4px; margin: 2px; background: transparent; border: 0px; border-bottom: 1px solid #000; color: #979797}
.forminput option { color: #202020; }
.radiobutton, .checkbox { font-size: 11px; font-family: arial, helvetica, sans-serif; vertical-align: middle; padding: 3px 4px; margin: 2px; }
.codebuttons { font-weight: bold; } .codebuttons:hover, .forminput:hover { border-bottom: 1px solid #FFFFFF; color: #FFFFFF; }
.textinput { font-size: 11px; font-family: arial, helvetica, sans-serif; vertical-align: middle; padding: 3px 4px; margin: 2px; background: transparent; border: 2px solid #000; color: #979797 } .textinput:hover { border: 2px solid #FFFFFF; color: #FFFFFF; }
.thin { padding:6px 0px 6px 0px;line-height:140%;margin:2px 0px 2px 0px;}
.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 } input.row1 { font-family: Arial, sans-serif!important; font-size: 12px; color: #979797!important; }
/* CONTAINER */ #wrap { background: #FAFAFA; padding: 10px 0px; margin: 0px auto 20px ; width: 90%; -moz-background-clip: padding; -webkit-background-clip: padding; background-clip: padding-box; border: 10px solid rgba(0,0,0,0.2); text-align: left; position: relative; } #wrap1 { background: transparent; margin: 0px auto; text-align: left; width: 90%; } #header { background: url(http://z3.ifrm.com/2/101/0/p381378/bggreen.gif) repeat-x top; }
/* USERLINKS */ #ul { width: 100%; text-align: center; color: #FFFFFF; font-size: 12px; font-weight: bold; padding-top: 10px; } #ul td { width: 50%;color: #FFFFFF; font-size: 12px; } #ul a, #ul strong { color: #FFFFFF; text-decoration: none; font-size: 12px; font-weight: bold; padding-bottom: 16px; } #ul a:hover { color: #ACD900; text-decoration: underline; background: url(http://z3.ifrm.com/2/101/0/p380696/ulhover.png) no-repeat bottom; text-decoration:none; padding-bottom: 16px; }
/* MENU */ #menu { text-align:right; width: 90%; padding: 5px 10px; text-transform: uppercase; } #menu a { color: #FFFFFF; padding: 5px 15px; border-bottom-color: #ffffff; font-weight: bold; }
#menu a:hover { background: url(http://z3.ifrm.com/2/101/0/p380690/menuhover.png) no-repeat bottom; text-decoration:none; color: #000000; }
/* PORTAL */ #ipbwrapper { background: url(http://z3.ifrm.com/2/101/0/p381378/bggreen.gif) repeat-x top;} #ipbwrapper .maintitle { padding-left: 10px; } #ipbwrapper .tableborder { margin: 10px auto; text-align: left; width: 90%; } #ipbwrapper #logostrip { display: block; text-align:center; padding-top: 150px; padding-bottom: 60px; } #ipbwrapper div.row4 { background: #FAFAFA; width:90%; margin: 0px auto; padding: 20px; border-top: 10px solid #587F00!important; border-bottom: 10px solid #191919!important; } #ipbwrapper #submenu { display:block; width: 90%; margin: 0px auto; font-weight: bold; text-transform: uppercase; text-align:right!important; } #ipbwrapper #submenu a { padding: 5px 15px; text-align:right!important; } #ipbwrapper #submenu a:hover {background: url(http://z3.ifrm.com/2/101/0/p380690/menuhover.png) no-repeat bottom; text-decoration:none; color: #000000; padding: 7px 15px;} #ipbwrapper #submenu img { display: none; }
/*CALENDAR*/ .caldate { text-align:left; font-weight:normal; font-size:14px; color:#979797; padding:2px;margin: 5px 5px 0px 50px; } form div.tableborder td.row1 { border: 0px!important; } form div.tableborder td.row1 .caldate { color: #ACD900; padding: 2px; }
/*SEARCH*/ div.tableborder div.tablepad { background:transparent!important; } div.tableborder div.tablepad table { background: transparent!important; } div.tableborder div.tablepad table img { display:none; } div.tableborder div.tablepad table font { font-family:"Arial", "Bitstream Vera Sans", "Verdana", sans-serif; font-size: 12px;color: #979797; }
</style> <script language='javascript'> if ( location.search.indexOf('showtopic')!=-1) { document.write("<style>#wrap { padding: 60px 0px; background: #FAFAFA url(http://z3.ifrm.com/2/101/0/p380720/ad.gif) no-repeat center; -moz-background-clip: padding; -webkit-background-clip: padding; background-clip: padding-box; border: 10px solid rgba(0,0,0,0.2); text-align: left; position: relative; }</style>")} if ( location.search.indexOf('Reg&CODE=00')!=-1) { document.write("<style>#wrap { padding: 60px 0px; background: #FAFAFA url(http://z3.ifrm.com/2/101/0/p380720/ad.gif) no-repeat center; -moz-background-clip: padding; -webkit-background-clip: padding; background-clip: padding-box; border: 10px solid rgba(0,0,0,0.2); text-align: left; position: relative; }</style>")} if ( location.search.indexOf('Reg&CODE=reval')!=-1) { document.write("<style>#wrap { padding: 60px 0px; background: #FAFAFA url(http://z3.ifrm.com/2/101/0/p380720/ad.gif) no-repeat center; -moz-background-clip: padding; -webkit-background-clip: padding; background-clip: padding-box; border: 10px solid rgba(0,0,0,0.2); text-align: left; position: relative; }</style>")} </script> <style>
Edited by Helena, Jun 21 2012, 03:59 PM.
|