Kunena 7.0.4 Released

The Kunena team has announce the arrival of Kunena 7.0.4 [K 7.0.4] in stable which is now available for download as a native Joomla extension for J! 5.4.x/6.0.x. This version addresses most of the issues that were discovered in K 6.2 / K 6.3 / K 6.4 and issues discovered during the last development stages of K 7.0

This category contains miscellaneous, uncategorised user contributions, (templates, modules, plugins and hacks) relating to older versions of Kunena that are no longer supported.

This category may also contain a few topics relating to K 1.6 that may have been moved here possibly by mistake.

The topics in this category are for historical interest only. Owing to the structural differences between K 1.6 and K 1.7, these ideas in these topics will not work with later versions and, for that reason, the topics are locked.

Loved Gainsboro Template - Kunena 1.5.12

@quila
Topic Author
Offline
Elite Member

16 years 6 months ago #30985 by @quila

Replied by @quila on topic Re:Gainsboro Template - Kunena 1.5.x

Hi Hélio,

can you check in you Joomla template css file if you have some div.horiz-menu class?

Or provide a link to your site to see the problem.

Regards

Please Log in or Create an account to join the conversation.

heliolopes
Offline
Junior Member

16 years 6 months ago - 16 years 6 months ago #30997 by heliolopes

Replied by heliolopes on topic Re:Gainsboro Template - Kunena 1.5.x

@quila, I was looking at the template css files and there are several things about the horizontal menu, but alone I cannot identify which one Is causing that problem, so Im attaching here both css files, hopping you can help me.

Regards,
Hélio

template.css

Warning: Spoiler!

Code:

/* @group Core Elements */

html {
	height: 100%;
	margin-bottom: 1px;
}

body,td {
	line-height: 135%;
	font-family: Helvetica, Arial, sans-serif;
}

body {
	margin: 10px 0;
	padding: 0;
	color: #555;
}

body.f-smaller {
	font-size: 10px;
}

body,
body.f-default {
	font-size: 12px;
}

body.f-larger {
	font-size: 15px;
}

p {
  /* setup some more readable paragraph spacing */
  margin-top: 10px;
  margin-bottom: 15px;
}

h1, h2, h3, h4 {
	/* setup some more readable header spacing */
	padding-bottom: 5px;
	margin: 25px 0 10px 0;
	font-family: Arial Narrow, Helvetica, Arial, sans-serif;
}

h1 { 
	font-size: 200%;
}

h2 {
	font-size: 175%;
}

h3 {
	font-size: 150%;
}

h4 {
	font-size: 120%;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* @end */

/* @group Joomla Elements */

.small,
.modifydate,
.createdate,
div.mosimage_caption {
	font-size: 95%;
}

.componentheading {
	font-size: 170%;
	line-height: 100%;
	padding: 0;
	margin: 25px 0 20px 0;
	font-family: Arial Narrow, Helvetica, Arial, sans-serif;
}

.contentheading {
	font-size: 170%;
	font-weight: normal;
	line-height: 110%;
	padding-bottom: 8px;
	font-family: Arial Narrow, Helvetica, Arial, sans-serif;
	margin: 15px 0 0 0;
}

td.buttonheading,
.contentpaneopen td.buttonheading {
	padding: 0px 3px 0;
}

td.column_separator {
	padding-left: 15px;
}

td.componentheading {
	padding-bottom: 15px;
}

.sectiontableheader {
  	font-weight: bold;
  	padding: 4px;
  	line-height: 20px;
  	border-bottom: 1px solid #f0f0f0;
}

tr.sectiontableentry1 td,
tr.sectiontableentry2 td,
td.sectiontableentry1,
td.sectiontableentry2 {
  	text-align: left;
  	padding: 5px 0 5px 5px;
}

.contentpane,
.contentpaneopen {
	width: 100%;
}

/* @end */

/* @group Structure */

.wrapper {
	position: relative;
}

#overall-frame {
	width: 100%;
	position: relative;
}

#under3 {
	padding-bottom: 15px;
	margin-bottom: 20px;
	height: 100px;
}

#primary-nav3 {
	height: 47px;
	padding: 0 40px;
}

#body {
	padding: 10px 5px 0 5px;
}

#header {
	height: 122px;
	overflow: hidden;
}

#footer-pad {
	padding: 0 5px;
}

#component-top div div {
	height: 17px;
	overflow: hidden;
}

#component {
	background: #fff;
}

#component div.right {
	padding: 7px 22px;
}

#component-bottom div div {
	height: 17px;
	overflow: hidden;
}

#footer-top div div {
	height: 17px;
	overflow: hidden;
}

#footer div.right {
	padding: 7px 2px 7px 22px;
}

#footer-bottom div div {
	height: 17px;
	overflow: hidden;
}

table.mainbody {
	width: 100%;
	margin: 0;
	padding: 0;
}

img#rocket {
	margin-top: 25px;
	margin-bottom: 20px;
	width: 150px;
	height: 26px;
}

#logo {
	width: 297px;
	height: 104px;
	margin-left: 42px;
	margin-top: 18px;
}

#inset {
	height: 130px;
	padding-top: 20px;
}

#sidemodules,
#topmodules,
#middlemodules,
#bottommodules,
#footermodules,
#component {
	overflow: hidden;
}



.spacer .block {
	float: left;
}

.spacer.w99 .block {
	width: 100%;
}

.spacer.w49 .block {
	width: 50%;
}

.spacer.w33 .block {
	width: 33.3%;
}

#bottom {
	padding-bottom: 30px;
	overflow: auto;
}

#pathway {
	height: 30px;
	padding: 0 32px;
	overflow: hidden;
}

#footermods {
	float: right;
	
}

/* @end */

/* @group Modules */

#footer div.module {
	margin-right: 20px;
}

#footer div.module,
#footer div.module div,
#footer div.module div div,
#footer div.module div div div {
	background: none;
	padding: 0;
}

div.module div div div,
div.module-hilite1 div div div,
div.module-hilite2 div div div,
div.module-hilite3 div div div,
div.module-hilite4 div div div,
div.module-hilite5 div div div,
div.module-hilite6 div div div {
	position:  relative;
	padding: 50px 22px 22px 22px;
	overflow: hidden;
}

div.module-hilite7 div div div {
	padding: 22px;
	overflow: hidden;
}

#tabmodules div div div {
	padding: 13px 22px 22px 22px;
}

#tabmodules div div div div,
div.module div div div div,
div.module-hilite1 div div div div,
div.module-hilite2 div div div div,
div.module-hilite3 div div div div,
div.module-hilite4 div div div div,
div.module-hilite5 div div div div,
div.module-hilite6 div div div div,
div.module-hilite7 div div div div {
	background: none;
	padding: 0;
}

div.module h3,
div.module-hilite1 h3,
div.module-hilite2 h3,
div.module-hilite3 h3,
div.module-hilite4 h3,
div.module-hilite5 h3,
div.module-hilite6 h3 {
	position: absolute;
	margin: 0;
	left: 55px;
	top: 18px;
	font-family: Arial Narrow, Helvetica, Arial, sans-serif;
	font-size: 120%;
	color: #333;
}

div.module-hilite7 h3 {
	margin: -3px 0 0 0;
	padding: 0 0 15px 0;
	font-family: Arial Narrow, Helvetica, Arial, sans-serif;
	font-size: 120%;
}

div.moduletable h3 {
	font-family: Arial Narrow, Helvetica, Arial, sans-serif;
	font-size: 140%;
	margin: 10px 0 15px 0;

}

#footer div.module h3 {
	position: static;
	padding-left: 0;
	margin: 0;
	padding: 10px 0 12px 40px;
	color: #fff;
}

div.module-hilite1 h3,
div.module-hilite2 h3,
div.module-hilite3 h3,
div.module-hilite4 h3,
div.module-hilite5 h3,
div.module-hilite6 h3 {
	color: #fff;
}

div.module-hilite5,
div.module-hilite6 {
	color: #ccc;
}

div.module ul,
div.module-hilite1 ul,
div.module-hilite2 ul,
div.module-hilite3 ul,
div.module-hilite4 ul,
div.module-hilite5 ul,
div.module-hilite6 ul,
div.module-hilite7 ul {
	margin: 10px 0;
	padding-left: 20px;
}

/* @end */

/* @group Horizontal Menu */

#horiz-menu {
	height: 47px;

}

#horiz-menu ul.menu {
	padding-left: 15px;
}

#horiz-menu ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 0px;
}

#horiz-menu li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}

#horiz-menu a {
	white-space: nowrap;
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	display: block;
	float: left;
	height: 47px;
	line-height: 47px;
	padding: 0 15px 0 15px;
	font-weight: bold;
	font-size: 120%;
	color: #444;
}

#horiz-menu li:hover li a,
#horiz-menu li.sfHover li a {
	color: #666;
}

#horiz-menu li:hover a,
#horiz-menu li.sfHover a,
#horiz-menu li:hover a.topdaddy,
#horiz-menu li.sfHover a.topdaddy,
#horiz-menu a.topdaddy:hover,
#horiz-menu li li:hover a:hover,
#horiz-menu li li.sfHover a:hover {
	color: #000;
}

#horiz-menu li li a, 
#horiz-menu li li a:hover,
#horiz-menu li:hover li a,
#horiz-menu li.sfHover li a,
#horiz-menu li.parent:hover li a,
#horiz-menu li.parent.sfHover li a,
#horiz-menu li.active.parent:hover li a,
#horiz-menu li.active.parent.sfHover li a {
	background: none;
}

/* mouseovers */

#horiz-menu li li a:hover {
	background: none;
	color: #000;
}

#horiz-menu li.active a {
	color: #333;
}

#horiz-menu span.topdaddy,
#horiz-menu span.top {
	display: block;
	float: left;
	position: relative;
	text-align: center;
}

#horiz-menu li li span.top {
	display: inline;
	float: none;
	position: static;
	text-align: left;
}

#horiz-menu span.topdaddy span {
	text-align: left;
}

#horiz-menu li.active li span span.selector,
#horiz-menu li:hover li span span.selector,
#horiz-menu li.sfHover li span span.selector {
	display: none;
}


#horiz-menu li li.active,
#horiz-menu li.active li a,
#horiz-menu li.active li a:hover {
	background: none;
}

#horiz-menu li li a {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 100%;
	font-weight: normal;
}

#horiz-menu a:hover {
	text-decoration: none;
}

/* @end */

/* @group Sub Menu */

td.sidebar ul.menuside {
	margin: 0;
	padding: 0;
}

ul.menuside li {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.menuside a:hover {
	text-decoration: none;
}

ul.menuside li.active li a {
	font-weight: normal;
}

ul.menuside span {
	display: block;
}

ul.menuside a {
	display: block;
	line-height: 24px;
	text-indent: 15px;
	height: 24px;
}

ul.menuside ul {
	margin: 4px 0;
}

ul.menuside ul li {
	list-style: disc;
}

ul.menuside ul a {
	background: none;
	text-indent: 0;
}

ul.menuside a:hover {
	text-decoration: none;
}

ul.menuside ul {
	margin-left: 30px;
	padding: 0;
}

ul.menuside ul ul {
	padding: 0;
	margin-left: 40px;
}

ul.menuside li li {
	padding: 0;
	margin: 0;
}

ul.menuside li li a {

}

ul.menuside ul a {
	text-indent: 0;
}

ul.menuside li.active li a {

}

ul.menuside ul ul ul a {
	text-indent: 30px;
}

/* @end */

/* @group Mainmenu */

a.mainlevel {
	display: block;
	line-height: 24px;
	text-indent: 15px;
	height: 24px;
	font-size: 110%;
	text-decoration: none;
}

#under a.mainlevel {
	display: inline;
	background:  none;
	color: #999;
	padding: 0 5px;
}

a#active_menu.sublevel {
	background: none;
}

a#active_menu,
ul.menuside li.active a {
	background-position: 0 0;
}

a.mainlevel:hover,
ul.menuside a:hover {
	background-position: 0 -48px;
	color: #000;
}

ul.menuside a,
a.mainlevel {
	color: #666;
}

a.sublevel {
	text-decoration: none;
	color: #666;
	background: none;
	line-height: 25px;
}

a.sublevel:hover {
	color: #000;
}

a.mainlevel:hover, a.sublevel:hover {
	text-decoration: none;
}

/* @end */

/* @group Content Styles */

/* @group Login */

#mod-top .spacer {
	color: #ccc;
}

#mod-top form {
	padding: 5px 0 0 0;
	margin: 0;
}

div.loginelement {
	float: left;
	padding-left: 5px;
	padding-top: 2px;
}

div.loginelement label {
	margin: 0;
	display: block;
	height: 20px;
	line-height: 20px;
	float: left;
	color: #999;
	width: 70px;
}

div.loginelement .inputbox {
	margin: 0;
	width: 100px;
	border: 1px solid #444;
	background: url(../images/header-bg.png);
	color: #999;
} 

#mod-top a {
	padding-left: 15px;
	font-size: 100%;
	padding-right: 10px;
	display: block;
	float: left;
	color: #ccc;
}

/* @group Readon */

a.readon {
	clear: both;
	float: right;
	margin-top: 10px;
	font-weight: bold;
	display: block;
	text-align: center;
	width: 115px;
	height: 38px;
	line-height: 36px;
	color: #fff;
}

#footer a.readon {
	color: #fff;
}

/* @end */

/* @group Pathway */

span.pathway {
	display: block;
	line-height: 1.2em;
	font-weight: normal;
	margin-top: 15px;
	margin-left: 15px;
	margin-bottom: 3px;
	padding-left: 10px;
}

span.pathway img {
	float: left;
	width: 10px;
	height: 10px;
	padding-right: 5px;
	padding-top: 3px;
	background: url(../images/path-arrow.png) 0 50% no-repeat;
}

span.pathway a {
	float: left;
	padding: 0 20px 0 0;
}

/* @end */

/* @group Typography */

ul.number,
ul.media-1,
ul.media-2,
ul.media-3,
ul.media-4,
ul.arrow-1,
ul.arrow-2,
ul.plus-1,
ul.plus-2,
ul.cart,
ul.circles,
ul.camera,
ul.people,
ul.rss,
ul.check,
ul.star-1,
ul.star-2,
ul.triangle-1,
ul.triangle-2,
ul.bullet-1,
ul.bullet-2 {
	padding-left: 20px;
	margin-left: 0;
}

ul.number li,
ul.media-1 li,
ul.media-2 li,
ul.media-3 li,
ul.media-4 li,
ul.arrow-1 li,
ul.arrow-2 li,
ul.plus-1 li,
ul.plus-2 li,
ul.cart li,
ul.circles li,
ul.camera li,
ul.people li,
ul.rss li,
ul.check li,
ul.star-1 li,
ul.star-2 li,
ul.triangle-1 li,
ul.triangle-2 li,
ul.bullet-1 li, 
ul.bullet-2 li {
	list-style: none;
	margin-left: 0;
	padding-bottom: 3px;
	margin-bottom: 10px;
	padding-left: 28px;
}

pre {
	background: #f7f7f7;
	border: 1px solid #f0f0f0;
	padding: 10px;
}

blockquote {
	color: #666;
	font-style: italic;
	font-size: 120%;
	line-height: 150%;
	width: auto;
	padding: 0px 0px 5px 60px;
	margin: 15px 0;
	background: url(../images/quote-start.png) 0 0 no-repeat;
}

blockquote p {
	padding: 0 60px 10px 0;
	margin-top: 0;
	background: url(../images/quote-end.png) 100% 100% no-repeat;
}

/* @end */

/* @group Notice Styles */

span.alert,
span.info,
span.download,
span.note {
	display: block;
	padding: 10px 10px 10px 45px;
	margin: 15px 0;	
}

span.alert {
	color: #c00;
	border-top: 3px solid #fe7b7a;
	border-bottom: 3px solid #fe7b7a;
	background: #FFD6D6 url(../images/status-alert.png) 10px 50% no-repeat;
}

span.info {
	color: #0055BB;
	border-top: 3px solid #629de3;
	border-bottom: 3px solid #629de3;
	background: #D8E5F8 url(../images/status-info.png) 10px 50% no-repeat;
}

span.note {
	color: #B79000;
	border-top: 3px solid #fde179;
	border-bottom: 3px solid #fde179;
	background: #FEF6D8 url(../images/status-note.png) 10px 50% no-repeat;
}

span.download {
	color: #57861A;
	border-top: 3px solid #c2df88;
	border-bottom: 3px solid #c2df88;
	background: #EEF7DD url(../images/status-download.png) 10px 50% no-repeat;
}

/* @end */

/* @group RokSlide */

#rokslide-toolbar {
	color: #666;
}

#rokslide-toolbar span {
	white-space: nowrap;
	font-family: Arial Narrow, Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 120%;
	line-height: 26px;
}

#rokslide-toolbar li.active { 
	color: #222;
}

#frame {
	text-align: left;
}

#frame div.module {
	float: left;
}

#frame .mmpr-1 .module {
	width: 100%;
}

#frame .mmpr-2 .module {
	width: 50%;
}

#frame .mmpr-3 .module {
	width: 33%;
}

#frame .mmpr-4 .module {
	width: 25%;
}

#frame .mmpr-5 .module {
	width: 20%;
}

/* @end */

div#banner {
	position: absolute;
	top: 41px;
	right: 31px;
}

a.nounder {
	text-decoration: none;
	border: 0;
	cursor: pointer;
}

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

a img.album {
	border-width: 2px;
	border-style: solid;
}

.clr {
	clear:both;
}

fieldset.input {
	border: 0;
}

a img {
	border: 0;
}

img.content-left {
	float: left;
	margin-right: 10px;
	padding: 5px;
	border: 1px solid #eee;
}

img.content-right {
	float: right;
	margin-left: 10px;
	padding: 5px;
	border: 1px solid #eee;
}

#under table {
	width: 350px;
}

/* @end */

/* @end */

/* @group Community Builder */

#overall-frame .dynamic-tab-pane-control .tab-page {
	border: 0;
	top: 5px;
}

#overall-frame .dynamic-tab-pane-control .tab-row .tab.selected {
	border: 0;
	top: 0;
	margin: 1px -1px 1px 2px;
	padding: 2px 5px 3px;
}

#overall-frame .dynamic-tab-pane-control .tab-row .tab.selected a {
	color: #fff;
}

#overall-frame .connectionBox,
#overall-frame .containerBox {
	border: 1px solid #f1f1f1;
}

#overall-frame .cbMenu {
	margin-right: 1px !important;
}

#overall-frame .cbSSmenu {
	margin-top: 2px !important;
}

#overall-frame .superthumb_inner:hover {
	padding: 0;
}

#overall-frame #simplewelcome h3 {
	padding: 0 0 0 10px;
}

#overall-frame .gj_showfull-bulletin-subject,
#overall-frame .gj_showfull-bulletin-createddate,
#overall-frame .gj_showfull-username,
#overall-frame #showcat-pagenav-container .pagecounter {
	font-variant: normal;
}

#overall-frame #simpledesc {
	text-indent: 0;
}

#overall-frame #creator-wrapper .componentheading,
#overall-frame #moder_functions-wrapper .componentheading,
#overall-frame #main-float-left .componentheading,
#overall-frame #columnSmall2 .componentheading,
#overall-frame #columnSmall3 .componentheading,
#overall-frame #columnSmall4 .componentheading {
	margin: 5px 0 10px 0;
}

#overall-frame #moder_functions-wrapper {
	margin-top: 10px;
}

#overall-frame #main-float-left {
	margin-right: 10px;
	width: 71%;
	padding: 5px;
}

#overall-frame #columnSmall2 {
	border-right: 1px solid #eee;
	width: 25%;
}

#overall-frame #columnSmall3 {
	margin-left: 20px;
}

#overall-frame .cbPosTop {
	border: 1px solid #eee;
	padding: 10px;
}

#overall-frame .cbPosTop .sectiontableentry1,
#overall-frame .cbPosTop .sectiontableentry2 {
	background: none;
	border-bottom: 1px solid #eee;
}

#cbProfileTitle {
	margin-top: 0;
}

div#ribbon-frame {
	position: relative;
	padding: 3px 0 0 6px;
	height: 261px;
}

div#ribbon {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 94px;
	height: 94px;
	background: url(../images/ribbon.png) 0 0 no-repeat;
	z-index:3;
}

div#ribbon-frame div.moduletable {
	position: absolute;
	z-index: 0;
}

#component div.right div.image_caption.right,
#component div.right div.image_caption.left {
	background: none;
}

.tool-tip {
	background: #f6f6f6;
	border: 1px solid #e6e6e6;
	padding: 4px;
}

/* @end */

style5.css

Warning: Spoiler!

Code:

/* style5 */

a,
h1,
h3,
.contentheading,
div.module-hilite7 h3 { 
	color: #D37B00;
}

#footer a,
div.module-hilite5 a,
div.module-hilite6 a {
	color: #ECA30E;
}

div.module-hilite5 a.readon {
	color: #fff;
}

body {
	background: #fff;
}

/* structure */

#header {
	background: url(../images/style5/header-m.png) 0 0 repeat-x;
}

#header2 {
	background: url(../images/style5/header-r.png) 100% 0 no-repeat;
}

#header3 {
	background: url(../images/style5/header-l.png) 0 0 no-repeat;
}

#under {
	background: url(../images/style5/under-m.png) 0 0 repeat-x;
}

#under2 {
	background: url(../images/style5/under-r.png) 100% 0 no-repeat;
}

#under3 {
	background: url(../images/style5/under-l.png) 0 0 no-repeat;
}

#primary-nav {
	background: url(../images/style5/menu-m.png) 0 0 repeat-x;
}

#primary-nav2 {
	background: url(../images/style5/menu-r.png) 100% 0 no-repeat;
}

#primary-nav3 {
	background: url(../images/style5/menu-l.png) 0 0 no-repeat;
}

#component-top {
	background: url(../images/style5/content-t.png) 0 0 repeat-x;
}

#component-top div {
	background: url(../images/style5/content-tr.png) 100% 0 no-repeat;
}

#component-top div div {
	background: url(../images/style5/content-tl.png) 0 0 no-repeat;
}

#component div.left {
	background: url(../images/style5/content-l.png) 0 0 repeat-y;
}

#component div.right {
	background: url(../images/style5/content-r.png) 100% 0 repeat-y;
}

#component-bottom {
	background: url(../images/style5/content-b.png) 0 0 repeat-x;
}

#component-bottom div {
	background: url(../images/style5/content-br.png) 100% 0 no-repeat;
}

#component-bottom div div {
	background: url(../images/style5/content-bl.png) 0 0 no-repeat;
}

#footer-top {
	background: url(../images/style5/footer-t.png) 0 0 repeat-x;
}

#footer-top div {
	background: url(../images/style5/footer-tr.png) 100% 0 no-repeat;
}

#footer-top div div {
	background: url(../images/style5/footer-tl.png) 0 0 no-repeat;
}

#footer {
	background: #56585C;
	color: #ccc;
}

#footer div.left {
	background: url(../images/style5/footer-l.png) 0 0 repeat-y;
}

#footer div.right {
	background: url(../images/style5/footer-r.png) 100% 0 repeat-y;
}

#footer-bottom {
	background: url(../images/style5/footer-b.png) 0 0 repeat-x;
}

#footer-bottom div {
	background: url(../images/style5/footer-br.png) 100% 0 no-repeat;
}

#footer-bottom div div {
	background: url(../images/style5/footer-bl.png) 0 0 no-repeat;
}

img#rocket {
	background: url(../images/style5/rocket.png) 0 0 no-repeat;
}

#logo {
	background: url(../images/style5/logo.png) 0 0 no-repeat;
}

/* Modules */

#rokslide-toolbar li.current { 
	background: url(../images/style5/tabber-on.png) 100% 0 no-repeat;
	color: #333;
}

#rokslide-toolbar li {
	background: url(../images/style5/tabber-div.png) 100% 0 no-repeat;
}

#tabmodules {
	background: url(../images/style5/modules/tabber/module-br.png) 100% 100% no-repeat;
}

#tabmodules div {
	background: url(../images/style5/modules/tabber/module-bl.png) 0 100% no-repeat;	
}

#tabmodules div div {
	background: url(../images/style5/modules/tabber/module-tr.png) 100% 0 no-repeat;	
}

#tabmodules div div div {
	background: url(../images/style5/modules/tabber/module-tl.png) 0 0 no-repeat;	
}

div.module {
	background: url(../images/style5/modules/module-br.png) 100% 100% no-repeat;
}

div.module div {
	background: url(../images/style5/modules/module-bl.png) 0 100% no-repeat;	
}

div.module div div {
	background: url(../images/style5/modules/module-tr.png) 100% 0 no-repeat;	
}

div.module div div div {
	background: url(../images/style5/modules/module-tl.png) 0 0 no-repeat;	
}

div.module-hilite1 {
	background: url(../images/style5/modules/hilite1/module-br.png) 100% 100% no-repeat;
}

div.module-hilite1 div {
	background: url(../images/style5/modules/hilite1/module-bl.png) 0 100% no-repeat;	
}

div.module-hilite1 div div {
	background: url(../images/style5/modules/hilite1/module-tr.png) 100% 0 no-repeat;	
}

div.module-hilite1 div div div {
	background: url(../images/style5/modules/hilite1/module-tl.png) 0 0 no-repeat;	
}

div.module-hilite2 {
	background: url(../images/style5/modules/hilite2/module-br.png) 100% 100% no-repeat;
}

div.module-hilite2 div {
	background: url(../images/style5/modules/hilite2/module-bl.png) 0 100% no-repeat;	
}

div.module-hilite2 div div {
	background: url(../images/style5/modules/hilite2/module-tr.png) 100% 0 no-repeat;	
}

div.module-hilite2 div div div {
	background: url(../images/style5/modules/hilite2/module-tl.png) 0 0 no-repeat;	
}

div.module-hilite3 {
	background: url(../images/style5/modules/hilite3/module-br.png) 100% 100% no-repeat;
}

div.module-hilite3 div {
	background: url(../images/style5/modules/hilite3/module-bl.png) 0 100% no-repeat;	
}

div.module-hilite3 div div {
	background: url(../images/style5/modules/hilite3/module-tr.png) 100% 0 no-repeat;	
}

div.module-hilite3 div div div {
	background: url(../images/style5/modules/hilite3/module-tl.png) 0 0 no-repeat;	
}

div.module-hilite4 {
	background: url(../images/style5/modules/hilite4/module-br.png) 100% 100% no-repeat;
}

div.module-hilite4 div {
	background: url(../images/style5/modules/hilite4/module-bl.png) 0 100% no-repeat;	
}

div.module-hilite4 div div {
	background: url(../images/style5/modules/hilite4/module-tr.png) 100% 0 no-repeat;	
}

div.module-hilite4 div div div {
	background: url(../images/style5/modules/hilite4/module-tl.png) 0 0 no-repeat;	
}

div.module-hilite5 {
	background: url(../images/style5/modules/hilite5/module-br.png) 100% 100% no-repeat;
}

div.module-hilite5 div {
	background: url(../images/style5/modules/hilite5/module-bl.png) 0 100% no-repeat;	
}

div.module-hilite5 div div {
	background: url(../images/style5/modules/hilite5/module-tr.png) 100% 0 no-repeat;	
}

div.module-hilite5 div div div {
	background: url(../images/style5/modules/hilite5/module-tl.png) 0 0 no-repeat;	
}

div.module-hilite6 {
	background: url(../images/style5/modules/hilite6/module-br.png) 100% 100% no-repeat;
}

div.module-hilite6 div {
	background: url(../images/style5/modules/hilite6/module-bl.png) 0 100% no-repeat;	
}

div.module-hilite6 div div {
	background: url(../images/style5/modules/hilite6/module-tr.png) 100% 0 no-repeat;	
}

div.module-hilite6 div div div {
	background: url(../images/style5/modules/hilite6/module-tl.png) 0 0 no-repeat;	
}

div.module-hilite7 {
	background: url(../images/style5/modules/hilite7/module-br.png) 100% 100% no-repeat;
}

div.module-hilite7 div {
	background: url(../images/style5/modules/hilite7/module-bl.png) 0 100% no-repeat;	
}

div.module-hilite7 div div {
	background: url(../images/style5/modules/hilite7/module-tr.png) 100% 0 no-repeat;	
}

div.module-hilite7 div div div {
	background: url(../images/style5/modules/hilite7/module-tl.png) 0 0 no-repeat;	
}

#footer div.module h3 {
	background: url(../images/style5/footer-h3.png) 0 2px no-repeat;
}

/* Menus */

#horiz-menu a {
	color: #fff;
}

#horiz-menu li li, 
#horiz-menu li:hover li,
#horiz-menu li.sfHover li,
#horiz-menu li.parent:hover li,
#horiz-menu li.parent.sfHover li,
#horiz-menu li.active.parent:hover li,
#horiz-menu li.active.parent.sfHover li {
	background: url(../images/style5/dropdown-div.png) 0 100% repeat-x;;
}

#horiz-menu li:hover,
#horiz-menu li.sfHover,
#horiz-menu.splitmenu li.parent:hover,
#horiz-menu.splitmenu li.parent.sfHover {
	background: url(../images/style5/tab-r.png) 100% -94px no-repeat;	
}

#horiz-menu li:hover a,
#horiz-menu li.sfHover a,
#horiz-menu.splitmenu li.parent:hover a,
#horiz-menu.splitmenu li.parent.sfHover a {
	background: url(../images/style5/tab-l.png) 0 -94px no-repeat;
}

#horiz-menu li {
	background: url(../images/style5/tab-r.png) 100% -47px no-repeat;	
}

#horiz-menu li a {
	background: url(../images/style5/tab-l.png) 0 -47px no-repeat;
}

#horiz-menu ul ul {
	background: #EDEDED;
	border-left: 1px solid #D9D9D2;
	border-right: 1px solid #D9D9D2;
}

#horiz-menu li.parent:hover,
#horiz-menu li.parent.sfHover {
	background: url(../images/style5/tab-r.png) 100% -188px no-repeat;	
}

#horiz-menu li.parent:hover a,
#horiz-menu li.parent.sfHover a {
	background: url(../images/style5/tab-l.png) 0 -188px no-repeat;
} 

#horiz-menu li.active.parent:hover,
#horiz-menu li.active.parent.sfHover {
	background: url(../images/style5/tab-r.png) 100% -141px no-repeat;	
}

#horiz-menu li.active.parent:hover a,
#horiz-menu li.active.parent.sfHover a {
	background: url(../images/style5/tab-l.png) 0 -141px no-repeat;
} 

#horiz-menu li.active,
#horiz-menu.splitmenu li.active:hover,
#horiz-menu.splitmenu li.active.sfHover {
	background: url(../images/style5/tab-r.png) 100% 0 no-repeat;
}

#horiz-menu li.active a,
#horiz-menu.splitmenu li.active:hover a,
#horiz-menu.splitmenu li.active.sfHover a {
	background: url(../images/style5/tab-l.png) 0 0 no-repeat;
}

#horiz-menu li li.parent a.daddy {
	background: url(../images/style5/dropdown-child.png) 95% 70% no-repeat;
}

ul.menuside a,
a.mainlevel {
	background: url(../images/style5/vert-menu.png) 0 -24px no-repeat;
}

/* Content */

tr.sectiontableentry1 td,
tr.sectiontableentry2 td,
td.sectiontableentry1,
td.sectiontableentry2 {
  	background: url(../images/style5/content-div.png) 0 0 repeat-x;	
}

a.readon,
div.module-hilite1 a.readon {
	background: url(../images/style5/button-dark-1.png) 0 0 no-repeat;
}

#component a.readon,
div.module-hilite2 a.readon {
	background: url(../images/style5/button-color-1.png) 0 0 no-repeat;
}

div.module-hilite3 a.readon {
	background: url(../images/style5/button-dark-2.png) 0 0 no-repeat;
}

div.module-hilite4 a.readon {
	background: url(../images/style5/button-color-2.png) 0 0 no-repeat;
}

div.module-hilite5 a.readon {
	background: url(../images/style5/button-color-3.png) 0 0 no-repeat;
}

#footer a.readon,
div.module-hilite6 a.readon {
	background: url(../images/style5/button-dark-3.png) 0 0 no-repeat;
}

li.number-1 {
	background: url(../images/style5/typo/number-1.png) 0 0 no-repeat;	
}

li.number-2 {
	background: url(../images/style5/typo/number-2.png) 0 0 no-repeat;	
}

li.number-3 {
	background: url(../images/style5/typo/number-3.png) 0 0 no-repeat;	
}

li.number-4 {
	background: url(../images/style5/typo/number-4.png) 0 0 no-repeat;	
}

li.number-5 {
	background: url(../images/style5/typo/number-5.png) 0 0 no-repeat;	
}

li.number-6 {
	background: url(../images/style5/typo/number-6.png) 0 0 no-repeat;	
}

li.number-7 {
	background: url(../images/style5/typo/number-7.png) 0 0 no-repeat;	
}

li.number-8 {
	background: url(../images/style5/typo/number-8.png) 0 0 no-repeat;	
}

li.number-9 {
	background: url(../images/style5/typo/number-9.png) 0 0 no-repeat;	
}

ul.media-1 li {
	background: url(../images/media-1.png) 0 2px no-repeat;
}

ul.media-2 li {
	background: url(../images/media-2.png) 0 2px no-repeat;
}

ul.media-3 li {
	background: url(../images/media-3.png) 0 2px no-repeat;
}

ul.media-4 li {
	background: url(../images/media-4.png) 0 2px no-repeat;
}

ul.arrow-1 li {
	background: url(../images/style5/typo/arrow-1.png) 2px 2px no-repeat;
}

ul.arrow-2 li {
	background: url(../images/arrow-2.png) 2px 2px no-repeat;
}

ul.plus-1 li {
	background: url(../images/style5/typo/plus-1.png) 4px 2px no-repeat;
}

ul.plus-2 li {
	background: url(../images/plus-2.png) 4px 2px no-repeat;
}

ul.cart li {
	background: url(../images/cart.png) 2px 2px no-repeat;
}

ul.circles li {
	background: url(../images/circles.png) 2px 2px no-repeat;
}

ul.camera li {
	background: url(../images/camera.png) 2px 2px no-repeat;
}

ul.people li {
	background: url(../images/people.png) 2px 2px no-repeat;
}

ul.star-1 li {
	background: url(../images/star-1.png) 2px 2px no-repeat;
}

ul.star-2 li {
	background: url(../images/star-2.png) 2px 2px no-repeat;
}

ul.rss li {
	background: url(../images/rss.png) 2px 2px no-repeat;
}

ul.check li {
	background: url(../images/style5/typo/check.png) 2px 2px no-repeat;
}

ul.triangle-1 li {
	background: url(../images/style5/typo/triangle-1.png) 6px 4px no-repeat;
}

ul.triangle-2 li {
	background: url(../images/triangle-2.png) 6px 4px no-repeat;
}

ul.bullet-1 li {
	background: url(../images/style5/typo/bullet-1.png) 4px 4px no-repeat;
}

ul.bullet-2 li {
	background: url(../images/bullet-2.png) 4px 4px no-repeat;
}

/* Community Builder */

#overall-frame .dynamic-tab-pane-control .tab-row .tab.selected {
	background: #065370;
}

#overall-frame .cbSSmenu ul:hover,
#overall-frame .cbSSmenu a:hover,
#overall-frame .cbSSmenu a:focus,
#overall-frame .cbMenu a:hover,
#overall-frame .cbMenu a:focus {
	background: #065370;
	color: #fff;
}

#overall-frame #showcat-grouplist-wrapper,
#overall-frame #showcat-title-container,
#overall-frame .categorylist-wrapper {
	background: #f5f5f5;
}

#overall-frame .listborderbottom {
	border-bottom: 1px solid #ddd;
}

#overall-frame #creator-wrapper,
#overall-frame #moder_functions-wrapper,
#overall-frame #main-float-left {
	background: #f5f5f5;
	border: 1px solid #ddd;
}

/* Fireboard Forum */

#fireboard .fb_header,
#fireboard table.fb_blocktable thead tr th {
	background: url(../images/style5/forum_header.png) 0 0 repeat-x;
}

#fireboard tr.fb_sth {
	background: #ccc;
}

#fireboard tr.fb_sectiontableentry1 td {
	background: #fff;
	border-bottom:1px solid #ddd;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #ddd;
}

#fireboard tr.fb_sectiontableentry1 td.td-1,
#fireboard tr.fb_sectiontableentry2 td.td-1,
tr.fb_sectiontableentry1_stickymsg td.td-1, 
tr.fb_sectiontableentry2_stickymsg td.td-1 {
	border-left: 1px solid #ddd;
}

#fireboard tr.fb_sectiontableentry2 td {
	background: #f5f5f5;
	border-bottom:1px solid #ddd;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #ddd;
}

.fb_forum-pathway,
#fb_postmessage tr.fb_sectiontableentry1 .fb-postbuttonset td.fb_posthint,
div.fb_file_attachment,
span.fb_quote {
	border: 1px solid #ddd;
	background: #fff;
}

td.fb-msgview-left {
	background: #f5f5f5;
	border-bottom: 0px solid #ddd;
	border-left: 1px solid #ddd;
}
	
td.fb-msgview-right,
td.fb-msgview-right-c,
#fb_userprfmsg td.td-6 {
	border-right: 1px solid #ddd;
}

td.fb-msgview-left-c {
	background: #f5f5f5;
	border-left: 1px solid #ddd;
}

td.fb-msgview-left-b {
	background: #f5f5f5;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
}

td.fb-msgview-right-b {
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

div.viewcover {
	border: 1px solid #ddd;
	background: #f5f5f5;
	color: #444;
}

.fb_threadview_row td,
#fireboard div.fb_thead-child {
	border-top: 1px dotted #ddd;
}

table#fb_postmessage .fb_button,
table#fb_postmessage .fb_slcbox,
table#fb_postmessage .button,
#fb_post_message .postinput,
table#fb_postmessage  .fb_txtarea,
span.fb_avatar img,
#fb_threadview {
	border: 1px solid #ddd;
	color: #444;
}

table#fb_postmessage .fb_posthint .fb_inputbox,
.fb_review_table {
	background: #fff;
}

.fb_myprofile_menu td,
.fb_myprofile_general td,
#fb_postmessage {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

.fb_myprofile_menu_staff {
	border-bottom: 1px solid #ddd;
}

.fb_profileinfo,
.fb_profile-bottomnav {
	background: #ffffff;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

td.fb_anndesc,
.forumtools_contentBox {
	border:  1px solid #ddd;
	background: #FFFFFF;
}

div.msgtext pre, div.msgtext .code {
	border-left: 5px solid #fff;
	border-right: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.fb_contentheading {
	background:  #f5f5f5;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top:  1px solid #FFFFFF;
}

tr.fb_sectiontableentry1_stickymsg td, 
tr.fb_sectiontableentry2_stickymsg td {
	border-bottom:1px solid #ddd;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #ddd;
}

Last edit: 16 years 6 months ago by heliolopes.

Please Log in or Create an account to join the conversation.

heliolopes
Offline
Junior Member

16 years 6 months ago #31051 by heliolopes

Replied by heliolopes on topic Re:Gainsboro Template - Kunena 1.5.x

Hi.

I still havent figure out what Is wrong with the template. I was hopping you @quila or someone else could have a look into it. Is there any possibility of fixing this template?

Best Regards,
Hélio

Please Log in or Create an account to join the conversation.

@quila
Topic Author
Offline
Elite Member

16 years 6 months ago #31062 by @quila

Replied by @quila on topic Re:Gainsboro Template - Kunena 1.5.x

Hi helio,

can you try this fix here www.templatekunena.com/index.php/support...with-template-infuse

Let me know if works

Please Log in or Create an account to join the conversation.

heliolopes
Offline
Junior Member

16 years 6 months ago - 16 years 6 months ago #31206 by heliolopes

Replied by heliolopes on topic Re:Gainsboro Template - Kunena 1.5.x

Hi @quila,

I was looking forward to the weekend to perform the corrections. So, I finally did it!

After following your suggestion I was able to fix the horiz-menu issue. But now there's still something wrong. The profile bellow the message doesn't have the same dimensions as the original Gainsboro template, and some text is overlaying the profile avatar.

Best Regards,
Hélio

Last edit: 16 years 6 months ago by heliolopes.

Please Log in or Create an account to join the conversation.

heliolopes
Offline
Junior Member

16 years 6 months ago - 16 years 6 months ago #31208 by heliolopes

Replied by heliolopes on topic Re:Gainsboro Template - Kunena 1.5.x

I was having a better look and the top menu has also some issue, because it is too much on the left. The share this button used to be quite on the right, and now it came to the middle...How can I force It to be more on the right?

Last edit: 16 years 6 months ago by heliolopes.

Please Log in or Create an account to join the conversation.

Time to create page: 0.262 seconds