We hope you enjoy your visit.

You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Username:   Password:
Add Reply
Pokemon > Blue & Yellow & Grey; Light
Topic Started: Jun 26 2007, 12:17 AM (1,793 Views)
Leonardo
Member Avatar
Hakuna Matata
[ *  *  *  *  *  *  * ]
Color Scheme: Blue & Yellow & Grey
Author: Leonardo


Preview of the skin
Posted Image


Header & Body:
Quote:
 
<body align="left" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" alink="#000000" vlink="#000000">
<center>
<table class="maintable" cellspacing="0" bgcolor="#dcdcdc" valign="top" width="750">
<td class="inner" width="728" bgcolor="#dcdcdc">

<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>
<% STATS %>


Footer:
Quote:
 
</td>
</table>
</center>


CSS of skin:
Quote:
 
html { overflow-x: auto; overflow-y: auto; }

form { display:inline; }
img { vertical-align:middle; border:0px }

BODY { font-family: Trebuchet MS, Tahoma, Arial, sans-serif; font-size: 10px; color: #6A8798; margin:10px; background-color:#7699AC; background-image: url(http://i5.ifrm.com/11195/14/upload/p9514873.gif); background-repeat: no-repeat; background-position: bottom left; }
TABLE, TR, TD, div.tableborder div.tablepad table font { font-family: Trebuchet MS, Tahoma, Arial, sans-serif; font-size: 10px; color: #6A8798; }
a:link, a:visited, a:active { text-decoration: none; color: #6A8798 }
a:hover { color: #F5D480; text-decoration: none }

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

img.attach { border:2px outset #EEF2F7;padding:2px }
IMG { filter: chroma(color=#D4E6EA) }

.googleroot { padding:6px; line-height:130% }
.googlechild { padding:6px; margin-left:30px; line-height:130% }
.googlebase { padding:6px; }
.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 }

.req { color: #3f1a1a; font-weight: bold }

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 { background-color: transparent; color: #F5D480; text-align: center; padding: 10px; font-weight: bold }

div.maintitle div { text-align:left; }

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

#logostrip { background: #83A8BD }

#ucpmenu { line-height:150%;width:22%; border:1px solid #7192A5;background-color: #80A4B8 }
#ucpmenu p { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #80A4B8; border:1px solid #7192A5;line-height:150%; width:auto }
#ucpcontent p { padding:10px;margin:0px; }
#ucpmenu .maintitle, #ucpcontent .maintitle { border:0px!important; }
#ucpmenu .pformstrip, #ucpcontent .pformstrip { border-top: 1px solid #7192A5; border-bottom: 1px solid #7192A5; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#submenu td { border: 1px solid #7192A5; background-color: #80A4B8; background-image: url(http://i5.ifrm.com/11195/14/upload/p9514373.gif); background-repeat: repeat-x; padding: 2px; }
#submenu img { display:none; }
#userlinks td { border: 1px solid #7192A5; background-color: #80A4B8; background-image: url(http://i5.ifrm.com/11195/14/upload/p9514373.gif); background-repeat: repeat-x; text-align: center; }

#navstrip { padding: 1px; margin: 0px; background-image: url(http://i5.ifrm.com/11195/14/upload/p9514373.gif); background-repeat: repeat-x; border: 1px solid #7192A5; }

.inner { background-color: #83A8BD; border: 1px solid #69899B; padding: 10px }
#ipbwrapper { width: 730px; margin: 10px auto 10px auto; background-color: #83A8BD; border: 1px solid #69899B; padding: 10px; }
#ipbwrapper .maintitle { background-position: left; border: 0px; }
#ipbwrapper .maintitle img { display:none; }
#ipbwrapper div.row2 { background-image: url(http://i5.ifrm.com/11195/14/upload/p9514373.gif); background-repeat: repeat-x; background-color: #80A4B8; border:0px; }
#ipbwrapper .tablepad { border:0px; }
#ipbwrapper div.desc { background-color: #80A4B8; }
#ipbwrapper .row4 { border:0px; }
#ipbwrapper .tableborder { border: 1px solid #7192A5; }
#ipbwrapper .post1 { border: 1px solid #7192A5; border-right: none; border-left:0px; }
div.pformstrip { border: 1px solid #7192A5; }
.ntable { background-color: transparent: line-height: 2.0em }

.navitable { margin-left: 170px }

.activeuserstrip { padding: 1px; margin: 0px; background-image: url(http://i5.ifrm.com/11195/14/upload/p9514373.gif); background-repeat: repeat-x; border: 1px solid #7192A5; }

.pformleft { padding:6px; margin-top:1px;width:25%; border-right:1px solid #b6b6b6; background-color: #86ADC3; border-left: 1px solid #7192A5; border-right: 1px solid #7192A5; }
.pformleftw {padding:6px; margin-top:1px;width:40%; background-color: #86ADC3; border: 1px solid #7192A5; }
.pformright { padding:6px; margin-top:1px; background-color: #86ADC3; border-right: 1px solid #7192A5; }

table.tableborder .pformstrip { padding:2px; border: 1px solid #7192A5; }

.postlinksbar { background-color:#80A4B8;padding:1px;margin-top:1px;font-size:10px; background-image: url(http://i5.ifrm.com/11195/14/upload/p9514373.gif); background-repeat: repeat-x; border-left: 1px solid #7192A5; border-right: 1px solid #7192A5;padding-right: 5px;}

.row1, .row2, .row3, .row4 { background-color: #86ADC3; border: 1px solid #A0BBD2; border-bottom: 0px solid #A0BBD2; background-image: url(); background-repeat: repeat-x }

.hlight, .dlight, .post1, .post2 { background-color: #86ADC3; border: 1px solid #A0BBD2; border-bottom: 0px solid #A0BBD2; }

div.row4 { border: 1px solid #69899B!important }

.darkrow1 { background-color: #83A8BD; background-image: url(); background-repeat: repeat-x }
.darkrow2 { background-color: #80A4B8; color:#6A8798; background-image: url(http://i5.ifrm.com/11195/14/upload/p9514373.gif); background-position: bottom; padding: 0px; border-top: 1px solid #A0BBD2;background-repeat: repeat-x;}
div.darkrow2 { border:1px solid #7192A5; border-top: 1px solid #A0BBD2; padding:0px!important; }
.darkrow3 { background-color: #86ADC3; border: 1px solid #A0BBD2; border-bottom: 0px solid #A0BBD2; }
div.darkrow3 { border: 0px!important; }

.margin_pad { margin-left: 6px }

.titlemedium, .pformstrip { font-weight: normal; font-size: 10px; color:#6A8798; background-color: #80A4B8; padding: 0px; padding-left: 2px; margin: 0px; background-image: url(http://i5.ifrm.com/11195/14/upload/p9514373.gif); background-repeat: repeat-x; }
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: none; color: #bcbcbc }

.maintitle { vertical-align: middle; font-weight: normal; color:#FFC636; background-color: #EAE9E9; letter-spacing:0px; padding:7px 0px 5px 15px; background-image: url(http://i5.ifrm.com/11195/14/upload/p9514266.gif); border: 1px solid #7192A5; border-bottom: none!important; background-position: top center;}
.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #FFC636 }
.maintitle a:hover { text-decoration: underline }

.plainborder { border:1px solid #7192A5;background-color:#7192A5 }
.tableborder { border:0px solid #C0D7E4;background-color:#7192A5; padding:0px; margin:0px; width:100% }
.tablefill { background-color: #6A8798; background-image: url(); background-repeat: repeat-x; background-position: top; border: 1px solid #8A8A8A; padding: 6px; }
.tablepad { background-color: #86ADC3; border: 1px solid #7192A5; padding: 6px; }
div.tableborder div.tablepad { background-color: #86ADC3!important; border: 1px solid #7192A5; padding: 6px;}
div.tableborder div.tablepad table { background: transparent!important; }
.tablebasic { width:100%; padding:0px 0px 0px 0px; margin:0px; border:0px }

td.row4 div.row4 { border: 0!important; background-image: url(); background-color: transparent }

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

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

.signature { font-size: 10px; color: #7192A5; padding: 10px; }
.postdetails { font-size: 10px }
.postdetails a { text-decoration:none!important; }
.postcolor { font-size: 12px; line-height: 160% }

.normalname { font-size: 12px; font-weight: bold; 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 }

#QUOTE { background-color: #EAE9E9; border: 1px solid #b6b6b6; padding: 3px; text-align: left }
#CODE { background-color: #EAE9E9; border: 1px solid #b6b6b6; padding: 3px; text-align: left }

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

.codebuttons { background-color: #80A4B8; background-image: url(http://i5.ifrm.com/11195/14/upload/p9514373.gif); background-repeat: repeat-x; border: 1px solid #7192A5; font-family: Trebuchet MS, Tahoma, Arial, sans-serif; font-size: 10px; color: #595959; padding: 1px; margin: 1px }

.forminput, .radiobutton, .checkbox, div.tableborder div.tablepad input { background-color: #80A4B8; background-image: url(http://i5.ifrm.com/11195/14/upload/p9514373.gif); background-repeat: repeat-x; border: 1px solid #7192A5; font-family: Trebuchet MS, Tahoma, Arial, sans-serif; font-size: 10px; color: #595959; padding: 1px; margin: 1px }

.textinput, textarea { background-color: #EAE9E9; border: 1px solid #8A8A8A; padding: 5px; font-family: Trebuchet MS, Tahoma, Arial, sans-serif; font-size: 10px; color: #595959; }

.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 }
Edited by Helena, Feb 17 2013, 09:40 PM.
Offline Profile Quote Post Goto Top
 
Gaomon274
Member Avatar
Member
[ *  *  *  *  * ]
Just to double check - this theme is in the base themes gallery so it should be ok to convert to Jcink, right?
Offline Profile Quote Post Goto Top
 
Helena
Member Avatar
M is for Mod

Yes. You can use base skins however you like.
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Base Skins Gallery · Next Topic »
Add Reply