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
Café Eclectic [R]; ZB: Orange, Yellow, Brown
Topic Started: Nov 5 2008, 09:53 PM (23,418 Views)
tiptopolive
Member Avatar
oh my, he's so gangsta
[ *  *  *  *  *  *  * ]
Café Eclectic

Author: tiptopolive
#: 8
Notes: inspired by/named after a coffee shop here in midtown. a sort of fall-oriented theme.


Posted Image Preview

Graphics: by me
Topic - Forum Markers, Topic Icons, Button Images
Download - Blank Banner for editing

HTML Image Macros page: OPEN HTML PAGE
This page contains pre-hosted button and icon images. Copy/paste codes to your Theme Images page or use the quick developer tool transfer method linked on the page. Images will remain permanently hosted.

Installation Notes: This theme has been made mobile responsive following its installation as the Member's Choice Theme of the Month November, 2017. Submenu links will parse automatically, and in mobile view, top menus will scroll for any overflow.

Edit Theme Layout


Code:
 
<script type="text/javascript">
$('head').append('<meta name="viewport" content="width=device-width, initial-scale=1.0" />');
</script>

<div id="main_content">
<!-- HEADER --><!-- TOPMENU -->
<select id="submenu_select" style="display:none;">
<option value="submenu_header" selected="selected">Menu</option>
<option value="search/?c=5">Active Topics</option>
<option value="search/?c=6">My Replies</option>
<option value="search">Search</option>
<option value="members/">Members</option>
<option value="calendar/">Calendar</option>
<option value="boardrules/">Board Rules</option>
<option value="faq/">FAQ</option>
<option value="site/">Portal</option>
</select>

<!-- SUBMENU --><div id="wrap"><div id="wrap"><!-- NAV --><!-- BOARD --><div style="text-align:center;">Theme <a href="http://support.zathyus.com/topic/5026508/"><b>Café Eclectic</b></a> created by tiptopolive of <a href=http://support.zathyus.com><b>ZN</b></a></div><br>
</div></div></div>

<!-- <script creator="Agent Moose"> -->
<script type="text/javascript">
var links = [];
var menu = "Submenu";

links[links.length] = ["Search", "search/"];
links[links.length] = ["Members", "members/"];
links[links.length] = ["Calendar", "calendar/"];
links[links.length] = ["FAQ", "faq/"];
links[links.length] = ["Portal", "site/"];


$("#top_menu").append("<li id='thismenu'><a href='#' class='modal'><img src='http://z1.ifrm.com/static/1/m_ucp.png' /> " + menu + "</a><ul id='"+menu+"'></ul></li>");

for (y = 0; y < links.length; y++) {
$("#" + menu + "").append("<li><a href='" + main_url + links[y][1] + "'>" + links[y][0] + "</a></li>");
}
</script>

<script type="text/javascript" src="http://z3.ifrm.com/11/88/0/p32184/h2.js"></script>

<script type="text/javascript" src="http://z3.ifrm.com/28094/5/0/p478962/themefixes.js"></script>

<script type="text/javascript">
$.ajax({ url: 'http://b1.ifrm.com/0/1/0/p600387/ResponsiveZB.js',
dataType: 'script',
cache: true
});

$('#submenu_select').appendTo('#top');
$('#submenu_select').appendTo('#top_menu');

$(window).resize(function() {
if ($(window).width() < 1024) {
$('#submenu_select').show();
$('#thismenu').attr('style', 'display:none !important;');
} else {
$('#submenu_select').hide();
$('#thismenu').show();
}
}).trigger('resize');

(function () {
var change = function (event) {
event.stopImmediatePropagation();
var val = $(this).val();
if (val !== "submenu_header") {
window.location.replace(main_url + $(this).val());
}
};

var select = $('#submenu_select');

$('option', select).on('click', change);
select.on('change', change);
}());
</script>



Edit Theme Appearance

Code:
 
@import url('http://b1.ifrm.com/0/1/0/p600386/ResponsiveZB.css');

html,body {
background:#7e7262;
color:#d6c6b3;
font-family:"Tahoma", "Arial", "Bitstream Vera Sans", "Verdana", sans-serif;
font-size:93.3%;
margin:0;
padding:0;
}

a {
color:#e78f4c;
text-decoration:none;
}

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

hr {
background-color:#584e40;
border:0;
clear:both;
color:#d6c6b3;
height:1px;
}

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

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

th {
background:url(http://z3.ifrm.com/124/71/0/p77876/th.jpg) repeat-x top #645849;
color:#baaa97;
font-weight:400;
padding:3px 5px;
text-align:left;
}

td {
background:url(http://z3.ifrm.com/124/71/0/p77738/rows.jpg) top repeat-x #695d4e;
color:#d6c6b3;
padding:5px 10px;
}

th a {
color:#eed070;
font-weight:700;
}

th a:hover {
color: #e78f4c;
}

h1 {
font-size:200%;
}

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

.category h2,.topic h2,#portal h2,#portal_foot h2,thead th {
background: url(http://z3.ifrm.com/124/71/0/p77737/h2wrap.jpg) repeat-x top #645849;
color:#d6c6b3;
font-size:110%;
font-weight:700;
border:1px solid #574d40;
border-top:0;
}

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

h2.special {
background: url(http://z3.ifrm.com/124/71/0/p77737/h2wrap.jpg) repeat-x top #645849;
border-color:#574d40;
}

input,select,textarea,button,a.btn_fake {
background:#695d4e;
border:1px solid #574d40;
color:#d6c6b3;
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:#574d40;
}

.submit_error {
background:#5F5549;
border:2px solid #C0784C;
padding:5px;
}

button,a.btn_fake {
background:url(http://z3.ifrm.com/124/71/0/p77740/topbar.jpg) repeat-x top #776a5c;
color:#eed070;
cursor:default;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:90%;
overflow:visible;
width:auto;
padding:2px 4px;
}

button:hover,a.btn_fake:hover {
border-color:#574d40;
}

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

.notice {
background:#695c4d;
border:2px solid #ecc74e;
color:#baaa97;
margin:10px auto 0;
width:70%;
}

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

.notice dd {
font-style:italic;
}

dl.info {
background:#615546;
border-color:#574d40;
}

.info dt {
background:#d27b42;
color:#fff;
}

dl.error {
background:#695c4d;
border-color:#d27b42;
}

.error dt {
background:#574d40;
color:#eed070;
}

#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:url(http://z3.ifrm.com/124/71/0/p77740/topbar.jpg) repeat-x top #776a5c;
border:1px solid #574d40;
height:21px;
margin-bottom:12px;
}

#top_info {
color:#d6c6b3;
float:left;
margin-top:4px;
font-size:90%;
}

#top_info strong a, #top_info small a {
color: #e78f4c;
}

#top_info strong a:hover, #top_info small a:hover {
color: #eed070;
}

#top_menu img {
display:none;
}

#top_menu {
background:none;
float:right;
margin-top:0px;
font-size:90%;
}

#top_menu a {
color: #eed070;
}

.drop_menu li {
background:none;
float:left;
text-align:center;
}

.drop_menu a {
color:#e7b44c;
display:block;
padding:4px 0;
position:relative;
width:9em;
}

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

.drop_menu ul {
border-top:1px solid #584e40;
color:#fff;
left:-999em;
margin:0;
opacity:1;
position:absolute;
width:8.6em;
z-index:99999;
}

#thismenu.active #Submenu {
display:block !important;
}

.drop_menu ul li {
font-size:85%;
margin:0;
padding:0;
width:100%;
}

.drop_menu ul li a {
background:url(http://z3.ifrm.com/124/71/0/p77739/subforum.jpg) top repeat-x #635748;
border:0 solid #584e40;
border-width:0 1px 1px;
display:block;
padding:4px 5%;
width:90%;
position: relative;
z-index: 1;
}

.drop_menu li ul li a:hover {
background: url(http://z3.ifrm.com/124/71/0/p77734/dashv.jpg) top repeat-x #695d4e;
color: #e78f4c!important;
}


#logo {
background: #7e7262;
clear:both;
margin:15px 0px 0px -1px;
}

#submenu_bar {
display:none;
}

#submenu {
display:none;
}

#wrap {
background:#665a4a;
border:1px solid #574d40;
border-top:0;
margin:0 0 30px 0;
}

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

.meta_box {
background:url(http://z3.ifrm.com/124/71/0/p77738/rows.jpg) top repeat-x #695d4e;
border:1px solid #574d40;
font-size:85%;
line-height:150%;
padding:10px 25px;
}

.meta_menu {
background:url(http://z3.ifrm.com/124/71/0/p77738/rows.jpg) top repeat-x #695d4e;
border:1px solid #574d40;
padding:0;
width:49%;
}

.meta_menu h3 {
background: url(http://z3.ifrm.com/124/71/0/p77987/mmright.jpg) right no-repeat #635748!important;
border:1px solid #574d40;
clear:both;
color:#d6c6b3;
font-size:100%;
font-weight:700;
margin:-1px;
text-align:center;
padding:8px;
}


.meta_menu a {
color:#eed070;
text-decoration:none;
}

.meta_menu a:hover {
color:#e78f4c;
text-decoration:none;
}


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 {
background:url(http://z3.ifrm.com/124/71/0/p77740/topbar.jpg) repeat-x top #776a5c;
border:1px solid #584e40;
color:#e8b54d;
font-weight:bold;
padding:2px;
}

.cat-pages a:hover,.cat-topicpages a:hover {
background:url(http://z3.ifrm.com/124/71/0/p77740/topbar.jpg) repeat-x top #776a5c;
color:#e8904d;
}

.cat-pages span {
background:url(http://z3.ifrm.com/124/71/0/p77740/topbar.jpg) repeat-x top #776a5c;
border:1px solid #584e40;
color:#d6c6b3;
cursor:default;
font-weight:700;
padding:2px 5px;
}

.cat-pages input {
background:#695c4e;
color:#d6c6b3;
padding:3px 5px;
vertical-align:baseline;
}

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

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

td.c_head,td.c_foot,td.c_sort {
background:url(http://z3.ifrm.com/124/71/0/p77804/foot.jpg) repeat-x top #625648;
color:#a59c91;
font-size:80%;
padding:4px 6px;
}

td.c_desc {
background:url(http://z3.ifrm.com/124/71/0/p77739/subforum.jpg) top repeat-x #635748;
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://z3.ifrm.com/124/71/0/p77739/subforum.jpg) top repeat-x #635748;
font-weight:700;
}

tr.hidden td.c_post {
background:url(http://z3.ifrm.com/124/71/0/p77739/subforum.jpg) top repeat-x #635748;
}

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

.c_mark {
background:url(http://z3.ifrm.com/124/71/0/p77738/rows.jpg) top repeat-x #695d4e;
text-align:center;
width:1%;
}

.c_forum {
color:#baaa97;
font-size:80%;
width:60%;
}

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

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

td.c_last {
background:url(http://z3.ifrm.com/124/71/0/p77738/rows.jpg) top repeat-x #695d4e;
font-size:85%;
}

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

.c_last-title {
background:url(http://b1.ifrm.com/0/1/0/p601070/last.png) no-repeat left;
display:block;
line-height:16px;
padding-left:10px;
}

td.c_info-v,td.c_info-t,td.c_info-r {
background: url(http://z3.ifrm.com/124/71/0/p77734/dashv.jpg) top repeat-x #695d4e;
font-size:80%;
padding:5px;
text-align:center;
}

td.c_subforum {
background:url(http://z3.ifrm.com/124/71/0/p77739/subforum.jpg) top repeat-x #635748;
color:#baaa97;
font-size:80%;
font-style:italic;
}

.cat_head td {
/* border-color:#5a70b3; */
padding:0;
}

#stats .cat_head td {
/* border-color:#e77700; */
}

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

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

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

td.c_username {
background:url(http://z3.ifrm.com/124/71/0/p77739/subforum.jpg) top repeat-x #635748;
padding:4px 0;
text-align:center;
}

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

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

td.c_user dl {
background:url(http://z3.ifrm.com/124/71/0/p77739/subforum.jpg) top repeat-x #635748;
border:1px solid #594f43;
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;
color: #baaa97
}

#profile_menu ul {
-moz-opacity:1;
border-top:0;
opacity:1;
font-size:80%;
width:12.5em;
}

#profile_menu a {
background:url(http://z3.ifrm.com/124/71/0/p77740/topbar.jpg) repeat-x top #776a5c;
border:1px solid #594f43;
color: #eed070;
padding: 2px 4px;
}

#profile_menu li li a {
background:url(http://z3.ifrm.com/124/71/0/p77739/subforum.jpg) top repeat-x #635748;
border-top:0;
}

#profile_menu li ul li a:hover {
background: url(http://z3.ifrm.com/124/71/0/p77734/dashv.jpg) top repeat-x #695d4e;
}

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://z3.ifrm.com/124/71/0/p78023/poll_r.jpg) no-repeat right;
float:left;
height:12px;
padding-right:3px;
}

td.c_poll-bar span {
background:url(http://z3.ifrm.com/124/71/0/p78022/poll_l.jpg) no-repeat;
display:block;
float:left;
height:12px;
width:8px;
}

.editby,.queued {
background:url(http://z3.ifrm.com/124/71/0/p77804/foot.jpg) repeat-x top #625648;
color:#baaa97;
border:1px solid #574d41;
font-size:85%;
font-style:italic;
margin-top:1em;
padding:1px 5px;
}

.queued {
background:url(http://z3.ifrm.com/124/71/0/p77804/foot.jpg) repeat-x top #625648;
border-color:#574d41;
}

blockquote {
background:#6a5c4f;
border:1px solid #574d41;
margin:10px auto;
padding-bottom:1px;
width:98%;
}

blockquote dl {
background:url(http://z3.ifrm.com/124/71/0/p77804/foot.jpg) repeat-x top #625648;
border-bottom:1px solid #574d41;
color:#eed070;
padding: 0px 7px;
}

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

code {
background: url(http://z3.ifrm.com/124/71/0/p77734/dashv.jpg) top repeat-x #695d4e;
display:block;
font-family:Monaco, Consolas, "Courier New", Courier, monospace;
white-space:normal;
}

div.spoiler {
border:1px solid #574d41;
border-top:0;
padding:5px 7px;
}

div.spoiler_toggle {
background:url(http://z3.ifrm.com/124/71/0/p77740/topbar.jpg) repeat-x top #776a5c;
border:1px solid #574d41;
color:#eed070;
cursor:pointer;
font-weight:700;
padding:0px 4px;
}

td.c_postinfo {
background:url(http://z3.ifrm.com/124/71/0/p77739/subforum.jpg) top repeat-x #635748;
color:#baaa97;
font-size:80%;
vertical-align:middle;
}

td.c_sig {
background: url(http://z3.ifrm.com/124/71/0/p77734/dashv.jpg) top repeat-x #695d4e;
color:#baaa97;
font-size:80%;
}

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

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

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

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

tr.c_postfoot {
background:#f6f6f6;
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:url(http://z3.ifrm.com/124/71/0/p77739/subforum.jpg) top repeat-x #635748;
color:#d6c6b3;
}

div.c_view-list {
background: url(http://z3.ifrm.com/124/71/0/p77734/dashv.jpg) top repeat-x #695d4e;
color:#baaa97;
font-size:92.5%;
border:1px solid #594f43;
padding:8px;
}

dl#fast-reply dt {
background: url(http://z3.ifrm.com/124/71/0/p77737/h2wrap.jpg) repeat-x top #645849;
border:1px solid #594f43;
border-top:0;
color:#baaa97;
font-size:102%;
font-weight:700;
margin:0;
padding:5px;
}

dl#fast-reply dd {
background: url(http://z3.ifrm.com/124/71/0/p77734/dashv.jpg) top repeat-x #695d4e;
border:1px solid #594f43;
padding:15px 0;
text-align:center;
}

#c_post-preview {
background: url(http://z3.ifrm.com/124/71/0/p77734/dashv.jpg) top repeat-x #695d4e;
border:1px solid #594f43;
margin:0 auto 10px;
padding:5px;
text-align:left;
width:98%;
}

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

#c_post-resize span:first-child {
color: #e78f4c;
}

#emot_wrap {
background:#695d4e;
border:1px solid #574d40;
}

#emot_wrap h3 {
background:url(http://z3.ifrm.com/124/71/0/p77740/topbar.jpg) repeat-x top #776a5c;
border-bottom:1px solid #574d40;
color:#d6c6b3;
font-size:100%;
text-align:center;
padding:3px 5px;
}

#emot_end {
background:url(http://z3.ifrm.com/124/71/0/p77740/topbar.jpg) repeat-x top #776a5c;
border-top:1px solid #574d40;
display:block;
font-weight:700;
padding:3px 0;
text-align:center;
}

#emot_list {
background:url(http://z3.ifrm.com/124/71/0/p77739/subforum.jpg) top repeat-x #635748;
}

#pm_folders {
border-left:1px solid #584e40;
border-right:1px solid #584e40;
padding-top:30px;
vertical-align:top;
width:150px;
}

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

#pm_folderlist li {
background:url(http://b1.ifrm.com/0/1/0/p601086/miniIcons.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:#e78f4c;
font-weight:700;
}

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

.calendar td.cal_inactive {
background:url(http://z3.ifrm.com/124/71/0/p77739/subforum.jpg) top repeat-x #635748;
color:#baaa97!important;
}

.calendar td.cal_inactive div {
background:url(http://z3.ifrm.com/124/71/0/p77739/subforum.jpg) top repeat-x #635748;
}

.calendar td div {
background:url(http://z3.ifrm.com/124/71/0/p77738/rows.jpg) top repeat-x #695d4e;
font-weight:700;
padding:5px 7px;
}

.calendar div a {



background:url(http://b1.ifrm.com/0/1/0/p601086/miniIcons.png) no-repeat 5px;
float:right;
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:url(http://z3.ifrm.com/124/71/0/p77739/subforum.jpg) top repeat-x #635748;
border:2px solid #eed070;
}

.calendar td#cal_current div {
background:url(http://z3.ifrm.com/124/71/0/p77739/subforum.jpg) top repeat-x #635748;
}

div.portal_content {
background: url(http://z3.ifrm.com/124/71/0/p77734/dashv.jpg) top repeat-x #695d4e;
border:1px solid #574d41;
font-size:88.3%;
margin:0;
padding:5px 7px;
}

div.portal_content a { color: #efcf68; }


#portal h2 {
font-size:88.3%;
padding: 5px 5px;
}

#portal h4 {
background:url(http://z3.ifrm.com/124/71/0/p77738/rows.jpg) top repeat-x #695d4e;
border-left:1px solid #574d41;
border-right:1px solid #574d41;
color:#baaa97;

font-size:88.3%;
font-weight:400;
margin:0;
padding:5px 7px;
}

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

#faq dd.faq_more a {
color:#eed070;
font-style:italic;
}

#faq dl.faq_more a:hover
color: #e78f4c;
}

.search_results {
background:#fafafa;
border:1px solid #e7e7e7;
margin-bottom:1em;
padding:5px 7px;
}

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

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

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

#pmtoast {
background:url(http://z3.ifrm.com/124/71/0/p77738/rows.jpg) top repeat-x #695d4e;
border:2px solid #584e40;
bottom:10px;
color:#d6c6b3;
display:none;
font-size:90%;
position:fixed;
right:10px;
text-align:right;
text-decoration:none;
width:200px;
z-index:1;
}

#pmtoast:hover {
border-color:#584e40;
}

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

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

#pmlink strong {
color:#eed070;
}

#pmclose {
border-top:1px solid #584e40;
color:#e78f4c;
display:block;
font-size:80%;
padding:1px 10px;
background:url(http://z3.ifrm.com/124/71/0/p77739/subforum.jpg) top repeat-x #635748;
}

#pmclose:hover {
color:#eed070
background: url(http://z3.ifrm.com/124/71/0/p77734/dashv.jpg) top repeat-x #695d4e;
}

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

#foot td {
background:url(http://z3.ifrm.com/124/71/0/p77804/foot.jpg) repeat-x top #625648;
color:#a59c91;
border-bottom:1px solid #574d41;
border-top:1px solid #574d41;
border-left:0;
border-right:0;
font-size:70%;
padding:2px 5px;
}

#foot #foot_datetime {
border-left:1px solid #574d41;
width:1%;
white-space:nowrap;
}

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

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

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

td.username_ok {
background:url(http://z3.ifrm.com/124/71/0/p77740/topbar.jpg) repeat-x top #776a5c;
}

input.username_ok {
outline:2px solid #96e84d;
}

td.username_no {
background: url(http://z3.ifrm.com/124/71/0/p77734/dashv.jpg) top repeat-x #695d4e;
}

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

#acplogin {
background:695d4e!important;
border:2px solid #584e40;
height:275px;
left:50%;
margin:-137.5px 0 0 -250px;
padding:0;
position:absolute;
top:50%;
width:500px;
}

#acplogin h1 {
color:#baaa97;
font-weight:400;
height:50px;
margin-bottom:20px;
padding:50px 20px 0 0;
text-align:right;
background:url(http://z3.ifrm.com/124/71/0/p77738/rows.jpg) top repeat-x #695d4e;
}

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

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

.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:2px;
background: #665a4a;
border:0;
}

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

td.c_nosig {
border-top-style:hidden!important;
background:#695c4d;
}

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

blockquote div,blockquote code {
margin:0;
padding:5px;

background: url(http://z3.ifrm.com/124/71/0/p77734/dashv.jpg) top repeat-x #695d4e;
}

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:10px;
}

#portal_foot {
margin-top:10px;
}

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

.category h2 a,#portal_foot h2 a,thead a,.category h2 a:hover,#portal_foot h2 a:hover,thead a:hover,#top_info a,#top_info a:hover,.drop_menu a,.drop_menu a:hover,#submenu a,#submenu 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;
}

#submenu a:hover,.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:#e78f4c;
}

blockquote div {
background: url(http://z3.ifrm.com/124/71/0/p77734/dashv.jpg) top repeat-x #695d4e;
}

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

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

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:#635748;
border:1px solid #584e40;
color:#d6c6b3;
margin:10px 0;
}

#blog blockquote {

background:none;
border:none;

font-size:85%;
padding:0 10px;
}

#blog h1 {
float:right;
}

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

#blog h2,#blog h2 a,#blog h2 a:hover {
color:#baaa97;
}

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

#blog_head {
background:#665a4a;
border:8px solid #584e40;
padding:10px 14px;
}

#blog_head img.avatar {
display:inline;
}

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

#blog_categories,#blog_readers,#blog_about,div.blog_options {
background: url(http://z3.ifrm.com/124/71/0/p77734/dashv.jpg) top repeat-x #695d4e;
border:1px solid #584e40;
margin:15px 0;
padding:5px 7px;
}

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




#blog_sub {
background:url(http://z3.ifrm.com/124/71/0/p77740/topbar.jpg) repeat-x top #776a5c;
border-top:1px solid #584e40;
border-bottom:1px solid 584e40;
clear:both;
position:relative;
padding:1px 7px;
text-align:right;
}

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

#blog_sidebar {
background:url(http://z3.ifrm.com/124/71/0/p77739/subforum.jpg) top repeat-x #635748;
border:1px solid #584e40;
float:right;
font-size:93.3%;
margin:20px 10px 0 0;
padding:0 10px;
width:160px;
}

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

#blog_user {
font-size:175%;
}

div.blog_options {
background:url(http://z3.ifrm.com/124/71/0/p77739/subforum.jpg) top repeat-x #635748;
border:1px solid #584e40;
font-size:90%;
text-align:right;
color: #baaa97
}

div.blog_date {
background: url(http://z3.ifrm.com/124/71/0/p77740/topbar.jpg) repeat-x top #776a5c;
border:1px solid #584e40;
color:#e78f4c;
float:right;
font-weight:700;
margin:0 15px;
text-align:center;
text-transform:uppercase;
width:40px;
}

div.blog_date span {
background:#BD794B;
border-top:1px solid #584e40;
color:#eed070;
display:block;
font-size:130%;
font-weight:700;
padding:2px 4px;
}

div.blog_entry {
background:url(http://z3.ifrm.com/124/71/0/p77738/rows.jpg) top repeat-x #695d4e;
border: 1px solid #584e40;
margin:10px 0;
padding:5px 7px;
}

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

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

#shoutwrap {
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: url(http://z3.ifrm.com/124/71/0/p77734/dashv.jpg) top repeat-x #695d4e;
border-top:1px solid #584e40;
}

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

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

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

/***** Three Piece H2 *****/
/* h2wrap is the center stretch.*/
.h2wrap {
background: url(http://z3.ifrm.com/124/71/0/p77737/h2wrap.jpg) repeat-x;
}

/* h2left is the left image. */
.h2left {
background: url(http://z3.ifrm.com/124/71/0/p77735/h2left.jpg) no-repeat top left;
height: 32px;
}



/* h2center is the text itself. */
.h2center{
padding: 8px 0px 0px 0px;
height: 32px;
text-align:center;
font-weight:bold;
}

/* h2right is the right image. */
.h2right {
background: url(http://z3.ifrm.com/124/71/0/p77736/h2right.jpg) no-repeat right top;
height: 32px;
}

/* Collapse/Uncollapse Images */
.collapse,.uncollapse {
right: 5px;
top: 1px;
}

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

/* Leave the above alone. For the bottom, style your profile h2's. */
.profile th, .calendar th, #acplogin th {padding:3px;
background: url(http://z3.ifrm.com/124/71/0/p77737/h2wrap.jpg) repeat-x;
border-left:1px solid #584e40; border-right:1px solid #584e40;

font-weight:bold;
}

.calendar th { border-bottom:0; color: #baaa97; }
.calendar a { color: #e78f4c; }
.calendar a:hover {
color:#eed070;
text-decoration:none;
}

.row1 td {
background: url(http://z3.ifrm.com/124/71/0/p77734/dashv.jpg) top repeat-x #695d4e;
}

.row2 td {
background:url(http://z3.ifrm.com/124/71/0/p77739/subforum.jpg) top repeat-x #635748;
}

div.meta_menu#ucp_settings h3, div.meta_menu#pm_settings h3 {
background: url(http://z3.ifrm.com/124/71/0/p77988/mmleft.jpg) left no-repeat #635748!important;
padding:8px;
}

/* fluid theme adjustments */

#main_content {
margin:0px auto;
width:80%;
}

code, #c_post-preview code {
overflow:auto;
max-height: 400px;
white-space:pre-wrap;
}

#logo {
text-align:center;
}

#wrap {
margin-top: -12px;
}

#warn_viewer td.c_mark {
width: 50px;
}


/* Blog Table Fixes*/
blockquote table {
clear:none;
}

blockquote thead td {
background:none;
}

blockquote .h2wrap, blockquote .h2left, blockquote .h2right {
padding:0;
overflow:hidden;
}

blockquote .h2center {
overflow:hidden;
background:none;
}



/*added for responsive design */
#submenu {
white-space: nowrap;
overflow-x: auto;
}

td.c_post {
word-wrap:break-word;
word-break:break-word;
}

@media (max-width:425px) {
tr.has_new_post td.c_forum {
-webkit-box-shadow: inset 4px 0 0 0 #BD7040;
-moz-box-shadow: inset 4px 0 0 0 #BD7040;
box-shadow: inset 4px 0 0 0 #BD7040;
}

#nav { padding-top:30px; }
#blog {margin-top: 25px;}
}

Edited by Helena, Nov 29 2017, 07:55 PM.
Offline Profile Quote Post Goto Top
 
Replies:
Helena
Member Avatar
M is for Mod

Can you provide a link to your board?
Online Profile Quote Post Goto Top
 
TheZooTycooner14
Member Avatar
Member
[ * ]
Sure:
It's a private board so i'll remove this link once we're done with it. :)
Thanks for replying!
Edited by TheZooTycooner14, Dec 31 2013, 02:15 PM.
Offline Profile Quote Post Goto Top
 
Helena
Member Avatar
M is for Mod

The problem seems to be that the images for those sections have a bad URL.

Find all the instances of the images that have this IP address in the URL:

209.85.62.24

http://209.85.62.24/124/71/0/p77737/h2wrap.jpg

and change it to this:

http://z3.ifrm.com/124/71/0/p77737/h2wrap.jpg


You likely used an old version of the CSS, as the one in this topic has been previously corrected.

Online Profile Quote Post Goto Top
 
TheZooTycooner14
Member Avatar
Member
[ * ]
It doesn't seem to have worked. :( It's in the CSS, correct?
Edit: Oh, so I need to change every instance of that IP to that new address? That would mean changing it in 76 different places in the CSS. Is that right?
Edit again: Ah yeah I think you're right. xD The CSS on this page looks correct. The CSS I used was on a different site. I'll try this one.
Edited by TheZooTycooner14, Dec 31 2013, 12:25 PM.
Offline Profile Quote Post Goto Top
 
DaPizzaMan
Member Avatar
#TeamSupport

TheZooTycooner14
Dec 31 2013, 12:22 PM
Edit: Oh, so I need to change every instance of that IP to that new address? That would mean changing it in 76 different places in the CSS. Is that right?
Correct. Consider using a text editor (Notepad for Windows, TextEdit for Mac) and replacing all instances in one (it makes life a lot easier :P ).
Offline Profile Quote Post Goto Top
 
Helena
Member Avatar
M is for Mod

Yes, CSS = Theme Appearance.

It did fix the first category. Make sure you are only replacing, the IP number with z3.ifrm.com in each URL

(It would probably be easier to just repaste the CSS codes from this topic.)

Be sure to update the Layout codes as well, as there was a mistake that broke the submenu code.
Online Profile Quote Post Goto Top
 
TheZooTycooner14
Member Avatar
Member
[ * ]
I tried copying/pasting the CSS from this page but it still doesn't seem to be working. You said that it fixed the first category but I don't see the change?
Oh nevermind! I got it to work by copying the theme Layout from this page as well as the CSS.
Sorry for the confusion, and thanks so much for the help!
Edited by TheZooTycooner14, Dec 31 2013, 12:33 PM.
Offline Profile Quote Post Goto Top
 
Helena
Member Avatar
M is for Mod

Congratulations!
Cafe Eclectic has been voted the Member's Choice Theme of the Month for November 2017


Cafe Eclectic, a popular theme has been given an update and made mobile responsive for both desktop and mobile viewing, thanks to DaPizzaman's mobile responsive code system. Various defaults and small code issues have been fixed. The updated theme codes have been edited into the release post.

Extra images have been created and are available on this HTML image macros page (also added to the original release post). http://b1.ifrm.com/0/1/0/p601096/ImageMacrosCafeE.html

A set of team icons was produced:
Posted Image Posted Image Posted Image

Team Icon PSD: http://b1.ifrm.com/0/1/0/p601100/teamCafeE.psd


If you have previously installed Cafe Eclectic and wish to benefit from the fixes and updates including mobile responsiveness, you will need to replace both the Layout and Theme Appearance (CSS) codes.
Online Profile Quote Post Goto Top
 
Toytrain
Member Avatar
Member
[ * ]
definitely worth the look. Nice job on this one
Offline Profile Quote Post Goto Top
 
fnuppage
Member
[ *  *  *  * ]
Installed the style, (currently inactive) but there seems to be an issue with the display of the style at the top ie the "arch" which does not appear for me

Posted Image
Offline Profile Quote Post Goto Top
 
Helena
Member Avatar
M is for Mod

That is because that curved top part is the background of the banner.

Install this in Theme settings in place of the ZetaBoards logo image:

Attached to this post:
Attachments: TheLighthouserCafeE.png (37.41 KB)
Online Profile Quote Post Goto Top
 
fnuppage
Member
[ *  *  *  * ]
How can I get my link to Active Topics appearing at the top of the forum with this style? It doesn't currently appear in the Submenu drop down

Would I be best advised to create a linkable button for Active Topics?
Offline Profile Quote Post Goto Top
 
Helena
Member Avatar
M is for Mod

To add an Active Topics (or whatever text you want there) link to the dropdown menu:

Make these changes in the Theme Layout:

To the submenu_select section, add this line wherever you want it in the array:
Code:
 

<option value="search/?c=5">Active Topics</option>




To the Agent Moose script, add this line wherever you want it in the array:

Code:
 
links[links.length] = ["Active Topics", "search/?c=5"];
Online Profile Quote Post Goto Top
 
fnuppage
Member
[ *  *  *  * ]
Having some issues with how this theme is displaying. If I set it to the recommended "No Width Limit" the banner doesn't fit with the rest of the forum, If I set to 800px the banner fits but the style maxes out on Android displays. Any ideas?
Offline Profile Quote Post Goto Top
 
Helena
Member Avatar
M is for Mod

Leave the selection in Theme Settings at "no width"

Find this in the CSS:
Code:
 
/* fluid width adjustments */

#main_content {
margin:0px auto;
width:80%;
}


Change the width to:
width:800px;

If you still want a fluid theme but want the banner to stretch, you can try this. It will stretch the banner background image but will not distort the text:

Leave the fluid width coding set at 80%.
Add this to your CSS:

Code:
 

#logo {
background:url(http://b1.ifrm.com/0/1/0/p601317/blankbannerCafeE.png)no-repeat;
background-size:100%;
}

Replace your banner in Theme Settings with this one:
http://b1.ifrm.com/0/1/0/p601372/LightHouseCETransp.png



Attached to this post:
Attachments: LightHouseCETransp.png (1.81 KB)
Online Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
Go to Next Page
« Previous Topic · Dark · Next Topic »
Add Reply