xoops forums

unsinner

Just popping in
Posted on: 2008/11/12 4:59
unsinner
unsinner (Show more)
Just popping in
Posts: 87
Since: 2006/3/15
#1

newbb css

i installed newbb forum and i dont know how to remove the highlighting from around the forum index Resized Image


i know it has to do with css i dont know how to remove it your help is needed thank you

Mamba

Moderator
Posted on: 2008/11/12 5:37
Mamba
Mamba (Show more)
Moderator
Posts: 11172
Since: 2004/4/23
#2

Re: newbb css

If you use Firefox, install the "Web Developer" extension, and then use the "View Style Information" under the CSS drop-down menu to find out which CSS entry is managing the color.
Support XOOPS => DONATE
Use 2.5.10 | Docs | Modules | Bugs

ghia

Community Support Member
Posted on: 2008/11/12 10:29
ghia
ghia (Show more)
Community Support Member
Posts: 4953
Since: 2008/7/3 1
#3

Re: newbb css

Even looking at the html source can reveal the class of the text parts and give a lead to what selector is to modify in the CSS file.

unsinner

Just popping in
Posted on: 2008/11/12 18:01
unsinner
unsinner (Show more)
Just popping in
Posts: 87
Since: 2006/3/15
#4

Re: newbb css

This is what shows up
------------------------------------


http://unsinner.com/xoops.css

/* $Id: xoops.css 2252 2008-10-06 09:19:23Z phppp $ */
table {
width: 100%;
}

img {
border: 0;
}

img.center {
text-align: center;
margin: 0 auto;
display: block;
margin-top: 6px;
margin-bottom: 4px;
}

img.left {
text-align: left;
float: left;
margin: 2px 6px 2px 0;
clear: left;
}

img.right {
float: right;
text-align: right;
margin: 2px 0 2px 6px;
clear: right;
}

acronym, abbr, dfn {
cursor: help;
}

#xoopsHiddenText {
visibility: hidden;
color: #000000;
font-weight: normal;
font-style: normal;
text-decoration: none;
}

.pagneutral {
font-size: 10px;
width: 16px;
height: 19px;
text-align: center;
background-image: url(./images/pagneutral.gif);
}

.pagact {
font-size: 10px;
width: 16px;
height: 19px;
text-align: center;
background-image: url(./images/pagact.gif);
}

.paginact {
font-size: 10px;
width: 16px;
height: 19px;
text-align: center;
background-image: url(./images/paginact.gif);
}



/* For required elements in XOOPS form, can be overwritten in theme styles */
.xoops-form-element-caption .caption-marker {
display: none;
}

.xoops-form-element-caption-required .caption-marker {
background-color: inherit;
padding-left: 2px;
color: #ff0000;
}

.xoops-form-element-help {
font-size: .9em;
padding-top: 5px;
font-weight: normal;
}

/* FabClearing by Fcaldera www.html.it*/
#centercolumn .blockContent:after, .xo-blockcontent:after {
content: ".";
display: block;
height: 0px;
clear: both;
visibility: hidden;
}

#centercolumn .blockContent, .xo-blockcontent {
display: inline-block;
} /* for IE/Mac */

#centercolumn .blockContent, .xo-blockcontent {
clear: both; /* for Gecko */
height: 1%; /* for IE */
}

http://unsinner.com/themes/black/styleNN.css

html {
scrollbar-face-color: #000000;
scrollbar-highlight-color: #CCCCCC;
scrollbar-shadow-color: #000000;
scrollbar-3dlight-color: #666688;
scrollbar-arrow-color: #CCCCCC;
scrollbar-track-color: #000000;
scrollbar-darkshadow-color: #000000;
}

body {font-family: Verdana; color: #FFFFFF; background: transparent; background-image: url(images/pc_bg.gif); margin: 0; padding: 0; font-size: 10px;}
hr {color:#669999; height:1px;}

a {color: #D9D9D9; text-decoration: none; font-weight: bold; background-color: transparent;}
a:hover {color: #FFFFFF;}


h1 {}
h2 {}
h3 {}
h4 {}
h5 {}


ul {
margin: 0px;
padding: 0px;
list-style: square inside;
text-align: left;
color: #333333;
line-height: 18px;
}
li {font-family: Verdana;
list-style: square url(images/list.gif) inside;
color: #669999;
}
li a{font-family: Verdana;
list-style: square url(images/list.gif) inside;
font-size: 9px;
}


textarea, select, input {

font-family: Verdana;
background-color: #394B5C;
color: #FFFFFF;
font-size: 9px;
border-top: 1px #000000 solid;
border-right: 1px solid #FFFFFF;
border-left: 1px solid #000000;
border-bottom: 1px #9e9e9e solid;
margin-top: 1px;
}



table {
width: 100%;

}
TR, TD {
font-family: Verdana, Tahoma, Arial;
font-size: 9px;
color: #DFE5EA;
padding: 0px; vertical-align: top;
}

.head_top {
width: 780px;
text-align: right;
vertical-align:middle;
background-color: #83818F;
background-image: url(images/headbg2.gif);
height: 15px;
padding-bottom: 3px;
border-top: 1px solid #000000;
border-right: 1px solid #000000;
border-left: 1px solid #000000;
border-bottom: 1px solid #333333;

vertical-align:top;
}

.head_top a { color: #FFFFFF;}
.head_top a:hover { color: #000000;}

.head_buttons{
background-color: #CCCCCC;
width: 780px;
height: 14px;
vertical-align:top;
text-align: center;
background-repeat: repeat-x;
border-right: 1px solid #000000;
border-left: 1px solid #000000;
border-bottom: 1px solid #999999;
}
.buttons_menu {
text-align: left; background-color: #000000;background-image: url(images/headbg.gif); height: 14px; vertical-align:top;
}
.buttons_menu a {color: #B0B0B0;font-size: 10px;}
.buttons_menu a:hover {color: #FFCC66;font-size: 10px;}

td#buttons_boven {
height: 30 px;
width: 80px;
text-align: center;
background-image: url(images/buttons_boven.gif);
border-top: 1px solid #000000;
border-right: 1px solid #000000;
border-left: 1px solid #666666;
border-bottom: 1px solid #000000;}

td#buttons_boven a {
font-weight: normal;
color: #FFFFFF;
padding-top: 4px;
display: block;
height: 16px;
width: 80px;
text-align: center;
background-image: url(images/buttons_boven.gif);}

td#buttons_boven a:hover{
color:#252048;
background-image: url(images/buttons_boven_over.gif);}

.head_table{
vertical-align:middle;
background-color: #394B5C;
width: 780px;
height: 94px;
text-align: center;

border-right: 1px solid #000000;
border-left: 1px solid #000000;

}
.body_table{
background-color: #000000;
width: 780px;
border-top: 1px solid #000000;
border-right: 1px solid #000000;
border-left: 1px solid #000000;
border-bottom: 1px solid #999999;

}

}
.head_menu {
background-color: #222222; height: 17px; vertical-align: middle;
}



td#leftcolumn {width: 125px; font-size:9px; background-color: #000000;
border-top: 1px solid #000000;
border-right: 1px solid #666666;
border-left: 1px solid #000000;
border-bottom: 1px solid #999999;
}
td#leftcolumn th { background-color:transparent;
vertical-align: middle;
color: #E5E5E5;
}
td#leftcolumn div.blockTitle {

width: 125px;
height: 22px;
color: #111807;
text-align:center;
padding-top: 8px;
font-weight: bold;
font-size: 9px;
background-color: transparent;
background-image: url(images/all_ln_los.gif);
background-repeat: repeat-x;
filter:Glow(Color=#000000, strength=4);
}
td#leftcolumn div.blockContent {
background: transparent;
}


td#centercolumn {
font-size: 9px;
line-height: 17px;
padding: 0px 0px 0px;
}
td#centercolumn a {color: #669999; text-decoration: none; font-weight: bold; background-color: transparent;}
td#centercolumn a:hover {color: #FFFFFF;}

td#centercolumn th {
background-color:transparent;
vertical-align: middle;
padding: 5px;
color: #E5E5E5;
background-image: url(images/sub_title.gif);
background-repeat: repeat-x;
}
td#centerCcolumn {padding: 0px 3px 1px 3px;}
td#centerCcolumn div.blockTitle {

color: #FFFFFF;
font-weight: bold;
text-align: left;
font-size: 9px;
padding: 0px 3px;
background-color: transparent;
height: 17px;
}
td#centerCcolumn div.blockContent {
padding: 4px;
line-height: 120%;
}

td#centerLcolumn {width: 50%; padding: 0px 3px 0px 5px;}
td#centerLcolumn div.blockTitle {
padding:0px 3px;
color: #000000;
height:17 px;
text-align: left;
font-weight: bold;
font-size: 9px;
background-image: url(images/itemtitle.gif);
background-repeat: repeat-x;
border-top: 1px solid #000000;
border-right: 1px solid #999999;
border-left: 1px solid #000000;
border-bottom: 1px solid #999999;
background-color: transparent;
}
td#centerLcolumn div.blockContent { padding: 4px;
line-height: 120%;
border-top: 1px solid #000000;
border-right: 1px solid #999999;
border-left: 1px solid #000000;
border-bottom: 1px solid #999999;
background: #222222;}


td#centerRcolumn {width: 50%; padding: 0px 3px 0px 3px;}
td#centerRcolumn div.blockTitle { padding:6px 2px 2px;
padding:0px 3px;
color: #000000;
height:17 px;
text-align: left;
font-weight: bold;
font-size: 9px;
background-image: url(images/itemtitle.gif);
background-repeat: repeat-x;
border-top: 1px solid #000000;
border-right: 1px solid #999999;
border-left: 1px solid #000000;
border-bottom: 1px solid #999999;
background-color: transparent;}

td#centerRcolumn div.blockContent { padding: 4px;
line-height: 120%;
border-top: 1px solid #000000;
border-right: 1px solid #999999;
border-left: 1px solid #000000;
border-bottom: 1px solid #999999;
background: #222222;}


div#content {text-align: left; padding: 8px 3px 8px 3px; }


td#rightcolumn {
border-top: 1px solid #000000;
border-right: 1px solid #000000;
border-left: 1px solid #666666;
border-bottom: 1px solid #000000;
width:170px; font-size:9px; text-align:center;
}
td#rightcolumn th { background-color:transparent;
vertical-align: middle;
padding: 0px;
color: #E5E5E5;
background-repeat: repeat-x;}
td#rightcolumn div.blockTitle {
text-align:center;
width: 170px;
height:22px;
padding-top: 8px;
color: #FFFFFF;
font-weight: bold;
font-size: 9px;
background-image: url(images/bar_all.gif);
background-repeat: repeat-x;

border-right: 1px solid #000000;
border-left: 1px solid #000000;



}
td#rightcolumn div.blockContent {
line-height: 17px;
border-bottom: 1px solid #000000;
background: #000000;
}

td#footerbar { color: #E5E5E5; height: 30px; vertical-align: middle; text-align: center; font-weight: normal; font-size: 9px; }


td#mainmenu a { color:#ffffff;}
td#mainmenu a:hover { background-color: #C0C6CB; color : #000000;}
td#mainmenu a.menuTop {
padding-left: 10px;
padding-top: 4px;
height: 13px;
border-top: 1px solid #000000;
border-right: 1px solid #000000;
border-left: 1px solid #000000;
border-bottom: 1px solid #000000;}

td#mainmenu a.menuMain {
padding-left: 10px;
padding-top: 4px;
height: 13px;
border-top: 1px solid #666666;
border-right: 1px solid #000000;
border-left: 1px solid #000000;
border-bottom: 1px solid #000000;}

td#mainmenu a.menuSub {
padding-left: 20px;
padding-top: 4px;
height: 13px;
color:#669999;
border-top: 1px solid #666666;
border-right: 1px solid #000000;
border-left: 1px solid #000000;
border-bottom: 1px solid #000000;;
}

td#usermenu a {color:#D9D9D9;
height: 17px;
padding: 0px 2px 2px 9px;
background-image: url(images/all_ln_sep.gif) ;
background-repeat: repeat-x;}
}


td#usermenu a:hover {color : #FFFFFF;}
td#usermenu a.menuTop {}
td#usermenu a.highlight {}

.reviews {
padding-left: 10px;
padding-right: 10px;
padding-bottom: 20px;
background-color: #FFFFFF;
background-image: url(images/rev_bg.jpg) ;
color: #3D3762;
border-top: 1px solid #000000;
border-right: 1px solid #999999;
border-left: 1px solid #000000;
border-bottom: 1px solid #999999;
font-size: 11px;
}

.reviews a {color:#5F9F2B;}
.reviews a:hover {color:#C0D417;}

.outer { background-color: #222222;
background-image: url(images/outer.gif) ;
border-top: 1px solid #000000;
border-right: 1px solid #000000;
border-left: 1px solid #000000;
border-bottom: 1px solid #000000; ;}
.head {
background-color: #333333;
height:17px ;
color: #E5E5E5;
}
.even {background-color:#393939; padding: 5px;}
.odd {background-color: #525252; padding: 5px;}
.foot {background-color: #222222; padding-top: 5px; padding-right: 5px; padding-left: 5px; padding-bottom: 5px; color: #E5E5E5 ; text-align: center; }
tr.even td {background-color: #393939; padding: 5px;}
tr.odd td {background-color: #525252; padding: 5px;}


div.errorMsg { background-color: #000000; text-align: center; border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; font-weight: bold; padding: 9px; color: White; }
div.confirmMsg { background-color: #525252; color: #FFFFFF; text-align: center; border-top: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; border-bottom: 1px solid #000000; font-weight: bold; padding: 9px;}
div.resultMsg { background-color : #000000; color: #D1DBEC; text-align: center; border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; font-weight: bold; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; padding: 9px;}


div.xoopsCode {
background-color: #E9E9E9;
border: 1px solid #000000;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
padding: 6px 6px 6px 6px;
color: #222222;
margin: 20px;
}
div.xoopsQuote {
background: #222222;
border: 1px solid #000000;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
padding: 6px 6px 6px 6px;
color: #FF6600;
}


.item {
color: #000000;
font-size: 11px;
background-color: #C0C6CB;
border-top: 1px solid #000000;
border-right: 1px solid #999999;
border-left: 1px solid #000000;
border-bottom: 1px solid #999999;
padding: 1px;
}

.item a {color: #081F34;}
.item a:hover {color: #000000;}

.itemHead {
height: 17px; background-image: url(images/itemtitle.gif) ;
background-color: #666666; color: white;
padding: 0px 3px;
font-weight: bold;
font-size: 10 px;
background-repeat: repeat-x;
border-bottom: 1px solid #999999;
}
.itemInfo {
color: #081F34; text-align: right;
padding: 5px 5px 5px 5px;
background-color: transparent;

}
.itemInfo a {color:#000000;}
.itemInfo a:hover {color:#669999;}


.itemTitle {color: #666666;}

.itemTitle a {
color: #000000;
font-weight: bold; font-size: 9px;
}

.itemTitle a:hover{
color: #FFFFFF;
}

.reviewPoster {
padding-left: 10px;
color: #000000;
background-color: #999999;
border-top: 1px solid #000000;
border-right: 1px solid #999999;
border-left: 1px solid #000000;
border-bottom: 1px solid #999999; }
.itemPoster {}
.itemPostDate {}
.itemStats {}
.itemBody {padding-left: 5px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
.itemText { line-height: 1.6em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
.itemText:first-letter {}
.itemFoot {
background-image: url(images/itemtitle.gif) ;
height:17px;
text-align: right;
color: #999999;
border-top: 1px solid #000000;
background-color: #666666;
}

.itemFoot {color: #666666;}
.itemFoot a{color: #000000;}
.itemAdminLink {}
.itemPermaLink {}


.comTitle {font-weight: bold; margin-bottom: 3px; color: #FFFFFF; }
.comText {padding: 3px;}
.comUserStat {font-size: 9px; color: #222222; font-weight:bold; border: 1px solid #000000; background-color: #E9E9E9; margin: 3px; padding: 3px;}
.comUserStatCaption {font-weight: normal;}
.comUserStatus {margin-left: 3px; margin-top: 9px; color: #FFFFFF; font-weight:bold; font-size: 9px;}
.comUserRank {margin: 2px;}
.comUserRankText {font-size: 9px;font-weight:bold;}
.comUserRankImg {border: 0;}
.comUserName {}
.comUserImg {margin: 2px;}
.comDate {font-weight: normal; font-style: italic; font-size: 9px;}
.comDateCaption {font-weight: bold; font-style: normal;}

http://unsinner.com/modules/newbb/templates/newbb.css

/* -- style.css -- */
div.karma
{
background-color: transparent;
text-align: center;
border-top: 1px solid #DDDDFF;
border-left: 1px solid #DDDDFF;
border-right: 1px solid #AAAAAA;
border-bottom: 1px solid #AAAAAA;
padding: 10px;
}

span.digest
{
}

span.index_title{
float: left;
border: 0px;
}

span.index_extra{
float: right;
padding: 2px;
border: 0px;
}

div.signature {
bottom: 10px;
}

div#index_welcome{
margin: 10px;
margin-bottom: 10px;
}
html>body div#index_welcome {
margin-bottom: 15px;
}

#index_welcome div.title{
font-size: 18px;
font-weight: bold;
border-bottom: dashed 1px;
padding: 5px;
}

#index_welcome div.desc{
padding: 5px;
font-size: 12px;
}

#index_welcome div.visit{
text-align: right;
font-size: 11px;
}

#index_forum a{
font-weight: bold;
}

table.index_category{
border: 0px;
margin-top: 10px;
margin-bottom: 5px;
}

table.index_category td{
padding: 2px;
}

table.index_category .desc, table.index_category .desc a{
font-weight: normal !important;
margin-top: 2px;
margin-bottom: 0px;
}

#index_forum span.item{
padding: 0px 5px 0px 5px;
margin: 0px;
border: 0px;
}

#index_forum span.extra{
float: right;
text-align: left;
margin: 0px;
}

div#forum_header{
margin: 5px;
}
#forum_header div{
padding-top: 5px;
}

/* -- dropdown menu -- */

div.dropdown{
float: left;
}

div.dropdown .menu, div.dropdown .userbar{
font-weight: bold;
float: left;
margin: 0px 1px;
border: 0px !important;
padding: 0px;
}

div.dropdown .item{
font-weight: bold;
padding: 2px 5px;
white-space: nowrap;
border: 0px !important;
}

div.dropdown ul, div.dropdown table {
width: 135px;
}
/* -- dropdown menu -- */

/* -- user level -- */
table.userlevel{
width: 90%;
border: 0px;
padding: 0px;
border-collapse: collapse;
border-spacing: 0;
}

table.userlevel td{
height: 13px;
padding: 0px;
}

table.userlevel td.end{
width: 3px;
}

table.userlevel td.end img{
width: 3px;
height: 13px;
}

table.userlevel td.center{
width: 100%;
}

table.userlevel td.center img{
height: 12px;
}
/* -- user level -- */

span.online_admin{
color:#FFA34F;
}

span.online_moderator{
color:#006600;
}


/*
* From http://www.positioniseverything.net/easyclearing.html
*/
.clear:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clear {display: inline-table;}
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */

/* color -- dropdown menu for Forum */
div.dropdown a, div.dropdown .menubar a{
color:#FFF;
}

div.dropdown .menu, div.dropdown .menubar, div.dropdown .item, div.dropdown .separator{
background-color: #436792; /* same color set as in your theme/style.ss .th{} is recommended */
color:#FFF;
}

div.dropdown .separator{
border: 1px inset #e0e0e0;
}

div.dropdown .menu a:hover, div.dropdown .userbar a:hover{
color: #333;
}
/* color - end */

Anonymous

Posted on: 2008/11/12 18:55
Anonymous
Anonymous (Show more)
Posts: 0
Since:
#5

Re: newbb css

I think you're looking in the wrong place/wrong .css file. Look at the following files:

/modules/newbb/templates/newbb.css
/modules/newbb/templates/newbb_index.html

In newbb_index.html, line 166 is the start of the list of forums in the tables and it contains this code:
<div id="index_forum">


That tells you that you should be looking at an entry called #index_forum in newbb.css

My newbb.css contains this entry at line 57:

#index_forum a{
    
font-weightbold;
}


and these from lines 77 to 87:

#index_forum span.item{
    
padding0px 5px 0px 5px;
    
margin0px;
    
border0px;
}

#index_forum span.extra{
    
floatright;
    
text-alignleft;
    
margin0px;
}


These lines in newbb.css would be the best place to start - probably the first entry at line 57 is the place to look.

HTH

iHackCode

Module Developer
Posted on: 2008/11/12 20:11
iHackCode
iHackCode (Show more)
Module Developer
Posts: 1037
Since: 2004/6/29
#6

Re: newbb css

http://unsinner.com/themes/black/styleNN.css

.item {
color: #000000;
font-size: 11px;
background-color: #C0C6CB;
border-top: 1px solid #000000;
border-right: 1px solid #999999;
border-left: 1px solid #000000;
border-bottom: 1px solid #999999;
padding: 1px;
}

this is possibly the reason..
background-color: #C0C6CB;
CBB / LatestNews / Publisher / XM-Spotlight

(ノ◕ヮ◕)ノ*:・゚✧

unsinner

Just popping in
Posted on: 2008/11/12 20:57
unsinner
unsinner (Show more)
Just popping in
Posts: 87
Since: 2006/3/15
#7

Re: newbb css

thats it thank you for your help this is why i love XOOPS you get help when you need it ...

.item {
color: #000000;
font-size: 11px;
background-color: #C0C6CB;
border-top: 1px solid #000000;
border-right: 1px solid #999999;
border-left: 1px solid #000000;
border-bottom: 1px solid #999999;
padding: 1px;
}

this is possibly the reason..
background-color: #C0C6CB;