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
  • 2
Touch The Sky ZB; Blue & Orange
Topic Started: Aug 6 2011, 02:52 AM (11,312 Views)
Leonardo
Member Avatar
Hakuna Matata
[ *  *  *  *  *  *  * ]

Posted Image



Information:

Author: Leonardo
Theme Preview:
Posted Image Click for full preview

Side Notes: Conversion of the Invisionfree version
Edits Allowed? Static Images in the CSS (although they do fit in with the theme's colors).
Graphics:
Complete image set by Helena. Preview and downloads here:
http://resources.zetaboards.com/topic/5125862/



Theme Settings:
This is your logo Image.
Code:
 
<img src='http://z3.ifrm.com/2/101/0/p414814/logo2.png' alt='Logo' />




Theme Layout:
Code:
 
<!-- TOPMENU -->

<div id="header"><!-- HEADER --></div>

<div id="menu_wrap"><div id="menu_l"></div><div id="menu_r"></div><!-- SUBMENU --></div>

<div id="wrap">

<!-- NAV -->
<!-- BOARD -->

</div>



<script type="text/javascript" src="http://z3.ifrm.com/2/101/0/p365760/3h2.js"></script>
<script type="text/javascript">
(function () {
var wrap_sections = [ '.category', '#announce_viewer.topic', '#topic_viewer.topic', '#single_post.topic', '#fast-reply|inner|append', '.calendar', '#search_form', '#member_list_full', '.posting', '#forum_leaders_global', '#top_posters', '#ucp_splash.ucp', '#notepad', '#pm_inbox.pm.togglechecks', '#quick_pm_compose', '#rcp_post_list', '#rcp_pm_list', '#avatar_gallery_sys.ucp', '#avatar_editor.ucp', '#edit_sig', '#edit_profile', '#pm_compose', '#tracker_list', '#board_settings', '#blog_settings', '#photo_settings', '#security_settings', '#email_change', '#name_change_req', '#password_change', '#email_settings', '#faq_article', '#calender_posting', '#mod_screen', '.poll', '#active_list', '.warnpanel', '#warn_viewer', '#reg_rules_intro', '.register', '#cal_event', '#who_posted', '#findposts', '#name_history', '#faq.faq_entries', '#address_book', '#add_address', '#pm_settings_box', '#pm_folder_add', '#pm_archiving', '#sig_box', '.search_results_post', '#login_page', '#lostpass_form', 'table#forum_footer', '#conversation', '#error_box', '#report_form', '#forum_rules', '#pm_drafts.pm.togglechecks', '#inlinetopic .posts', '#amt_list', '#blogroll.posts', '#trashcan.posts', '#joinable_groups', '#memberlist_joinable_info', '#ignored_users', '#subscriptions.ucp', '#offline_message', '#bbcode_examples', '#pm_viewer', '#pm_quick_reply', '#mod_log_list', '#queued_topics.posts', '#email_member', '#rcp_post', '#rcp_action_options', '#search_results_topics.posts', '#fwd_topic', '#birthday_list', 'table#announcement_list.posts', 'table#faq.faq_list', 'table.profile', '#welcome_box', '#blog' ];
var n = wrap_sections.length;
while (n--) {
var spl = wrap_sections[n].split('|'),
wrap = spl[1] === 'inner' ? 'wrapInner' : 'wrap',
append = spl[2] === 'append' ? 'append' : 'after';
$(spl[0])[wrap]('<div class="c_wrap_left"><div class="c_wrap_right"></div></div>');
$(spl[0])[append]('<div class="c_repeat"><div class="c_left"></div><div class="c_right"></div></div>');
}
}());
</script>
<script type="text/javascript">
$(function () {
$('div.c_wrap_left:has(#search_results_topics)').next('table.forums').contents().appendTo('#search_results_topics');
$('table.forums:empty').remove();
$("#copyright").append('<br />Touch the Sky by <b>Leonardo</b> of <a href="http://resources.zetaboards.com/"><b>ZNR</b></a>');
$("div#stats.category td.c_foot span.right").appendTo("#foot_wrap");
$("table#forum_footer").prepend("<div class='h2wrap'><div class='h2left'><div class='h2right'><div class='h2center'>Forum View</div></div></div></div>");
$("table#announcement_list.posts").before("<div class='h2wrap'><div class='h2left'><div class='h2right'><div class='h2center'>Announcements</div></div></div></div>");
$("table#faq.faq_list").before("<div class='h2wrap'><div class='h2left'><div class='h2right'><div class='h2center'>Frequently Asked Questions</div></div></div></div>");
$("table.profile").before("<div class='h2wrap'><div class='h2left'><div class='h2right'><div class='h2center'>Profile Information</div></div></div></div>");
$("#welcome_box").before("<div class='h2wrap'><div class='h2left'><div class='h2right'><div class='h2center'>Welcome!</div></div></div></div>");
$("table#conversation").before("<div class='h2wrap'><div class='h2left'><div class='h2right'><div class='h2center'></div></div></div></div>");
$("#blog h1").wrapInner("<div class='h2wrap'><div class='h2left'><div class='h2right'><div class='h2center'></div></div></div></div>");
$('img.avatar').prependTo('#blog_sidebar');
$("#blog_sub form").appendTo("#blog_sidebar");
});
</script>




Theme Appearance:
Code:
 
#header { background: url(http://z3.ifrm.com/2/101/0/p414482/header_curve.jpg) top no-repeat; height: 428px; margin-top: -36px; }

html,body {
background: #1d4573 url(http://z3.ifrm.com/2/101/0/p414483/bg_gradient_tile.jpg) top repeat-x;
color:#9ab4d2;
font-family:"Helvetica", "Arial", "Bitstream Vera Sans", "Verdana", sans-serif;
font-size:93.3%;
margin:0;
padding:0;
}

a {
color: #1d4573;
text-decoration:none;
}

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

hr {
background-color:#d1d1d1;
border:0;
border-bottom: 1px solid #fff;
clear:both;
color:#9ab4d2;
height:1px;
}

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

th,td {
border:0px;
}

th {
background:#f0f0f0 url(http://z3.ifrm.com/2/101/0/p415127/pform.gif) top repeat-x;
color:#666;
padding:2px 10px 3px;
font-weight:400;
text-align:left;
}

#acplogin th {
border-left: 1px solid #d1d1d1!important;
border-right: 1px solid #d1d1d1!important;
border-bottom: 1px solid #fff!important;
padding-bottom: 1px!important;
}

table#forum_footer td.c_foot{
background:#f0f0f0 url(http://z3.ifrm.com/2/101/0/p415127/pform.gif) top repeat-x;
color:#666;
height: 18px;
font-weight:400;
text-align:left;
}

td {
background:#ececec;
color:#666;
padding:5px 10px;
}

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

h1 {
font-size:200%;
}

h2,h3 {
font-size:100%;
}

.category h2,.topic h2,thead th {
background: #ececec;
color:#fff;
font-size:110%;
font-weight:700;
}

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

h2.special {
background:#ececec;
}

input,select,textarea,button,a.btn_fake {
border: 1px solid #d1d1d1;
background:#f0f0f0 url(http://z3.ifrm.com/2/101/0/p365751/whitepixel.gif) top repeat-x;
color: #666;
padding:3px 5px;
vertical-align:middle;
}

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

input:focus,input.focus,textarea:focus,textarea.focus {
border-color:#1d4573;
}

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

button,a.btn_fake {
border: 1px solid #d1d1d1;
background:#f0f0f0 url(http://z3.ifrm.com/2/101/0/p365751/whitepixel.gif) top repeat-x;
color: #666;
cursor:default;
font-family:"Helvetica", "Arial", "Bitstream Vera Sans", "Verdana", sans-serif;
font-size:90%;
overflow:visible;
width:auto;
}

button:hover,a.btn_fake:hover {
border-color:#1d4573;
}

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

.notice {
border: 2px solid #d1d1d1;
background:#f0f0f0 url(http://z3.ifrm.com/2/101/0/p365751/whitepixel.gif) top repeat-x;
color:#666;
margin:10px auto 0;
width:70%;
}

.notice dt {
color:#666;
font-weight:700;
}

.notice dd {
font-style:italic;
}

dl.info {
border: 2px solid #d1d1d1;
background:#f0f0f0 url(http://z3.ifrm.com/2/101/0/p365751/whitepixel.gif) top repeat-x;
}

.info dt {
background:#f0f0f0 url(http://z3.ifrm.com/2/101/0/p365751/whitepixel.gif) top repeat-x;
color:#666;
}

dl.error {
background:#ececec;
border-color:#d1d1d1;
}

.error dt {
border: 1px solid #d1d1d1;
background:#f0f0f0 url(http://z3.ifrm.com/2/101/0/p365751/whitepixel.gif) top repeat-x;
color:#666;
}

#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 {
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_bar {
display:none;
}

#top {
background: transparent;
height:20px;
padding:0 2% 4px;
margin-bottom:12px;
}

#top_info {
color:#9ab4d2;
float:left;
position: absolute;
top: 20px;
left: 15%;
font-size: 13px;
}

#top_info a {
color:#9ab4d2;
}

#top_info a:hover {
color: #febe15;
}

#top_menu {
background: transparent;
float:right;
position: absolute;
top: 3px;
right: 15%;
}

.drop_menu img { display: none; }

.drop_menu a strong small {
color: #febe15;
}

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

.drop_menu a {
color:#9ab4d2;
display:block;
padding:4px .25em;
position:relative;
width:9em;
font-size: 12px;
font-weight: 700;
}

.drop_menu a:hover {
color: #febe15;
}

.drop_menu ul {
-moz-opacity:0.85;
color:#fff;
left:-999em;
margin:0;
opacity:0.85;
position:absolute;
width:9.4em;
}

.drop_menu ul li {
background: transparent;
font-size:12px;
margin:0;
padding:0;
width:100%;
}

li#menu_pm ul li {
text-align: right;
}

.drop_menu ul li a {
display:block;
padding:4px 5%;
width:90%;
}

.drop_menu li ul li a:hover {
background: url(http://z3.ifrm.com/2/101/0/p418455/dropmenuahover.png) left no-repeat;
}

#logo {
background: transparent;
border:0px;
clear:both;
margin:0 2%;
text-align:center;
padding-top: 80px;
}

#submenu_bar {
display:none;
}

/* MENU */
#menu_wrap { background: url(http://z3.ifrm.com/2/101/0/p415261/sub.gif) repeat-x; height: 51px; margin:0 11% 30px; }
#menu_l { background: url(http://z3.ifrm.com/2/101/0/p415262/subl.gif) no-repeat top left; height: 51px; width: 127px; float: left; }
#menu_r { background: url(http://z3.ifrm.com/2/101/0/p415263/subr.gif) no-repeat right top; height: 51px; width: 127px; float:right; }
#submenu { color:#fafcff; text-shadow: 0px 1px #d04b13; font-size: 12px; text-align: left; padding: 19px 0px 11px 80px; }
#submenu a { font-weight: bold; text-transform: uppercase; color: #fafcff; }
#submenu a:hover { text-decoration: none; }

#wrap {
background: transparent;
margin:0 10% 30px;
}

#nav {
color:#9ab4d2;
height:1%;
padding:10px 1%;
font-weight:normal;
font-size: 13px;
}

#nav a {
color:#febe15;
}

.meta_box {
border: 1px solid #d1d1d1;
background:#f0f0f0 url(http://z3.ifrm.com/2/101/0/p365751/whitepixel.gif) top repeat-x;
color: #666;
font-size:85%;
line-height:150%;
padding:10px 25px;
}

.meta_menu {
background:#f0f0f0 url(http://z3.ifrm.com/2/101/0/p365751/whitepixel.gif) top repeat-x;
border:1px solid #d1d1d1;
padding:0;
width:49%;
}

.meta_menu h3 {
background:#f0f0f0 url(http://z3.ifrm.com/2/101/0/p415127/pform.gif) top repeat-x;
color:#666;
padding:2px 10px 3px;
clear:both;
font-size: 12px;
font-weight:700;
margin:-1px;
text-align:center;
}

.meta_menu a,.meta_menu a:hover {
color:#666;
}

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

.cat-pages a,.cat-pagesjump i,.cat-topicpages a {
border: 1px solid #d1d1d1;
background:#f0f0f0 url(http://z3.ifrm.com/2/101/0/p365751/whitepixel.gif) top repeat-x;
color: #666;
font-weight:700;
}

.cat-pages a:hover,.cat-topicpages a:hover {
border: 1px solid #d1d1d1;
background:#f0f0f0 url(http://z3.ifrm.com/2/101/0/p365751/whitepixel.gif) top repeat-x;
color: #1d4573;
font-weight:700;
}

.cat-pages span {
border: 1px solid #d1d1d1;
background:#f0f0f0 url(http://z3.ifrm.com/2/101/0/p365751/whitepixel.gif) top repeat-x;
color: #1d4573;
cursor:default;
font-weight:700;
padding:2px 5px;
}

.cat-pages input {
border: 1px solid #d1d1d1;
background:#f0f0f0 url(http://z3.ifrm.com/2/101/0/p365751/whitepixel.gif) top repeat-x;
color: #666;
padding:3px 5px;
vertical-align:baseline;
}

ul.cat-topicpages {
float:right;
font-size:80%;
padding:1px 0;
}

tr.generic td,div.generic {
font-size:120%;
font-weight:700;
padding:4px;
text-align:center;
}

tr.generic td button {
font-size: 11px;
}

td.c_head,td.c_foot,td.c_sort {
background: #ececec;
color:#666;
font-size:80%;
}

.category td.c_foot {
display: none;
}

td.c_desc {
background:#ececec;
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:#D8DCEB;
font-weight:700;
}

tr.hidden td.c_post {
background:#D8DCEB;
}

.bday {
background:url(http://z4.ifrm.com/static/1/s_minibday.png) no-repeat;
color:#425384;
font-size:90%;
font-weight:700;
height:16px;
padding:2px 2px 2px 18px;
width:20px;
}

.c_mark {
background: #ececec;
border: 0px;
text-align:center;
width:1%;
}

.c_forum {
background: #ececec;
color:#666;
font-size:80%;
width:60%;
}

.c_forum strong a,.c_last strong a {
color: #1d4573;
}

.c_forum strong a {
font-size:110%;
}

td.c_last {
background: #ececec;
font-size:85%;
}

.c_forum-desc {
color:#333;
font-size:85%;
}

.c_last-title {
background:url(http://z4.ifrm.com/static/1/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 {
background: #ececec;
font-size:80%;
padding:5px;
text-align:center;
}

td.c_subforum {
background: #ececec;
color:#1d4573;
font-size:80%;
font-style:italic;
}

.description {
color:#666;
font-size:85%;
}

a.member:hover {
color:#666;
}

td#stats_events a,td#stats_events span {
background:url(http://z4.ifrm.com/static/1/s_minical.png) no-repeat 2px;
padding:4px 0 4px 20px;
}

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

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

td.c_user {
font-size:80%;
}

td.c_user dl {
background:#ececec;
border:0px;
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;
border-top:0;
opacity:1;
}

#profile_menu a {
background: transparent;
color: #666;
padding: 0px 0px 0px 5px;
width: 200px;
}

#profile_menu li li a {
border: 1px solid #d1d1d1;
border-top: 0px;
background:#f0f0f0 url(http://z3.ifrm.com/2/101/0/p365751/whitepixel.gif) top repeat-x;
padding: 3px;
width: 200px;
}

#profile_menu li ul li a:hover {
color: #1d4573;
}

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

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

td.c_poll-bar div {
background:url(http://z4.ifrm.com/static/1/poll_b.png) no-repeat right;
float:left;
height:12px;
padding-right:3px;
}

td.c_poll-bar span {
background:url(http://z4.ifrm.com/static/1/poll_l.png) no-repeat;
display:block;
float:left;
height:12px;
width:3px;
}

.editby,.queued {
color:#666;
font-size:85%;
font-style:italic;
margin-top:1em;
padding:3px 5px;
}

.queued {
background-color:#ececec;
border-color:#d1d1d1;
}

blockquote {
background:#f0f0f0;
border:1px solid #d1d1d1;
border-top: 0px;
margin:10px auto;
padding-bottom:1px;
width:98%;
}

blockquote dl {
background:#f0f0f0 url(http://z3.ifrm.com/2/101/0/p415127/pform.gif) top repeat-x;
color:#666;
padding:0px 10px 3px;
}

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

code {
background:#f0f0f0;
display:block;
font-family:Monaco, Consolas, "Courier New", Courier, monospace;
white-space:normal;
}

div.spoiler {
background: #f0f0f0 url(http://z3.ifrm.com/2/101/0/p365751/whitepixel.gif) top repeat-x;
border:1px solid #d1d1d1;
border-top:0;
padding:5px 7px;
}

div.spoiler_toggle {
background:#f0f0f0 url(http://z3.ifrm.com/2/101/0/p415127/pform.gif) top repeat-x;
border: 1px solid #d1d1d1;
border-top: 0px;
color:#666;
cursor:pointer;
font-weight:700;
padding: 0px 10px;
}

blockquote dl dt {
color:#666;
padding:0px 10px 0px;
cursor:pointer;
font-weight:700;
}

td.c_postinfo {
background:#ececec;
color:#999;
font-size:80%;
vertical-align:middle;
}

td.c_sig {
background: #ececec url(http://z3.ifrm.com/2/101/0/p365751/whitepixel.gif) top repeat-x;
border-top: 1px solid #d1d1d1;
color:#666;
font-size:80%;
}

td.c_sig blockquote {
background:none transparent;
border:0;
border-left:3px solid #666;
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: 0px;
}

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

tr.c_postfoot {
background:#ececec;
clear:both;
}

td.c_footicons,td.c_postinfo {
width:100%;
}

td.c_username {
width:175px;
}

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

td.c_view {
background:#ececec;
color:#777;
}

div.c_view-list {
color:#666;
font-size:92.5%;
}

dl#fast-reply dt {
font-size:110%;
font-weight:700;
margin:0;
padding:5px;
}

dl#fast-reply dd {
background:#ececec;
padding:15px 0;
text-align:center;
}

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

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

#emot_wrap {
background:#ececec;
}

#emot_wrap h3 {
background:#ececec;
color:#666;
font-size:120%;
text-align:center;
}

#emot_end {
display:block;
font-weight:700;
padding:4px 0;
text-align:center;
}

#pm_folders {
background: #ececec;
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/static/1/pmfolder.png) no-repeat 5px;
display:list-item;
margin-bottom:4px;
padding-left:28px;
}

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

#ucp_gallery a {
color:#1d4573;
font-weight:700;
}

#ucp_gallery a:hover {
color:#FB9E3B;
}

.calendar td.cal_inactive {
background:#f0f0f0 url(http://z3.ifrm.com/2/101/0/p415127/pform.gif) top repeat-x!important;
color:#e7e7e7!important;
}

.calendar td div {
font-weight:700;
}

.calendar td div.cal_div {
font-weight:normal;
text-align: right;
background:#f0f0f0 url(http://z3.ifrm.com/2/101/0/p415127/pform.gif) top repeat-x;
padding:3px;
}

.calendar td div.cal_div a { color: #1d4573; }
.calendar td div.cal_div a:hover { color: #FB9E3B; }

table.calendar td.calh2 div.h2center a {
background: none;
color:#fafcff;
padding: 0px;
}

.calendar div a {
font-size:80%;
font-weight:400;
padding:0 0 6px 24px;
}

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

.calendar td#cal_current {
background:#f0f0f0 url(http://z3.ifrm.com/2/101/0/p415127/pform.gif) top repeat-x;
color: #1d4573;
}

div.portal_content {
background:#f0f0f0 url(http://z3.ifrm.com/2/101/0/p365751/whitepixel.gif) top repeat-x;
color:#666;
border: 1px solid #d1d1d1;
font-size:88.3%;
margin:0;
padding:5px 7px;
}

#portal h2, #portal_foot h2 {
background: url(http://z3.ifrm.com/2/101/0/p414940/h2.gif) repeat-x;
font-size: 14px;
padding: 19px 0px 11px 10px;
color:#fafcff;
text-shadow: 0px 1px #d04b13;
font-weight: bold;
text-align:left;
}

#portal h4 {
background:#f0f0f0 url(http://z3.ifrm.com/2/101/0/p365751/whitepixel.gif) top repeat-x;
border-left:1px solid #d1d1d1;
border-right:1px solid #d1d1d1;
color:#666;
font-size:88.3%;
font-weight:400;
margin:0;
padding:5px 7px;
}

#faq dt a {
color:#1d4573;
font-size:120%;
font-weight:700;
}

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

.search_results {
border: 2px solid #d1d1d1;
background:#f0f0f0 url(http://z3.ifrm.com/2/101/0/p365751/whitepixel.gif) top repeat-x;
margin-bottom:1em;
padding:5px 7px;
color: #666;
}

.search_results h3 {
display:inline;
font-size:125%;
}

.search_results cite,.search_results p {
color:#666;
font-size:85%;
margin:0;
}

#findposts .c_mark {
color:#1d4573;
font-size:200%;
font-weight:700;
vertical-align:top;
}

#pmtoast {
border: 2px solid #d1d1d1;
background:#f0f0f0 url(http://z3.ifrm.com/2/101/0/p365751/whitepixel.gif) top repeat-x;
color: #666;
bottom:10px;
display:none;
font-size:90%;
position:fixed;
right:10px;
text-align:right;
text-decoration:none;
width:200px;
z-index:1;
}

#pmtoast:hover {
border-color:#1d4573;
}

#pmlink {
background:url(http://z4.ifrm.com/static/1/toast.png) no-repeat 5px;
color:#1d4573;
display:block;
padding:10px 10px 10px 55px;
text-decoration:none;
}

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

#pmlink strong {
color:#666;
}

#pmclose {
color:#1d4573;
display:block;
font-size:80%;
padding:1px 10px;
}

#pmclose:hover {
color:#1d4573;
}

#foot_wrap {
margin:20px 1px 20px 0;
}

#foot td {
background: transparent;
border: 0px;
color:#9ab4d2;
font-size:80%;
}

#foot a,#foot a:hover {
color:#febe15;
}


#foot_wrap span.right {
font-family: Arial!important;
color:#febe15;
font-size: 10px;
padding-right: 10px;
}

#foot_wrap span.right a {
font-family: Arial!important;
color:#febe15;
font-size: 10px;
}

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

#copyright {
color:#9ab4d2;
font-size:80%;
margin:10px 0;
text-align:center;
}

#copyright a {
color:#febe15;
font-weight:700;
}

#c_tos h3 {
color:#333;
font-size:120%;
}

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 {
border: 2px solid #d1d1d1;
background:#ececec url(http://z3.ifrm.com/2/101/0/p365751/whitepixel.gif) top repeat-x;
left:50%;
margin:-137.5px 0 0 -250px;
padding:10px;
position:absolute;
top:50%;
width:500px;
}

#acplogin h1 {
display:none
}

#acplogin h1 img {
position:absolute;
left:0;
top:0;
}

a img {
border:0;
}

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

.category h2,.topic 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;
}

.notice dt,.notice dd {
padding:5px 7px;
}

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

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

#submenu a {
padding:3px 5px;
}

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

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

.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 {
font-size:90%;
margin:5px 5%;
}

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

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

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

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

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

.category td.c_foot {
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:1px;
min-width:175px;
max-width:175px;
}

.c_post {
width:100%;
}

.c_sig,.c_nosig {
width:100%;
}

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

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

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

.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 img,#topic_review img {
max-width:90%;
}

.c_post-attachment {
font-size:83.3%;
margin-top:1em;
padding:1em;
}

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

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

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

td.c_nosig {
border-top-style:hidden!important;
}

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

blockquote div,blockquote code {
margin:0;
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;
}

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

#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;
font-size:80%;
margin:0;
}

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

.calendar li span {
cursor:default;
}

.calendar td#cal_current div {
padding-top:3px;
}

#portal_head {
margin-bottom:0px;
}

#portal_foot {
margin-top:0px;
}

#portal_l,#portal_r {
font-size:88.3%;
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:0px;
padding:1px;
}

.portal_box table {
clear:none;
}

#portal h2,#portal_foot h2 {
clear:none;
margin:0;
}

#faq {
margin:0px;
}

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

.category h2 a,#portal h2 a,#portal_foot h2 a,thead a,.category h2 a:hover,#portal h2 a:hover,#portal_foot h2 a:hover,thead a:hover {
color:#fff;
}

input,select,td,th {
font-size:90%;
}

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

.meta_menu a:hover {
text-decoration:underline;
}

.meta_box h3,td.c_topicfoot strong,#meta_welcome strong {
font-size:120%;
}

.meta_box h3,.meta_box a,.meta_box a:hover,tr.pm_new td a,tr.pm_new td a:hover,tr.hidden td a,tr.hidden td a:hover,.c_forum strong a:hover,.c_last strong a:hover,#faq dt a:hover,.search_results h3 a,.search_results h3 a:hover {
color:#dd5b25;
}

.row2 td {
background:#ececec;
}

blockquote div {
background: #f0f0f0;
}

a.member,.calendar td a,.calendar a:hover,#faq dd a,#faq dd a:hover {
color:#444;
}

img,.meta_box button img,td.c_cat-mark input,.c_post-attachment img,.warn img,#ucp_gallery a img {
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;
}

td#c_notes form textarea {
margin-bottom: 4px;
}

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 {
background:#f0f0f0;
color:#333;
}

#blog blockquote {
background:none;
border: 0px;
font-size:85%;
padding:0 10px;
}

#blog blockquote div, #blog blockquote code {
border: 1px solid #d1d1d1;
border-top: 0px;
}

#blog blockquote blockquote dl {
border: 1px solid #d1d1d1;
border-top: 0px;
border-bottom: 0px;
padding-top: 2px;
}

#blog h1 {
}

#blog h1 .h2center {
height: 0px; }

#blog h2 {
background:none;
clear:none;
font-size:130%;
padding:0;
}

#blog h2,#blog h2 a,#blog h2 a:hover {
color:#1d4573;
}

#blog_foot {
clear:both;
}

#blog_head {
}

#blog_head img.avatar {
display:inline;
}

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

#blog_categories,#blog_readers,#blog_about {
background:#f0f0f0;
margin:15px 0;
padding:5px 7px;
}

div.blog_options {
background: #e3e3e3;
margin:15px 0;
padding:5px 7px;
}

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

#blog_sub {
background:#f0f0f0 url(http://z3.ifrm.com/2/101/0/p415127/pform.gif) top repeat-x;
color:#666;
padding:2px 10px 3px;
font-size: 11px;
height: 20px; }

#blog_sub span.left {
font-size: 11px;
}

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

#blog_sidebar {
background: transparent;
float:right;
font-size:93.3%;
margin:20px 10px 20px 0;
padding:0 10px;
width:160px;
}

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

#blog_user {
font-size:175%;
}

div.blog_options {
font-size:90%;
text-align:right;
}

div.blog_date {
background: url(http://z3.ifrm.com/354/125/0/p418833/cal.png) top no-repeat;
color:#1d4573;
text-shadow: 0px 1px #f0a33f;
float: left;
font-weight:700;
text-align:center;
text-transform:uppercase;
width:51px;
height: 51px;
margin: 0px 0 0 -65px;
padding-top: 8px;
}

div.blog_date span {
color:#fafcff;
text-shadow: 0px 1px #d04b13;
display:block;
font-size:130%;
font-weight:700;
padding:0px 4px;
}

div.blog_entry {
border-top: 1px solid #d1d1d1;
background:#f0f0f0 url(http://z3.ifrm.com/2/101/0/p365751/whitepixel.gif) top repeat-x;
margin:10px 70px 0px;
padding:10px 7px 5px;

}

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

#blog_comments li.odd {
background:#f0f0f0;
}

#shoutwrap {
background:#ececec;
font-size:88.3%;
}

#shoutwrap td {
padding:0;
}

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

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

#shoutbox li.odd {
background:#ececec;
}

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

#shoutbox dt {
color:#777;
font-size:80%;
}

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

div.c_repeat { background:url(http://z3.ifrm.com/2/101/0/p414954/dr.gif) repeat-x top center; height: 20px; width:100%; margin-bottom: 20px; }
div.c_left { background:url(http://z3.ifrm.com/2/101/0/p414953/drl.gif) no-repeat top left; height: 20px; width: 18px; float:left; margin-left:-7px; margin-bottom: 20px; }
div.c_right { background:url(http://z3.ifrm.com/2/101/0/p414955/drr.gif) no-repeat top right; height: 20px; width: 18px; float:right; margin-right:-7px; margin-bottom: 20px; }

div.c_wrap_left { background:url(http://z3.ifrm.com/2/101/0/p414951/tbl.gif) repeat-y top left; padding-left: 7px; margin-left:-7px; clear:both; }
div.c_wrap_right { background:url(http://z3.ifrm.com/2/101/0/p414952/tbr.gif) repeat-y top right; padding-right: 7px; margin-right:-7px; }

.h2wrap { background: url(http://z3.ifrm.com/2/101/0/p414940/h2.gif) repeat-x; }
.h2left { background: url(http://z3.ifrm.com/2/101/0/p414941/h2l.gif) no-repeat top left; height: 48px; }
.h2right { background: url(http://z3.ifrm.com/2/101/0/p414942/h2r.gif) no-repeat right top; height: 48px; }
.h2center{ font-size: 14px; padding: 19px 0px 11px 80px; height: 48px; color:#fafcff; text-shadow: 0px 1px #d04b13; font-weight: bold; }
.h2center a { font-size: 14px; text-decoration: none; color:#fafcff; text-shadow: 0px 1px #d04b13; }
.h2center a:hover { text-decoration: none; color:#fafcff; }

div.h2left { margin-left:-7px; }
div.h2right { margin-right:-7px; }

.collapse,.uncollapse { right: 17px; top: 0px; }

.portal_box h2 .h2center { padding: 0px; }
thead td,thead th {padding:0px;background: inherit;border-width:0px;}
.profile thead td,.profile thead th, #acplogin th, h2.special { background:#f0f0f0 url(http://z3.ifrm.com/2/101/0/p415127/pform.gif) top repeat-x!important; color:#666; padding:2px 10px 3px; border: 0px; font-size: 11px; }
.topic h2.special { margin-top: 10px; border: 1px solid #2781B3!important; border-top: 0px!important; text-transform: uppercase!important; }

table.profile { background: #ececec; }
table#pm_inbox.pm.togglechecks { margin-bottom: 0px; }
table#pm_inbox.pm.togglechecks th { background: #ececec; }
table#conversation { margin-bottom: 0px!important; margin-top: 0px!important; }

#blog .cornercanvas { display: none !important; }
input.row1 { background: none; }

.c_forum div {
line-height:16px;
}

div.h2wrap {
margin: 0 !important;
}
Edited by Helena, Jul 26 2012, 03:13 PM.
Offline Profile Quote Post Goto Top
 
Replies:
Alguersuari
Member Avatar
Member
[ *  * ]
Eccentric Feline
Aug 6 2011, 07:32 AM
The ZB version came out really nice. Great work, Leonardo! :D
I have to agree. It looks really good on ZB Leonardo. :D
Offline Profile Quote Post Goto Top
 
RyanF
Member Avatar
My Comedy Drama
[ *  *  *  *  * ]
This was highly anticipated! Tweeted it... Facebooked it... ^_^
Offline Profile Quote Post Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
Code:
 
div.h2wrap {
margin: 0 !important;
}
That will fix the H2 alignment in Firefox.
Offline Profile Quote Post Goto Top
 
kyokun
Member Avatar
Member
[ * ]
Cory
Aug 8 2011, 09:51 AM
That will fix the H2 alignment in Firefox.
[Hidden Content: Login/Register to View]
Offline Profile Quote Post Goto Top
 
Viral
Member Avatar
Viral
[ *  *  *  *  *  * ]
Looks amazing, only thing I can see wrong is that the submenu is slightly smaller than the rest of the forum, or is that intentional? Either way I like the Kanye reference, be it intentional or not.
Offline Profile Quote Post Goto Top
 
Kevin
paradise
[ *  *  *  *  *  *  *  * ]
Great work Leo, definitely my favorite release in a while! <3 the colors. :D
Offline Profile Quote Post Goto Top
 
Arianna
Member Avatar
Never settle for a half measure.
[ *  *  *  *  *  *  * ]
That looks beautiful Leonardo! Great design and great conversion. ^_^
Offline Profile Quote Post Goto Top
 
John
Member Avatar
Determined
[ *  *  *  *  *  *  *  * ]
One of the best themes designed here in years..
Offline Profile Quote Post Goto Top
 
Leonardo
Member Avatar
Hakuna Matata
[ *  *  *  *  *  *  * ]
Thanks guys, really appreciate it.
Offline Profile Quote Post Goto Top
 
Zethus
Member Avatar
Member
[ *  *  *  * ]
You never fail to make the greatest themes Leonardo. :)
Offline Profile Quote Post Goto Top
 
phio_chan
Member Avatar
Wandering, Wondering
[ *  * ]
Sorry for bumping old thread, but I do have a question. One of my members does not upload an avatar so all I see is the default ZB avatar, but it is left-aligned, not centered. How can I fix this?

Thanks so much, and wonderful work with this theme. <3
Offline Profile Quote Post Goto Top
 
DaPizzaMan
Member Avatar
#TeamSupport

phio_chan
Aug 16 2012, 09:08 AM
Sorry for bumping old thread, but I do have a question. One of my members does not upload an avatar so all I see is the default ZB avatar, but it is left-aligned, not centered. How can I fix this?

Thanks so much, and wonderful work with this theme. <3
In the Theme Images, the Default Avatar HTML has class='member'. Change that to class='avatar'
Offline Profile Quote Post Goto Top
 
phio_chan
Member Avatar
Wandering, Wondering
[ *  * ]
DaPizzaMan
Aug 16 2012, 09:11 AM
phio_chan
Aug 16 2012, 09:08 AM
Sorry for bumping old thread, but I do have a question. One of my members does not upload an avatar so all I see is the default ZB avatar, but it is left-aligned, not centered. How can I fix this?

Thanks so much, and wonderful work with this theme. <3
In the Theme Images, the Default Avatar HTML has class='member'. Change that to class='avatar'
Sweeeet. Thank you!! :up:
Offline Profile Quote Post Goto Top
 
Helena-ZNR
Member Avatar
No PMs on this account please
[ *  *  *  *  *  *  * ]
WINNER
ZNR Member's Choice Theme of the Month for August, 2012

Posted Image


Congratulations!

In the installation of the theme on ZNR, some border and page issues were fixed, the avatar positioning was addressed, and the portal has been completed. Many thanks to Nicolas. (In addition to the fixes, the authentic IF look of the portal page was his doing. :nicolas: Most fitting since this is a conversion from a theme originally conceived for InvisionFree.)

If you would like to use the ZNR version coding it is provided here:

LAYOUT

CSS (Theme Appearance)

Attached to this post:
Attachments: TTKthumbZNR.png (28.65 KB)
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Mixed · Next Topic »
Add Reply
  • Pages:
  • 1
  • 2