CSS - https://www.pbase.com/arjunrc/nightscapes

    * Collapse All
    * Expand All

https://www.pbase.com/arjunrc/nightscapes
https://i.pbase.com/styles/gallery2.css

BODY {
  font-family	: arial,verdana,sans-serif;

}
BODY{
  color		:	black;
  background	:	white;
  margin:	0;
  padding: 	0;
}
A {
text-decoration	:	none;
}

A:link          { color:#2845b1; }
A:active        { color:#85ae83; }
A:visited       { color:#404863; }
A:hover         { color:#2b2097; }

A.header:link          { color:#bbbbff; }
A.header:active        { color:#d5ae83; }
A.header:visited       { color:#bbbbff; }
A.header:hover         { color:#ffaa27; }

h3 {
  margin-left: auto;
  margin-right: auto;
}

.sp {
        font-size:20pt;
        font-weight : bold;
        color : #ffffff;
        background-color : #555599;
}
.ma {
        font-size:14pt;
        font-weight : bold;
        color : #ffffff;
        background-color : #7777bb;
}
.sb {
        font-size:12pt;
        font-weight : bold;
        color : #000000;
        background-color : #9999dd;
}
.mi {
        font-size:10pt;
        color : #ffffff;
        background-color : #9999dd;
}
.co {
        color : #ffffff;
        background-color : #9999dd;
}
.me {
	text-align : left;
	color : #000000;
	background-color : #ffffff;
}
	

.small {
	font-size: 9pt;
}

#linkedsubgalleries {
	text-align: center;
}
#linkedsubgalleries .current {
	font-weight: bold;
}
#linkedsubgalleries .other{
	font-style: italic;
}

#slideshow td {
	text-align: right;
}

#slideshow a {
	font-weight: bold;
}

#localmenu a {
	font-weight: bold;
}


.date,.artist {
	font-size: 9pt;
	font-weight: normal;
}

#imageinfo {
	text-align: center;
}

#commentlist {
	margin-left: 20px;
	margin-right: 20px;
}
#commentlist .comment {
	margin-bottom: 3px;
	border-width: 0px;
	border-style: solid;
        border-color: #666666;
	padding: 1px;
}

#commentlist table.comment {
	width: 95%;
}

#commentlist .head {
        font-size: 15px;
}
#commentlist .from {
        font-weight: bold;
        padding: 1px;
}
#commentlist .commands {
        text-align: center;
        font-size: 11px;
}
#commentlist .date {
        padding: 1px;
}
                                                                                
#commentlist .message_body {
	font-size: 14px;
        padding: 1px;
}
#commententry {
	margin-left: 20px;
	margin-right: 20px;
}


.title {
	font-size: 14pt;
	font-weight: bold;
	text-align: center;
}
.location{
	font-size: 12pt;
	text-align: center;
}

.caption {
}


.techinfo {
	font-size: 10pt;
}
.camera {
	font-style: italic;
}

.copyright {
	font-size: 9pt;
	font-weight: bold;
}

.lid { color : #000000; background-color : #dddddd; }
.lil { color : #000000; background-color : #eeeeee; }

.error { color: #FF0000; }

.bordered {
        border-style : solid;
        border-color : #440808;
        border-width: 2pt;
}

TD.thumbnail {
  vertical-align : top;
}

.highlight {
  background : #FFFFDD;
  padding : 5px;
  border : solid #CCCCAA 1px;
}

.wbh { font-size: 16pt; font-weight: bold; color: #FFFFFF; background-color: #7777BB}
.wb { font-size: 12pt; color: #000000; background-color: #FFFFFF; font-weight: normal}
.swbh {font-size: 12pt; font-weight: bold; color: #FFFFFF ; background-color: #7777BB}
.datafield { font-size: 10pt; color: #000000; background-color: #EFEFFF}

/* PBase box rounded - BEGIN */
.pb_rcorners {
  margin : auto;
}
.pb_rcorners .head, .pb_rcorners .head .c, .pb_rcorners .foot, .pb_rcorners .foot .c {
        height: 20px;
}
.pb_rcorners .body .c {
        padding: 0 1em;
}
.pb_rcorners .box_title {
        margin : 0px;
        padding : 0px 2px 0px 2px;
}
SPAN.box_title {
        position : relative;
        top : -1.5em;
        color : #555599;                                                                                                                                                                      background : white;                                                                                                                                                                   font-weight : bold;
        font-size : 1.3em;
}

/* HEAD */
.pb_rcorners .head {
	background: url(https://i.pbase.com/site/pblue_tl.gif) no-repeat left;
}
.pb_rcorners .head .c {
	background: url(https://i.pbase.com/site/pblue_tr.gif) no-repeat right;
}
/* BODY */
.pb_rcorners .body {
	background: url(https://i.pbase.com/site/pblue_ml.gif) repeat-y 0px 0px;
}
.pb_rcorners .body .c {
	background: url(https://i.pbase.com/site/pblue_mr.gif) repeat-y right 0px;
}
/* FOOT */
.pb_rcorners .foot {
	background: url() no-repeat left;
}
.pb_rcorners .foot .c {
	background: url(https://i.pbase.com/site/pblue_br.gif) no-repeat right;
}
/* PBase box rounded - END */







https://css.pbase.com/styles/33106.css

/* ====================================================

   Stylesheet Name: arjun

   Last Edited: Wed, April 27,2005

   Got bored of black styles.

   Inspired by Ian Chappell's simple white style.

   Used webdevs thumbnail positioning to avoid cross

   browser issues.



   If you borrow  from this CSS, I would appreciate

   you crediting this page. 

   Thanks.



                                -Arjun Roychowdhury

   ==================================================== */



/* --- simple code to hide the menu -- */

body table td a img { display:none;} 

.thumbnails table img {display:none;}

table img {display:block;}

.display,.display img {display:block;}

.thumbnails table,.thumbnails table img, .display,p.small{ 

display: inline; }

body table#inline_slideshow td a img {display:inline;}



/* ----------------------------------- */





/* --------------------------------------------

    General Styles

   -------------------------------------------- */



/* This is what I call the 'mothership' style changer.

  It effectively nullifies any styles default pbase

  may use. Subsequent styles then refine each parameter */





div,th,tr,table,li,ul,form,

blockquote,p,b,i,h4,h5,center,title

{

        border: 0px;

        color: rgb(140,140,140);

        font: 11px verdana, arial, sans-serif;



}



font 

{

        display: block;

        font: 11px Verdana, Tahoma, Helvetica, sans-serif;

        letter-spacing: 0px;

      

}



a, a:link,a:visited,a:active 

{

        color: rgb(26, 26, 26);

        text-decoration: none;



}

a:hover 

{

        color: rgb(215, 215, 215);

        text-decoration: none;

}



/* my own definition of emphasis */

strong

{

 font-weight:normal;  

 text-decoration:underline;

 color: rgb(175,175,175);

}   





.location

{

  font: 11px Verdana, Tahoma, Helvetica, sans-serif;

  color:rgb(128,128,128);

  font-weight:bold;

}  





.theme

{

  font: 11px Verdana, Tahoma, Helvetica, sans-serif;

  color:rgb(0,64,128);

  font-weight:bold;

}  



.artist

{

  font: 9px Verdana, Tahoma, Helvetica, sans-serif;

  color:rgb(150,150,150);

}  





/* --------------------------------------------

    Thumbnail Styles

   -------------------------------------------- */

/* I do not want my root gallery thumbnail text to show */

/* If you are copying my sheet, you may want to disable this */

/*.thumbnail b {display:none;}*/



/* This is to ensure that long texts in thumbnails are 

   wrapped around. Different browsers do it differently */

td.thumbnail font

{

        white-space: -moz-pre-wrap; /* Mozilla*/

        white-space: -pre-wrap; /* Opera 4 - 6 */

        white-space: -o-pre-wrap; /* Opera 7 */

        white-space: pre-wrap; /* CSS3  */

        word-wrap: break-word; /* IE 5.5+ */

}





td.thumbnail 

{ 

        padding: 2px; height: 207px;

        /* dont forget to add width here else text wrapping

         in mozilla will not work - since this is the parent

         class */

        width: 172px;

      

}



a.thumbnail, a.thumbnail:link, a.thumbnail:visited, a.thumbnail:active 

{ 



     /*border: rgb(216,216,216) 1px solid; */

     border: rgb(255,255,255) 1px solid;   

     margin-bottom: -40px; 

     padding-top: 5px; 

     width: 172px; 

     display: block; 

     height: 197px; 

     -moz-border-radius-bottomright: 10px; 

     -moz-border-radius-topleft: 10px; 





}





a.thumbnail:hover		

{    border: rgb(255,255,255) 1px solid;

     

}





table.thumbnail 

{

        width: 10%;

}









/* --------------------------------------------

    Image Styles

   -------------------------------------------- */

img

{

       border: rgb(235, 235, 235) 1px none;

} 



img.thumbnail 

{

/*        border: rgb(255,255,255) 1px solid;*/

        /* margin: 0px;

        padding: 0px;*/

        /*background: rgb(175, 175, 175);*/

        vertical-align: middle;

        display:block;

}



/* --------------------------------------------



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