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
  • Pages:
  • 1
Border Line ZB Conversion; Original Design by Tue.
Topic Started: Nov 22 2011, 11:31 PM (9,967 Views)
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
Posted Image

Author: Designed by Tue., Converted by Cory
Original skin topic - Skin Preview

Date Created: November 2011

Theme Preview:Posted Image

Side Notes: Graphics set designed by Tue. ZB images completed and topic folders and warns added by Helena

Browser Compatibility: Theme tested under the top 5 latest version browsers and IE8.

Graphics: Complete graphic pack includes all buttons, misc. images, warns, pips, blank buttons included for buttons and team icons. Blank banner included.

Download:
Posted Image ~ VIEW Images Preview

Edits Allowed? You may edit text size and text color as needed for legibility. Please contact Tue for editing permission for anything else.

CSS:
Code:
 

html, body {
background: #97D1D3;
color: #8494A3;
font-family: "Helvetica", "Arial", "Bitstream Vera Sans", "Verdana", sans-serif;
font-size: 11px;
margin: 0;
padding: 0;
}

a {
color: #54687B;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

hr {
background-color: #CAD3DB;
border: 0;
color: #CAD3DB;
border-bottom: 1px solid #F9FCFE;
height: 2px;
}

table {
border-collapse: collapse;
border-spacing: 0;
clear: both;
empty-cells: show;
width: 100%;
}

th, td {
border: 1px solid #CAD3DB;
}

th {
background: url(http://z4.ifrm.com/30310/93/0/p1122895/p179855.gif) repeat-x #E8EEF1;
font-weight: 400;
padding: 3px 5px;
text-align: left;
box-shadow: 0 1px #F9FCFE inset;
}

td {
background: url(http://z4.ifrm.com/30310/93/0/p1114465/hintcell.gif) repeat-x #E9EFF2;
padding: 5px 10px;
}

th a, th a:hover {
font-weight: 700;
}

thead td, thead th {
padding: 0;
background: inherit;
border-width: 0;
}

#portal .h2wrap, #portal_foot .h2wrap, #search_results_topics .h2wrap {
margin: 0 !important;
}

#portal table .h2wrap {
margin-left: -1px !important;
}

.h2wrap, div.meta_menu h3, #portal_l .h2left, #portal_l .h2right, #portal_r .h2left, #portal_r .h2right, table.profile th, dl.notice dt, #acplogin th {
background: url(http://z4.ifrm.com/30310/93/0/p1122918/p170274.gif) repeat-x;
}

#portal_l .h2right, #portal_r .h2left, #portal_r .h2right {
background-position: 0 -2px;
}

#portal_l .h2center, #portal_r .h2center {
padding: 6px 0 7px 0;
text-align: center;
}

#portal_l .h2right, #portal_r .h2right {
height: 27px;
}

#portal_l .h2wrap, #portal_r .h2wrap {
border-left: 1px solid #CAD3DB;
border-right: 1px solid #CAD3DB;
}

.h2left {
background: url(http://z4.ifrm.com/30310/93/0/p1122917/p170256.gif) no-repeat;
}

.h2center {
font-weight: 700;
padding: 6px 30px 7px 205px;
}

.h2center, .h2center a {
color: #54687B;
}

.h2right {
background: url(http://z4.ifrm.com/30310/93/0/p1122919/p170298.gif) no-repeat right top;
height: 29px;
}

#blog .h2wrap, #blog .h2left, #blog .h2right {
padding: 0;
border: 0;
}

#blog .h2center {
background: none;
border: 0;
}

.search_results div[class*="h2"], #blog div[class*="h2"] {
margin: 0;
}

thead th {
border: 1px solid #CAD3DB;
border-bottom-width: 1px;
padding: 7.5px;
text-align: center;
}

table.profile tbody th {
background: url(http://z4.ifrm.com/30310/93/0/p1122895/p179855.gif) repeat-x #E8EEF1;
}

input, select, textarea, button, a.btn_fake {
background: url(http://z4.ifrm.com/30310/93/0/p1122895/p179855.gif) repeat-x #E8EEF1;
border: 1px solid #CAD3DB;
color: #8494A3;
padding: 3px 5px;
vertical-align: middle;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
}

#search_form select[multiple] {
height: 125px;
}

textarea {
font-family: "Verdana", sans-serif;
margin: auto;
width: 98%;
}

.submit_error {
background: #fff8eb;
border: 1px solid #e77700;
}

button, a.btn_fake {
cursor: default;
overflow: visible;
width: auto;
}

button.btn_text {
background: none;
border: 0;
cursor: pointer;
font-family: Arial, "Bitstream Vera Sans", Verdana, sans-serif;
}

.notice {
background: #E9EFF2;
border: 1px solid #CAD3DB;
margin: 10px auto;
width: 70%;
}

.notice dt {
font-weight: 700;
padding: 7.5px;
}

.notice dd {
font-style: italic;
margin: 0;
padding: 5px 7px;
box-shadow: 0 1px #F9FCFE inset;
}

#top ul, #nav, ul.cat-pages, ul.cat-topicpages, table.calendar ul, div.meta_menu ul, #pm_folderlist, #profile_menuwrap ul {
list-style: none;
padding: 0;
}

#profile_menuwrap ul, ul.cat-topicpages, blockquote dl, #fast-reply dd, table.calendar ul, .drop_menu {
margin: 0;
}

#top li, #nav li, ul.cat-pages li, ul.cat-topicpages li, table.calendar li, #pm_folderlist li, #profile_menuwrap li, #ucp_gallery li {
display: inline;
}

#top {
background: url(http://z4.ifrm.com/30310/93/0/p1122900/p170865.gif) repeat-x;
margin: 0 17px 15px;
font-size: 10px;
position: relative;
top: 10px;
}

#top_left {
background: url(http://z4.ifrm.com/30310/93/0/p1122898/p170907.gif) no-repeat;
}

#top_right {
background: url(http://z4.ifrm.com/30310/93/0/p1122899/p170327.gif) no-repeat right top;
height: 16px;
}

#top_center {
padding: 0 10px 0 30px;
}

#top_info, #top_menu {
position: relative;
bottom: 3px;
}

#top_info {
float: left;
margin-top: 4px;
}

#top_menu {
float: right;
margin-top: 0px;
}

.drop_menu li {
float: left;
margin-right: 1px;
text-align: center;
}

.drop_menu a {
display: block;
padding: 4px .25em;
position: relative;
width: 9em;
}

.drop_menu ul {
-moz-opacity: 0.85;
border-top: 1px solid #CAD3DB;
left: -999em;
margin: -3px 0 0;
opacity: 0.85;
position: absolute;
width: 9.4em;
z-index: 1;
}

.drop_menu ul li {
margin: 0;
padding: 0;
width: 100%;
}

.drop_menu ul li a {
box-shadow: 0 1px #F9FCFE inset;
background: #E9EFF2;
border: 0 solid #CAD3DB;
border-width: 0 1px 1px;
display: block;
padding: 4px 5%;
width: 90%;
}

.drop_menu li ul li a:hover {
box-shadow: 0 1px #E9EFF2 inset;
background: #F9FCFE;
}

#logo {
background: url(http://z4.ifrm.com/30310/93/0/p1122897/p134493.gif) repeat-x;
clear: both;
text-align: right;
}

#logo_left {
background: url(http://z4.ifrm.com/30310/93/0/p1122909/p134515.gif) no-repeat;
height: 63px;
}

#submenu {
background: url(http://z4.ifrm.com/30310/93/0/p1122912/p134538.gif) no-repeat right top;
text-align: right;
}

#sub_left {
background: url(http://z4.ifrm.com/30310/93/0/p1122910/p134534.gif) no-repeat;
}

#sub_right {
background: url(http://z4.ifrm.com/30310/93/0/p1122913/p134545.gif) no-repeat right top;
height: 19px;
}

#wrap {
background: #F2F7F9;
margin: 25px 66px;
}

#border {
border: 1px solid #63B8BD;
border-top: 0;
margin-top: -1px;
}

#nav {
height: 1%;
padding: 10px 1%;
}

.meta_box {
border: 1px solid #CAD3DB;
background: #E9EFF2;
box-shadow: 0 1px #F9FCFE inset;
line-height: 150%;
padding: 10px 25px;
}

.meta_menu {
border: 1px solid #CAD3DB;
background: #E9EFF2;
padding: 0;
width: 49%;
}

#ucp_profile {
height: 123px;
}

.meta_menu h3 {
border: 1px solid #CAD3DB;
clear: both;
font-weight: 700;
margin: -1px;
text-align: center;
padding: 5.5px 0 7.5px;
}

ul.cat-pages {
float: left;
margin: 15px 0;
padding: 5px 1px;
width: 49%;
}

.cat-pages a, .cat-pagesjump i, .cat-topicpages a {
cursor: pointer;
padding: 2px 5px;
}

.cat-pages span {
cursor: default;
font-weight: 700;
padding: 2px 5px;
}

.cat-pages input {
background: #fff;
color: #5a70b3;
padding: 3px 5px;
vertical-align: baseline;
}

ul.cat-topicpages {
float: right;
padding: 1px 0;
}

tr.generic td, div.generic {
font-weight: 700;
text-align: center;
}

td.c_foot, td.c_sort {
background: url(http://z4.ifrm.com/30310/93/0/p1122921/p233821.gif) repeat-x #E5EBEF;
padding: 8px 10px 2px;
}

td.c_head {
background: url(http://z4.ifrm.com/30310/93/0/p1122895/p179855.gif) repeat-x #E8EEF1;
}

td.c_desc {
font-weight: 700;
text-align: right;
vertical-align: middle;
width: 200px;
}

td.c_desc small {
display: block;
font-weight: 400;
}

tr.pm_new td {
background: url(http://z4.ifrm.com/30310/93/0/p1114475/hintcell2.gif) repeat-x #F9FCFE;
font-weight: 700;
}

tr.hidden td.c_post {
background: url(http://z4.ifrm.com/30310/93/0/p1114475/hintcell2.gif) repeat-x #F9FCFE;
}

.bday {
background: url(http://z4.ifrm.com/30310/93/0/p1114098/minibday.gif) no-repeat;
color: #425384;
font-weight: 700;
height: 16px;
padding: 2px 2px 2px 18px;
width: 20px;
}

.c_mark {
text-align: center;
width: 1%;
}

.c_forum {
color: #666;
width: 60%;
}

.c_last-title {
background: url(http://z4.ifrm.com/30310/93/0/p1114067/last.gif) no-repeat left;
display: block;
line-height: 16px;
padding-left: 10px;
}

td.c_info-v, td.c_info-t, td.c_info-r {
padding: 5px;
text-align: center;
}

td.c_subforum {
font-style: italic;
}

.cat_head td {
border: 0;
padding: 0;
}

.description {
color: #666;
}

td#stats_events a, td#stats_events span {
background: url(http://z4.ifrm.com/30310/93/0/p1114099/minical.gif) no-repeat 2px;
padding: 4px 0 4px 20px;
}

td.c_username {
padding: 2px 0;
text-align: center;
}

td.c_username a {
font-weight: 700;
}

td.c_user dl {
margin: 10px 0;
padding: 5px 7px;
width: 160px;
}

dl.user_profile {
overflow: hidden;
word-wrap: break-word;
}

dl.user_profile dd {
font-style: italic;
margin-left: 8px;
}

dl.user_info dd {
font-weight: 700;
margin-bottom: 1px;
}

#profile_menu ul {
-moz-opacity: 1;
opacity: 1;
margin-top: -1px;
border-top: 0;
}

#profile_menu a {
padding: 0;
left: 50%;
}

#profile_menu ul li a {
padding: 4px 5%;
font-weight: 400;
left: 44%;
}

td.c_poll-choice label {
font-weight: 700;
padding-left: 1em;
}

td.c_poll-votes {
text-align: center;
width: 15%;
}

td.c_poll-bar div {
background: url(http://z4.ifrm.com/30310/93/0/p1122924/p398913.gif) repeat-x #D3EBB3;
float: left;
height: 12px;
padding-right: 3px;
border: 1px solid #A6DA62;
}

td.c_poll-bar span {
background: url(http://z4.ifrm.com/30310/93/0/p1122924/p398913.gif) repeat-x #D3EBB3;
display: block;
float: left;
height: 12px;
}

.editby, .queued {
font-style: italic;
margin-top: 1em;
padding: 3px 5px;
}

blockquote, #blog blockquote blockquote {
background: #E9EFF2;
border: 1px solid #CAD3DB;
border-top: 0;
margin: 10px auto;
padding-bottom: 1px;
width: 98%;
}

blockquote dl {
background: url(http://z4.ifrm.com/30310/93/0/p1122922/p397264.gif) repeat-x #E9EFF2;
}

blockquote dl dt {
float: left;
font-weight: 700;
}

code {
background: url(http://z4.ifrm.com/30310/93/0/p1122924/p398913.gif) repeat-x #D3EBB3;
border: 1px solid #A6DA62;
display: block;
font-family: Monaco, Consolas, "Courier New", Courier, monospace;
white-space: pre;
max-height: 400px;
overflow: auto;
}

.c_post img, #topic_review img, #blog img {
max-width: 500px;
}

div.spoiler {
background: #E9EFF2;
border: 1px solid #CAD3DB;
border-top: 0;
padding: 5px 7px;
margin-top: 0;
}

div.spoiler_toggle {
background: url(http://z4.ifrm.com/30310/93/0/p1122922/p397264.gif) repeat-x #E9EFF2;
border-left: 1px solid #CAD3DB;
border-right: 1px solid #CAD3DB;
border-top: 0;
border-bottom: 0;
cursor: pointer;
font-weight: 700;
padding: 1.5px 4px;
margin-bottom: 0;
}

td.c_postinfo {
vertical-align: middle;
}

td.c_sig {
color: #666;
}

td.c_sig blockquote {
background: none transparent;
border: 0;
border-left: 3px solid #999;
padding-left: 5px;
}

td.c_sig blockquote dl {
background: none transparent;
border: 0;
color: #666;
}

td.c_sig blockquote dl dt, td.c_sig blockquote dl dd {
color: #666;
padding: 0;
}

td.c_sig blockquote div {
background: transparent;
margin-left: 5px;
padding: 0;
}

tr.c_postfoot td, td.c_postfoot {
clear: both;
}

td.c_username {
width: 195px;
}

.c_next a {
display: block;
font-weight: 700;
text-align: center;
}

dl#fast-reply dt {
color: #FFF;
font-weight: 700;
margin: 0;
padding: 5px;
}

dl#fast-reply dd {
border: 1px solid #CAD3DB;
background: #E9EFF2;
box-shadow: 0 1px #F9FCFE inset;
padding: 15px 0;
text-align: center;
}

#c_post-preview {
background: #f6f6f6;
border: 1px solid #BFC8E3;
margin: 0 auto 10px;
padding: 5px;
text-align: left;
width: 98%;
}

#c_post-resize span {
color: #CAD3DB;
cursor: pointer;
padding: 20px 5px 0;
font-size: 20px;
}

#emot_wrap {
background: #E8EEF1;
border: 1px solid #CAD3DB;
}

#emot_wrap h3 {
background: url(http://z4.ifrm.com/30310/93/0/p1122895/p179855.gif) repeat-x #E8EEF1;
border-bottom: 1px solid #CAD3DB;
text-align: center;
}

#emot_end {
border-top: 1px solid #CAD3DB;
display: block;
font-weight: 700;
padding: 4px 0;
text-align: center;
box-shadow: 0 1px #F9FCFE inset;
}

#pm_folders {
padding-top: 30px;
vertical-align: top;
width: 150px;
}

#pm_folderlist {
position: relative;
margin-left: 0;
margin-top: 0
}

#pm_folderlist li {
background: url(http://z4.ifrm.com/30310/93/0/p1114189/pmfolder.gif) no-repeat 5px;
display: list-item;
margin-bottom: 4px;
padding-left: 28px;
}

#pm_forwarded {
border: 1px dotted #e7e7e7;
font-style: italic;
margin-top: 1em;
padding: 3px 5px;
}

#ucp_gallery a {
font-weight: 700;
}

.calendar td div.cal_div {
font-weight: 700;
text-align: center;
}

td.cal_inactive div.cal_div {
font-weight: 400;
}

.calendar div a {
font-weight: 400;
}

.calendar li a, .calendar li span {
border-color: transparent;
border-style: solid;
border-width: 1px;
display: block;
padding: 3px;
}

.cal_div {
padding: 5px;
}

div.portal_content {
border: 1px solid #CAD3DB;
background: #E9EFF2;
box-shadow: 0 1px #F9FCFE inset;
margin: 0;
padding: 5px 7px;
}

#portal h4 {
background: url(http://z4.ifrm.com/30310/93/0/p1122895/p179855.gif) repeat-x #E8EEF1;
border-left: 1px solid #CAD3DB;
border-right: 1px solid #CAD3DB;
font-weight: 400;
margin: 0;
padding: 5px 7px;
}

#faq dt a {
font-weight: 700;
}

#faq dd.faq_more a, #faq dl.faq_more a:hover {
font-style: italic;
}

div.search_results {
border: 1px solid #CAD3DB;
background: #E9EFF2;
box-shadow: 0 1px #F9FCFE inset;
margin-bottom: 1em;
padding: 5px 7px;
}

.search_results h3 {
display: inline;
}

.search_results cite, .search_results p {
margin: 0;
}

#findposts .c_mark {
font-weight: 700;
vertical-align: top;
}

#pmtoast {
background: url(http://z4.ifrm.com/30310/93/0/p1113904/PMtoastBk.png) no-repeat;
border: 1px solid #71C6CB;
bottom: 10px;
display: none;
position: fixed;
right: 10px;
text-align: right;
text-decoration: none;
width: 204px;
height: 105px;
z-index: 1;
}

#pmlink {
display: block;
padding: 10px 10px 10px 55px;
text-decoration: none;
border-bottom: 1px solid #C4CED7;
}

#pmlink big {
display: block;
font-weight: 700;
padding-bottom: 5px;
}

#pmclose {
border-top: 1px solid #EEF3F6;
display: block;
padding: 1px 10px;
}

#foot_wrap {
margin: 20px 17px;
}

#foot td {
background: none;
border: 0;
box-shadow: 0 0;
}

#foot #foot_datetime {
width: 1%;
white-space: nowrap;
}

#copyright {
margin: 10px 0;
text-align: center;
}

#copyright a {
font-weight: 700;
}

td.username_ok {
background: #e0fae0;
}

input.username_ok {
outline: 2px solid #0c0;
}

td.username_no {
background: #fae0e0;
}

input.username_no {
outline: 2px solid #e77700;
}

#acplogin {
background: url(http://z4.ifrm.com/30310/93/0/p1114193/acpBkSlice.gif) repeat-x #F2F7F9;
border: 1px solid #63B8BD;
height: 275px;
left: 50%;
margin: -137.5px 0 0 -250px;
padding: 0;
position: absolute;
top: 50%;
width: 500px;
}

#acplogin h1 {
background: url(http://z4.ifrm.com/30310/93/0/p1114192/acplogo.gif) no-repeat;
font-weight: 400;
height: 50px;
margin-bottom: 20px;
padding: 50px 20px 0 0;
text-align: right;
}

#acplogin td.c_mark {
background: url(http://z4.ifrm.com/30310/93/0/p1114191/acpIcon.gif) center no-repeat #E9EFF2;
width: 200px;
}

#acplogin h1 img, #acplogin td.c_mark img {
display: none;
}

a img {
border: 0;
}

form {
display: inline;
margin: 0;
padding: 0;
}

.category h2, .topic h2, #portal h2 {
padding: 5px;
text-align: left;
}

h3 {
padding: 3px 0;
}

input[type=checkbox] {
background: transparent;
border: 0;
padding: 0;
vertical-align: bottom;
}

input[type=radio] {
border: 0;
}

select {
margin: 0 7px;
padding: 0;
vertical-align: bottom;
}

option {
margin: 2px 0;
}

button.btn_img {
border: 0;
cursor: pointer;
padding: 0;
}

.drop_menu a img {
vertical-align: bottom;
}

.drop_menu li:hover ul, .drop_menu li.hover ul {
left: auto;
}

#main {
height: 1%;
padding: 0 17px;
}

#nav li img {
vertical-align: top;
padding-top: 2px;
}

.meta_box, .meta_menu {
margin: 10px 0;
}

.meta_box li {
display: list-item;
list-style-position: inside;
list-style-type: square;
margin-left: 10px;
}

.meta_menu ul {
margin: 5px 5%;
}

.meta_menu img, .meta_menu span {
float: right;
margin: 10px 20px;
}

.cat-topicpages a {
padding: 0 2px;
}

.cat-buttons, .topic-buttons {
float: right;
margin: 15px 0;
text-align: right;
width: 50%;
}

tr.postbtn td {
padding: 5px;
text-align: center;
}

.row1, .row2 {
line-height: 1.4;
}

td.c_head input, td.c_head button, td.c_foot input, td.c_foot button, td.c_sort input, td.c_sort button {
padding: 1px;
}

td.c_desc img, td.c_desc input {
float: left;
vertical-align: middle;
}

.category {
margin: 10px 0 0;
}

span.collapse, span.uncollapse {
cursor: pointer;
float: right;
position: relative;
margin: 2px -26px 0;
}

.c_mark img {
display: block;
margin: auto;
}

.c_last {
line-height: 1.4;
min-width: 300px;
width: 30%;
}

div[id*="cat"] td.c_foot {
background-image: url(http://z4.ifrm.com/30310/93/0/p1122920/p179862.gif);
height: 10px;
}

#stats_members {
line-height: 1.2;
}

td.c_cat-mark, td.c_cat-icon {
padding: 5px 0;
text-align: center;
width: 30px;
}

td.c_cat-starter {
width: 125px;
}

td.c_cat-lastpost {
width: 175px;
}

.c_user {
vertical-align: top;
width: 175px;
}

img.c_user {
height: 1px;
}

.avatar, img.member {
display: block;
margin: auto;
text-align: center;
}

.av_wrap {
overflow: hidden;
text-align: center;
margin: auto;
}

td.c_user .usertitle {
text-align: center;
margin: 3px 0;
}

.pip {
margin: 3px 0;
white-space: nowrap;
}

dl.user_info dt, dl.user_info dd {
padding: .1em;
}

dl.user_info dt {
float: left;
margin: 0;
min-width: 4em;
}

dl.user_info dd.spacer, dl.user_profile dd.spacer {
clear: both;
float: none;
height: 1px;
padding: 0;
}

td.c_poll-choice {
line-height: 1.5;
padding-left: 45%;
}

td.c_poll-answer {
text-align: right;
width: 42.5%;
}

td.c_poll-bar {
text-align: left;
vertical-align: middle;
width: 42.5%;
}

* html td.c_poll-bar span {
margin-top: 3px;
}

td.c_post {
line-height: 1.7;
vertical-align: top;
}

td.c_post ul {
list-style-type: square;
margin-left: 10px;
}

.c_post-attachment {
margin-top: 1em;
padding: 1em;
}

.c_post-attachment dd {
margin-left: 1em;
}

.post_sep {
font-size: 1px;
height: 1px;
}

td.c_sig, td.c_nosig {
height: .5%;
vertical-align: top;
}

td.c_nosig {
display: none;
}

blockquote dl dt, blockquote dl dd {
padding: 2px 4px;
}

#portal blockquote dl dt, #portal blockquote dl dd, #portal div.spoiler_toggle {
padding: 4px;
}

blockquote div, blockquote code {
margin: 3px;
padding: 5px;
}

dl#fast-reply {
clear: both;
margin: auto;
width: 80%;
}

dl#fast-reply dd p {
margin: -3px;
padding: 0 5% 10px;
text-align: left;
}

dl#fast-reply dd textarea {
display: block;
height: 100px;
margin-bottom: 10px;
padding: 2px;
width: 90%;
}

#c_post-text {
height: 223px;
}

#c_post-resize {
float: right;
margin-top: -1px;
padding: 4px 0 0;
text-align: right;
}

#btn_preview {
float: left;
margin: 10px 0 0 1px;
}

#c_emot {
height: 225px;
vertical-align: top;
width: 210px;
}

#emot_list {
height: 275px;
margin: 0 auto;
overflow: auto;
padding: 5px 0;
text-align: center;
box-shadow: 0 1px #F9FCFE inset;
}

#emot_list td:first-child {
border-left: 0;
}

#emot_list tr:first-child td {
border-top: 0;
}

#emot_list tr:last-child td {
border-bottom: 0;
}

div#emot_list {
padding: 0;
}

#emot_list li {
display: inline;
padding: 4px 10px;
}

#emot_list img {
cursor: pointer;
vertical-align: baseline;
}

.pm {
margin-bottom: 1em;
}

#pm_datesent {
width: 200px;
}

#pm_select {
text-align: center;
width: 1px;
}

#conversation .c_post {
padding: 2em;
}

#ucp_profile, #pm_messages {
float: right;
}

#pm_messages {
height: 95px;
}

#ucp_settings img, #ucp_profile img {
margin: 18px 20px;
}

#ucp_gallery li {
float: left;
margin: 15px 5px;
}

#ucp_gallery button {
cursor: pointer;
text-align: center;
}

.ucp button.btn_text {
padding: 5px 0;
text-align: center;
width: 100%;
}

.calendar td {
height: 125px;
padding: 0;
vertical-align: top;
width: 14.3%;
}

.calendar li {
display: list-item;
margin: 0;
}

.calendar li.placeholder {
padding: 4px;
}

.calendar li span {
cursor: default;
}

.calendar td#cal_current div {
padding-top: 3px;
background: url(http://z4.ifrm.com/30310/93/0/p1122894/p670425.gif) no-repeat center bottom;
}

#portal_head {
margin-bottom: 10px;
}

#portal_foot {
margin-top: 10px;
}

#portal_l, #portal_r {
margin: 0;
padding: 0;
}

#portal_l {
float: left;
width: 200px;
}

#portal_r {
float: right;
width: 150px;
}

#portal_news {
margin: 0 160px 0 210px;
}

#portal_clear {
background: transparent;
border: none;
clear: both;
font-size: 1px;
height: 1px;
margin: 0;
padding: 0;
}

.portal_box {
margin-bottom: 5px;
padding: 1px;
}

.portal_box table {
clear: none;
}

#portal h2, #portal_foot h2 {
clear: none;
margin: 0;
padding: 3px 5px;
}

#faq {
margin: 20px 0;
}

#faq dl {
padding: 1em;
}

#faq dt {
margin-bottom: 5px;
}

#faq dd {
display: list-item;
margin: 0 0 3px 15px;
padding-left: 3px;
}

.search_results div {
display: block;
margin: 5px 0;
}

#acplogin #loginform {
display: block;
padding: 0 50px;
}

button.btn_default, #nav li span, .c_post-attachment dt, #c_tos dt {
font-weight: 700;
}

blockquote div {
background: url(http://z4.ifrm.com/30310/93/0/p1122923/p398507.gif) repeat-x #BAE2E4;
border: 1px solid #71C6CB;
}

img, .meta_box button img, td.c_cat-mark input, .c_post-attachment img, .warn img, #ucp_gallery a img, td.c_postinfo input {
vertical-align: middle;
}

h1, h2, h3, #nav, #boardmeta, #main {
clear: both;
margin: 0;
}

#meta_welcome, .search_results {
clear: both;
}

#stats_events {
line-height: 2;
}

.c_cat-starter, .c_cat-replies, .c_cat-views, td.c_poll-total, td.c_poll-vote, td.c_topicfoot, .warn, .ucp th, #c_notes, .calendar th {
text-align: center;
}

blockquote dl dd, #foot #foot_links {
text-align: right;
}

#c_post, #ucp_gallery {
text-align: center;
vertical-align: top;
}

#files_upload input, .pm .row1 a, .pm .row2 a, #ucp_gallery button img, #findposts td a {
display: block;
}

#ucp_settings, #pm_settings {
float: left;
}

#c_tos dd, #username_response {
margin-left: 10px;
}

#vlx {
z-index: 1;
}

#blog {
margin: 30px 0 10px;
}

#blog blockquote {
background: none;
border: none;
padding: 10px 10px 0;
}

#blog blockquote blockquote {
padding: 0;
}

#blog h1 {
float: right;
}

#blog h2 {
background: none;
clear: none;
padding: 0;
margin-bottom: 30px;
}


#blog_foot {
clear: both;
margin-bottom: 20px;
}

#blog_head {
padding: 10px 14px;
}

#blog_head img.member {
display: inline;
}

#blog_head:after {
content: ".";
display: block;
height: 0;
line-height: 0;
clear: both;
visibility: hidden;
}

#blog_main {
margin: 20px 200px 10px 10px;
}

#blog_categories, #blog_readers, #blog_about, div.blog_options {
background: url(http://z4.ifrm.com/30310/93/0/p1122895/p179855.gif) repeat-x #E8EEF1;
margin: 15px 0;
padding: 5px 7px;
border: 1px solid #CAD3DB;
}

#blog_sidebar h3, #blog_sidebar dt {
font-weight: 700;
}

#blog_sub {
background: url(http://z4.ifrm.com/30310/93/0/p1122923/p398507.gif) repeat-x #BAE2E4;
border: 1px solid #71C6CB;
clear: both;
position: relative;
padding: 5px 7px;
text-align: right;
}

#blog_sub span {
padding-top: 7px;
}

#blog_sidebar {
border: 1px solid #CAD3DB;
background: #E9EFF2;
box-shadow: 0 1px #F9FCFE inset;
float: right;
margin: 20px 10px 0 0;
padding: 0 10px;
width: 160px;
}

#blog_sidebar dd {
margin-left: 10px;
}

#blog table {
clear: none;
}

div.blog_options {
text-align: right;
}

div.blog_date {
background: url(http://z4.ifrm.com/30310/93/0/p1122924/p398913.gif) repeat-x #D3EBB3;
border: 1px solid #A6DA62;
float: right;
font-weight: 700;
margin: 0 15px;
text-align: center;
text-transform: uppercase;
width: 40px;
}

div.blog_date span {
background: #F2F7F9;
border-top: 1px solid #A6DA62;
display: block;
font-weight: 700;
padding: 2px 4px;
}

div.blog_entry {
border: 1px solid #CAD3DB;
background: #E9EFF2;
box-shadow: 0 1px #F9FCFE inset;
margin: 10px 0;
padding: 5px 7px;
}

#blog_comments li {
padding: 5px 7px;
}

#shoutwrap {
background: #fafafa;
border: 1px solid #e7e7e7;
}

#shoutwrap td {
padding: 0;
}

#shoutbox {
list-style-type: none;
margin: 0;
padding: 0;
}

#shoutbox li {
padding: 5px 7px;
}

#shoutbox dl, #shoutbox dt, #shoutbox dd {
margin: 0;
padding: 0;
}

#shoutopts, #shoutpost {
clear: both;
text-align: center;
}

#c_bbcode button, #security_settings input[name="question"] {
margin-bottom: 5px;
}

#c_notes button {
margin-top: 5px;
}

.mozilla #forum_footer, .mozilla form[class="exclusivebutton"] + table, .mozilla #trash_footer, .mozilla #cal_end {
width: 100.1%;
margin-left: -1px;
}

#forum_footer, form[class="exclusivebutton"] + table, #trash_footer, #cal_end {
margin-top: -1px;
}

form.exclusivebutton + div.topic, #notepad, #avatar_editor, #blog_cat_edit, #error_box {
margin-top: 10px;
}

.poll {
margin-bottom: 10px;
}

#border_bt-mid {
background: url(http://z4.ifrm.com/30310/93/0/p1122914/p134570.gif) repeat-x;
margin: -1px;
}

#border_bt-left {
background: url(http://z4.ifrm.com/30310/93/0/p1122915/p134575.gif) no-repeat;
}

#border_bt-right {
background: url(http://z4.ifrm.com/30310/93/0/p1122916/p134585.gif) right top no-repeat;
height: 33px;
}

#dropmenudiv {
position: absolute;
top: 106px;
right: 12px;
border: 1px solid #CAD3DB;
border-bottom: 0;
z-index: 1;
width: 80px;
}

#dropmenudiv a {
background: url(http://z4.ifrm.com/30310/93/0/p1122925/p514311.gif) no-repeat #E9EFF2;
display: block;
border-bottom: 1px solid #CAD3DB;
font-weight: 700;
}

#dropmenudiv a:hover {
background-image: url(http://z4.ifrm.com/30310/93/0/p1122926/p514317.gif);
}

#shoutxss + div.topic {
clear: both;
}

input.row1 {
background: none;
}

div.blog_options canvas.cornercanvas {
display: none !important;
}


Theme Layout:
Code:
 

<div id="wrap"><!-- HEADER --><!-- SUBMENU --><div id="border"><!-- TOPMENU --><!-- NAV --><!-- BOARD --><div id="border_bt-mid"><div id="border_bt-left"><div id="border_bt-right"></div></div></div></div></div>

<script type="text/javascript" src="http://z3.ifrm.com/108/12/0/p400122/3_piece_stuff.js"></script>

<script type="text/javascript">
//<![CDATA[
if ($('td.c_desc:contains(Status)').length) {
$(".profile .c_mark").attr("rowspan","5");
}

if ($('td.c_desc:contains(User Verification)').length) {
$("#c_tos").attr("rowspan","11");
}

$('#logo').wrapInner('<div id="logo_left"></div>');
$('#top').wrapInner('<div id="top_left"><div id="top_right"><div id="top_center"></div></div></div>');

$('input[name="status"]').attr('size', '58');

$('#submenu').wrapInner('<div id="sub_left"><div id="sub_right"></div></div>');

$('#submenu a').remove();

$('#sub_right').append('<img src="http://z4.ifrm.com/30310/93/0/p1122932/p511396.gif" alt="Icon" style="position: relative; right: 28px; cursor: pointer" /><div id="dropmenudiv" style="display: none" onmouseover="$(this).show()" onmouseout="$(this).hide()"><a href="' + main_url + 'site/"><img src="http://z4.ifrm.com/30310/93/0/p1122933/p514525.gif" alt="Portal" /></a><a href="' + main_url + 'faq/"><img src="http://z4.ifrm.com/30310/93/0/p1122934/p514948.gif" alt="Help" /></a><a href="' + main_url + 'search/"><img src="http://z4.ifrm.com/30310/93/0/p1122935/p514960.gif" alt="Search" /></a><a href="' + main_url + 'members/"><img src="http://z4.ifrm.com/30310/93/0/p1122936/p514966.gif" alt="Members" /></a><a href="' + main_url + 'calendar/"><img src="http://z4.ifrm.com/30310/93/0/p1122937/p514971.gif" alt="Calendar" /></a></div>');

$('#sub_right img').click(function () {
$('#dropmenudiv').toggle();
});

if(location.href.match(/\/calendar\/event\//i) || location.href.match(/\/calendar\/bday\//i)){
$("#cal_event .h2center, .calh2 .h2center").text($("#nav li:last").text());
}

if ($.browser.msie) {
$('code').css('white-space', 'normal');
}

if ($.browser.mozilla) {
$('body').addClass('mozilla');
}

$(document).ready(function() {
$('code').css({'width':'1px', 'overflow':'auto'});
$('blockquote dl:contains(Code:)').each(function () {
var dl_width = $(this).width();
$(this).next().css('width', dl_width - 19);
});

$('div.spoiler_toggle').click(function () {
$('code').css({'width':'1px', 'overflow':'auto'});
$('blockquote dl:contains(Code:)').each(function () {
var dl_width = $(this).width();
$(this).next().css('width', dl_width - 19);
});
});
});

var bbcode = function () {
$('code').css({'width':'1px', 'overflow':'auto'});
$('blockquote dl:contains(Code:)', this).each(function () {
var dl_width = $(this).width();
$(this).next().css('width', dl_width - 19);
});
}

if(typeof add_qPreview !== "undefined")
add_qPreview(bbcode, false);
else
$.getScript('http://z4.ifrm.com/30095/43/0/p1104375/Preview.js', function(){
add_qPreview(bbcode, false);
});

$(function() {
$('#copyright').append('<br />Designed by <a href="http://resources.zetaboards.com/profile/183885/">Tue.</a>, converted by <a href="http://if.invisionfree.com/profile/32664/">Cory</a> of <a href="http://resources.zetaboards.com/">ZNR</a>').insertBefore('#border_bt-mid');
});
//]]>
</script>

<img src='http://z4.ifrm.com/30310/93/0/p1114318/expand.gif' alt='' style='display: none' /><img src='http://z4.ifrm.com/30310/93/0/p1122926/p514317.gif' alt='' style='display: none' />
Edited by Helena, Jan 19 2014, 06:44 PM.
Offline Profile Quote Post Goto Top
 
familywin
Member
[ *  * ]
it is beautiful theme, Cory. Thank you
Offline Profile Quote Post Goto Top
 
Vicks.Louise
Member Avatar
Member
[ *  *  * ]
Among my favourite themes :D
Offline Profile Quote Post Goto Top
 
Dakota
Member Avatar
over my dead body
[ *  *  *  *  *  * ]
Nice conversion,,,but how did this get in the Recommend themes lol?
Offline Profile Quote Post Goto Top
 
Geoffrey
Member Avatar
bury hatchets, keep maps
[ *  *  *  *  * ]
Lovely theme Cory. I love the submenu style. :D
Offline Profile Quote Post Goto Top
 
Helena-ZNR
Member Avatar
No PMs on this account please
[ *  *  *  *  *  *  * ]
Dakota
Nov 23 2011, 04:26 PM
Nice conversion,,,but how did this get in the Recommend themes lol?
It's an Anniversary release that I worked on with Cory, although it is largely his work, since as you know, conversions are more about coding than graphics. It's also been through the staff review process--just on a fast track.

Oops...forgot to make it official :) :

Posted Image
Border Line conversion is an Anniversary release for the celebration of ZetaBoards 4th Anniversary.
Offline Profile Quote Post Goto Top
 
UnstoppableForce
Member Avatar
Member
[ *  * ]
Looking good, nice work on the conversion Cory!
Offline Profile Quote Post Goto Top
 
Kevin
paradise
[ *  *  *  *  *  *  *  * ]
Always thought this was one of his finest - great to see it getting some attention. Great work! =^)
Offline Profile Quote Post Goto Top
 
Ms.Alyssa
Member
[ * ]
This is so beautiful *_*
I love how sleek and professional it looks.
Also the color scheme is great <3
Offline Profile Quote Post Goto Top
 
ringthebellamy
Member Avatar
Dum Spiro Spero
[ * ]
Just tested it on my personal ZB forum and it's super awesome. It also fit for 800px width. Great job. Great design, great color, and I love the choose of fonts too.
Offline Profile Quote Post Goto Top
 
Zethus
Member Avatar
Member
[ *  *  *  * ]
Great conversion and a excellent skin choice to convert as well. ;) This theme lets great. :)
Offline Profile Quote Post Goto Top
 
Aerodynamik
Member
[ *  * ]
Beautiful theme. Awesome conversion!
Offline Profile Quote Post Goto Top
 
Real112288
Member Avatar
Member
[ * ]
This have got to be one of the most gorgeous themes around.
Offline Profile Quote Post Goto Top
 
romalynnstar
Member Avatar
Member
[ *  * ]
I just noticed this theme and the above poster, Real112288, is correct. This is a very, very good one.
Offline Profile Quote Post Goto Top
 
naccarato
Member Avatar
Member
[ * ]
What is this font that you used in the admin bar?

Thank you in advance.
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
Go to Next Page
« Previous Topic · Light · Next Topic »
Add Reply
  • Pages:
  • 1