INDEX PORTAL BOARD POLICY HELP SEARCH MEMBERS CALENDAR


 

 Silver Element Skin Coding, Last Updated: --/--/----
Track this topic | Email this topic | Print this topic
Thost
Posted: Aug 24 2008, 05:41 PM


Administrator


Group: Executive
Posts: 32
Member No.: 1
Joined: 17-March 07
INFORMATION:
Name: Silver Pearl
Author: Thost
Date Created: January 2007
Live Demo: Click Here
Notes: Skin was created for a closed forum.

CODING:
CSS:
QUOTE
/* FIX IE6 Scrollbars bug - Leave this in! */
/* FIX IE6 Scrollbars bug - Leave this in! */
html { overflow-x: auto; }

/* Body entry, change forum page background colour, default font, font size, etc. Leave text-align:center to center board content
   #ipwrapper will set text-align back to left for the forum. Any other tables / divs you use must use text-align:left to re-align
   the content properly. This is a work around to a known Internet Explorer bug */
BODY { font-family:Tahoma,Arial,Verdana, sans-serif; font-size: 10px; color: #919191; margin:0px;padding:0px;background-color:#7c7c7c; text-align:center }
TABLE, TR, TD { font-family:Tahoma,Verdana,Trebuchet MS,Arial, sans-serif; font-size: 10px; color: #919191; }

/* MAIN WRAPPER: Adjust forum width here. Leave margins alone to auto-center content */
#ipbwrapper { text-align:left; width:800px;padding:10px;background-color:#FFF; margin-left:auto;margin-right:auto }

a:link, a:visited, a:active { text-decoration: none; color: #6b6b6b; }
a:hover { color: #7c7c7c; text-decoration:underline }

fieldset.search { padding:6px; line-height:150% }
label      { cursor:pointer; }
form       { display:inline; }
img        { vertical-align:middle; border:0px }
img.attach { border:2px outset #D3D3D3;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:right;font-weight:bold;font-size:11px;background-image: url(http://209.85.48.8/10144/137/upload/p1835511.gif);border:1px solid#D3D3D3;background-color:#F2F2F2;padding:4px;margin:0px }

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

#ucpmenu    { line-height:150%;width:22%; border:1px solid #D3D3D3;background-color: #F2F2F2 }

#ucpmenu td.maintitle { background-color:#F2F2F2;background-image: url(http://209.85.48.8/10144/137/upload/p1835511.gif);padding:5px; }

#ucpmenu p  { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #F2F2F2; border:1px solid #D3D3D3;line-height:150%; width:auto }
#ucpcontent p  { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:1px solid #6b6b6b;text-align:right;background-color: #7C7C7C;background-image:url(http://209.85.48.8/9939/195/upload/p1308972.gif);padding:0px;margin:0px; }
#submenu   { border:1px solid #D3D3D3;background-color: #F2F2F2;font-size:10px;margin:3px 0px 3px 0px;font-weight:normal;}
#submenu   {display:none}
#submenu a:link, #submenu  a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #3A4F6C; }
#userlinks { border:1px dashed #D3D3D3;margin-top:10px; background-color: #F2F2F2; }

#navstrip  { font-weight:normal; background-image: url(http://209.85.48.8/9939/195/upload/p1305815.gif); border: 1px solid #6d6d6d; padding:2px 0px 2px 0px; color: #e0e0e0; }

#navstrip a:link, #navstrip a:visited, #navstrip a:active { text-decoration:none; color: #f2f2f2; }
#navstrip a:hover { color: #e0e0e0; text-decoration:none; }

.activeuserstrip { background-color:#BCD0ED;background-image: url(http://209.85.48.8/10144/137/upload/p1835511.gif);border:1px solid#D3D3D3; padding:6px }

/* Form stuff (post / profile / etc) */
.pformstrip { background-color: #F2F2F2;font-weight:normal; padding:1px; margin:0px; background-image: url(http://209.85.48.8/9939/195/upload/p1304861.gif); border-top: 1px  solid #FFF; border-right: 1px solid #FFF; }
div.pformstrip { background-color: #F2F2F2;background-image: url(http://209.85.48.8/10144/137/upload/p1835511.gif);border-top:1px solid#D3D3D3;border-bottom:1px solid#D3D3D3; font-weight:normal;;padding:5px;margin-top:1px }
table.tableborder td.pformstrip {border-left:1px solid#D3D3D3;border-right:1px solid#D3D3D3;border-bottom:1px solid#D3D3d3;}

.pformleft { background-color: #F2F2F2; background-image: url(http://); padding:6px; margin-top:1px;width:25%; border-left:1px solid #D3D3D3;border-top:1px solid#FFF; border-left:1px solid #D3D3D3;border-bottom:1px solid #D3D3D3; }
.pformleftw { background-color: #F2F2F2; background-image: url(http://); padding:6px; margin-top:1px;width:40%; border-top:1px solid #D3D3D3;border-left:1px solid#D3D3D3; border-right:1px solid #D3D3D3; }
.pformright { background-color: #F2F2F2; background-image: url(http://); padding:6px; margin-top:1px;border-top:1px solid #FFF;border-right:1px solid #D3D3D3;border-left:1px solid #D3D3d3;border-bottom:1px solid #D3D3D3; }

/* Topic View elements */
.signature   { font-size: 10px; color: #919191; line-height:150% }
.postdetails { font-size: 10px }
.postcolor   { font-size: 12px; line-height: 160% }

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

.post1 { background-color: #F2F2F2;border-top:1px solid#FFF;border-right:1px solid#FFF; }
.post2 { background-color: #F2F2F2;border-top:1px solid#FFF;border-right:1px solid#FFF; }
.postlinksbar { background-color:#F2F2F2;padding:5px;margin-top:1px;font-size:10px; background-image: url(http://209.85.48.8/10144/137/upload/p1835511.gif);border-left:1px solid#D3D3D3;border-right:1px solid#D3D3D3; }

/* Common elements */
.row1 { background-color: #F2F2F2;border-top:1px solid#FFF;border-right:1px solid#FFF; }

.row2 { background-color: #F2F2F2; border-top: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; background-image: url(http://209.85.48.8/9939/195/upload/p1305088.gif); background-repeat: repeat-x; }

div.row2 { background-color: #F2F2F2;border:none;border-left:1px solid#D3D3D3;border-right:1px solid#D3D3D3;background-image: url(http://209.85.48.8/10144/137/upload/p1837369.gif); }

.row3 { background-color: #F2F2F2;border-top:1px solid#FFF;border-right:1px solid#FFF; }

.row4 { background-color: #F2F2F2; border-top: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; background-image: url(http://209.85.48.8/9939/195/upload/p1305088.gif); background-repeat: repeat-x; }

div.row4 { background-color: #F2F2F2;border:none;border:1px solid#D3D3D3;background-image: url(http://209.85.48.8/10144/137/upload/p1837369.gif); }

div.row4 { background-color: #F2F2F2!important;border:none!important;border:1px solid#D3D3D3!important;background-image: url(http://209.85.48.8/10144/137/upload/p1837369.gif)!important; }

.darkrow1 { background-color: #F2F2F2; }
.darkrow2 { background-color: #F2F2F2;background-image: url(http://209.85.48.8/10144/137/upload/p1835511.gif);padding:4px; }
div.darkrow2 { background-color: #F2F2F2;background-image: url(http://209.85.48.8/10144/137/upload/p1835511.gif);border:1px solid#D3D3D3; }

div.darkrow3 { border:1px solid #C6C4C4; background-color: #F2F2F2; background-image: url(http://209.85.48.8/10144/137/upload/p1835511.gif) top repeat-x; padding:2px; }
div.darkrow3 a { padding: 1px 4px 1px 4px; }
div.darkrow3 a:hover { text-decoration:underline; }

.darkrow3 { background-color: #F2F2F2;background-image: url(http://209.85.48.8/10144/137/upload/p1835511.gif); }

div.darkrow1 {border:none; padding-bottom: 11px; background-position: top center; background-image: url(http://209.85.48.8/9939/195/upload/p1306747.gif);border:1px solid#6d6d6d;}

.hlight { background-color: #F2F2F2;border-top:1px solid#FFF;border-right:1px solid#FFF; }
.dlight { background-color: #F2F2F2;border-top:1px solid#FFF;border-right:1px solid#FFF; }

.titlemedium { font-weight:normal; padding:1px; margin:0px; background-image: url(http://209.85.48.8/9939/195/upload/p1304861.gif); border-top: 1px  solid #FFF; border-right: 1px solid #FFF; }
.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active  { text-decoration: underline; }

.maintitle IMG { Display:none }
.maintitle { font-weight: bold; text-align: center; letter-spacing: 1px;color:#6b6b6b; }
.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none; }
.maintitle a:hover { text-decoration:none }
.mtcentre { background-image: url(http://209.85.48.8/10144/137/upload/p1834789.gif); background-position: top center; background-repeat: repeat-x; margin: 0px 128px 0px 128px; padding: 10px 0px 10px 0px; text-align: center }
td.maintitle { background-image: url(http://209.85.48.8/10144/137/upload/p1834789.gif); background-position: top center; background-repeat: repeat-x; padding: 10px 0px 10px 0px; text-align: center }
.mtleft { background-image: url(http://209.85.48.8/10144/137/upload/p1834763.gif); background-position: top left; background-repeat: no-repeat; height: 28px; }
.mtright { background-image: url(http://209.85.48.8/10144/137/upload/p1834797.gif); background-position: top right; background-repeat: no-repeat; height: 28px; }

/* tableborders gives the white column / row lines effect */
.plainborder { border:0px solid #D3D3D3;background-color:#C6C4C4; }
.tableborder { border:0px solid #D3D3D3;background-color:#C6C4C4; padding:0; margin:0 }
.tablefill   { background-image: url(http://209.85.48.8/10144/137/upload/p1837369.gif);background-repeat:no-repeat;background-position:top;background-color:#F2F2F2;border:1px solid#D3D3D3;color: #919191;padding:6px;  }
.tablepad    { background-color:#F2F2F2;border:1px solid #D3D3D3;padding:6px }
.tablebasic  { width:100%; padding:0px 0px 0px 0px; margin:0px; border:0px }
.scopyright { background-color: #F2F2F2;border:none;padding:3px;border:1px solid#D3D3D3;background-image: url(http://209.85.48.8/10144/137/upload/p1837369.gif); }

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

.desc { font-size:10px; color:#919191 }
.edit { font-size: 9px }


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

#QUOTE { white-space:normal; font-family: Verdana, Arial; font-size: 11px; background-color: #F2F2F2; border: 1px solid #D3D3D3; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }

#CODE { white-space:normal; font-family: Verdana, Arial; font-size: 11px; background-color: #F2F2F2; border: 1px solid #D3D3D3; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }

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

.codebuttons  { font-size: 10px; font-family: verdana, helvetica, sans-serif; vertical-align: middle;background-image: url(http://209.85.48.8/10144/137/upload/p1837369.gif);background-repeat:no-repeat;background-position:top;background-color:#F2F2F2;border:1px solid#D3D3D3;color: #919191;  }
.forminput, .textinput, .radiobutton, .checkbox  { font-size: 10px; font-family: verdana, helvetica, sans-serif; vertical-align: middle;background-image: url(http://209.85.48.8/10144/137/upload/p1837369.gif);background-repeat:no-repeat;background-position:top;background-color:#F2F2F2;border:1px solid#D3D3D3;color: #919191; }

.thin { padding:6px 0px 6px 0px;line-height:140%;margin:2px 0px 2px 0px;background-image: url(http://209.85.48.8/10144/137/upload/p1837369.gif);background-repeat:no-repeat;background-position:top;background-color:#F2F2F2;border:1px solid#D3D3D3;color: #919191;padding:2px; }

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

/*Custom Submenu*/
.customsubmenu{

text-align: center;
border: 1px solid #D3D3D3;
padding: 5px;
text-transform:
uppercase;
font-size: 10px;
margin: 10px 0px 0px 0px;


font-weight:normal;
text-align:center;

text-position:bottom;
height: 24px;
background-image: url(http://209.85.48.8/10144/137/upload/p1835511.gif);
}
.customsubmenu a {
font-weight:normal;
font-size:10px;
text-decoration: none;
margin-left:4px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
background-image:url(http://209.85.48.8/10144/137/upload/p1835511.gif); }
.customsubmenu a:hover {
font-weight:normal;
font-size:10px;
text-decoration: none;
color: #F2F2F2;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;

padding-right: 10px;
border: 1px solid #6b6b6b;
background-image:url(http://209.85.48.8/10144/137/upload/p1839592.gif); }


.notice{background-color:#F9BBC0;text-align:left;color:#6B4C4F;border:1px solid#C79297;padding:6px;width:80%;}


Header and Body:
QUOTE
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" alink="#000000" vlink="#000000">
<table align="center">
<td width="850px" style="background-color: #F2F2F2;background-image: url(http://209.85.48.8/10144/137/upload/p1837369.gif);background-position:top;background-repeat:no-repeat; padding: 10px 10px 10px 10px; border: 1px solid#6b6b6b;">
<table width="100%" >
<td class="customsubmenu"  align='center' width="100%">
<a href="http://sbss.sytes.net/">  INDEX  </a>  <a href='http://sbss.sytes.net/index.php?act=home'>  PORTAL</a> <a href='http://sbss.sytes.net/index.php?act=boardrules'>  BOARD POLICY</a><a href='http://sbss.sytes.net/index.php?act=Help'>  HELP  </a><a href='http://sbss.sytes.net/index.php?act=Search&f='>  SEARCH  </a><a href='http://sbss.sytes.net/index.php?act=Members'> MEMBERS </a><a href='http://sbss.sytes.net/index.php?act=calendar'> CALENDAR</a>

</td>
</table>
<% BOARD HEADER %>
<table align="center">
<td width="800px" style=" background-color: #F9F9F9;border: 1px solid#D3D3D3; padding: 10px 10px 10px 10px;">
<% NAVIGATION %>
<% BOARD %>
<% STATS %>
<br><div class="scopyright" align="right"><b><a href="http://z6.invisionfree.com/skinstyles_skin/">Silver Pearl</a></b> skin created by <b>Hostix</b> and <b>Cole</b> of <b><a href="http://ca.b1.jcink.com/">Creative Aspect</a></b></div>


Footers:
QUOTE
<script type='text/javascript'><!-- // s.FEO-2.2
g=document.getElementsByTagName("div")
for ( j=0; j<=g.length; j++ ) {
if ( g[j].className == "maintitle" ) { c=g[j].innerHTML
if ( location.href.indexOf("act=UserCP") == -1 && location.href.indexOf("act=Msg") == -1 ) {
g[j].innerHTML = c.replace
(c , "<div class='mtleft'><div class='mtright'><div class='mtcentre'>" + c + "</div></div></div>") }
else { document.write("<style> .mtcentre { margin: 0px } </style>"); g[j].innerHTML = c.replace
(c , "<div class='mtcentre'>" + c + "</div>") } } }
// a WhiteElephant production --></script>
<script type='text/javascript'>
<!--
// remove 'Forum led by:...'
// code by ticlo, http://ifsz.net/

e = document.getElementsByTagName('SPAN')
for (n = 0; n < e.length; n++) {
if (e[n].className == 'desc') {
as = e[n].getElementsByTagName('A')
for (i = 0; i < as.length; i++) {
a = as[i].previousSibling
if (a &&
   a.nodeName == '#text' &&
   a.nodeValue.match(/Forum Led by:/) &&
   a.previousSibling &&
   a.previousSibling.nodeName == 'BR') {
p = a.parentNode
for (a = a.previousSibling; a.nextSibling;) p.removeChild(a.nextSibling)
p.removeChild(a)
break
}}}}
// -->
</script>
Top
« Next Oldest | Test Forum | Next Newest »


Topic Options Quick Reply




Silver Pearl skin created by Hostix and Cole of Creative Aspect

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.3642 seconds | Archive