Thanks Steve,
PBase allows you to assign a style sheet to your gallery on the edit gallery page. There a number of choices to choose from, and you are also allowed to create your own. (Edit Style Sheet link on the edit gallery page) I've pasted in the code that goes in the style sheet I used below:
BODY{
color: white;
background-color: #404c54;
font-size: 7pt;
}
.message_body {
background-color:
- 333333;
color: #d5ae83;
padding-bottom: 10px;
}
DIV,TH,TR,TABLE,FONT,LI,UL,FORM,
BLOCKQUOTE,P,B,I,H1,H2,H3,H4,H5,FONT, CENTER{
font-family: verdana, arial, sans-serif;
font-size: 8pt;
color: white;
}
font{
color: #AAAAAA;
letter-spacing: 2px;
font-size: 8pt;
}
h2 {
font-size: 10pt;
font-weight: normal;
text-align: right;
letter-spacing: 5px;
padding-top: 7px;
padding-bottom: 7px;
margin-left: 2px;
margin-right: 2px;
background-color: #242c34;
color: white;
margin:10px 0;
}
p {
margin:0; padding:0;
}
h2:first-letter{
color: #d5ae83;
font-style: bold;
font-size: 22pt;
}
h3 {
font-size: 9pt;
}
h4 {
color: #44dd44;
font-size: 11pt;
}
h5 {
margin:0; padding:0;
font-size: 6pt;
font-weight: normal;
}
I{
color: #888888;
}
TEXTAREA {
background-color: #EEEEEE;
font-family: times new roman;
color: black;
scrollbar-base-color: gray;
scrollbar-3dlight-color: black;
scrollbar-highlight-color: none;
}
A, TD.A, A:link {
color: #d8b080;
text-decoration: none;
}
A:visited {color: #d8b080; }
A:active {color : #d5ae83; }
A:hover {color: #f8d0a0;}
.caption {
font-size : 9pt;
color : #bbbbbb;
font-style : italic;
}
TD {
background-color: none;
}
table[align=center] td[align=right] {
padding:5px 0 3px 0;
}
table[align=center] td[align=right] a {
color:white;
}
table[align=center] td[align=right]:first-letter{
color: #d5ae83;
font-style: bold;
font-size: 8pt;
}
table[align=center] td[width="100%"]:before {content: "> > "}
TD.thumbnail{
background-color: transparent;
padding: 10px;
vertical-align: middle;
horizontal-align: middle;
width: 200px;
}
img.thumbnail {
background:white;
border:7px 7px 10px solid rgb(255,255,255);
border-right:7px solid rgb(255,255,255);
border-left:7px solid rgb(255,255,255);
border-top:7px solid rgb(255,255,255);
border-bottom:10px solid rgb(255,255,255);
border-right:3px solid #080808;
border-bottom:3px solid #080808;
}
.thumbnail font {display:none;}
.display{
border: 15px solid #ffffff;
background-color: #ffffff;
border:25px 25px 35px solid rgb(255,255,255);
border-right:25px solid rgb(255,255,255);
border-left:25px solid rgb(255,255,255);
border-top:25px solid rgb(255,255,255);
border-bottom:35px solid rgb(255,255,255);
border-right:3px solid #080808;
border-bottom:3px solid #080808;
}
span.date {
position:relative;
top:-3.3em;
left:27px;
z-index:10;
font-size:0.8em;
color:#808080;
}
span.artist {
position:relative;
top:-3.7em;
left:-31px;
z-index:10;
font-size:0.8em;
color:#808080;
}
span.title {
font-size:0.7em;
}
BODY { margin-top: 0px;}
HR { position : relative;}
BODY { margin-top: 0px;}
HR { position : relative;}
Honestly, I only understand a fraction of the above, but the PBase help has some links to further explain style sheets and how to create/use them.
I would be happy to give you more detailed instruction if you'ld like, but I'm about to leave town, so it will probably be Sunday or Monday before I can respond.
Greg
Absolutely great work, but I don't think you focused too much on
the girls, especially not the blonde...
Quick question for you... in Pbase, how did you get the gallery to
look like that with the white borders around each pic???
Thanks,
Steve