This Is Halloween

Yoda8MyHead · Oct 14, 2011

Name of Skin: This Is Halloween
Skin Maker: Yoda8MyHead
Forum Software: Jcink
Color Scheme: Black, Greys, Orange
Custom notes: Feel free to edit, just leave the copyright intact please&thanksies.

You can find the codes and graphics download below and on the test board.

If this is not the skin seen as default, feel free to log in using the test account: Username - RPGD Password - Yoda8MyHead

Live Preview: http://clevermonkeyt....com/index.php?
Screen Shot:
[IMG]

Graphics: http://209.85.122.85/10706/29/0/p1026577/TIH_Graphics.rar

Codes: Wrappers

Code: Select

<head>
<title><% TITLE %></title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<% GENERATOR %>
<% CSS %>
<% JAVASCRIPT %>
</head>
<body>
<div class="HauntedMenu"><br />
<a href="http://www.rpg-directory.com/">index</a><br />
<a href="http://www.rpg-directory.com/">portal</a><br />
<a href="http://www.rpg-directory.com/">members</a><br />
<a href="http://www.rpg-directory.com/">calendar</a><br />
<a href="http://www.rpg-directory.com/">search</a><br /><br />
<a href="http://facebook.com" target="_blank"><img src="http://clevermonkeytrance.b1.jcink.com/uploads/clevermonkeytrance//FaceBook_icon.png"></a>  <a href="http://twitter.com" target="_blank"><img src="http://clevermonkeytrance.b1.jcink.com/uploads/clevermonkeytrance//Twitter_icon.png"><br /><br />
<a href="http://www.rpg-directory.com/" target="_blank"><img src="http://i.imgur.com/RprlN.png"  alt="RPG-D" ></a>
</div>
<div id="ipbwrapper">
<div class="HalloweenBanner"><center><a href="http://clevermonkeytrance.b1.jcink.com/index.php?"><img src="http://clevermonkeytrance.b1.jcink.com/uploads/clevermonkeytrance//Halloween_Logo.png"></a></center></div>
<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>
<% STATS %>
<% COPYRIGHT %>
<div class="copyright" style="text-align:center;" ><b>This Is Halloween</b> by <b>Yoda8MyHead</b> of <a href="http://rpg-directory.com/"><b>RPG-Directory</b></a></div>
</body>
</html>

Stylesheet

Code: Select

/*
---------------------------------------------------------------
> This is Halloween
> By Yoda8MyHead of RPG-Directory
----------------------------------------------------------------
*/

html { overflow-x: auto; }

/* The body, general text color and background colors */

BODY {
font-family: Verdana, Tahoma, Arial, sans-serif;
font-size: 12px;
letter-spacing: 1px;
color: #c0c0c0;
margin:0px;
padding:0px;
background-color:#171717;
text-align:center;
}

/* Tables */

TABLE, TR, TD {
font-family: Verdana, Tahoma, Arial, sans-serif;
font-size: 12px;
color: #c0c0c0;
}

/* Board Width */

#ipbwrapper {
text-align:left;
width:80%;
padding:10px;
margin: 5px auto 0 auto;
margin-top:25px;
margin-bottom:25px;
}

/* Link Colors */

a:link, a:visited, a:active {
text-decoration: none;
color: #666;
}

a:hover {
color: #fb820e;
text-decoration:none;
}

/* Calendar style */

.caldate   {
text-align:right;
font-weight:bold;
font-size:12px;
color:#c0c0c0;
background-color:#0c0c0c;
padding:4px; margin:0px;
}

#calendarname {
font-size:22px;
font-weight:bold;
}

#padandcenter {
margin-left:auto;
margin-right:auto;
text-align:center;
padding:14px 0px 14px 0px;
}

/* Profile stuff */

#profilename {
font-size:28px;
font-weight:bold;
}

#photowrap {
padding:6px;
}

#phototitle {
font-size:24px;
border-bottom:1px solid #000;
}

#photoimg   {
text-align:center;
margin-top:15px;
}


/* UserCP/My Controls styles */

#ucpmenu    {
line-height:150%;
width:22%;
border:1px solid #000;
background-color: #0c0c0c;
}

#ucpmenu a {
text-decoration:none;
}

#ucpmenu a:hover {
text-decoration:none;
}

#ucpmenu p  {
padding:2px 5px 6px 9px;
margin:0px; 
}

#ucpcontent {
background-color: #0c0c0c;
border:1px solid #000;
line-height:150%; width:auto;
}

#ucpcontent p  {
padding:10px;
margin:0px;
}

/* Header/Logo area */

#ipsbanner {
position:absolute;
top:0px;
right:5%;
}

#logostrip {
padding:0px;
margin:0px;
}

.HalloweenBanner {
background-image:url(http://clevermonkeytrance.b1.jcink.com/uploads/clevermonkeytrance//Halloween_LG.gif);
border:1px solid #000;
}

/* Navigation menus */

#submenu {
display:none;
}

.HauntedMenu {
background-image:url(http://clevermonkeytrance.b1.jcink.com/uploads/clevermonkeytrance//Halloween_HauntedMenu.gif);
border: 0px;
width: 150px;
height: 200px;
background-repeat: no-repeat;
position: fixed;
top: 0px;
left: 0%;
margin-left:20px;
text-align: center;
letter-spacing: 2px;
color: #000;
}

.HauntedMenu a {
text-align: center;
color: #000;
}

.HauntedMenu a:hover {
text-align: center;
color: #000;
text-transform: uppercase;
font-weight:bold;
}

/* User links menu (ex: Messages  / View new posts / etc ) */

#userlinks {
border:1px solid #000;
background-color: #0f0f0f;
}

#userlinks a {
text-decoration:none;
}

#userlinks a:hover {
text-decoration:none;
}

#userlinks td {
color:#c0c0c0;
}

#navstrip  {
font-weight:bold;
padding:6px 0px 6px 0px;
}

/* Topic and post related styles */

.activeuserstrip {
background-color:#0f0f0f;
padding:4px;
}

.normalname {
font-size: 12px;
font-weight: bold;
color: #c0c0c0;
}

.normalname a:link, .normalname a:visited, .normalname a:active {
font-size: 12px;
text-align: center;
}

.unreg {
font-size: 12px;
font-weight: bold;
color: #c0c0c0;
}

.post1 {
background-color: #0c0c0c;
}

.post2 {
background-color: #0c0c0c;
}

.postdetails {
font-size: 12px;
}

.postcolor   {
font-size: 12px;
line-height: 160%;
}

.postlinksbar {
padding:3px;
margin-top:1px;
font-size:12px;
border-right:1px solid #000;
border-left:1px solid #000;
background-color: #0c0c0c;
}

.post1 .postdetails, .post2 .postdetails {
display:block;
background-color:#0e0e0e;
background-image:url(http://clevermonkeytrance.b1.jcink.com/uploads/clevermonkeytrance//Halloween_Profiles.gif);
border:1px solid #000;
text-align:center;
}

.signature   {
font-size: 12px;
color: #c0c0c0;
line-height:150%; 
}

/* Global general table/div row styles */

.row1 {
background-color: #0c0c0c;
}

.row2 {
background-color: #0c0c0c;
}

.row2 a {
text-decoration:none;
}

.row2 a:hover {
text-decoration:none;
}

.row3 {
background-color: #0c0c0c;
}

.row4 {
background-color: #0c0c0c;
}

td.row4 b a {
color: #666;
}

td.row4 b a:hover {
color: #fb820e;
}

.row1, .row2, .row3, .row4, .post1, .post2, .darkrow1, .darkrow2  {
background-color: #0c0c0c;
border-top:1px solid #242424;
border-left:1px solid #242424;
}

.darkrow1 {
background-color: #0c0c0c;
color:#c0c0c0;
}

th.darkrow1 {
text-align:left;
}

.darkrow2 {
background-color: #0c0c0c;
color:#c0c0c0;
font-size:1px;
}

div.darkrow2{
font-size:12px;
background-color:#0c0c0c;
}

.darkrow3 {
background-color: #0c0c0c;
color:#c0c0c0;
}

.hlight {
background-color: #0c0c0c
}

.dlight {
background-color: #0c0c0c
}

/* Top table bars / gradient holders */

.maintitle {
background-image:url(http://clevermonkeytrance.b1.jcink.com/uploads/clevermonkeytrance//Halloween_Maintitle.gif);
vertical-align:middle;
font-weight:bold;
padding:8px 0px 8px 5px;
color:#fb820e;
text-shadow: 1px 1px 2px black, 0 0 1em black, 0 0 0.2em black;
}

.maintitle a:link, .maintitle  a:visited, .maintitle  a:active {
text-decoration: none;
color: #fb820e;
text-shadow: 1px 1px 2px black, 0 0 1em black, 0 0 0.2em black;
}

.maintitle a:hover {
text-decoration: none; 
color:#666
}

/* The bar directly below the maintitles */

.titlemedium {
background-image:url(http://clevermonkeytrance.b1.jcink.com/uploads/clevermonkeytrance//Halloween_TM_P.gif);
font-size:10px;
font-weight:normal;
color:#c0c0c0;
padding:4px;
margin:0px;
background-color:#0c0c0c;
}

.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active  {
text-decoration: none;
color: #666;
}

/* Forum borders */

.plainborder {
border:1px solid #000;
background-color:#0c0c0c;
}

.tableborder {
background-color:#000;
border:1px solid #000;
padding:0px;
margin:0;
}

.tablefill {
background-color:#0c0c0c;
border:1px solid #000;
padding:6px; }

.tablepad {
background-color:#0c0c0c;
padding:6px;
}

.tablebasic {
width:100%;
padding:0;
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:12px;
color:#c0c0c0
}

.edit {
font-size: 10px
}

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

/* QUOTE and CODE BBCode boxes */

#QUOTE {
white-space:normal;
font-family: Verdana, Arial;
font-size: 11px;
color: #c0c0c0;
background-color: #0f0f0f;
border: 0px;
padding:2px;
border:1px solid #000;
margin-top:2px;
}

#CODE  {
white-space:normal;
font-family: Verdana, Arial; 
font-size: 11px;
color: #c0c0c0;
background-color: #0f0f0f;
border: 0px;
padding:2px;
border:1px solid #000;
margin-top:2px;
}

/* Form related styles */

form {
display:inline;
}

label {
cursor:pointer;
}

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

.forminput, .textinput, .radiobutton, .checkbox  {
font-size: 11px;
font-family: verdana, helvetica, sans-serif;
vertical-align: middle;
border:1px solid #000;
margin-top:2px;
background-color: #0f0f0f;
color:#c0c0c0;
}

.codebuttons  {
font-size: 10px;
font-family: verdana, helvetica, sans-serif;
vertical-align: middle;
border:1px solid #000;
margin-top:2px;
background-color: #0f0f0f;
color:#c0c0c0;
}

.thin {
padding:6px 0px 6px 0px; line-height:140%;
margin:2px 0px 2px 0px;
border-top:1px solid #000;
border-bottom:1px solid #000;
}

.thin a {
text-decoration:none;
}

/* Buttons */

.smallBUTTON {
color:#fb820e;
text-shadow:#000 0px 1px 0px;
font-size:11px;
font-style:italic;
padding-left:5px;
padding-right:5px;
display:inline;
}

/* More form/general table styles, left/right/top pads */

.pformstrip {
background-image:url(http://clevermonkeytrance.b1.jcink.com/uploads/clevermonkeytrance//Halloween_TM_P.gif);
color:#c0c0c0;
font-weight:bold;
padding:4px;
margin-top:1px;
}

.pformleft  {
background-color: #0c0c0c;
padding:6px;
margin-top:1px;
width:25%;
border-top:1px solid #000;
border-right:1px solid #000;
}

.pformleftw {
background-color: #0c0c0c;
padding:6px;
margin-top:1px;
width:40%;
border-top:1px solid #000;
border-right:1px solid #000;
}

.pformright {
background-color: #0c0c0c;
padding:6px;
margin-top:1px;
border-top:1px solid #000;
}


/* The copyright. Removing or hiding it is against Terms of Service */

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

/* General image styles */

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

img.attach {
border:2px outset #000;
padding:2px
}

/* Misc */

form div.tableborder div.pformstrip {
border-bottom:1px solid #000;
border-top:none
}

table.tablebasic td.pformleft {
border:none
}

table.tablebasic td.pformleftw {
border:none
}

table.tablebasic td.pformright {
border:none
}

.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:#fb820e;
font-weight:bold
}

.warngood {
color:green
}

.warnbad  {
color:red
}

Log in or Sign up

This Is Halloween

Yoda8MyHead retired

Share This Page