Forum: Bryce

Subject: Anyone using PJF's CSS code for gallery option know a fix for black fonts

skiwillgee opened this issue on Oct 13, 2006 · 10 posts

Conniekat8 posted Fri, 13 October 2006 at 11:49 PM

Well, this sorta works, but I can't seem to change the parts that are php generated an the overll page background seems to get overriden  no matter what I put in the css....

 ote on coloring, #333333 is almost black, #FFFFCC is pale yellow. not necesarrily very attractive combination, but easy to spot the components and do your own edits.  you may want to use a css editor, lie top style lite to help you out: http://www.computeractive.co.uk/vnunet/downloads/2128545/topstyle-lite
You can also tahe the text below, copy and paste into a notpad and save as a .css file to edit with topstyle.

I hope this is what you guys had in mind.

go to my gallery settings and paste this into custom css box (if something doesn't work right, you can always revert to defaults):

.gallery_header {
 font-size:18px;
 font-weight:bold;
 text-align:center;
 text-color:#FFFFCC;
 color: #FFFFCC;
 background-color: #333333;
}
.gallery_menu {
 text-align:center;
 color: #FFFFCC;
 background-color: #333333;
}

.gallery_table {
 border:2px solid #404040;
 padding: 2px;
 color: #FFFFCC;
 background-color: #333333;
}

.gallery_section_bar {
 background-color:#333333;
 height:30px;
 color: #FFFFCC;
}
.gallery_section_cell {
 font-family:Verdana;
 font-size:14px;
 font-weight:bold;
 padding:2px;
 height:30px;
 color: #FFFFCC;
 background-color: #333333;
}
.gallery_section_link_cell {
 text-align:right;
 padding:2px;
 color: #FFFFCC;
 background-color: #333333;
}
a.gallery_section_link_cell, a.gallery_section_link_cell:hover, a.gallery_section_link_cell:active, a.gallery_section_link_cell:visited {
 font-family:Verdana;
 font-size:12px;
 text-decoration:none;
 color: #FFFFCC;
 background-color: #333333;
}
a.gallery_section_link_cell:hover {
 text-decoration:underline;
 color: #FFFFCC;
 background-color: #333333;
}

.gallery_cell {
 padding:4px;
 color: #FFFFCC;
 background-color: #333333;
}
.gallery_images_cell {
 padding:2px;
 color: #FFFFCC;
 background-color: #333333;
}

.gallery_display_table {
 border:1px solid #404040;
 border-bottom-width:0px;
 color: #FFFFCC;
 background-color: #333333;
}

.gallery_display_avatar_cell {
 border-bottom:1px solid #404040;
 background-color:#333333;
 padding:2px;
 color: #FFFFCC;
}
.gallery_display_title_cell {
 border-bottom:1px solid #404040;
 height:50px;
 background-color:#333333;
 padding:2px;
 vertical-align:top;
 color: #FFFFCC;
}
.gallery_image_title_div {
 font-family:Verdana;
 font-size:18px;
 color: #FFFFCC;
 background-color: #333333;
}
.gallery_image_author_div {
 font-family:Verdana;
 font-size:11px;
 color: #FFFFCC;
 background-color: #333333;
}
a.gallery_image_author_div, a.gallery_image_author_div:hover, a.gallery_image_author_div:active, a.gallery_image_author_div:visited {
 font-family:Verdana;
 font-size:11px;
 color: #FFFFCC;
 background-color: #333333;
}

.gallery_display_filler {
 background-color:#333333;
 color: #FFFFCC;
}
.gallery_display_image_cell {
 padding:10px;
 text-align:center;
 background-color:#333333;
 border-bottom:1px solid #404040;
 color: #FFFFCC;
}
img.gallery_display_image_cell {
 border:1px solid #404040;
 padding:0px;
 color: #FFFFCC;
 background-color: #333333;
}

a.gallery_image_action_bar, a.gallery_image_action_bar:active, a.gallery_image_action_bar:visited {
 font-size:11px;
 text-decoration:none;
 border:1px solid #333333;
 padding:4px;
 padding-bottom:7px;
 white-space:nowrap;
 color: #FFFFCC;
 background-color: #333333;
}
a.gallery_image_action_bar:hover {
 font-size:11px;
 text-decoration:none;
 border:1px solid #333333;
 background-color:#333333;
 color: #FFFFCC;
}
a.gallery_image_action_bar img {
 margin: 0 0 -5px 0;
 color: #FFFFCC;
 background-color: #333333;
 border: #333333;
}

.gallery_display_notes_cell {
 background-color:#333333;
 padding:4px;
 border-bottom:1px solid #333333;
 color: #FFFFCC;
 border-top-color: #333333;
 border-right-color: #333333;
 border-left-color: #333333;
}
.gallery_display_details_cell {
 background-color:#333333;
 width:200px;
 border-left:1px solid #333333;
 border-bottom:1px solid #333333;
 padding:4px;
 font-size:11px;
 font-color:#FFFFCC;
 color: #FFFFCC;
 border-top-color: #333333;
 border-right-color: #333333;
}
.writers_gallery_details_cell {
 background-color:#333333;
 padding:2px;
 border:1px solid #333333;
 font-size:11px;
 color: #FFFFCC;
}
.gallery_notes_details_header {
 font-weight:bold;
 color: #FFFFCC;
 background-color: #333333;
 border: #333333;
}
.gallery_notes_details_body {
 padding-left:8px;
 color: #FFFFCC;
 background-color: #333333;
 border: #333333;
}

.gallery_comment_table {
 border:1px solid #404040;
 border-bottom-width:0px;
 color: #FFFFCC;
 background-color: #333333;
}

.gallery_comment_header_cell {
 background-color:#333333;
 padding:4px;
 text-align:center;
 font-family:Verdana;
 font-size:18px;
 border-bottom:1px solid #404040;
 height:50px;
 color: #FFFFCC;
}
.gallery_comment_avatar_cell {
 background-color:#333333;
 border-bottom:1px solid #404040;
 padding:2px;
 color: #FFFFCC;
}
.gallery_comment_body {
 background-color:#333333;
 border-bottom:1px solid #404040;
 padding:4px;
 color: #FFFFCC;
}
.gallery_comment_title_div {
 font-size:11px;
 color: #FFFFCC;
 background-color: #333333;
}
a.gallery_comment_title_div, a.gallery_comment_title_div:hover, a.gallery_comment_title_div:active, a.gallery_comment_title_div:visited {
 font-size:11px;
 color: #FFFFCC;
 background-color: #333333;
}
.gallery_comment_divider_cell {
 background-color:#333333;
 border-bottom:1px solid #404040;
 height:10px;
 color: #FFFFCC;
}

#trailimageid
{
 font-size: 11px;
 position: absolute;
 visibility: hidden;
 left: 0px;
 top: 0px;
 width: 254px;
 height: 0px;
 z-index: 200;
 color: #FFFFCC;
 background-color: #333333;
}
.trailimagediv
{
background-color: #333333;
color:#FFFFCC;
border: 1px solid #333333;
}
gallery_top_divider {
 color: #FFFFCC;
 background-color: #333333;
}
a:link {
 color: #FFFFCC;
 background-color: #333333;
}
a:visited {
 color: #FFFFCC;
 background-color: #333333;
}
a:hover {
 color: #FFFFCC;
 background-color: #333333;
}
a:active {
 color: #FFFFCC;
 background-color: #333333;
}
body {
 background-color: #333333;
 color:#FFFFCC
}

Hi, my namez: "NO, Bad Kitteh, NO!"  Whaz yurs?
BadKittehCo Store  BadKittehCo Freebies and product support