Forum: Community Center


Subject: One For Admins RE: Gallery preview

thefixer opened this issue on Jun 16, 2006 · 31 posts


Shardz posted Sat, 17 June 2006 at 4:28 AM

Hi thefixer!

Yes, the site is completely customizable (right now). Here is my script that I have built from so many great members here, and works wonders for me. Please take note that it is almost stark black. My eyes are very sensitive to light and this works for me very well. You can replace the key color codes with the color picker on this site:

http://www.siteprocentral.com/cgi-bin/feed/feed.cgi

 

----------Copy this code below this line into your CSS gallery options (Under My Options in Gallery)-----------

   

BODY {background-color:#000000; color: #e3edf5; }
.content_cell { background-color:#000000; }

td { background-color: black !important; color: white !important ; }

table.outside_table { width: auto; !important;}

a {font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; font-size: 12px; color: #FFFFFF;}
a:link {color: #e3edf5;}
a:hover {color: #FFFFFF;}
a:visited {color: #e3edf5;}
select {z-index: -1;}

/* Sets the appearance of entry boxes */
textarea {background-color:#495F73; color: #e3edf5;}

.gallery_header { font-size:18px; font-weight:bold; text-align:center; }
.gallery_menu { text-align:center; }

.gallery_table { border:2px solid #404040; padding: 2px; }

.gallery_section_bar { background-color:#495F73; height:30px; }
.gallery_section_cell { font-family:Verdana; font-size:14px; font-weight:bold; padding:2px; height:30px; }
.gallery_section_link_cell { text-align:right; padding:2px; }
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; }
a.gallery_section_link_cell:hover { text-decoration:underline; }

.gallery_cell { padding:4px; }
.gallery_images_cell { padding:2px; }

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

.gallery_display_avatar_cell { border-bottom:1px solid #404040; background-color:#000000; padding:2px; }
.gallery_display_title_cell { border-bottom:1px solid #404040; height:50px; background-color:#000000; padding:2px; vertical-align:top; }
.gallery_image_title_div { font-family:Verdana; font-size:18px; }
.gallery_image_author_div { font-family:Verdana; font-size:11px; }
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; }

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

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 #404040; padding:3px; padding-bottom:4px; white-space:nowrap; }
a.gallery_image_action_bar:hover { font-size:11px; text-decoration:none; border:1px solid #404040; background-color:#000000; white-space:nowrap; }
a.gallery_image_action_bar img { height:15px; margin: 0 0 -4px 0; }

.gallery_display_notes_cell { width: 100%; text-align: center;
 background-color:#000000; padding:4px; border-bottom:1px solid #404040; }
.gallery_display_details_cell { width: 20%;
 background-color:#000000; width:200px; border-left:1px solid #404040; border-bottom:1px solid #404040; padding:4px; font-size:11px; }
.gallery_notes_details_header { font-weight:bold; }
.gallery_notes_details_body { padding-left:8px; }

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

.gallery_comment_header_cell { background-color:#000000; padding:4px; text-align:center; font-family:Verdana; font-size:18px; border-bottom:1px solid #404040; height:50px; }
.gallery_comment_avatar_cell { background-color:#000000; border-bottom:1px solid #495F73; padding:2px; }
.gallery_comment_body { background-color:#000000; border-bottom:1px solid #404040; padding:4px; }
.gallery_comment_title_div { font-size:11px; }
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; }
.gallery_comment_divider_cell { background-color:#000000; border-bottom:1px solid #495F73; height:5px; }

-------Copy above this line to your options------------------

 

You will see that the site is now effective, although rather dark in this case. I love black, but you can alter the colors with notepad and the "Replace All" function and the color wheel. I hope this helps, and although it's not perfect, it's very close for me.