serendipitysidebartitle & sitenav don't show bold

[TopDawg]

I can't seem to figure out why...I've put a "font-weight: bold;" just about everywhere, lol

EDIT: in IE6, the sidebar titles are bold, but not the menu...in firefox, neither show bold

Code: Select all

/**********************************************************************/
/* Template: bulletproof for Serendipity (http://www.s9y.org)         */
/* Authors: Matthias Mees, David Cummins and Don Chambers             */
/*                                                                    */
/* Stylesheet for the colorset 'blue'                                 */
/*                                                                    */
/* http://s9y-bulletproof.com                                         */
/**********************************************************************/


.serendipity_xml_icon {
    background: url('img/blue_xml.png') center center no-repeat;
    padding: 10px 0;
    margin: 0;
    visibility: visible;
}

 .serendipity_xml_icon img {
    visibility: hidden;
}

a {
    color: #E0D6C3;
    text-decoration: none;
}

a:hover {
    color: #231f18;
}

body {
    background-color: #5f5544;
}

#wrapper {
    width: 85%;
    font-family:  arial, helvetica, sans-serif;
    font-size: 69%;
    background-color: #837866;
    border-left: 8px solid #231F18;
    border-right: 8px solid #231F18;
    margin: 0px auto;
}

#serendipity_banner {
    margin: 0;
    height: 140px;
    background: #231f18 url('img/blue_header.jpg') repeat-x center left ;
    border: 0px;
}

#serendipity_banner h1 {
    font-weight: bold;
    font-size: 140%;
    text-transform: uppercase;
    letter-spacing: .3em;
    font-size: 180%;
    padding: 0.25em;
}

#serendipity_banner h2 {
    font-weight: normal;
    font-size: 100%;
    letter-spacing: .3em;
    font-size: 130%;
    padding: 0.25em;
}

#serendipity_banner a { 
    color: #ffffff;
    text-decoration: none; 
}

#serendipity_below_banner {
    /* not used in this template */
}

#sitenav {
	 font-weight: bold;
    background-color: #5F5544;
    border-top: 2px solid #231F18;
    border-bottom: 4px solid #231F18;
    margin: 0;
    padding: 0;
}

#sitenav ul li {
    font-size: 90%;
    letter-spacing: .2em;
    margin: 0;
    padding: 0; 
    display: inline;
    font-weight: bold;
}

#sitenav ul a{
    border-bottom: 4px solid #5F5544;
    margin: 0 2px 0 0;
    padding: 6px 10px 6px 10px;
    float: left;
    overflow: hidden;
    font-weight: bold;
}

#sitenav ul a:hover,
#sitenav .currentpage a {
    border-bottom: 4px solid #231f18;
    padding: 6px 10px 6px 10px;
    background-color: #5F5544;
    font-weight: bold;
}

#serendipityLeftSideBar,
#serendipityRightSideBar {
    background-color: #837866;
    color: #231F18;
    overflow: hidden; 
}

#content {
    background-color: #837866;
    color: #231F18;
}

#content h3 {
    font-size: 100%;
    margin: 10px 0 0 0;
    font-weight: bold;
}

.serendipity_commentsTitle {
    font-size: 100%;
    font-weight: bold;
}

#content h4 {
    font-size: 140%;
    margin: 5px 0 15px 0;
}

.serendipity_entryFooter {
    font-size: 90%;
    margin: 5px 0;
    padding: 8px 0;
    border-top: 1px solid #231F18;
    border-bottom: 1px solid #231F18;
}

.serendipity_pageFooter {
    margin: 5px 0 10px;
}

.serendipitySideBarItem {
    margin: 10px;
    padding: 0;
    border: 0px none;
    overflow: hidden;
    height: 100%; 
}

.serendipitySideBarTitle {
    font-size: 95%;
	letter-spacing: .2em;
	color: #231F18;
	padding: 8px 5px 8px 5px;
	border-left: 4px solid #231F18;
	border-bottom: 1px solid #231F18;
	background-color: #5F5544;
	margin: 0;
   font-weight: bold;
}

.serendipitySideBarContent {
    font-size: 90%;
    padding: 10px;
    border-left: 4px solid #231F18;
    background-color: #5F5544;
    margin: 0;
}

.serendipitySideBarFooter {
    /* not used in this template */
}

#sbsitenav .serendipitySideBarContent {
    padding: 0;
    border: 0;
    margin: 0;
}

#sbsitenav {
    padding: 10px;
    margin: 0;
}

#sbsitenav ul{
    margin: 0;
    list-style-type: none;
}

#sbsitenav ul a {
    border-left: 4px solid #231F18;
    padding: 8px 0px 8px 10px;
    display: block;
	 font-weight: bold;
}

#sbsitenav ul a:hover,
#sbsitenav .currentpage a {
    border-left: 4px solid #231f18;
	 font-weight: bold;
}

#sbsitenav li {
    font-size: 90%;
    letter-spacing: .2em;
    background-color: #837866;
    margin: 0 0 2px 0;
    padding: 0;
    overflow: hidden;
	 font-weight: bold;
}

#month,
.serendipity_weekDayName, 
#today  {
    font-size: 100%;
}

#footer {
    font-size: 80%;
    background-color: #5F5544;
}

img.serendipity_entryIcon {
    float: left;
    border: 0px;
    margin:0 5px 0px 0;
}

input#serendipityQuickSearchTermField {
    border: 1px solid #231f18!important;
}

#sitenav #searchform input {
    border: 1px solid #231f18;
}

blockquote {
    background: #C4BCA8;
    color: #231F18;
    border-left: 1px solid #A4906C;
    border-top: 1px solid #A4906C;
    border-right: 1px solid #231f18;
    border-bottom: 1px solid #231f18;
    margin: 1em 4em;
    padding: 1em;
}

blockquote p {
   margin: 0.5em 0;
   padding: 0;
}

.serendipity_comment_author_self comment_evenbox,
.comment_evenbox {
    line-height: 1.2em;   
    border: 1px dotted #231f18;
    background: #ADA59D;
}

.serendipity_comment_author_self comment_oddbox,
.comment_oddbox {
    line-height: 1.2em;
    border: 1px dotted #231f18 ;
    background: #5F5544;
}

.serendipity_commentsTitle {
    text-transform: uppercase;
    font-size: 100%;
    letter-spacing: .2em;
    margin: 1em 0;
    padding: 0.5em 0;
}

.s9y_wrap {
    font-size: 69%;
    background: #fff;
}

I'm using Bulletproof Blue...url's ohiomusicians dot org

Thanks ahead of time!

[Don Chambers]

The font IS bold.... the problem is that you do not necessarily see that using your browser's default font size setting in conjunction with the font-size defined. Start by changing the font size to >= 100% in the css.... I think you will see a difference. And - I like your colors!!! Nice job of customizing the blue colorset to a brown scheme!!!

[TopDawg]

well, wuddya know?

thanks! ..and I'm glad you like the colors I think I still have some tweaking to do, but I'm pretty satisfied with the start. Bulletproof is amazing!

When I'm totally finished, I'll toss something over into the showcase.

btw, I have to say that this place has to be one of the best on the net for fast and quality support...you guys effin rock

[Don Chambers]

Glad the suggestion helped.... and welcome to the community!! Keep up the good work. I must say that your rss icon is one I have never seen before! Cool!

And unless you want them to be blue in your brown scheme, don't forget to provide alternative versions of blue_back.png, blue_forward.png, blue_openquote.png, blue_closequote.png and blue_graph_bar.png. The arrows are used for the calendar, as well as optionally for previous/next page. The graph bar can be seen on the archive page... select the "older" link to see it.

One final recommendation.... you seem to be making modifications to the file blue_style.css... I suggest you rename this to something like brown_style.css, then select that as your colorset under Manage Styles for BP.... that way, if there are updates to bulletproof in the future, your changes will not be overwritten by our modifications of bulletproof.

If you do that, of course, your arrows and graphbar need to follow the same naming convention, ie brown_back.png.

[TopDawg]

will do!

Thanks again

[TopDawg]

any idea why the brown_xml.png doesn't come up in place of the blue one?

my sandbox: anomalyweb dot com/32384/

[yellowled]

any idea why the brown_xml.png doesn't come up in place of the blue one?

Yes, that's the one of these files which can't be determinded automagically since it is substituted using CSS. All other images (calendar arrows and graph bar) are selected in the template files which use Smarty to pick the files suited for the colorset. CSS can't use smarty, so you're going to have to modify this part:

Code: Select all

.serendipity_xml_icon {
    background: url('img/blue_xml.png') center center no-repeat;
    padding: 10px 0;
    margin: 0;
    visibility: visible;
}

 .serendipity_xml_icon img {
    visibility: hidden;
}

of your colorset's *_style.css to use your brown RSS icon.

YL

[TopDawg]

Totally did not see that...thanks...yet again

[Don Chambers]

Come to think of it, that applies to the blockquotes (open & close) as well... the file name is specifically identified in the css.

[yellowled]

Come to think of it, that applies to the blockquotes (open & close) as well... the file name is specifically identified in the css.

You know me. It's the middle of the night here, I'm at my girlfriend's place, the dog is snoring, I'm not at my own computer, and it's friggin' late, so I might be completely wrong ... but I'm pretty sure those are not images we use in any colorset

YL

[Don Chambers]

Correct - only the green colorset uses those images... I just meant that they are another example of images that are specifically identified in css, not automagically used following a colorset naming convention.