Member Posts: 102
Administrator
102
Member Points:
535
Rep Options:
Rep: 5 pts
N/A
Avatar:
Offline
1
N/A
3
54
152
You are currently unranked
|
Skin Name: Tranquil v.1 Date Created: 12/11/2008 Preview: Here (or use the Skin Selector) Matching Images: Yes Download HereOther Details: This skin was, in part, inspired by Gunblaza. I wanted to create a skin that used no images (apart from the Macros) but still felt clean and modern. The design was helped with by a friend initially but has since evolved into my favourite skin to date. The Macro set is not 100% complete, it lacks post icons (i.e. Quote, Edit, MSN etc.) for two reasons. Primarily, I couldn't be bothered and everything I tried looked awful and secondly because I grew to just like the default ones. As always with anything I make it is Open Source as long as you keep copyrights intact. Feel free to edit/redistribute just leave my copyright in there and visable! Board Wrappers: | QUOTE | <head>
<title><% TITLE %></title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<% GENERATOR %>
<% CSS %>
<% JAVASCRIPT %>
</head>
<body>
<div id="ipbwrapper">
<% BOARD HEADER %>
<script>
/* Please do not remove */
if(location.href.match(/act=Msg&CODE=/i)){
document.write("<head><style type='text/css'>TD a:link, TD a:visited, TD a:active \{ color: #8a8888 \}</style></head>");
document.write("<head><style type='text/css'>TD a:hover \{ color: #444 \}</style></head>");
}
if(location.href.match(/showuser=/i)){
document.write("<head><style type='text/css'>.maintitle \{ clear:both \}</style></head>");
}
</script>
<% NAVIGATION %>
<% BOARD %>
<% STATS %>
<% COPYRIGHT %>
<!-- Do not remove Copyright, thanks -->
<table align="center"><tr><td><div class="tableborder"><div class="titlemedium" align="center"><b>Tranquil v.1 Skin © Chakka 2008 // For Support Visit <a href="http://chakkatest.b1.jcink.com/index.php?act=idx">Here</a> </b></div></div></td></tr><table>
</div>
</body>
</html> |
CSS:
| QUOTE | /* 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: Arial, sans-serif; font-size: 11px; color: #fff; margin:0px 50px 0px 50px;padding:0px;background-color:#202020; text-align:center }
TABLE, TR, TD { font-family: Arial, sans-serif; font-size: 11px; color: #8a8888; }
/* MAIN WRAPPER: Adjust forum width here. Leave margins alone to auto-center content */
#ipbwrapper { text-align:left; width:95%; margin-left:auto;margin-right:auto }
a:link, a:visited, a:active { text-decoration: none; color: #fff }
a:hover { color: #44d4fe }
fieldset.search { padding:6px; line-height:150% }
label { cursor:pointer; }
form { display:inline; }
img { vertical-align:middle; border:0px }
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: #8a8888; }
.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:#8a8888 }
li.helprow { padding:0px; margin:0px 0px 10px 0px; color: #8a8888 }
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;color:#777;background-color:#e6e4e4;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%;background-color: #F5F9FD }
#ucpmenu p { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #F5F9FD; line-height:150%; width:auto }
#ucpcontent p { padding:10px;margin:0px; }
#ucpmenu a:link, #ucpmenu a:visited, #ucpmenu a:active { color: #8a8888}
#ucpmenu a:hover { color: #444444 }
#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { padding:0px;margin:0px; }
#submenu { font-size:10px;margin:0px 0px 3px 0px;color:#3A4F6C;font-weight:bold; background-color:#40d3fe; padding-top: 8px; padding-bottom: 8px }
#submenu a:link, #submenu a:visited, #submenu a:active { font-weight:bold; font-size:11px; text-decoration: none; padding-right: 7px; padding-left: 7px; color: #fff }
#submenu a:hover { padding-right: 7px; padding-left: 7px; color: #fff; border-top: 2px solid #fff; border-bottom: 2px solid #fff }
#submenu img { display: none }
#userlinks { border-bottom:3px solid #dbdada; border-top:3px solid #dbdada; width: 100%; margin-left: 0px; margin-right: 0px; background-color: #fffefe}
#userlinks a:link, #userlinks a:visited, #userlinks a:active{ color:#8a8888 }
#userlinks a:hover { color: #444444 }
#navstrip { font-weight:bold;padding:6px 0px 6px 0px; }
/* Form stuff (post / profile / etc) */
.pformstrip { background-color: #e8e7e7; color:#444;font-weight:bold;padding:7px;margin-top:1px }
.pformleft { background-color: #fffefe; padding:6px; margin-top:1px;width:25%; }
.pformleftw { background-color: #F5F9FD; padding:6px; margin-top:1px;width:40%; border-top:1px solid #C2CFDF; border-right:1px solid #C2CFDF; }
.pformright { background-color: #fffefe; padding:6px; margin-top:1px; }
.drow2 a:link, .row2 a:visited, .row2 a:active, .pformstrip a:link, .pformstrip a:visited, .pformstrip a:active, .row1 a:link, .row1 a:visited, .row1 a:active, .pformright a:link, .pformright a:visited, .pformright a:active, .pformleft a:active, .pformleft a:link, .pformleft a:visited, li.helprow a:link, li.helprow a:visited, li.helprow a:active { color: #8a8888}
.pformleft a:hover, .pformright a:hover, .pformstrip a:hover, li.helprow a:hover, .row1 a:hover, .row2 a:hover { color: #444444 }
/* Topic View elements */
.signature { font-size: 10px; color: #8a8888; line-height:150% }
.signature a:link, .signature a:visited, .signature a:active, .post2 a:link, .post2 a:visited, post2 a:active, .post1 a:link, .post1 a:visited, post1 a:active { color: #8a8888 }
.signature a:hover, .post2 a:hover, .post1 a:hover { color: #444 }
.postdetails { font-size: 10px }
.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 }
.post1, .post2 { background-color: #fffefe; border-top: 2px solid #e8e7e7 }
.postlinksbar, .activeuserstrip { background-color:#E8E7E7;padding:7px;font-size:10px;color: #8a8888 }
.postlinksbar a:link, .postlinksbar a:visited, .postlinksbar a:active, .activeuserstrip a:link, .activeuserstrip a:visited, .activeuserstrip a:active { color: #8a8888 }
.postlinksbar a:hover, .activeuserstrip a:hover { color: #444 }
/* Common elements */
.row1 { background-color: #fffefe }
.row2 { background-color: #fffefe; color: #8a8888 }
.row3 { background-color: #fffefe }
.row4 { background-color: #fffefe }
.row4 a:link, .row4 a:visited, .row4 a:active { font-weight: bold; color: #444444 }
.row2 a:link, .row2 a:visited, .row2 a:active { color: #8a8888 }
.row2 a:hover { color: #444 }
.darkrow1 { background-color: #e8e7e7; color:#444; }
.darkrow2 { background-color: #fffefe; color:#8a8888; border-top: 2px solid #dbdada }
.darkrow3 { background-color: #e8e7e7; color:#3A4F6C; }
.hlight { background-color: #DFE6EF }
.dlight { background-color: #EEF2F7 }
.titlemedium { font-weight:bold; color:#444444; background-color: #e8e7e7; padding:7px; margin:0px; }
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: none; color: #8a8888 }
.titlemedium a:hover { color: #444}
/* Main table top (dark blue gradient by default) */
.maintitle { vertical-align:middle;font-weight:bold; color:#FFF; padding:8px 0px 8px 5px; background-color: #202020; border-bottom: 3px solid #40d3fe }
.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #FFF; padding-right: 3px; padding-left: 3px; padding-bottom: 4px; padding-top: 5px}
.maintitle a:hover { text-decoration: none; border-top: 3px solid #40d3fe; }
/* tableborders gives the white column / row lines effect */
.plainborder { border:1px solid #fffefe;background-color:#fffefe}
.tableborder { background-color: #fffefe; padding:0; margin:0 }
.tablefill { border:1px solid #444;background-color:#fffefe;padding:6px; color: #8a8888 }
.tablepad { background-color:#fffefe;padding:6px; color: 8a8888 }
.tablepad a:link, .tablepad a:visited, .tablepad a:active, .tablefill a:link, .tablefill a:visited, .tablefill a:active { color: #8a8888 }
.tablepad a:hover, .tablefill a:hover { color: #444 }
.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:#8a8888 }
.edit { font-size: 9px }
.searchlite { font-weight:bold; color:#F00; background-color:#FF0 }
#QUOTE { white-space:normal; font-family: Verdana, Arial; font-size: 11px; color: #8a8888; background-color: #feffff; border: 1px solid #8a8888; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE { white-space:normal; font-family: Courier, Courier New, Verdana, Arial; font-size: 11px; color: #8a8888; background-color: #Feffff; border: 1px solid #8a8888; 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; border-bottom:3px solid #dbdada; border-top:3px solid #dbdada; color: #8a8888 }
.codebuttons { background-color: #fffefe; font-family: arial, sans-serif; vertical-align: middle; border: 1px solid #444444; font-size: 10px; padding: 3px; color: #444; height: 20px; margin-bottom: 5px }
.forminput { background-color: #fffefe; font-family: arial, sans-serif; vertical-align: middle; border: 1px solid #444444; font-weight: bold; font-size: 11px; padding: 3px; color: #444 }
textarea { font-size: 11px; font-family: arial, sans-serif; vertical-align: middle; border: 1px solid #444444; }
.radiobutton, .checkbox { font-size: 11px; font-family: arial, sans-serif; vertical-align: middle; }
.thin { padding:6px 0px 6px 0px;line-height:140%;margin:2px 0px 2px 0px;border-top:1px solid #FFF;border-bottom:1px solid #FFF }
.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 }
|
Mini Profile Template:
| QUOTE | <div class="darkrow3" style="text-align:center; width: 75%; margin-left: auto; margin-right: auto; color: #8a8888">
<!-- |avatar| -->
<!-- |title| -->
<!-- |g_title| -->
<!-- |member_rank_img| -->
<div style="border: 1px solid #444; width: 75%; margin-left: auto; margin-right: auto"><b>User Stats:</b>
User ID: <!-- |id| -->
Post Count: <!-- |posts| -->
Website: <!-- |website| -->
<!-- |rep| -->
</div>
</div>
|
Please Visit Jcink.com for Support.
--------------------
Great Add-on Mods for JFB Welcome to the forum test we hope you enjoy your stay |
Help 
Search 
Members 
Calendar 
Shop 
Reps 
Downloads 
Chakka
Tranquil V.1, Brought to you by Eunoia Studios
