Serendipity Forums

Posted: **Sun Feb 17, 2008 3:18 am**

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!

Posted: **Sun Feb 17, 2008 5:41 am**

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!!!

Posted: **Sun Feb 17, 2008 10:03 am**

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

Posted: **Sun Feb 17, 2008 3:28 pm**

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.

Posted: **Sun Feb 17, 2008 7:58 pm**

will do!

Thanks again

Posted: **Sun Feb 17, 2008 10:28 pm**

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

my sandbox: anomalyweb dot com/32384/

Posted: **Mon Feb 18, 2008 12:16 am**

TopDawg wrote: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

Posted: **Mon Feb 18, 2008 1:37 am**

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

Posted: **Mon Feb 18, 2008 3:08 pm**

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

Posted: **Tue Feb 19, 2008 12:14 am**

Don Chambers wrote: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

Posted: **Tue Feb 19, 2008 12:25 am**

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.

Serendipity Forums

serendipitysidebartitle & sitenav don't show bold

serendipitysidebartitle & sitenav don't show bold