Stylesheet 008x_Purple by Tim Rucci at pbase.com     


 
 
 
 
 
a, 
a:link, 
a:visited, 
a:active 
{ 
   color: rgb(217, 212, 246); 
   text-decoration: none; 
   font-weight: normal; 


} 
a:hover 
{ 
   color: rgb(132, 53, 252); 
   text-decoration: underline; 
  

 Note#1 ------  ACTIVE THUMBNAIL BOX  -----------------
} 
a.thumbnail, 
a.thumbnail:link, 
a.thumbnail:visited, 
a.thumbnail:active 
{ 
   border: rgb(102, 7, 170) 1px solid; 
   margin-bottom: -45px; 
   padding-top: 10px; 
   display: block; 
   background: rgb(0, 0, 0); 
   width: 194px; 
   height: 210px; 
   filter:
progid:DXImageTransform.Microsoft.Shadow(color="#000000",Direction=135,Strength=0);


 Note#2 ------  THUMBNAIL BOX HOVER  ------------------
} 
a.thumbnail:hover 
{ 
   border: rgb(174, 117, 234) 1px solid; 
   margin-bottom: -45px; 
   padding-top: 10px; 
   display: block; 
   background: rgb(105, 14, 181); 
   width: 194px; 
   height: 210px; 
  
   filter: Alpha(Opacity=100);
   filter:
progid:DXImageTransform.Microsoft.Shadow(color="#af00fc",Direction=135,Strength=0);

 Note#3 -----  PAGE BACKGROUND COLOR  -----------------
} 
body 
{ 
   margin-bottom: 20px; 
   margin-top: 0px; 
   background: rgb(30, 7, 26);


 Note#4 ---  TOP OF PAGE TEXT LINKS, AND SIZE  --------
-----------  OF CAPTION TEXT UNDER THE IMAGE.  --------

} 
div, 
body, 
th, 
tr, 
table, 
li, 
ul, 
form, 
blockquote, 
p, 
b, 
i, 
h4, 
center 
{ 
  
   border: 0px; 
   color: rgb(255, 255, 255); 
   font: 14px Tahoma, Veranda, Sans-serif, Arial, Helvetica; 
   
 (NOTE#5  "font" size above controls text links at the top of the page, and also the text in the caption box under the full size image)                                           

 Note#6 -----  TEXT UNDER THUMBNAIL IMAGE -------------

} 
font 
{ 
   border: 1px; 
   margin-left: 4px; 
   margin-right: 4px; 
   font:12px Tahoma, Verdana, Arial, Helvetica, sans-serif;    
   color: rgb(0, 0, 0); 
   letter-spacing: 0px; 

 Note#7a -------  GALLERY TITLE  ----------------------
} 
h1, h2 {
        border: rgb(217, 212, 246) 1px none;
        border-left: 1px none;
        border-right: 1px none;
        border-top: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
        margin-right: 0px;
        padding: 4px;
        width: 99%;
        display: block;
        background: rgb(30, 7, 26);
  color: rgb(217, 212, 246);
        font-size: 26pt;
        font-weight: normal;
        letter-spacing: 0px;
        text-align: center;
        height: 26px;
        position: relative;


 Note#7b ----  GALLERY TITLE FIRST LETTER  ------------
}
h2:first-letter
{
  color: rgb(217, 212, 246);
  font-style: normal;
  font-size: 26pt;

 Note#7c --  IMAGE TITLE TEXT (FULL SIZE IMAGE) -------
}
h3 
{
        border-bottom: rgb(117, 32, 214) 1px solid;
        border-left: 1px none;
        border-right: 1px none;
        border-top: 1px none;
        padding: px;
        width: 500px;
        display: normal;
        background: rgb(61, 18, 97);
        color: rgb(250, 250, 250);
        font: 10px;
        font-weight: normal;
        letter-spacing: 0px;
        text-align: center;
}
h5 
{ 
   border: 0px; 
   padding-left: 2px; 
   width: 150px; 
   display: block; 
   color: rgb(250, 250, 250);
   font: normal 12px Verdana, Arial, Helvetica, sans-serif; 
   filter: progid:DXImageTransform.Microsoft.gradient

(gradientType=1,enabled='true',startColorstr='#000000',endColorstr='#2D2D2D'); 


 Note#8 -----  SCROLLBAR COLORS  ----------------------
} 
  
 
body {scrollbar-face-color: 6607aa; scrollbar-shadow-color:000000; scrollbar-highlight-color: silver; scrollbar-3dlight-color: silver; scrollbar-darkshadow-color: grey; scrollbar-track-color: 3d1261; scrollbar-arrow-color: WHITE} 
// 
 
{

 Note#9 ----  FULL SIZE IMAGE BORDER COLOR  -----------

} 
img 
{ 
   border: rgb(192, 192, 192) 1px none; 


} 
img.thumbnail 
{ 
   border: rgb(120, 120, 120) 1px solid; 
   margin: 0px; 
   padding: 0px; 
   background: rgb(45, 45, 45); 
   vertical-align: middle; 


} 
input 
{ 
   border: rgb(0, 0, 0) 1px solid;

 
} 
table.thumbnail 
{ 
   width: 10%; 


} 
td 
{ 
   border: 1px none; 
   background: none; 
   border-collapse: collapse; 
   empty-cells: show; 


 Note#11 -----  COMMENT SECTION TEXT  -----------------
} 
td.message_body 
{ 
   border-bottom: rgb(50,35,35) 1px dotted; 
   border-left: 1px none; 
   border-right: 1px none; 
   border-top: 1px none; 
   display: block; 
   background: rgb(20,7,15); 

 Note#12 -Color of the text in the caption box under the image is controlled by the rgb color setting below, but the text size is controlled by the setting in the section below Note#4 above. (See notes #4 and #5)  Changing the font size in the caption section below seems to have no effect.         

} 
.caption 
{ 
   color: rgb(129, 32, 229); 
   font-size: 16px Verdana, Tahoma, Helvetica, sans-serif; 
   font-style: normal; 
} 

 Note#13 ---- DISPLAY is the full size image ----------

*/

.display 
{ 
   border: rgb(227, 224, 216) 1px solid; 
   margin-top: 1em; 
   background: rgb(61, 18, 97);


 Note#14 --  LID is the EXIF TABLE COLORS  ------------ 
} 
.lid 
{ 
   background: rgb(61, 18, 97); 
   color: rgb(140, 140, 140); 
   font: 11px Verdana, Tahoma, Helvetica, sans-serif; 
   text-decoration: none; 


} 
.message_body 
{ 
   margin: 5px 5px 10px; 
   color: rgb(132, 53, 252); 
   font: 11px Tahoma, Verdana, Helvetica, sans-serif; 

 Note#15 ---SB is the EXIF TABLE TITLE LINE  ---------- 
}
.sb 
{ 
   background: rgb(92, 25, 166); 
   color: rgb(184, 184, 204); 
   font: 12px Verdana, Tahoma, Helvetica, sans-serif; 
   text-decoration: none; 


} 

BODY { margin-top: 0px;} 
HR { position : relative;}



END
Ê Êfont: bolder 20pt Verdana, Arial, Helvetica, sans-serif; 
Ê Êletter-spacing: 4px; 
Ê Êdisplay: block; 
Ê Êborder-bottom: #000000 1px solid; 
Ê Êcolor : 255, 160, 1 
Ê Êbackground: rgb(0,0,0); 
Ê Êtext-align: right; 
Ê Êpadding: 5px;
BODY { margin-top: 0px; top: 0px; }
HR { position : relative;}

 
      
  
 END menu bar 

   

BODY { margin-top: 0px; top: 0px; }
BODY TABLE A IMG { display: inline; }
HR { position: relative; }


BODY { margin-top: 0px; top: 0px; }
BODY TABLE A IMG { display: inline; }
HR { position: relative; }