/******************************* album.pl Style Sheet http://perl.Bobbitt.ca/album *******************************/ /******************************* div definitions (These define the styles of the main "sections" of the album.) *******************************/ /* The entire album "table" */ #album { width: 100%; border: 1px solid #213765; background-color: #000033; } /* The title of the current object */ .title { font-size: 20pt; font-variant: small-caps; background-color:#213765; font-family: Verdana, arial, helvetica, geneva; text-align: left; line-height: 200%; word-spacing: 3px; letter-spacing: 8px; font-weight: bold; text-indent: 5px; color: white; } /* The object's description */ .description { font-family: Verdana, arial, helvetica, geneva; text-align: left; background-color: #213765; font-size: 7pt;} /* Album's title as displayed under it's thumbnail */ .albumsubtitle { font-family: Verdana, arial, helvetica, geneva; text-align: center; font-size: 8pt; display: inline; } /* Photo's title as displayed under it's thumbnail */ .photosubtitle { font-family: Verdana, arial, helvetica, geneva; text-align: center; font-size: 8pt; display: inline; } /* 2nd level titles, such as those used on the upload screen */ .subtitle { font-family: Verdana, arial, helvetica, geneva; text-align: left; font-size: 8pt; font-weight: bold; } /* Horizontal banner used to hold ??? - Light Gray */ .lightbanner { height: 25px; border: 1px solid #213765; background-color: #213765; } /* Horizontal banner used to hold "E-Mail This Page" and views information - Medium Gray */ .medbanner { height: 25px; border: 1px solid #213765; background-color: #213765; } /* Horizontal banner used to hold ??? - Dark Gray */ .darkbanner { height: 25px; border: 1px solid #213765; background-color: #213765; } /* Welcome/Login link/Username */ .login { font-family: Verdana, arial, helvetica, geneva; line-height: 200%; text-align: left; width: 49.99%; font-size: 7pt; display: inline; } /* The login form itself */ .loginform { font-family: Verdana, arial, helvetica, geneva; line-height: 200%; text-align: left; background-color: #000033; width: 65%; font-size: 8pt; } /* Home, Search, Random, Upload, Recent Uploads */ .options { font-family: Verdana, arial, helvetica, geneva; line-height: 200%; width: 50%; text-align: right; font-family: Verdana, arial, helvetica, geneva; font-size: 8pt; font-weight: bold; display: inline; } /* Admin menu */ .admin { font-family: Verdana, arial, helvetica, geneva; background-color: #000033; text-align: center; font-size: 8pt; } /* Used for displaying objects on the Recent Uploads screen */ .recentuploads { font-family: Verdana, arial, helvetica, geneva; line-height: 200%; width: 40%; text-align: left; font-size: 8pt; display: inline; } /* Used for displaying objects on the Most Popular screen */ .popular { font-family: Verdana, arial, helvetica, geneva; line-height: 200%; width: 28%; text-align: left; font-size: 8pt; display: inline; } /* Used for displaying objects on the Recent Uploads screen */ /* Objects will be displayed horizontally. To display vertically, remove "display: inline;" from the class below */ /* Height is the distance between thumbnails when spaced vertically. Width is the distance when spaced horizontally. */ .ssirecentuploads { height: 110px; width: 110px; display: inline; } /* Breadcrumbs */ .bread { font-family: Verdana, arial, helvetica, geneva; line-height: 200%; border: 1px solid #213765; background-color: #000033; text-align: left; font-size: 7pt; } /* Pages, when there's more than 1 */ .pages { font-family: Verdana, arial, helvetica, geneva; line-height: 200%; background-color: #000033; text-align: right; font-size: 8pt; } /* The form to enter descriptions */ .enterdesc { font-family: Verdana, arial, helvetica, geneva; text-align: center; background-color: #000033; } /* The rules for uploading files */ .uploadrules { text-align: left; font-family: Verdana, arial, helvetica, geneva; text-decoration: none; color: #FFFFFF; text-align: center; background-color: #000033;} /* The object itself (I.E. the photo, or an album full of photos) */ .objects { font-family: Verdana, arial, helvetica, geneva; text-align: center; background-color: #000033;} /* The text under each photo's thumbnail */ .photo { font-family: Verdana, arial, helvetica, geneva; text-align: center; font-size: 7pt; } /* The Small/Med/Large and Fullscreen Slideshow links for photos */ .viewing { font-family: Verdana, arial, helvetica, geneva; line-height: 200%; background-color: #000033; text-align: center; font-size: 8pt; } /* The "E-mail this page" link */ .mailto { font-family: Verdana, arial, helvetica, geneva; line-height: 200%; text-align: center; width: 49.99%; font-size: 8pt; display: inline; } /* The text saying how many times this photo has been viewed */ .views { font-family: Verdana, arial, helvetica, geneva; line-height: 200%; width: 100%; text-align: center; font-size: 7pt; display: inline; } /* Ratings */ .ratings { font-family: Verdana, arial, helvetica, geneva; line-height: 200%; text-align: center; font-size: 8pt; background-color: #000033; } /* The e-mail notify form */ .notify { font-family: Verdana, arial, helvetica, geneva; text-align: center; font-size: 8pt; } /* The icon legend at the bottom */ .legend { font-family: Verdana, arial, helvetica, geneva; text-align: center; font-size: 8pt; background-color: #000033; } /* The navigation footer at the bottom. */ .nav1 { font-size: 8pt; font-weight: bold; font-family: Verdana, arial, helvetica,geneva; color: #FFFFFF; text-align: center; background-color: #213765; } /* The navigation footer at the bottom, covers spacing of individual prev/up/next buttons. */ .navwidth { width: 32%; display: inline; float: left; color: #FFFFFF; font-size: 8pt;} /* Group titles (albums or photos/movies) */ .group { font-family: Verdana, arial, helvetica, geneva; text-align: left; font-size: 8pt; } /* Subtext, used for things like the "fine print" on the search form */ .subtext { font-family: Verdana, arial, helvetica, geneva; font-size: 8pt; display: inline; } /* Used to display warnings */ .warning { padding: 10px; border: 3px solid #213765; text-align: center; line-height: 140%; background-color: #FF0000; color: #ffffff; font-size: 8pt; font-weight: bold; } /* Used to display "Missing Style Sheet" warning. Actually, it's used to hide the warning. :) */ .hidden { display: none; } /******************************* table definitions (Used to display the thumbnails of sub albums, movies and photos inside an album.) *******************************/ table { border-color: #213765; } ******************************* image definitions (Used to display the thumbnails of each object type differently.) *******************************/ img.album { border:3px inset; border-color: #213765 #213765 #213765 #213765; } img.thumb { border:3px outset; border-color: #213765 #213765 #213765 #213765; } img.photo { border:0px; } img.movie { border:2px outset; border-color: #213765; border-style: dashed; } img.button { border:0px; vertical-align: middle; color: #FFFFFF;} /******************************* link definitions (Used to display links.) *******************************/ /* Admin menu links */ a.adminlink { } /* User option links */ a.optionslink { } /* Navigation footer links */ a.navlink { } /* Breadcrumbs links */ a.breadlink { } /* Full size photo links */ a.photolink { } /* Pages links */ a.pageslink { } /* Image thimbnail links */ a.imagethumb { } /* Movie thimbnail links */ a.moviethumb { } /* Album thimbnail links */ a.albumthumb { } /******************************* input definitions (Used to display text boxes, input fields, checkboxes, radio buttons, etc...) *******************************/ textarea, select { border:3px inset; background-color: #000033; font-size: 8pt; color: #ffffff; font-family: Verdana, arial, helvetica, geneva; } input.checkbox { border:3px; } A:link {text-decoration: none; color: #66ccff;} A:visited {text-decoration: none; color: #66ccff;} A:hover {text-decoration: none; color: #66ccff; font-style: normal;} BODY .a.nav {text-decoration: none; color: #FFFFFF;} .a.nav:link {text-decoration: none; color: #FFFFFF;} .a.nav:visited {text-decoration: none; color: #FFFFFF;} .a.nav:hover {text-decoration: none; color: #66ccff; font-style: normal; text-decoration: underline} .windowbg {background-color: #213765;} .windowbg2 {background-color: #000033;} .windowbg3 {background-color: #ffffff;} .titlebg {background-color: #213765;} .text1 {font-style: normal; font-weight: bold; font-size: 13px; color: #FFFFFF;} .catbg {background-color: #000033; color: #EEEEEE; font-weight: bold; font-size: 13px;} .bordercolor {background-color: #213765;} .quote {font-size: 10px; font-family: Arial; color: #FFFFFF; background-color: dimgray;} .code {font-size: 10px; font-family: Courier New; color: #000000; background-color: #FFB920;} TD {font-family: Verdana; color: #FFFFFF} input {background-color: #000033; font-family: Verdana; font-size: 10pt; color: #FFFFFF;} textarea {background-color: #000033; font-family: Verdana; font-size: 10pt; color: #FFFFFF;} select {background-color: #000033; font-family: Verdana; font-size: 7pt; color: #FFFFFF;} .newcal1 {background-color: #213765; font-size: 14px} /* Background on Prev and Next Buttons, Name and Entered By on Notice Page, Name on Event Entry Page */ .newcal2 {background-color: #000033;color: white;font-size: 14px} /* Type of Event text on View Event and Edit Event Pages*/ .newcal3 {background-color: #000033;color: white;font-size: 14px} /* Description of Event text on View Event, Search Results, and Edit Event Pages*/ .newcal4 {background-color: white} /* Horizontal line on View Events and Search Results Pages*/ .newcal5 {background-color: #000033} /* Select the Month, Year, View It Now text on main page, */ .newcal6 {background-color: #000033;font-weight:bold} /* Weekdays on Main Calendar Page*/ .newcal7 {background-color: #000033} /* Background color of month view*/ .newcal8 {background-color: #000033} /*Repeat For text on Edit Event Page */ .newcal9 {background-color: #FF0000} /*? */ .newcal10 {background-color: #000033} /*Entered By text on Edit Event Page */ .newcal11 {background-color: #000033} /*Background color for Add Event button area on Edit Event Page*/ .newcal12 {color: white;font-size: 12px} /* Button Text on Prev and Next Buttons*/ .newcal13 {font-size:24px} /*Main page Month name */ .newcal14 {color: #FFFF00;font-size: 14px; font-weight:bold} /*Actual date on Main Calendar and Heading on Search Results Page*/ .newcal15 {color: white;font-size: 14px} /*Dates on Main Calendar */ .newcal16 {color: white;font-size: 24px} /*Name of Calendar on main page*/ .newcal17 {color: white;font-size: 10px} /* Event Names on Main Calendar, Comment "click on event..." on Main Calendar */ .newcal18 {color: white;font-size: 12px} /* Entry Number and Date text on Edit Event Page */ .newcal19 {color: white;font-size: 10px} /* Instructions on Edit Event Page*/ .newcal20 {color: white;font-size: 12px} /* Instructions Heading on Edit Event Page*/ .newcal21 {font-size: 14px} /* Search Text on Main Calendar*/ .newcal22 {font-size: 16px} /* Return to Forum Text on Main Calendar*/ .newcal23 {color: white;font-size: 10px} /* Credits Text*/ .newcal24 {color: white;font-size: 10px} /* Year numbers - no events Text*/ .newcal25 {color: #213765;font-size: 10px;font-weight:bold} /* Year numbers - with events Text*/ .newcal26 {color: white;font-size: 12px} /* Year month names Text*/ .newcal27 {color: #213765;font-size: 10px;font-weight:bold} /* Year numbers - no events - todays date Text*/ .newcal28 {background-color: #213765} /*Year table background */ .newcal29 {background-color: #213765} /*Year month table background */ .newcal30 {background-color: #213765; font-size: 14px} /*Year text*/ .newcal31 {color: white; font-size: 16px} /*Datestring text on View Events Page*/ .newcal32 {color: white; font-size: 16px} /*Title on Edit Events Page*/ .newcal33 {color: white;font-size: 10px} /* Newcal and mini-cal tags - dates with no events*/ .newcal34 {color: #213765;font-size: 10px;font-weight:bold} /*Newcal and mini-cal tags - days with events, not today*/ .newcal35 {color: white;font-size: 12px} /* Newcal and mini-cal tags - Month and Year text*/ .newcal36 {color: #213765;font-size: 10px;font-weight:bold} /* Newcal and mini-cal tags -today*/ .newcal37 {background-color: #213765} /* Newcal and mini-cal tags - month table background*/ .newcal38 {background-color: #213765} /* Newcal and mini-cal tags - Month and Year cell background color*/ .newcal39 {background-color: #000033} /* Newcal and mini-cal tags - date cell background color*/ .newcal40 {color: green; font-size: 10px} /* Newcal and mini-cal tags - date cell background color*/ .pagetable {background-color: #000000; /* This sets the background color of your layout */ width: 100%; /* This will set the overall width of your layout */ } INPUT.text {font-size : 8pt; background-color : #000033; border: thin #213765 solid; color : #FFFFFF;} INPUT.button {font-size : 8pt; font-family: Verdana, arial, helvetica, geneva; background-color : #213765; border: 1px #213765 solid; color : #ffffff;} /*----------Title Box Prefs-----------*/ .myheadertable {background-color: #000033; /* Title block background color */ width: 100%; border: thin solid #213765; border-width: 1px 1px 1px 1px; cellpadding: 0; cellspacing: 0;} .searchbutton {background-color: #213765; /* This will change the color of your search button */ border: thin #213765 solid; color: #ffffff; /* This will change the color of the text on the search button */ font-size: 7pt; font-family: Verdana, arial, helvetica, geneva;} A.helps:link {color: #ffffff; font-size: 8pt; text-decoration: none; cursor:help; font-family: Verdana, arial, helvetica, geneva;} A.helps:visited {color: #ffffff; font-size: 8pt; text-decoration: none; font-family: Verdana, arial, helvetica, geneva;} A.helps:active {color: #ffffff; font-size: 8pt; text-decoration: none; font-family: Verdana, arial, helvetica, geneva;} A.helps:hover {color: #213765; font-size: 8pt; text-decoration: underline overline; font-family: Verdana, arial, helvetica, geneva;} /*-----------Navagation Bar Prefs-----------*/ .navbar {background-color: #213765; border-top: thin solid #213765; /* Top border thickness/style/color of this block */ border-right: thin solid #213765; /* Right border thickness/style/color of this block */ border-left: thin solid #213765; /* Left border thickness/style/color of this block */ border-bottom: thin solid #213765; /* Bottom border thickness/style/color of this block */ border-width: 1px 1px 1px 1px;} A.nav:link {color: #ffffff; font-weight: bold; font-size: 8pt; text-decoration: none; font-family: Verdana, arial, helvetica, geneva;} A.nav:visited {color: #ffffff; font-weight: bold; font-size: 8pt; text-decoration: none; font-family: Verdana, arial, helvetica, geneva;} A.nav:active {color: #ffffff; font-weight: bold; font-size: 8pt; text-decoration: none; font-family: Verdana, arial, helvetica, geneva;} A.nav:hover {color: #66ccff; font-weight: bold; font-size: 8pt; text-decoration: none; font-family: Verdana, arial, helvetica, geneva;} /*-----------Banner Prefs-----------*/ .bannertable {background-color: #000033; width: 100%; cellpadding: 0; cellspacing: 0;} .bannertext {font-size: 0pt;} .bannertexttitle {font-size: 8pt; text-decoration: none; font-family: Verdana, arial, helvetica, geneva;} A.bannerlink:link {font-size: 0pt; text-decoration: none;} A.bannerlink:visited {font-size: 0pt; text-decoration: none; font-family: Verdana, arial, helvetica, geneva;} A.bannerlink:active {font-size: 0pt; text-decoration: none; font-family: Verdana, arial, helvetica, geneva;} A.bannerlink:hover {font-size: 0pt; text-decoration: underline overline; font-family: Verdana, arial, helvetica, geneva;} /*-----------Menu Prefs-----------*/ .menutable {background-color: #213765; /* Background color of your titles */ /* border-top: thin solid #213765; *//* Top border thickness/style/color of this block */ /* border-right: thin solid #213765;*/ /* Right border thickness/style/color of this block */ /* border-left: thin solid #213765;*/ /* Left border thickness/style/color of this block */ /* border-bottom: thin solid #213765;*/ /* Bottom border thickness/style/color of this block */ /* border-width: 0px 0px 0px 0px;*/ color: #ffffff; /* Text color of your titles */ font-weight: bold; /* Style of the title texts */ font-size: 10pt; /* size of the title texts */ font-family: Verdana, arial, helvetica, geneva; /* font for your title texts */} .menubordercolor { /* This border surrounds the content of each block under it's titleblock */ border-top: thin solid #213765; /* Top border thickness/style/color of this block */ border-right: thin solid #213765; /* Right border thickness/style/color of this block */ border-left: thin solid #213765; /* Left border thickness/style/color of this block */ border-bottom: thin solid #213765; /* Bottom border thickness/style/color of this block */ border-width: 1px 1px 1px 1px;} .menubackcolor {background-color: #000033; /* Background color for all content blocks under each titleblock */ border-top: thin solid #213765; /* Top border thickness/style/color of this block */ border-right: thin solid #213765; /* Right border thickness/style/color of this block */ border-left: thin solid #213765; /* Left border thickness/style/color of this block */ border-bottom: thin solid #213765; /* Bottom border thickness/style/color of this block */ border-width: 1px 1px 1px 1px;} /*-----------Text Prefs-----------*/ .text {color: #ffffff; font-size: 6pt; font-family: Verdana, arial, helvetica, geneva;} .textsmall {color: #ffffff; font-size: 6pt; font-family: Verdana, arial, helvetica, geneva;} .texttitle {color: #ffffff; font-weight: bold; font-size: 6pt; font-family: Verdana, arial, helvetica, geneva;} .time {color: #ffffff; font-size: 10pt; font-family: Verdana, arial, helvetica, geneva;} /*-----------Helps Nav Prefs-----------*/ .helpsnavtable { /* these setting are for the small block at the bottom of webapp, "help contact stats" etc... */ background-color: #000033; /* background color */ width: 100%; border-top: thin solid #213765; /* Top border thickness/style/color of this block */ border-right: thin solid #213765; /* Right border thickness/style/color of this block */ border-left: thin solid #213765; /* Left border thickness/style/color of this block */ border-bottom: thin solid #213765; /* Bottom border thickness/style/color of this block */ border-width: 1px 1px 1px 1px;} .helpsnavtext {color: #ffffff; font-size: 7pt; font-family: Verdana, arial, helvetica, geneva;} .helpsnavtexttitle {color: #ffffff; font-weight: bold; font-size: 7pt; font-family: Verdana, arial, helvetica, geneva;} A.helpsnavlink:link {color: #ffffff; font-size: 7pt; text-decoration: none; font-family: Verdana, arial, helvetica, geneva;} A.helpsnavlink:visited {color: #ffffff; font-size: 7pt; text-decoration: none; font-family: Verdana, arial, helvetica, geneva;} A.helpsnavlink:active {color: #ffffff; font-size: 7pt; text-decoration: none; font-family: Verdana, arial, helvetica, geneva;} A.helpsnavlink:hover {color: #213765; font-size: 7pt; text-decoration: underline overline; font-family: Verdana, arial, helvetica, geneva;} /*-----------Other Prefs-----------*/ P {font-size: 10pt; text-color: #ffffff; font-family: Verdana, arial, helvetica, geneva;} .portalpage { background-color: #000000; } .portalpage * { font-size: 8pt; } .portalpage a, b { padding: 0; } .portalpage input { background-color: #000033; } .portal { width: 89%; margin: 5%; } .portal * { padding: 0px; } .portalwide { width: 100%; } .portalwide * { padding: 2px; } .portalwide td * { padding: 0px; } .portalrow { text-align: center; vertical-align: top; } .portalitem, .news { background-color: #000000; } .portalitem { width: 100%; } .portalitem, .news { border: 1px solid #213765; } .portalitem td, .news td { background-color: #000033; } td.heading, td.title { font-weight: bold; background-color: #213765; } .head { vertical-align: middle; } .views { text-align: left; } .comments { text-align: right; }