Water Under The Bridge

Catastrophe86 · Aug 28, 2010

Name of Skin: Water under the Bridge
Skin Maker: Catastrophe/Heidi
Forum Software: Invisionfree
Color Scheme: light
Custom notes: Edit all you want.

Live Preview: Clicketh?
Screen Shot:

[IMG]

Graphics? None.
Codes:
HEADER

Code: Select

<div id="container1">
<div id="container2">
<p style="text-align: center; margin: 5px; letter-spacing: 5px;"><a href="http://s7.invisionfree.com/waterunderthebridge/index.php" title="index">INDEX</a> <a href="http://z7.invisionfree.com/waterunderthebridge/index.php?act=Members" title="members">MEMBERS</a> <a href="http://z7.invisionfree.com/waterunderthebridge/index.php?act=calendar" title="calendar">CALENDAR</a> <a href="http://z7.invisionfree.com/waterunderthebridge/index.php?act=Help" title="help">HELP</a><br>
<% BOARD HEADER %>
<% NAVIGATION %>
<div id="navigation">
<p class="sidehead">
WELCOME!
</p>
<p class="sidetext">
Well, hello there! I see you've managed to find your way to this premade skin. It's called Water Under the Bridge, because originally, there was a bridge in the banner that was a lot more visible, but after a few color adjustment layers and textures and that crap you always pile onto the graphics you make, the bridge was suddenly a lot less <i>there!</i> But it looks okay, doesn't it? At least I think it does. Anyway, I hope you'll consider using this skin for your forum! If you need any help, I've written a set of instructions and posted them on this test board, but if you have questions, or want me to alter the banner to include your board's name, just shoot me an email! My address is down at the bottom, along with the credits!
</p>
<p class="sidehead">
OMG, ONE MORE?!
</p>
<p class="sidetext">
As you can see, you can add as many of these fancy thingamajigs onto the sidebar as you want. The class that calls up the header style up there, is called 'sidehead', and the class that calls up the paragraph style is called 'sidetext'.
</p>
<p class="sidehead">
CREDITS
</p>
<p class="sidetext">
GAME NAME is inspired by XXXX. The plot is developed by XX, and contents are courtesy of XXX. <a href="mailto: choosychick@hotmail.com">Heidi/Catastrophe</a> of <a href="http://www.rpg-directory.com" target="blank" title="RPG-D">RPG-D</a> is the creator of the skin. The contents of this game are not to be reproduced in any way without consent from the creators. All characters belong to their individual creators, as does any written material posted in the game.
</p>   
</div>
<div id="board">
<% BOARD %>
<% STATS %>

FOOTER

Code: Select

</div>
<div style="clear: both;">
</div>
</div>
</div>

CSS

Code: Select

html {
overflow-x: hidden;
overflow-y: auto; }

form {
display:inline;
}

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

BODY {
font-family: Verdana, Tahoma, Arial, sans-serif;
font-size: 11px;
color: #000;
margin:0px 10px 0px 10px;
background-color: #C3AC82;
}

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

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

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

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

label {
cursor:pointer;
}

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: #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;
color:#777;
background-color:#DFE6EF;
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 #345487;
background-color: #c3ac82;
}

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

#ucpcontent {
background-color: #f0e7d6;
border: 0px solid #345487;
line-height:150%;
width:auto;
}

#ucpcontent p {
padding:10px;
margin:0px;
background-color: #c3ac82;
}

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

#logostrip {
border:0px solid #345487;
background-color: #3860BB;
background-image:url(http://209.85.12.234/style_images/<#IMG_DIR#>/tile_back.gif);
padding:0px;
margin:0px;
}

#submenu   {
display: none;
border:1px solid #BCD0ED;
background-color: #DFE6EF;
font-size:10px;
margin:3px 0px 3px 0px;
color:#3A4F6C;
font-weight:bold;
}

#submenu a:link, #submenu  a:visited, #submenu a:active {
font-weight:bold;
font-size:10px;
text-decoration: none;
color: #3A4F6C;
}

#userlinks {
border:0px solid #C2CFDF; 
}

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

.activeuserstrip {
background-color: #f0e7d6;
padding:6px;
}

.pformstrip {
background-color: #4E4534;
color: #4E4534;
font-weight:bold;
padding:1px;
margin-top:1px;
}

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

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

.pformright {
background-color: #C3AC82;
padding:6px;
margin-top: 0px;
border-top: 0px solid #C2CFDF;
}

.post1 {
background-color: #F0E7D6;
}

.post2 {
background-color: #F0E7D6;
}

.postlinksbar {
background-color: #4E4534;
color: #D7BD8F;
padding:1px;
margin-top:1px;
font-size:10px;
}

.postlinksbar a:link, .postlinksbar a:visited, .postlinksbar a:hover, .postlinksbar a:active {
color: #D7BD8F;
}

.row1 {
background-color: #f0e7d6;
}

.row2 {
background-color: #C3AC82;
}

.row3 {
background-color: #C3AC82;
}

.row4 {
background-color: #C3AC82;
}

.darkrow1 {
background-color: #4E4534;
color: #f0e7d6;
}

.darkrow2 {
background-color: #4E4534;
color:#3A4F6C;
height: 10px;
display: none;
}

.darkrow3 {
background-color: #4E4534;
color: #f0e7d6;
}

.darkrow3 a:link, .darkrow3 a:visited, .darkrow3 a:hover, .darkrow3 a:active {
color: #D7BD8F;
}

.hlight {
background-color: #f0e7d6;
}

.dlight {
background-color: #f0e7d6;
}

.titlemedium {
font-weight:bold;
color:#4E4534;
padding:0px;
margin:0px;
background-color: #4E4534;
}

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

.maintitle {
vertical-align:middle;
font-weight:bold;
color: #D7BD8F;
letter-spacing:1px;
padding: 4px 0px 4px 5px;
background-color: #75674E;
}

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

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

.plainborder {
border:0px solid #345487;
background-color: #f0e7d6;
}

.tableborder {
border:0px solid #345487;
padding:0px;
margin:0px;
width:100%;
}

.tablefill   {
border:1px solid #000000;
background-color: #F0E7D6;
padding:6px; 
}

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

.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:11px;
color: #f0e7d6;
}

.edit {
font-size: 9px;
}

.signature {
font-size: 10px; 
}

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

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

#QUOTE {
font-family: Georgia, Verdana, Arial;
font-size: 11px;
color: #d7bd8f;
background-color: #75674e;
border: 1px solid #000;
padding-top: 2px;
padding-right: 2px;
padding-bottom: 2px;
padding-left: 2px;
}

#CODE  {
font-family: Georgia, Courier, Courier New, Verdana, Arial; 
font-size: 11px;
color: #d7bd8f;
background-color: #75674e;
border: 1px solid #000;
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;
}

.forminput, .textinput, .radiobutton, .checkbox  {
font-size: 11px;
font-family: verdana, helvetica, sans-serif;
vertical-align: middle;
background-color: #F0E7D6;
border: 1px solid #000000;
}

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

#container1{
width: 1050px;
background-color: #F0E7D6;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
border: 3px solid #ffffff;
}

#container2 {
width: 1000px;
margin: 0px auto;
}

#navigation {
width: 180px;
margin: 10px;
float: left;
}

#board {
width: 780px;
float: right;
margin: 10px;
}

.sidehead {
width: 180px; 
background-color: #75674E;
border-bottom: 2px solid #4E4534;
height: 20px;
color: #D7BD8F;
text-align: center;
font-family: georgia;
font-size: 14px;
}

.sidetext {
width: 170px;
text-align: justify;
margin: auto;
}

seanbear. · Aug 29, 2010

Check your inbox for a PM. :]

seanbear. · Aug 29, 2010

<div align=center><span style='font-size:17pt;line-height:100%'>MIXED SKIN ARCHIVED</span>
<span style='font-size:11pt;line-height:100%'>[color=7f323a]THANK YOU FOR YOUR SUBMISSION[/color]</span>
Thank you for submitting to our skindex and contributing to making forums pretty everywhere! We appreciate your hard work, and look forward to seeing more from you!</div>

seanbear. · Aug 29, 2010

<div align=center><span style='font-size:17pt;line-height:100%'>LISTED IN THE SKINDEX</span>
<span style='font-size:11pt;line-height:100%'>[color=7f323a]THANK YOU FOR YOUR SUBMISSION[/color]</span>
We have added your work to the RPG-D Skindex. Thank you for your hard work!</div>

acquavite · May 30, 2011

I love this skin, and I'll give you a link to the board I am using it on when it's all up and ready!

acquavite · May 31, 2011

Here you go: http://z15.invisionfree.com/Hell_of_a_Plac...dex.php?act=idx

Catastrophe86 · May 31, 2011

I'm so glad you like it! =)

Emilita · Aug 13, 2011

Using here. Already made one change, and I'll be making more. XD

Catastrophe86 · Aug 13, 2011

I'm glad you can use it. The new background looks awesome!

Allyrin · Aug 22, 2011

nvm. Sorry.

Chloe S. · Dec 27, 2011

Going to be using here! :] It's a very pretty skin.

franky first year · Jan 20, 2012

Using http://s13.invisionfree.com/WestwardHo/index.php, thanks!

Catastrophe86 · Jan 20, 2012

Glad you can use it =)

zoe_naomi · Jul 15, 2012

beautiful skin I'm using it here

milly · Oct 22, 2012

I love this so much! Using on a board I'm just starting out with, here

Log in or Sign up

Water Under The Bridge

Catastrophe86 Pretend this is funny.

seanbear. 1560.

seanbear. 1560.

seanbear. 1560.

acquavite Hola, Mishamigos!

acquavite Hola, Mishamigos!

Catastrophe86 Pretend this is funny.

Emilita a little strange

Catastrophe86 Pretend this is funny.

Allyrin Member

Chloe S. You're not alone, Clark Kent.

franky first year New Member

Catastrophe86 Pretend this is funny.

zoe_naomi New Member

milly Member

Share This Page