Re: Background color/border?? Paddings... [XOOPS general usage questions]

1

Background color/border?? Paddings...

2003/12/12 2:34
EGBlacky
Just popping in
Posts: 45
Since: 2003/9/20

please go tohttp://coldfire.blackmoonskeep.net and see if you can help me out. I want the whole background black, but it still has that default background that I cannot seem to find how to turn black. I know it is in the stylesheet somewhere but I cannot figure it out. I'm not too good with CSS.

Also... block padding. I think the padding between my left and righ blocks is too much. How do I reduce it? I know it will mean the space between the top blocks and the banner graphic will get smaller, I have a fix for that. And I am sure it is in the theme_blockleft.html and theme_blockright.html but I just dont know how to fix that either. It may be the CSS again. I am just giving up at this point and dealing with all these problems... any help?

2

Re: Background color/border?? Paddings...

2003/12/12 2:40
CBlue
Posts: 1244
Since: 2003/6/28

Can you copy your style.css code here and maybe we can point out exactly where to change your background color and your padding for you.

There are so many different style.css files for themes and it would be hard to tell you where to edit if it is not known exactly how your style.css is written.

All padding for your theme is controlled by the style.css too.

3

Re: Background color/border?? Paddings...

2003/12/12 2:45
Stewdio
Community Support Member
Posts: 1560
Since: 2003/5/7 1

For your background, do a find and replace of color #10314A. (Replacing only the ones you need. There are a total of 5 references to this color in your .css file that I found.)

As for the rest, I didn't have time to look. Loading the theme or .css file in Dreamweaver may help you locate what needs to be changed. You should be able to download a trial version if you do not already own a copy. (www.macromedia.com)

Cheers

4

Re: Background color/border?? Paddings...

2003/12/12 2:48
Stewdio
Community Support Member
Posts: 1560
Since: 2003/5/7 1

Quote:

CBlue wrote:
Can you copy your style.css code here and maybe we can point out exactly where to change your background color and your padding for you.

Here ya go CB!

Code is below, or you can download it fromhttp://www.blackmoonskeep.net/coldfire/themes/test_default/style.css

Stewdio

Cheers!


body {color: #808080; background: #ffffff; background-image: url(pc_bg.gif); margin: 0; padding: 0;}

html { scrollbar-face-color: #10314A; scrollbar-highlight-color: #226C9B; scrollbar-shadow-color: #081621; scrollbar-3dlight-color: #000000; scrollbar-arrow-color: #226C9B; scrollbar-track-color: #000000; scrollbar-darkshadow-color: #000000;}



<!---header width---->



table {width: 900; margin: 0; padding: 0; font-size: small}

table td {padding: 0; border-width: 0; vertical-align: top; font-family: Tahoma, Verdana, sans-serif;}



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

a:hover {color: #ffffff;}



fieldset {border-color: #10314A;}



h1 {}

h2 {}

h3 {}

h4 {}

h5 {}

ul { margin: 2px; padding: 2px; list-style: decimal inside; text-align: left;}

li { margin-left: 2px; list-style: square inside; color: #2F5376}





.item {}

.itemHead {height: 18px; padding: 3px; background-color: #000000; background-image: url(centertop.jpg); color: #FFFFFF;}

.itemInfo {text-align: right; padding: 3px; background-color: #000000}

.itemTitle a {font-size: 12px; font-weight: bold; font-variant: small-caps; color: #ffffff; background-color: transparent;}

.itemPoster {font-size: 90%; font-style:italic;font-family: Tahoma, Verdana, sans-serif;color: #c0c0c0;}

.itemPostDate {font-size: 90%; font-style:italic;font-family: Tahoma, Verdana, sans-serif;color: #c0c0c0;}

.itemStats {font-size: 90%; font-style:italic;}

.itemBody {padding-left: 5px;font-family: Tahoma, Verdana, sans-serif;font-size: 12px;}

.itemText {margin-top: 5px; margin-bottom: 5px; line-height: 1.5em;font-family: Tahoma, Verdana, sans-serif;font-size: 12px;}

.itemText:first-letter {font-size: 133%; font-weight: bold;}

.itemFoot {text-align: right; padding: 3px; background-color: #435A79}

.itemAdminLink {font-size: 90%;}

.itemPermaLink {font-size: 90%; font-style:italic;}



th {background-color: #2F5376; color: #FFFFFF; padding : 2px; vertical-align : middle; font-family: Verdana, Arial, Helvetica, sans-serif;}



td#headerbanner {width: 100%; background-color: #2F5376; vertical-align: middle; text-align:center;}

td#headerbar {border-bottom: 1px solid #dddddd; background-image: url(hbar.gif);}



<!------Left Column----->



td#leftcolumn {width: 180px; font-size:12px;}

td#leftcolumn th {background-color: #2F5376; color: #FFFFFF; vertical-align: middle;}

td#leftcolumn div.blockTitle {padding: 3px; background-color: transparent; color: #ffffff; font-weight: bold;font-size: 12px;}

td#leftcolumn div.blockContent {padding: 3px; line-height: 120%; line-height: 120%;font-size: 10px;}





td#centercolumn {font-size: 12px;}



td#centercolumn th {background-color: #000000; color: #FFFFFF; vertical-align: middle;}

td#centerCcolumn {padding: 0px 3px 1px 3px;}

td#centerCcolumn legend.blockTitle {padding: 3px; color: #639ACE; font-weight: bold; margin-top: 0px; margin-right: 0px;  margin-left: 0px;}

td#centerCcolumn div.blockContent {padding: 3px; margin-right: 0px;  margin-left: 0px; margin-bottom: 2px; line-height: 120%;}



td#centerLcolumn {width: 50%; padding: 0px 3px 0px 0px;}

td#centerLcolumn legend.blockTitle {padding: 3px; color: #639ACE; font-weight: bold; margin-top: 0px;}

td#centerLcolumn div.blockContent {padding: 3px; margin-left: 3px; margin-right: 2px; margin-bottom: 2px; line-height: 120%;}



td#centerRcolumn {width: 50%; padding: 0px 3px 0px 0px;}

td#centerRcolumn legend.blockTitle {padding: 3px; color: #639ACE; font-weight: bold; margin-top: 0px;}

td#centerRcolumn div.blockContent {padding: 3px; margin-left: 2px; margin-right: 3px; margin-bottom: 2px; line-height: 120%;}



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



td#rightcolumn {width: 180px; font-size:12px;}

td#rightcolumn th {background-color: #2F5376; color: #FFFFFF; vertical-align: middle;}

td#rightcolumn div.blockTitle {padding: 3px; background-color: transparent; color: #ffffff; font-weight: bold;}

td#rightcolumn div.blockContent {padding: 3px; line-height: 120%;font-size: 10px;font-family: Tahoma, Verdana, sans-serif;}



tr#footerbar {text-align:center;font-family: Tahoma, Verdana, sans-serif;font-size: 10px;color: #c0c0c0;}



td#mainmenu a {background-color: #000000; display: block; margin: 0; padding: 4px;}

td#mainmenu a:hover {background-color: #000000;}

td#mainmenu a.menuTop {padding-left: 3px;}

td#mainmenu a.menuMain {padding-left: 3px;}

td#mainmenu a.menuSub {padding-left: 3px; border-right: 2px solid #000000; border-bottom: 2px solid #000000; border-left: 2px solid #10314A;}

td#usermenu a {background-color: #000000; display: block; margin: 0; padding: 4px;}

td#usermenu a:hover {background-color: #000000;}

td#usermenu a.menuTop {border-top: 1px solid silver;}

td#usermenu a.highlight {background-color: #fcc;}







.outer {}

.head {background-color: #000000; padding: 5px; font-weight: bold;}

.even {background-color: #0A212F; padding: 5px;}

.odd {background-color: #10314A; padding: 5px;}

.foot {background-color: #000000; padding: 5px; font-weight: bold;}

tr.even td {background-color: #0A212F; padding: 5px;}

tr.odd td {background-color: #10314A; padding: 5px;}



div.errorMsg { background-color: #FFCCCC; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}

div.confirmMsg { background-color: #DDFFDF; color: #136C99; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}

div.resultMsg { background-color : #CCCCCC; color: #333333; text-align: center; border-top: 1px solid silver; border-left: 1px solid silver; font-weight: bold; border-right: 1px solid #666666; border-bottom: 1px solid #666666; padding: 10px;}



div.xoopsCode { background: #FFFFFF; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px 6px;}

div.xoopsQuote { background: #000000; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px 6px;}





.comTitle {font-weight: bold; margin-bottom: 2px;}

.comText {padding: 2px;}

.comUserStat {font-size: 10px; color: #2F5376; font-weight:bold; border: 1px solid silver; background-color: #ffffff; margin: 2px; padding: 2px;}

.comUserStatCaption {font-weight: normal;}

.comUserStatus {margin-left: 2px; margin-top: 10px; color: #ff0000; font-weight:bold; font-size: 10px;}

.comUserRank {margin: 2px;}

.comUserRankText {font-size: 10px;font-weight:bold;}

.comUserRankImg {border: 0;}

.comUserName {}

.comUserImg {margin: 2px;}

.comDate {font-weight: normal; font-style: italic; font-size: smaller}

.comDateCaption {font-weight: bold; font-style: normal;}

5

Re: Background color/border?? Paddings...

2003/12/12 3:36
EGBlacky
Just popping in
Posts: 45
Since: 2003/9/20

Okay... I was looking at the CSS but for some reason I was overlooking that pc_bg.gif file. LOL! I changed it to black and now I am getting the look that I want. Or so it seems... now my concern is the padding between the blocks on the left and the blocks on the right.

6

Re: Background color/border?? Paddings...

2003/12/12 3:46
CBlue
Posts: 1244
Since: 2003/6/28

td#leftcolumn div.blockContent {padding: 3px; line-height: 120%; line-height: 120%;font-size:10px;}

td#centerCcolumn div.blockContent {padding: 3px; margin-right: 0px; margin-left: 0px;margin-bottom: 2px; line-height: 120%;}

td#rightcolumn div.blockContent {padding: 3px; line-height: 120%;font-size: 10px;font-family:Tahoma, Verdana, sans-serif;}

You can change the padding for the blocks in each column through these settings above.

If you want to add space between the columns themeselves, you need to edit the theme.html file and change the width's of each column in there.

Stats
Goal:	$100.00
Due Date:	May 31
Gross Amount:	$0.00
Net Balance:	$0.00
Left to go:	$100.00

Background color/border?? Paddings...

Re: Background color/border?? Paddings...

Re: Background color/border?? Paddings...

Re: Background color/border?? Paddings...

Re: Background color/border?? Paddings...

Re: Background color/border?? Paddings...

Login

Search

Recent Posts

Re: Rebuilding and Updating a 20 years old Xoops Website from 2.0.18? to 2.5.11

Rebuilding and Updating a 20 years old Xoops Website from 2.0.18? to 2.5.11

Re: NewBB v 5.1.0 b 6

Re: NewBB v 5.1.0 b 6

NewBB v 5.1.0 b 6

Re: XOOPS 2.5.11 search user is not working

Re: oledrion

Re: oledrion

Re: oledrion

Re: oledrion

Who's Online

Donat-O-Meter

Latest GitHub Commits

{{ record.sha.slice(0, 7) }} - {{ record.commit.message | truncate }}