:~:Dreamz:~: (celticdreamz) wrote in component_help,
:~:Dreamz:~:
celticdreamz
component_help

Making Links and Date Bold in Firefox -- SOLVED

I have my layout looking exactly the way I want it in IE. However, there are two minor glitches in Firefox.

Glitches
1) How do I bold the date & time?
2) How do I bold the links?

Tutorials
Spiffy Date

LayerID
7021243

Style Sheet Code


function Page::print_custom_head() {
"""
<style media="screen" type="text/css">
""";
if(viewer_sees_control_strip()) {
  """
html body {
  padding-top: 46px !important;
}
  """;
}
"""
.header-item {
  top: 5px;
  align: center;
}
.header {
  background-image: url(http://img127.imageshack.us/img127/8281/pte5e5e5sh3.gif) !important; /* remove the gradient background */
  height:           20px  !important; /* adjust the height of the component */
  text-align: center;
}
.scrollentry {
  width:         586px;
  height:         240px;
  overflow:       auto;
  padding-bottom: 17px;
  padding-side:    2px;
}
    /* Tighter lists */
    ul.tagList {padding-left: 0; margin-left: 0; list-style: none; line-height: normal;}
    li.tagItem {padding-left: 15px; list-style: none; line-height: normal;}

    /* Vertical Scroll */
    /* Need to shrink the list width to prevent horizontal scrollbar in Firefox. */
    /* Note this won't prevent it if your tags are super long, it will only */
    /* prevent it from displaying unnecessarily. For the pleasure of IE users */
    /* you can also colour any resulting scrollbars as you desire. */
    ul.tagList {width: 80}   
    ul.tagList {width: 90%;}
    .tagBox {
      height: 295px;
      overflow: auto;
input { line-height: normal; }
img { border-width: 0px; }

 a {
 font-weight: bold;
}

#commenttext { /* FIX THAT DAMN REPLY FORM! */
  width: 100%;
}

.date2 {
  line-height:    15px;
  margin-bottom:  0px;
  margin-left:    0px;
  font-family:    Trebuchet MS;
  font-size:      10pt;
  color:          $*header_fgcolor;
  letter-spacing: 0px;
  font-weight:    bold;
  text-align:     center;
}



.quickreply_entry form, .quickreply_comment form {
  margin-top:    10px;
  margin-left:    5px;
  margin-bottom: 10px;
}

</style> """;
}



SOLVED
It's amazing how badly not having one little } in the code messes everything up ::sigh:: Thanks again uniquewonders!
Subscribe
  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    default userpic

    Your reply will be screened

  • 5 comments