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
Tropical Sky
Topic Started: Jan 10 2010, 11:32 PM (2,746 Views)
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
Tropical Sky was originally exclusive to Big Boards, but as we moved on we decided to release it as apart of our Planet Nexus opening celebration and as a gift to the Zathyus community.

vcd was the creator of the theme, with the help of me and Helena.

Preview
Posted Image


Graphics Package

Emoticons

CSS:
Code:
 
BODY {font-size:11px; font-family:Arial, sans-serif; color:#556F76; background:#59A4B8; margin:0 10px; list-style:url(http://i1.ifrm.com/9764/158/upload/p3587299.gif)}

TABLE, TR, TD {font-size:11px; font-family:Arial, sans-serif; color:#556F76}

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

a:hover {color:#499FB6; text-decoration:underline}

form {display:inline}

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

.search {background:#E8EFF1; border:1px solid #C2CED1; padding:6px; line-height:150%}

label {cursor:pointer}

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

li.helprow {padding:0; margin:0 0 10px 0}

ul#help {padding:0 0 0 15px}

option.cat {font-weight:normal}

option.sub {font-weight:bold; color:#555}

input.row1 {background-color:#DFE8EA; background-image:none!important}

form div.tableborder td.row1 {border:0!important}

form div.tableborder td.row1 {color:#556F76; font-weight:bold; background:url(http://i5.ifrm.com/11773/23/upload/p1695185.gif) #6AB5C9; border:1px solid #6AB5C9}

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

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

#ucpcontent {background:#DFE8EA; border:1px solid #C2CED1; line-height:150%; width:auto}

#ucpmenu {line-height:150%; width:22%; border:1px solid #C2CED1; background:#DFE8EA}

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

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

td#ucpcontent form div.tableborder td.row1 {background:#DFE8EA; border:none!important}

#ucpcontent .pformstrip, #ucpmenu .pformstrip {border-bottom:1px solid #C2CED1; border-top:1px solid #C2CED1!important; margin-top:1px}

#ucpcontent textarea {background:url(http://i5.ifrm.com/11773/23/upload/p2017951.gif) right bottom no-repeat #E8EFF1}

#ucpcontent div.titlemedium {border-top:1px solid #C2CED1!important}

#ucpcontent .tableborder {width:99%; margin:0 auto}

#ucpcontent .pformleft, #ucpcontent .pformright {background:none; border:none}

form div.tablepad td.row1 {background:url(http://i5.ifrm.com/11773/23/upload/p1694814.gif) #D4DFE1 repeat-x; border:1px solid #C2CED1}

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

div.tableborder form div.tablepad {border-top:none; border-bottom:none}

div.tableborder div.pformstrip {border-left:1px solid #C2CED1}

div.pformstrip {border-top:1px solid #C2CED1}

.tablepad {background:url(http://i5.ifrm.com/11773/23/upload/p1781369.gif) top repeat-x #DFE8EA; border-bottom:1px solid #C2CED1; border-top:1px solid #C2CED1; margin-right:1px}

div.tablepad {background:#DFE8EA url() top no-repeat; border-left:1px solid #C2CED1}

div.tablepad table td.row1 {background:url(http://i5.ifrm.com/11773/23/upload/p1694814.gif) repeat-x #D4DFE1; border:1px solid #C2CED1}

#submenu img, .maintitle img, FORM[name='search'] {display:none}

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

table.tablebasic td.pformleft, table.tablebasic td.pformleftw, table.tablebasic td.pformright {border:none}

#ipsbanner {position:absolute; top:1px; right:5%}
#logostrip {text-align:center; background:#E8EFF1 url(); padding:0; margin:1px}

#userlinks {background:url(http://i5.ifrm.com/11773/23/upload/p1878004.gif) top center no-repeat #E8EFF1; padding:0; margin:-2px 0 -1px 0}

#userlinks .left {background:no-repeat top right url(http://i5.ifrm.com/11773/23/upload/p1877447.gif); width:40px; height:26px; padding:0}

#userlinks .right {background:no-repeat top left url(http://i5.ifrm.com/11773/23/upload/p1877403.gif); width:40px; height:26px; padding:0}

#navstrip {font-weight:bold; background:#E9F0F2; border:1px solid #D8E4E7; padding:2px 0; margin-top:1px; margin-right:25px; margin-left:25px}

#navstrip:hover {background:#EEF4F6; border:1px solid #D8E4E7}


#submenu {background:url(http://i5.ifrm.com/11773/23/upload/p1682348.gif) top repeat-x #DFE8EA; border:1px solid #C2CED1; border-bottom:none}

.activeuserstrip {background:url(http://i5.ifrm.com/11773/23/upload/p1682348.gif) top repeat-x #DFE8EA; border:1px solid #C2CED1; border-bottom:none; padding:6px}

.postlinksbar {font-size:10px; color:#83959D; background:url(http://i5.ifrm.com/11773/23/upload/p1682348.gif) top repeat-x #DFE8EA; border:1px solid #C2CED1; border-bottom:none; border-top:1px solid #C2CED1; padding:4px; margin-top:0}

table.tableborder td.pformstrip {border:1px solid #C2CED1; border-top:none}

table.tableborder td.pformleft {border-left:1px solid #C2CED1; border-bottom:1px solid #C2CED1}

table.tableborder td.pformright {border-right:1px solid #C2CED1; border-bottom:1px solid #C2CED1}

table.tableborder td.maintitle {vertical-align:middle; font-weight:bold; color:#EBEEF0; letter-spacing:1px; text-align:center; background:url(http://i5.ifrm.com/11773/23/upload/p1507107.gif) top left repeat-x; border-top:none; border-bottom:1px solid #C2CED1; border-right:1px solid #72BCD0; border-left:1px solid #72BCD0; padding:7px 0 7px 0}

div.pformstrip {border-top:1px solid #C2CED1!important}
.pformleft {background:url(http://i5.ifrm.com/11773/23/upload/p1454035.gif) top repeat-x #DFE8EA; border-bottom:1px solid #C2CED1; border-right:1px solid #C2CED1; padding:6px; margin-top:1px; width:25%}

.pformleftw {padding:6px; width:40%; border-bottom:1px solid #C2CED1; background:url(http://i5.ifrm.com/11773/23/upload/p1454035.gif) top repeat-x #DFE8EA}

.pformright {background:url(http://i5.ifrm.com/11773/23/upload/p1454035.gif) top repeat-x #DFE8EA; border-bottom:1px solid #C2CED1; padding:6px; margin-top:1px}

div.pformstrip, div.titlemedium {border:1px solid #C2CED1; border-right:none; border-left:none}

div.tableborder div.pformstrip {border:1px solid #C2CED1; border-bottom:1px solid #C2CED1}

.post1, .post2 {background:url(http://i5.ifrm.com/11773/23/upload/p1454035.gif) top repeat-x #DFE8EA}

.hlight, .dlight {background:#DFE8EA; color:#6E8189}

div.tableborder div.row2 {background:url(http://i5.ifrm.com/11773/23/upload/p1454035.gif) top repeat-x #DFE8EA; border-left:1px solid #C2CED1; border-right:1px solid #C2CED1; border-top:1px solid #C2CED1; border-bottom:none}

form div.tableborder div.row2 {background:url(http://i5.ifrm.com/11773/23/upload/p1454035.gif) top repeat-x #DFE8EA; border-left:1px solid #C2CED1; border-right:1px solid #C2CED1; border-top:none; border-bottom:1px solid #C2CED1}

td.row1,td.row2 {background:url(http://i5.ifrm.com/11773/23/upload/p1454035.gif) top repeat-x #DFE8EA}

.row4 {background-image:url(http://i5.ifrm.com/11773/23/upload/p1454035.gif); background-position:top; background-repeat:repeat-x; background-color:#DFE8EA!important; background:#DFE8EA}

div.row4 {background:#DFE8EA; border:1px solid #C2CED1; border-color:#C2CED1; padding:2px; margin-top:-4px!important}

div.row4 span {padding:2px 3px; display:block; background:url(http://i5.ifrm.com/11773/23/upload/p1682348.gif) repeat-x #DFE8EA; border:1px solid #C2CED1; margin-bottom:-3px}
.row4 div.row4 {background:none!important}

.row4 div.row4 {border:none!important; background-image:none; background-color:transparent}

td > div.row4 {border:1px solid #C2CED1!important; background-color:#DFE8EA!important}

.darkrow1 {background:url(http://i5.ifrm.com/11773/23/upload/p1454035.gif) top repeat-x #DFE8EA}
div.darkrow1 {background:url() #E8EFF1}

.darkrow2 {background:url(http://i5.ifrm.com/11773/23/upload/p1682352.gif) top repeat-x #D4DFE1; padding:2px}

div.darkrow2 {background:url(http://i5.ifrm.com/11773/23/upload/p1682352.gif) top repeat-x #D4DFE1; color:#576E78; padding:3px!important; border-right:1px solid #C2CED1; border-left:1px solid #C2CED1; border-bottom:1px solid #C2CED1}

.darkrow3 {background:url(http://i5.ifrm.com/11773/23/upload/p1682352.gif) top repeat-x #D4DFE1}

div.darkrow3 a:link, div.darkrow3 a:active, div.darkrow3 a:visited {font-size:10px; font-family:Arial, helvetica, sans-serif; vertical-align:middle; color:#7B8D95; background:url(http://i5.ifrm.com/11773/23/upload/p1694814.gif) #D4DFE1; border:1px solid #C2CED1; padding:2px 6px 2px 6px; margin-right:2px}

div.darkrow3 a:hover {background:url(http://i5.ifrm.com/11773/23/upload/p1695185.gif) #6AB5C9; border:1px solid #6AB5C9; padding:2px 6px 2px 6px; text-decoration:none; color:#FFF}
td.darkrow3 div.darkrow3 {background:url() transparent; padding-top:3px; padding-bottom:2px}

div.titlemedium {border-right:1px solid #C2CED1; border-left:1px solid #C2CED1; border-top:none}

.titlemedium {font-weight:bold; color:#83959D; padding:3px; background:url(http://i5.ifrm.com/11773/23/upload/p1682348.gif) top repeat-x #DFE8EA}

.titlemedium a:link, .titlemedium a:active, .titlemedium a:visited {text-decoration:underline; color:#6E8189}

.pformstrip {background:url(http://i5.ifrm.com/11773/23/upload/p1682348.gif) top repeat-x #DFE8EA; color:#83959D; font-weight:bold; padding:3px}

.forminput {font-size:11px; font-family:Arial, helvetica, sans-serif; vertical-align:middle; color:#556F76; background:url(http://i5.ifrm.com/11773/23/upload/p1694814.gif) repeat-x #E7EEEF; border:1px solid #C2CED1; padding:1px 3px 1px 2px; margin:2px}

.tablebasic {width:100%; padding:0; margin:0; border:0}

.tableborder {background:#C2CED1; padding:0; margin:0; width:100%}

.signature, .row2, .row1, .row3, form div.tableborder td.row1, td > div.row4 {background-image:url(http://i5.ifrm.com/11773/23/upload/p1454035.gif)!important; background-position:top!important; background-repeat:repeat-x!important; background-color:#DFE8EA!important}

.signature {font-size:10px; overflow:hidden; max-height:150px; border-top:1px solid #C2CED1; margin-left:-3px; margin-right:-3px; padding:5px}

#QUOTE, #CODE {font-family:Arial, helvetica, sans-serif; font-size:11px; color:#6E8189; padding:8px 2px 8px 35px}

#QUOTE {background:url(http://i5.ifrm.com/11773/23/upload/p1721760.gif) no-repeat top left #E8EFF1}

#CODE {background:url(http://i5.ifrm.com/11773/23/upload/p1755843.gif) no-repeat top left #E8EFF1}

.maintitle {font-weight:bold}

div.maintitle div {text-align:left}

#topic_open div.maintitle {margin-top:10px}

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

.maintitle a:hover {text-decoration:underline; color:#499FB6}
.mtrepeat {background:url(http://i1.ifrm.com/9764/158/upload/p3859356.gif) top repeat-x; margin-bottom:-3px}

.mtleft {background:url(http://i1.ifrm.com/9764/158/upload/p3859357.gif) top left no-repeat; margin-bottom:-3px}

.mtright {background:url(http://i1.ifrm.com/9764/158/upload/p3859358.gif) top right no-repeat; margin-bottom:-3px}

.mttext {letter-spacing:1px; text-align:left; color:#2E7E93; padding:3px 0 13px 40px}

#ucpmenu .mtrepeat {background:url(http://i1.ifrm.com/9764/158/upload/p3767007.gif); margin-top:-2px; margin-bottom:-1px}

#ucpmenu .mtleft {margin-left:-1px; border-left:1px solid #72BCD0; margin-bottom:-1px}

#ucpmenu .mtright {margin-top:-2px; margin-bottom:-1px; margin-right:-1px}

#ucpcontent .mtrepeat {background:url(http://i1.ifrm.com/9764/158/upload/p3767007.gif); margin-top:-2px; margin-bottom:-1px}

#ucpcontent .mtleft {background:url(http://i1.ifrm.com/9764/158/upload/p3767007.gif) top left no-repeat; border-top:none; border-left:1px solid #72BCD0; margin-top:-2px; margin-bottom:-1px; margin-left:-1px}

#ucpcontent .mtright {background:url(http://i1.ifrm.com/9764/158/upload/p3767007.gif) top right no-repeat; border-right:1px solid #72BCD0; margin-top:-2px; margin-bottom:-1px; margin-right:-1px}

#ucpcontent .mttext , #ucpmenu .mttext {text-align:center; padding:6px 0; color:#FFF}

td.plainborder table {background:#BCCAD0}

td.plainborder {background:#E8EFF1; border:0!important}

.plainborder {background:#C2CED1; border-top:none!important; border:1px solid #C2CED1}

.tablefill {background:#E8EFF1; border:1px solid #C2CED1; padding:6px}

div.tablefill {border:1px solid #C2CED1}

td.pformleft table.tablefill {background:url() transparent; border:0 solid #C2CED1; padding:6px}

table.tablefill {border:1px solid #C2CED1}

.tablepad {background:#DFE8EA top repeat-x; border-bottom:1px solid #C2CED1; border-top:1px solid #C2CED1; margin-right:1px}

.plainborder td.maintitle {border-left:1px solid #72BCD0; vertical-align:middle; font-weight:bold; color:#EBEEF0; letter-spacing:1px; text-align:center; background:url(http://i5.ifrm.com/11773/23/upload/p1507107.gif); border-right:1px solid #72BCD0; padding:7px 0 7px 0}

.wrapmini {float:left; line-height:1.5em; width:190px; background:url(http://i5.ifrm.com/11773/23/upload/p1454035.gif) #DFE8EA top repeat-x; border:1px solid #C2CED1; margin:0 3px 0 0; padding:2px}

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

#ucpcontent .wrapmini {border:none}

.wrapmini img {margin:2px 5px}

.desc {font-size:11px; color:#556F76}

.edit {font-size:9px; background:url(http://i5.ifrm.com/11773/23/upload/p1694814.gif) repeat-x top #D4DFE1; border:1px solid #C2CED1; padding:2px 2px}

.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:active, .normalname a:visited {font-size:12px}

.unreg {font-size:11px; font-weight:bold; color:#900}

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

.post1 table, .post2 table {background:url(http://i5.ifrm.com/11565/38/upload/p1979331.gif) top repeat-x #E8EFF1; border:1px solid #C2CED1; padding:0; margin-top:2px}

input.row1 {color:#556F76; background:url()}

.codebuttons {font-size:10px; font-family:Arial, helvetica, sans-serif; vertical-align:middle; color:#556F76; background:url(http://i5.ifrm.com/11773/23/upload/p1708142.gif) top repeat-x #E7EEEF; border:1px solid #C2CED1; padding:1px 2px 1px 2px; margin:2px}

.codebuttons:hover {background:url(http://i5.ifrm.com/11773/23/upload/p1695185.gif) top repeat-x #6AB5C9; color:#FFF; border:1px solid #6AB5C9}

select.codebuttons {background:url() #E8EFF1; margin:2px}

select.codebuttons:hover {background:url() #E8EFF1; color:#556F76; border:1px solid #C2CED1}

select.forminput {background:url() #E8EFF1; padding:0}

.textinput, .forminput:focus {background-image:none; background-color:#E8EFF1; border:1px solid #C2CED1; color:#656565}

.textinput {font-size:11px; font-family:Arial, helvetica, sans-serif; vertical-align:middle; color:#556F76; background:url(http://i5.ifrm.com/11773/23/upload/p2017951.gif) right bottom no-repeat #E8EFF1; border:1px solid #C2CED1; margin:2px; padding:2px}

.radiobutton, .checkbox {background:url() transparent; border:none; margin-top:4px}

.thin {line-height:140%; border-top:2px dotted #C2CED1; border-bottom:2px dotted #C2CED1; margin:2px 4px; padding:4px 5px}

.ib {background:#E8EFF1; padding:0}

.tlb {background:url(http://i5.ifrm.com/11773/23/upload/p1479742.gif) bottom right no-repeat}

.trb {background:url(http://i5.ifrm.com/11773/23/upload/p1682479.gif) bottom left no-repeat}

.tb {background:url(http://i5.ifrm.com/11773/23/upload/p1682478.gif) bottom center repeat-x}

.lb {background:url(http://i5.ifrm.com/11773/23/upload/p1682481.gif) right repeat-y}

.rb {background:url(http://i5.ifrm.com/11773/23/upload/p1682482.gif) left repeat-y}

.blb {background:url(http://i5.ifrm.com/11773/23/upload/p1682483.gif) top right no-repeat}

.brb {background:url(http://i5.ifrm.com/11773/23/upload/p1682486.gif) top left no-repeat}

.bb {background:url(http://i5.ifrm.com/11773/23/upload/p1682485.gif) top center repeat-x}

#main {float:left; position:relative; color:#EEF4F6; text-align:center; width:119px; height:25px; line-height:23px; background:url(http://i5.ifrm.com/11773/23/upload/p2024758.gif)}
#main:hover {background:url(http://i5.ifrm.com/11773/23/upload/p2024760.gif)}

.tablefill .titlemedium {border-right:0; border-left:0}

.tablefill .tableborder {background:#DFE8EA; border-right:1px solid #C2CED1; border-left:1px solid #C2CED1; border-top:1px solid #C2CED1}

.tablefill .pformright, .tablefill .pformleft {background:#DFE8EA; border:0}

form div.tableborder div.pformstrip {border-left:none!important; border-right:none!important}

* html legend {position:absolute; top:-.5em; left:.5em}

* html fieldset {position:relative; margin-top:1em; padding-top:.75em}

* html h2 {font-size:17px}

* html h4 {font-size:11px}

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

</style><script type="text/javascript" src="http://i1.ifrm.com/9764/158/upload/p3830257.ibf"></script><style type="text/css">
Header & Body:
Code:
 
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" alink="#000000" vlink="#000000">

<table width="937" cellpadding="0" cellspacing="0" align="center"><tr><td class="tlb"><img src="http://i2.ifrm.com/4657/197/emo/transparent.gif" height="70" width="51" alt="Transparent"></td><td class="tb"></td><td class="trb"></td></tr><tr><td class="lb"></td><td class="ib">
<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>
Footer:
Code:
 
<div align="center"><a href="http://resources.zetaboards.com/topic/5073910/">Tropical Sky</a> © <a href="http://forums.planetnexus.net/index/" title="Planet Nexus">Planet Nexus</a>, designed by vcd</div>

<td class="rb"></td></tr><tr><td class="blb"></td><td class="bb"></td><td class="brb"><img src="http://i2.ifrm.com/4657/197/emo/transparent.gif" height="70" width="51" alt="Transparent"></td></tr></table>

<script type="text/javascript">
<!--
/* 3-part maintitle
Find more great skinners' scripts at http://aasforums.com */

d = document.getElementsByTagName("DIV")
for (n = 1; n<d.length; n++) {
if (d[n].className == "maintitle") {
content = d[n].innerHTML
d[n].innerHTML = '<div class="mtrepeat"><div class="mtleft"><div class="mtright"><div class="mttext">' + content + '</div></div></div></div>'
d[n].style.padding = "0px" } }
//-->
</script>

<script type="text/javascript">
<!--
/* 3-part Userlinks */
z = document.getElementById('userlinks')
z.rows[0].insertCell(0).className="left"
z.rows[0].insertCell(3).className="right"
z.rows[0].cells[0].innerHTML=" "
z.rows[0].cells[3].innerHTML=" "
z.cellSpacing = "0"
// -->
</script>
Edited by Helena, Nov 21 2012, 12:06 AM.
Offline Profile Quote Post Goto Top
 
Sybaritic
Member Avatar
Member
[ * ]
Lovely theme, always liked it.
Offline Profile Quote Post Goto Top
 
Eccentric Feline
Member Avatar
梦想
[ *  *  *  *  *  *  *  * ]
Looks nice! Clean and refreshing. :)
Offline Profile Quote Post Goto Top
 
Leda
Member Avatar
cARpE dIEm
[ *  *  *  *  *  *  *  * ]
Nice skin! Thank you for sharing it! :)
Offline Profile Quote Post Goto Top
 
Kevin
paradise
[ *  *  *  *  *  *  *  * ]
Tons of history behind this skin, great to see you've released it. :)
Offline Profile Quote Post Goto Top
 
Scotty.
...
[ *  *  *  *  *  * ]
Always been fond of this skin! Nice to see it released, Cory :)
Offline Profile Quote Post Goto Top
 
Canimia
Member Avatar
Parachute? This is obviously a Hot Air Balloon!
[ *  *  * ]
Nice! Great skin.
Offline Profile Quote Post Goto Top
 
Eccentric Feline
Member Avatar
梦想
[ *  *  *  *  *  *  *  * ]
WOW!

Simple, unobtrusive and sleek is what Tropical Sky is; what the staff has deemed perfect for a WOW rating. Congratulations on your WOW rating! :D
Offline Profile Quote Post Goto Top
 
vcd
Member Avatar
Member
[ *  *  *  * ]
The original design is as follow.
http://s15.invisionfree.com/louis85

Helena and Cory played a major role in perfecting this skin, much credit should go to them :wink:
Offline Profile Quote Post Goto Top
 
justbykevin
Member
[ * ]
Nice skin!
I have a question about it though, I applied it to my newly created forum and when you close a topic everything becomes a bit distorted.

http://i52.tinypic.com/2dseot4.jpg ~ Example

Any help with this?
Edited by justbykevin, Oct 24 2010, 03:03 PM.
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Light · Next Topic »
Add Reply