|
Wolt
|
Apr 27 2015, 05:52 PM
Post #1
|
|
- Posts:
- 36
- Group:
- Administrator
- Member
- #1
- Joined:
- Jan 16, 2010
|
Skin designed by: Wolt Skin created on: May and June 2007 Skin created with: Adobe Photoshop CS2 Side notes by author: This skin is available with two different styles. One style has the Naruto theme and images throughout it. The other style has nothing to do with Naruto and is just an orange, blue, white, and gray skin. I give permission to edit the skin to contain more images in the maintitle, and to change the images regarding Naruto to another type of image. However, you must not edit the copyright in any way.
Click here to preview.
Skinning & Styles » Board Wrappers » Header & Body
- Quote:
-
<table class="outterboard" align="center"> <td width="100%" class="innerboard"> <% BOARD HEADER %> <% NAVIGATION %> <% BOARD %> <% STATS %>
Skinning & Styles » Board Wrappers » Footer
- Quote:
-
<center><div class="skin_copyright"><B>Naruto</B> skin by <B>Wolt</B> of the <a href="http://forums.ifskinzone.net/index.php?">InvisionFree Skin Zone</a>.</div></center>
Okay, here is where you can decide which skin to use. The first stylesheet is the Naruto themed version. The second stylesheet is the style without anything Naruto related on it. The second stylesheet may be found in the next post.
NARUTO THEMED
Skinning & Styles » Manage Style Sheets » CSS
- Quote:
-
html { overflow-x: auto; overflow-y: auto; }
form { display:inline; }
img { vertical-align:middle; border:0px }
BODY { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #bababa; margin: 10px 0px 10px 0px; background-color:#F4B005; background-image: url(); }
TABLE, TR, TD { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #909090; }
a:link, a:visited, a:active { text-decoration: underline; color: #666666; }
a:hover { color: #111111; text-decoration: underline; }
fieldset.search { padding:6px; line-height:150% }
label { cursor:pointer; }
img.attach { border:2px dotted #dfdfdf; 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; }
.googlelinked { font-size:14px; font-weight:bold; color: #433666; }
.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 { color: #a0a0a0; }
option.sub { font-weight:bold; color:#000000 }
.caldate { padding: 2px; background-color: #FFFFFF; }
.warngood { color:green }
.warnbad { color:red }
#padandcenter { margin-left:auto; margin-right:auto; text-align:center; padding:14px 0px 14px 0px }
#profilename { color: #F4B005; font-size:16px; text-indent: 2px; }
#calendarname { font-size:14px; }
#photowrap { padding:6px; }
#phototitle { font-size:24px; border-bottom:1px solid black }
#photoimg { text-align:center; margin-top:15px }
#ucpmenu { margin: 1px; line-height:150%; width:22%; border:1px solid #cecece; background-color: #f0f0f0 }
#ucpmenu p { padding:2px 5px 6px 9px; margin:0px; }
#ucpcontent { margin: 1px; background-color: #f0f0f0; border:1px solid #cecece; line-height:150%; width:auto }
#ucpcontent p { padding:10px; margin:0px; }
#ipsbanner { display:none; position:absolute; top:1px; right:5%; }
#logostrip { border:1px solid #dfdede; background-color: #EEEEEE; border-bottom: none; }
#submenu { border: 1px solid #dfdede; border-bottom: none; background-color: #EEEEEE; color:#858585; background-image: url(http://i6.ifrm.com/9064/61/upload/p8700352.gif); vertical-align: middle; background-repeat: repeat-x; background-position: center top; }
#submenu img { display: none; }
#userlinks { margin-top: -4px; border: 1px solid #dfdede; background-color: #EEEEEE; color:#858585; background-image: url(http://i6.ifrm.com/9064/61/upload/p8700352.gif); vertical-align: middle; background-repeat: repeat-x; background-position: center top; }
#userlinks td { font-weight: normal!important; text-align:center; }
#navstrip { font-weight:bold; padding:3px; background-color: #EEEEEE; background-image:url(http://i6.ifrm.com/9064/61/upload/p8700352.gif); background-repeat: repeat-x; border: 1px solid #dfdede; }
.activeuserstrip { padding:3px; margin-top:1px; font-size:10px; background-image: url(http://i4.ifrm.com/5866/47/upload/p14362.gif); background-repeat: repeat-x; background-color: #eaeaea; border-left: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; color: #959595; }
.pformstrip { color:#909090; font-weight:normal; padding:4px; margin-top:1px; background-image: url(http://i1.ifrm.com/9851/145/upload/p120864.gif); background-repeat: repeat-x; background-color: #f4f4f4; }
div.pformstrip { color:#b0b0b0; border-bottom: 1px solid #dfdfdf; border-top: 1px solid #dfdfdf; font-weight:normal; padding:4px; margin-top:1px; background-image: url(http://i1.ifrm.com/9851/145/upload/p120864.gif); background-repeat: repeat-x; background-color: #f4f4f4; }
.pformleft { background-color: #f4f4f4; padding:6px; margin-top:1px; width:25%; border-top:1px solid #dfdfdf; border-right:1px solid #dfdfdf; border-left:1px solid #dfdfdf }
.pformleftw { background-color: #f4f4f4; padding:6px; margin-top:1px; width:40%; border-top:1px solid #dfdfdf; border-right:1px solid #dfdfdf; }
.pformright { background-color: #f4f4f4; padding:6px; margin-top:1px; border-top:1px solid #dfdfdf; border-right:1px solid #dfdfdf; }
.post1 { background-color: #f4f4f4; border-top:1px solid #FFF; }
.post2 { background-color: #f4f4f4; border-top:1px solid #FFF; }
.postlinksbar { padding:3px; margin-top:1px; font-size:10px; background-image: url(http://i4.ifrm.com/5866/47/upload/p14362.gif); background-repeat: repeat-x; background-color: #f9f9f9; border-left: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; color: #b0b0b0; }
.row1, .row2, .row3, .row4 { background:url(http://i2.ifrm.com/7437/128/upload/p27403.gif) #FFFFFF; background-repeat: repeat-x; border-left: 1px solid #FFFFFF; }
.row4 { background-color: #FFFFFF; }
div.row4 { background-color: #f4f4f4!important; border:1px solid #dfdfdf!important; }
.darkrow1 { background-color: #f0f0f0; color:#959595; }
div.darkrow1 { background-color: #EEEEEE; color:#b0b0b0; border-left: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf }
.darkrow2 { background-color: #eaeaea; background-repeat: repeat-x; background-image:url(http://i2.ifrm.com/7437/128/upload/p27437.gif) }
div.darkrow2 { background-color: #eaeaea; border-left: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; background-repeat: repeat-x; background-image:url(http://i2.ifrm.com/7437/128/upload/p27437.gif) }
.darkrow3 { background-color: #f2f2f2; color:#b0b0b0; }
.hlight { background-color: #f8f8f8 }
.dlight { background-color: #f4f4f4 }
.titlemedium { color:#909090; font-weight:normal; padding:3px; background-image: url(http://i1.ifrm.com/9851/145/upload/p120864.gif); background-repeat: repeat-x; background-color: #f4f4f4; }
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: #959595 }
.maintitle { border-top: 1px solid #24a3f4; border-bottom: 1px solid #145580; font-weight: bold; background-repeat: repeat-x; color:#FFFFFF; padding:5px 0px 5px 10px; background: url(http://i1.ifrm.com/9744/39/upload/p2296829.gif) #23a0ef; }
.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #FFFFFF }
.maintitle a:hover { text-decoration: none; }
.maintitle img { display: none; }
.plainborder { border:1px solid #145580; background-color:#EEEEEE }
.tableborder { border:1px solid #145580; background-color:#dfdfdf; padding:0px; margin:0px; width:100% }
.tablefill { border:1px solid #dfdfdf; background-color:#f0f0f0; padding:6px; }
.tablepad { background-color:#f0f0f0; padding:6px }
.tablebasic { width:100%; padding:0px 0px 0px 0px; margin:0px; border:0px }
table.tableborder .pformstrip { border-top:1px solid #dedede; border-left:1px solid #dedede; border-right:1px solid #dedede; }
table td.plainborder table { background-color: #dedede }
table td.plainborder { background-color: #f0f0f0; border: none }
table td.plainborder table td.maintitle { background-image: url(http://i1.ifrm.com/9744/39/upload/p2297770.gif); padding:5px 0px 5px 0px; background-position: center; text-align: center; border: 1px solid #145580; }
.wrapmini { float: left; line-height: 1.5em; width: 25%; background-color: #EEEEEE; background-image:url(http://i6.ifrm.com/9064/61/upload/p8700352.gif); background-repeat: repeat-x; border: 1px solid #dfdede; margin: 3px; padding: 3px; padding-left: 7px; padding-bottom: 7px }
.wrapmini img { margin:2px 0px 2px 0px; }
.pagelinks { float:left; line-height:1.2em; width:35% }
.desc { font-family: Arial, Verdana, Helvetica, sans-serif; font-size:10px; color:#909090; }
.edit { font-size: 9px; background-color: #eaeaea; border: 1px solid #cccccc; margin: 1px; padding: 1px; }
.signature { font-size: 10px; color: #959595 }
.postdetails { font-size: 11px; text-align: left; display: block; background-color: #EEEEEE; background-image:url(http://i6.ifrm.com/9064/61/upload/p8700352.gif); background-repeat: repeat-x; border: 1px solid #dfdfdf; margin: 1px; padding: 5px; }
.row4 .postdetails { background: none; border: 0px; padding: 0px; margin: 0px 5px 0px 5px; }
.postcolor { font-size: 11px; line-height: 160% }
.normalname { font-size: 11px; color: #959595; font-weight: bold; }
.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px; color: #959595; font-weight: bold; }
.unreg { font-size: 11px; font-weight: bold; color: #ff0000 }
.searchlite { font-weight:bold; color:#b0b0b0; background-color:#f4f4f4 }
#QUOTE { padding:5px; margin:1px; background-color: #EEEEEE; background-image:url(http://i6.ifrm.com/9064/61/upload/p8700352.gif); background-repeat: repeat-x; border: 1px solid #dfdede; }
#CODE { padding:5px; margin:1px; background-color: #EEEEEE; background-image:url(http://i6.ifrm.com/9064/61/upload/p8700352.gif); background-repeat: repeat-x; border: 1px solid #dfdede; }
.copyright { font-family: Tahoma, Verdana, sans-serif; font-size: 9px; line-height: 12px }
.codebuttons { margin:1px; font-size: 11px; font-family:Tahoma, Verdana, sans-serif; vertical-align: middle; border: 1px solid #dedede; background-color:#f2f2f2; color:#979797; background-image: url(http://i5.ifrm.com/6819/98/upload/p624171.jpg) }
.forminput, .textinput, .radiobutton, .checkbox { font-family: Arial, Verdana, Helvetica, sans-serif; padding: 3px; margin: 1px; font-size: 11px; vertical-align: middle; color:#979797; background-color: #f3f3f3; border: 1px #dedede solid; background-repeat: repeat-x; background-image: url(http://i5.ifrm.com/6819/98/upload/p624171.jpg); }
.thin { border: 1px solid #dfdfdf ; background-color: #f0f0f0; color: #a0a0a0; line-height: 140% ; margin: 2px; padding: 2px; text-indent: 2px; }
.thin a:link, .thin a:visited, .thin a:active { text-decoration: none; color: #959595; }
.thin a:hover { text-decoration: underline }
.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 }
.scarlet { color:#EE2918; font-weight:bold; }
/* Borders & Copyright */
.innerboard { background-color: #f0f0f0; padding:10px; border:5px solid #FFFFFF; }
.outterboard { border:1px solid #111111; padding:0px; background-color: #FFFFFF; width:75%; }
.skin_copyright { background-color: #f0f0f0; padding: 3px; border: 1px solid #dfdfdf; border-top: none; text-align: center }
/* User Control Panel */
#ucpmenu .maintitle { background-image: url(http://i1.ifrm.com/9744/39/upload/p2297770.gif); border: 1px solid #145580!important; border-bottom: none; padding:5px 0px 5px 0px; text-align: center; }
#ucpcontent .maintitle { background-image: url(http://i1.ifrm.com/9744/39/upload/p2297770.gif); border: 1px solid #145580!important; border-bottom: none; padding:5px 0px 5px 0px; text-align: center; }
#ucpcontent .pformstrip { padding:3px; margin:0px; background-image: url(http://i6.ifrm.com/9064/61/upload/p8700352.gif); background-repeat: repeat-x; background-color: #f9f9f9; border-left: none!important; border-right: none!important; border-top: 1px solid #cecece; border-bottom: 1px solid #cecece }
#ucpmenu .pformstrip { padding:3px; margin:0px; background-image: url(http://i6.ifrm.com/9064/61/upload/p8700352.gif); background-repeat: repeat-x; background-color: #f9f9f9; border-left: none!important; border-right: none!important; border-top: 1px solid #cecece; border-bottom: 1px solid #cecece }
/* Portal */
#ipbwrapper { background-color: #eaeaea; border: 1px solid #000000; padding: 6px; width: 75%; padding: 10px; margin: auto; margin-top: 20px; margin-bottom: 20px }
input.row1 { background: none; color: #909090; }
div.desc { background-color: #f0f0f0; }
#ipbwrapper div.row2 { border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; }
#ipbwrapper td .row2 { border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; }
#ipbwrapper .row2 img, #ipbwrapper .maintitle img { display: none; }
#ipbwrapper .row4 { border: 0px solid #dfdfdf; }
#ipbwrapper .tableborder{ background-color: #dfdfdf; }
/* Search */
div.tableborder div.tablepad table font { font-size: 11px; color: #a0a0a0; }
div.tableborder div.tablepad { background-color: #eaeaea!important; }
div.tableborder div.tablepad table { background-color: #eaeaea!important; }
/* Calendar */
form div.tableborder td.row1 { color: #909090; background-color: #FFFFFF; border: none!important; background-image: none; }
td#ucpcontent form div.tableborder td.row1 { background-color: #F5F9FD; border: none!important; }
/* Board Message */
.tablefill .pformstrip { border-top: 1px solid #145580; border-right:0px; border-left:0px; }
.tablefill .tableborder { background: #f4f4f4; border-right: 1px solid #145580; border-left:1px solid #145580; border-top: 1px solid #145580 }
.tablefill .pformright, .tablefill .pformleft { border:0px; }
/* Topic View Google Ads */
.tableborder .row4 { border-top: none!important; }
/* Carbon Copy */
textarea { text-indent: 2px; font-size: 10px; font-family: Tahoma; vertical-align: middle; background-color: #f0f0f0; color: #a0a0a0!important; border: 1px solid #dfdfdf!important; }
/* Random */
td.row4 div.row4 { margin: 1px 2px; border: 1px solid #dfdfdf!important; background: none; }
|