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

Topics that are moved into this category are generally considered to be closed. Users may want to add additional information but these topics should not be resurrected in order to discuss new problems or unrelated matters.

Question [Resolved] template color overrides - some questions

rob2701
Topic Author
Offline
New Member

14 years 1 month ago - 14 years 1 month ago #120409 by rob2701

Replied by rob2701 on topic Re: template color overrides - some questions

Thanks for the help! Quite informative.
Blue it is then (although some Linux browsers use a different color). "You can have any color you like, as long as it's blue..."

For the benefit of people who want to just override the colors of the default Blue Eagle in their main stylesheet, here's what I did to get a Green look:

Warning: Spoiler!

In Kunena component choose Blue Eagle default, grey buttons, blend with site stylesheet.

In your main site stylesheet add:

Code:

/* -------------------------------------------------------------------------- */
/* 19. Additional styling for KUNENA 1.7 FORUM                                    */
/* -------------------------------------------------------------------------- */
/*
Since the site template is the last to be read and thus always overrides any
colors set inside components, this is the best place for styling which will 
remains active even if components are updated
*/

/* forum links styling same as site template */
#Kunena a:link,
#Kunena a:visited,
#Kunena a:active,
#Kunena a:focus {
  color: #5f8200 !important; /* dark green */
}

/* forum link hover styling same as template */
#Kunena a:hover {
  color: #ff8600 !important; /* dark orange */
}

/* color of active menu tab */
#Kunena #ktab ul.menu li.active a,
#Kunena #ktab li#current.selected a {
  background-color: #5f8200 !important; /* dark green */
}

/* color of inactive menu tab */
#Kunena #ktab a {
  background-color: #a79b50 !important; /* medium gold */
}

/* color of menu tab on hover */
#Kunena #ktab a:hover {
  background-color: #80a51e !important; /* medium green */
}

/* colored line below menu tabs */
#Kunena #ktop {
  border-color: #5f8200 !important; /* dark green */
}

/* minimize (collapse button) top right above login box */
#Kunena .ktoggler a {
  background-color: #5f8200; /* dark green */
}

/* minimize (collapse button) top right above login box - on hover */
#Kunena .ktoggler a:hover {
  background-color: #ff8600 !important; /* dark orange */
}

/* input boxes - no hover color (change from site styling) */
#Kunena input:hover, 
#Kunena input.inputbox:hover, 
#Kunena input.input:hover, 
#Kunena select.inputbox:hover {
  background-color: transparent;
}

/* login and other buttons */
#Kunena .button,
#Kunena .kbutton,
#Kunena input.kbutton {
/*   background-color: silver; */
}

/* login and other buttons - hover and active */
#Kunena .button:hover,
#Kunena .button:active,
#Kunena .button:focus,
#Kunena .kbutton:hover,
#Kunena .kbutton:active,
#Kunena .kbutton:focus,
#Kunena input.kbutton:hover,
#Kunena input.kbutton:active,
#Kunena input.kbutton:focus {
  background-color: #5f8200; /* dark green */
}

/* logout button */
#Kunena td.kprofileboxcnt ul.kprofilebox-welcome li input.kbutton {
/*   background-color: silver; */
}

/* logout button - hover and active */
#Kunena td.kprofileboxcnt ul.kprofilebox-welcome li input.kbutton:hover,
#Kunena td.kprofileboxcnt ul.kprofilebox-welcome li input.kbutton:active,
#Kunena td.kprofileboxcnt ul.kprofilebox-welcome li input.kbutton:focus {
  background-color: #5f8200; /* dark green */
}

/* no background for ALL dropdown box options */
#Kunena option,
#Kunena option:focus,
#Kunena option:hover {
  background-color: transparent;
}

/* category folder icon when no new posts - light green instead of default blue */
#Kunena span.kreadforum,
#Kunena span.knotloginforum {
  background: url("../images/kunena/folder_nonew.png") no-repeat scroll left center transparent;
  height: 32px;
  width: 32px;
}

/* small subcategory folder icon when no new posts - light green instead of default blue */
#Kunena span.kreadforum-sm,
#Kunena span.knotloginforum-sm {
  background: url("../images/kunena/folder_nonew_sm.png") no-repeat scroll left center transparent;
  height: 12px;
  width: 12px;
  margin-right: 3px;
  vertical-align: middle;
}

/* color for "Number of registered users" in header of user list */
#Kunena div.kheader h2 strong {
  color: #ff8600 !important; /* dark orange */
}

/* get rid of blue hover background in checkboxes when using FireFox */
input[type="checkbox"] {
  -moz-appearance: none;
}

/* forum headers */
#Kunena div.kblock > div.kheader,
#Kunena .kblock div.kheader {
  background: none repeat scroll 0 0 #5f8200 !important; /* dark green */
}

/* size of main forum titles */
#Kunena .kblock div.kheader h2 {
  font-size: 18px;
}

/* forum header titles links hover */
#Kunena h2 span a:hover {
  color: #ff8600 !important; /* dark orange */
  text-decoration: none;
}

/* main categories titles */
#Kunena div.kthead-title, 
#Kunena div.ktopic-title-cover {
  font-size: 16px;
}

/* title of subcategories */
#Kunena div.kcc-subcat a {
  font-size: 13px;
  font-weight: bold;
}

/* title of posts */
#Kunena a.ktopic-title {
  font-size: 16px;
}

/* forum links */
#Kunena a:link, #Kunena a:visited, #Kunena a:active, #Kunena a:focus {
  color: #4e7801 !important; /* dark green */
}

/* forum links hover */
#Kunena a:hover {
  color: #ff8600 !important; /* dark orange */
}

/* pagenumbers top right */
#Kunena .kpagination .active {
  background-color: #5f8200; /* dark green */
  border-color: #5f8200; /* dark green */
}

/* Site Administrator color */
#Kunena .kwho-admin, #Kunena a.kwho-admin {
  color: #ff8600 !important; /* dark orange */
}

/* Global Moderator color */
#Kunena .kwho-globalmoderator, #Kunena a.kwho-globalmoderator {
  color: #857b40 !important; /* dark gold */
}

/* Moderator color */
#Kunena .kwho-moderator, #Kunena a.kwho-moderator {
  color: #4e7801 !important; /* dark green */
}

/* User color */
#Kunena .kwho-user, #Kunena a.kwho-user {
  color: #80a51e !important; /* medium green */
}

/* Guest User color */
#Kunena .kwho-guest, #Kunena a.kwho-guest {
  color: color: #666666 !important; /* grey */
}

/* Banned user */
#Kunena .kwho-banned, #Kunena a.kwho-banned {
  color: #a39d49 !important; /* dark gold */
}

/* Blocked user */
#Kunena .kwho-blocked,
#Kunena a.kwho-blocked {
  color: #ff0000 !important; /* red */
}

#Kunena .kalert {
  color: #ff8600; /* orange hover color */
}

#Kunena .klist-actions-info a {
  color: #009933; /* bright dark green */
}

#Kunena .kpagination .active {
  border-color:#5f8200; /* dark green */
  background-color:#5f8200; /* dark green */
  color:#ffffff; /* white */
}

#Kunena .kpagination a:link,
#Kunena .kpagination a:visited {
  color:#5f8200; /* dark green */
}

#Kunena .kpagination a:hover{
  border-color:#5f8200; /* dark green */
  color: #ffffff; /* white */
  background-color: #80a51e; /* medium green */
}

#Kunena div.ktopic-title-cover ul.kpagination a:hover{
  border-color:#5f8200; /* dark green */
  color: #ffffff; /* white */
  background-color: #80a51e; /* medium green */
}

/* profile edit button */
#Kunena h2 span.kheadbtn {
  border-color: #ffffff; /* white */
  background-color: #ff8600; /* orange */

}

/* profile edit button hover */
#Kunena h2 span.kheadbtn:hover a {
  color: #80a51e; /* medium green */
}

#Kunena div.kmsg-header {
  border-bottom-color:#d9d9d9; /* medium dark grey */
  background-color: #5f8200; /* dark green */
  color: #ffffff; /* white */
}

#Kunena .kfile-input-button:hover,
#Kunena .kfile-input-button:focus {
  background-color: #80a51e; /* medium green */
  border-color: #5f8200; /* dark green */
}

#Kunena span#kprofilebox-status {
 background-color: #5f8200; /* dark green */
}

Hope that helps someone. Thanks again for your attention to the dropdown matter!

Last edit: 14 years 1 month ago by sozzled. Reason: Add spoiler tag to post

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

Time to create page: 0.229 seconds