XOOPS 
Forum
Forum Index General Forums Community Support Modules Support Themes Support Development International Support Module Hack Reviews Theme Designer Talk
  1. Board index / 
  2. XOOPS Themes and Templates Support forums / 
  3. Theme stylesheets (CSS) help 
  4.  / Tables Drawn around Forum Descriptions (w/Picture Goodness)
Register
1
Lourdes
Tables Drawn around Forum Descriptions (w/Picture Goodness)

  • 2006/2/10 12:50

  • Lourdes

  • Not too shy to talk

  • Posts: 119

  • Since: 2005/2/26


Hi everyone!

I'm currently editing a theme and have the majority of things the way I'd like them. I'm relatively familiar with CSS but am having one issue I can't solve; for some reason, tables are being drawn around the outside of my forum descriptions: http://i10.photobucket.com/albums/a131/MiraLourdes/forum_cap.jpg

I'm using XOOPS v. 2.0 and the forum module is CBB 1.13

The only CSS I have that effects the forums specifically is written below:

/* XOOPS Newbb Style */
.outer   { background-color: #000000; border: none; padding: 5px;}
.head    { background-color: #000000; border: none; padding: 5px; font-weight: bold; height:18px;}
.even    { background-color: #000000; border: none; padding: 5px; }
.odd     { background-color: #212121; border: none; padding: 5px; }
.foot {background-color: transparent; border: none; padding: 5px; font-weight: bold; height:23px;}
tr.even td {background-color: #000000; border: none; padding: 5px;}
tr.odd td {background-color: #212121; border: none; padding: 5px;}

I've already tried editing some other things to see if it would effect the forum but no go. If the entire CSS I'm using needs to be posted, I'd be happy to do so.

Anyone have an idea as to what I'm missing?
2
Lourdes
Re: Tables Drawn around Forum Descriptions (w/Picture Goodness)

  • 2006/2/10 18:45

  • Lourdes

  • Not too shy to talk

  • Posts: 119

  • Since: 2005/2/26


Here's the entire Style Sheet I'm using so far; I have my suspicions it might be the borders around the columns I'm using, but upon altering, nothing changes on the forum. Any help would be appreciated!

/* Base Styles */

/* color -- dropdown menu for Forum */
#dropdown a{
    color:#FFFFFF;
    }

#dropdown .menubar, #dropdown .menu, #dropdown .item, #dropdown .separator{
    background-color: #99B5CC;
    color:#FFFFFF;
    }

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

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

/* The content of the posts (body of text) */
body {background: #2e2e2e; color:#e7e7e7; font:10.5px Verdana,Arial,Helvetica,sans-serif; margin:0px; padding:0; border:0px;}

th { color: #C0C0C0; font-size: 11px; line-height: 14px; font-family: sans-serif; text-align: center; vertical-align: middle; padding: 0px; border: none; }

/* General page style */
a:link { color: #8EA48F; text-decoration: none }
a:visited { color: #8EA48F; text-decoration: none }
a:hover { color: #FFFFFF; text-decoration: none }
a:active { color: #8EA48F; text-decoration: none }
a.postlink{color:#8EA48F; text-decoration:none}

/* XOOPS Main Style Blocks */
table{width:100%;}
fieldset {border:none; padding:5px;}
ul { border: none; font-size: 10px; line-height: 14px; text-align: justify; list-style-type: decimal; list-style-position: inside; margin: 2px; padding: 2px;}
li { border: none; margin-left: 2px; list-style: square; color: #FFFFFF}
hr {border: 0px;}

/* This is the gradient background at the top of the page */
.topbkg{background: #1a1a1a url(images/cellpic_bkg.jpg) repeat-x}

/* XOOPS LEFT Column Blocks Style */
td#leftcolumn {width: 160px; border-right: 0px solid #767676; font-size:12px;}
td#leftcolumn th {background-color: #404040; color: #8e8e8e; vertical-align: middle;}
td#leftcolumn div.blockTitle { border-bottom: 1px solid #767676; border-top: 1px solid #767676; font-weight:bold; padding: 3px; background: #171717; color: #8e8e8e; vertical-align: middle; font-size:12px; }
td#leftcolumn div.blockContent {padding: 2px 0px 2px 3px; line-height: 110%; padding-left: 0px; font-size:11px;}

/* XOOPS CENTER Column Blocks Style */
td#centerCcolumn {padding: 0px 3px 1px 3px;}
td#centercolumn th {background-color: black; color: #FFFFFF; vertical-align: middle; height:23px; }
td#centerCcolumn legend.blockTitle {font-weight: bold; margin-top: 0px; margin-right: 0px;  margin-left: 0px;}
td#centerCcolumn div.blockContent {border:none;}

/* XOOPS CENTER LEFT Column Blocks Style */
td#centerLcolumn {width: 160px; padding: 0px 3px 0px 0px;}
td#centerLcolumn legend.blockTitle {font-weight: bold; margin-top: 0px;}
td#centerLcolumn div.blockContent {border:none;}

/* XOOPS CENTER RIGHT Column Blocks Style */
td#centerRcolumn {width: 50%; padding: 0px 3px 0px 0px;}
td#centerRcolumn legend.blockTitle {font-weight: bold; margin-top: 0px;}
td#centerRcolumn div.blockContent {border: none;}

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

/* XOOPS RIGHT Column Blocks Style */
td#rightcolumn {width: 160px; border-left: 0px solid #767676; font-size:12px;}
td#rightcolumn th {background-color: #404040; color: #8e8e8e; vertical-align: middle;}
td#rightcolumn div.blockTitle {border-bottom: 1px solid #767676; border-top: 1px solid #767676; font-weight:bold; padding: 3px; background:#171717; color: #8e8e8e; vertical-align: middle; font-size:12px;}
td#rightcolumn div.blockContent {padding: 2px 0px 2px 3px; line-height: 110%; padding-left: 0px; font-size:11px;}


/* XOOPS MainMenu Style */
td#mainmenu a { margin: 1px; padding: 1px 1px 1px 10px; border: none; width: 130px }
td#mainmenu a:hover {color:#FFFFFF;}
td#mainmenu a.menuTop {border: none;}
td#mainmenu a.menuMain {border: none;}
td#mainmenu a.menuSub { border: none; padding-left: 15px; width: 120px }

/* XOOPS UserMenu Style */
td#usermenu a { margin: 1px; padding: 1px 1px 1px 3px; border: none; width: 130px }
td#usermenu a:hover {border: none; color:#FFFFFF;}
td#usermenu a.menuTop {border: none;}
td#usermenu a.highlight { border: none; background-color: #000000 }

/* XOOPS News Module Style */
.item {border: 1px solid #767676;}
.itemHead {padding: 3px; background-color:#000000; color: #FFFFFF;}
.itemInfo {text-align: right; padding: 3px; background-color:#000000;}
.itemTitle a {font-size: 130%; font-weight: bold; font-variant: small-caps; color: #8EA48F; background-color:#000000;}
.itemPoster {font-size: 90%; font-style:italic;}
.itemPostDate {font-size: 90%; font-style:italic;}
.itemStats {font-size: 90%; font-style:italic;}
.itemBody {padding-left: 5px; padding-right: 5px;}
.itemText {margin-top: 5px; margin-bottom: 5px; line-height: 1.5em;}
.itemText:first-letter {font-size: 133%; font-weight: bold;}
.itemFoot {text-align: right; padding: 3px; background-color: transparent;}
.itemAdminLink {font-size: 90%;}
.itemPermaLink {font-size: 90%;}

/* XOOPS Newbb Style */
.outer   { background-color: #000000; border: none; padding: 5px;}
.head    { background-color: #000000; border: none; padding: 5px; font-weight: bold; height:18px;}
.even    { background-color: #000000; border: none; padding: 5px; }
.odd     { background-color: #212121; border: none; padding: 5px; }
.foot {background-color: #000000; border: none; padding: 5px; font-weight: bold; height:23px;}
tr.even td {background-color: #000000; border: none; padding: 5px;}
tr.odd td {background-color: #212121; border: none; padding: 5px;}
td.nw { white-space: nowrap; border:none; }


/* NOT INCLUDED IN DEFAULT  */
/* customization to add special color to forum title head.  requires editing newbb_index.html template as well */
.outerhead{}
.outerhead a { color: #00FF00 }
.outerhead a:hover{}

img { border: 0px }
fieldset { border: solid 1px #767676 }
input.formButton { color: #808080; background-color: #000000; border:1px #8EA48F }

table.w { width: auto; margin-left: 2px; margin-right: 2px; border: none;}
table.blockcolor1 { background-color: #000000; margin: 0px; padding: 0px; width: 100%; border: none; }
table.blockcolor2 { margin-left: 4px; width: 99%; border: none; }
.blockcolor3 { margin: 0px; padding: 0px; border: none; }
table.outer3 { padding: 5px; border: none; width: auto }
table.outer4 { padding: 5px; border: none; width: auto }

.comTitle { margin-bottom: 2px }
.comText { padding: 2px }
.comUserStat { color: #CCCCCC; font-size: 10px; background-color: #000000; margin: 2px; padding: 2px; border: none}
.comUserStatCaption { }
.comUserStatus { color: #CCCCCC; font-size: 10px; margin-top: 2px; margin-left: 2px }
.comUserRank { margin: 2px }
.comUserRankText { font-size: 10px }
.comUserRankImg { border: 0px }
.comUserName {}
.comUserImg { margin: 2px }
.comDate { font-size: 10px }
.comDateCaption { font-style: normal }

/* Form Style */
input {color: #FFFFFF; background:#303030; font-size:12px; border:none; border-color:transparent}
textarea {color: #FFFFFF; background:#303030; font-size:12px; border:none; border-color:transparent}
select {background-color: #000000; color: #FFFFFF}

/* Quote blocks */
div.xoopsQuote { font-family: "Courier New", Courier, monospace; background-color: #000000; padding: 0px 6px 6px; border: inset 1px #FFFFFF }

/* Code blocks */
div.xoopsCode { font-family: "Courier New", Courier, monospace; background-color: #000000; padding: 0px 6px 6px; border: inset 1px #FFFFFF }
3
shank
Re: Tables Drawn around Forum Descriptions (w/Picture Goodness)

  • 2006/2/10 23:25

  • shank

  • Not too shy to talk

  • Posts: 144

  • Since: 2004/8/17


It looks fine to me in both IE and FF.
s l s h a n k l e @ b e l l s o u t h . n e t
4
Lourdes
Re: Tables Drawn around Forum Descriptions (w/Picture Goodness)

  • 2006/2/11 0:15

  • Lourdes

  • Not too shy to talk

  • Posts: 119

  • Since: 2005/2/26


Odd, I checked it both with FF and IE, and I can see the tables as shown in my screen cap. Now I'm really scratching my head.
5
shank
Re: Tables Drawn around Forum Descriptions (w/Picture Goodness)

  • 2006/2/11 1:04

  • shank

  • Not too shy to talk

  • Posts: 144

  • Since: 2004/8/17


Did you change anything?
s l s h a n k l e @ b e l l s o u t h . n e t
6
Lourdes
Re: Tables Drawn around Forum Descriptions (w/Picture Goodness)

  • 2006/2/11 1:21

  • Lourdes

  • Not too shy to talk

  • Posts: 119

  • Since: 2005/2/26


I've been tweaking with the CSS through out the day, and was comparing... sorry I didn't state this before; I'm using two themes right now, one is named "tdu" which is just a simple black template with borderless tables and is the default, and I'm editing one called "fydarkblack" that I would like to use.

Previously, anonymous viewers couldnt select the themes, I've made it available so it can be viewed.

I've been comparing the CSS of the "TDU" theme with the CSS of "fydarkblack" and I can't exactly pinpoint the problem and what I need to edit in order to fix the border/padding that is surrounding the forum names and descriptions.

Login

Register now!  |  Lost Password?

Search

Advanced Search

Recent Posts

Donat-O-Meter

Stats
Goal: $15.00
Due Date: Sep 30
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $15.00
Make donations with PayPal!