/********************************************************************************** global.css Copyright (c) 2005 Mark A. Taff Licensed under the GNU GPL, version 2 PURPOSE: Use this file to define basic presentation data that applies to the whole site, such as default font properties, default hyperlink properties, etc. ***********************************************************************************/ /* Hidden class, used for invisible items */ .doNotDisplay { visibility: hidden; display: none; } img { border: none; vertical-align: middle; } acronym, abbr { border-bottom: black dotted 1px; } /* Default values for tag */ body { background-color: #FFFFFF; /*#7E8286;*/ background-image: url(../../images/bg/bg_white.gif); font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; text-align: center; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } /* This class defines the container for the main page, i.e. everything inside the grey backgound */ .pageContainer { background-color: #FFFFFF; background-image: url(../../images/bg/bg_white.gif); /* width: 785px; */ font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; text-align: center; padding: 0px 0px 0px 0px; /* BUG: "overflow: hidden" fixes IE header drawing issues, but stops photoViewer from being side-ways scrollable. "overflow: none" fixes the latter, but what does it do to the former? It actually stops *all* pages from being sideways scrollable when content overflows. SOLUTION: Do not put an overflow property here!!! */ width: 100%; } /* This id deifnes the right-hand sidebar on my homepage */ #homeSidebar { margin: 5px; padding: 3px; width: 155px; float: right; } /* This id deifnes the main column on my homepage */ #mainContent { padding: 3px; float:none; /* margin: 5px; */ margin: 5px 175px 5px 5px; /* margin-right: 175px; /* Don't hide my sidebar */ } /* Suppport container properties */ .supportContainer { border-width: 1px; border-color: #ccc; border-style: dotted; text-align: center; padding: 10px; } /* Support title propeties */ .support { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: black; font-weight: normal; text-align: center; margin-top: 0px; margin-bottom: 0px; } /* Support tagline propeties */ .supportTagline { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: black; font-weight: normal; text-align: justify; margin-top: 3px; } /* separtor class */ .sidebarSeparator { border-bottom:1px dotted #ccc; } /* Default anchor (hyperlink) properties */ a { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: black; text-decoration: none; } /* Default list item properties */ li { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: black; text-decoration: none; padding-left: 1px; padding-right: 1px; padding-top: 2px; padding-bottom: 2px; } /* Default anchor properties on mouseover */ a:hover { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: black; background-color: #FFFFFF; text-decoration: underline; } /* Default table properties */ table { font-family: Verdana, Arial, sans-serif; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } /* Global class suitable for footnotes */ .footnote { font-family: Times, serif; font-size: 9px; color: black; font-weight: normal; } /* Global class for copyright notice and other legalese */ .copyright { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #bdbebd; font-weight: normal; text-align: right; padding-left: 3px; padding-right: 3px; border: none; } /* Default text properties, suitable for the bulk of the sites's text. */ .text { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: black; font-weight: normal; text-align: left; margin-left: 10px; line-height: 1.7em; } /* Default code properties. */ .myCode { font-family: Courier, monospace; font-size: 12px; color: black; font-weight: normal; text-align: left; } /* Default code block properties. */ .codeBlock { margin-left: 15px; margin-right: 15px; padding: 10px; background-color: #ffffde; border-width: 2px; border-color: black; border-style: inset; } /* Properties for text name of URL not found. */ .notFoundURL { font-family: Verdana, Arial, sans-serif; font-size: 14px; color: #a4b2c5; font-weight: normal; text-align: left; margin-left: 0px; } /* Default content link properties. */ .contentLink { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: black; font-weight: normal; text-align: left; text-decoration: underline; padding: 2px; } /* Default content link properties. */ .contentLink:hover { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: black; font-weight: normal; text-align: left; text-decoration: none; background-color: #ffff94; padding: 2px; } /* Default content link w/icon properties. */ .contentIconLink { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: black; font-weight: normal; text-align: left; text-decoration: none; padding: 2px; } /* Default content link w/icon properties. */ .contentIconLink:hover { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: black; font-weight: normal; text-align: left; text-decoration: none; background-color: #ffff94; padding: 2px; } /* Page title properties. */ .pageTitle, .collectionTitle { font-family: "Trebuchet Ms", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 19px; color: #a4b2c5; font-weight: bold; padding: 3px; margin-left: 25px; } /* Sitemap directory item properties. */ .siteMapDirectory { font-family: "Trebuchet Ms", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #a4b2c5; font-weight: bold; padding: 3px; margin-left: 0px; vertical-align: top; } /* Container for software items on about_this_page properties. */ .softwareContainer { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: black; font-weight: normal; text-align: left; margin-left: 10px; } /* Table of Contents items for software index page properties. */ .softwareTOC { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: black; font-weight: normal; text-align: left; margin-left: 10px; padding: 3px; /* margin-top: 10px; margin-bottom: 10px; */ margin-right: 10px; } /* Software title heading properties. */ .softwareTitle { font-family: "Trebuchet Ms", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color: #a4b2c5; font-weight: bold; padding: 3px; margin-left: 0px; vertical-align: top; } /* Software blurb properties. */ .softwareBlurb { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: black; font-weight: normal; text-align: justify; margin-left: 68px; margin-right: 10px; } /* Software blurb properties. */ .softwareBlurbContainer { text-align: left; margin-left: 4px; /*text-align: justify;*/ } /* Software link properties */ .softwareLink { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: black; font-weight: normal; padding: 3px; vertical-align: middle; float: left; } /* Software link properties on hover */ .softwareLink:hover { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: black; font-weight: normal; text-decoration: none; padding: 3px; background-color: #ffff94; vertical-align: middle; } /* Menu text properties. */ .menuBarText { font-family: Verdana, Arial, sans-serif; /* "Trebuchet MS", */ font-size: 12px; color: black; font-weight: normal; padding: 3px; } /* Menubar link properties */ .menuBarLink { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: black; font-weight: normal; padding: 3px; vertical-align: middle; } /* Menubar link properties on hover */ .menuBarLink:hover { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: black; font-weight: normal; text-decoration: none; padding: 3px; background-color: #ffff94; vertical-align: middle; } /* Menubar link icon properties */ .menuBarLinkIcon { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: black; font-weight: normal; padding: 0px; vertical-align: middle; border: none; } /* Menubar link icon properties on hover */ .menuBarLinkIcon:hover { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: black; font-weight: normal; text-decoration: none; padding: 0px; background-color: #ffff94; vertical-align: middle; border: none; } /* Container for the top menubar. */ .topMenuBarContainer { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: black; font-weight: normal; text-decoration: none; text-align: left; background-color: #eeeeee; margin: 0px; padding: 0px; /* IE likes the overflow & clear: both; with width or height specified for it to adhere to the CSS standard. See: http://www.quirksmode.org/css/clearing.html */ overflow: hidden; width: 100%; height: 100%; /*clear: right;*/ } /* Container for the top menubar. */ .bottomMenuBarContainer { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: black; font-weight: normal; text-decoration: none; text-align: left; background-color: #eeeeee; margin: 0px; padding: 0px; /* IE likes the overflow & clear: both; with width or height specified for it to adhere to the CSS standard. See: http://www.quirksmode.org/css/clearing.html */ overflow: hidden; width: 100%; /*height: 100%;*/ clear: both; } /* Left side of footer */ .footerLeft { float: left; padding-left: 3px; clear: both; } /* Right side of footer */ .footerRight { float: right; padding-right: 3px; clear: both; } /* Links in footer */ .footerLink { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #bdbebd; font-weight: normal; text-align: right; } /* Links in footer */ .footerLink:hover { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #bdbebd; font-weight: normal; text-align: right; } /* Container for logo */ .logoContainer { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #FFFFFF; font-weight: normal; text-align: left; margin: 0px 0px 0px 0px; padding: 3px 3px 3px 3px; } /* Website title */ .siteTitle { font-family: Verdana, Arial, sans-serif; font-size: 26px; color: black; font-weight: bold; text-align: left; padding-top: 15px; padding-right: 0px; padding-bottom: 0px; padding-left: 3px; } /* Website title on hover*/ .siteTitle:hover { font-family: Verdana, Arial, sans-serif; font-size: 26px; color: black; font-weight: bold; text-align: left; padding-top: 15px; padding-right: 0px; padding-bottom: 0px; padding-left: 3px; text-decoration: none; } /* Location properties */ .location { font-family: Verdana, Arial, sans-serif; font-size: 13px; color: #0013BB; font-weight: normal; text-align: left; padding-top: 0px; padding-right: 0px; padding-bottom: 3px; padding-left: 8px; } /* Location label properties */ .locationLabel { font-family: Verdana, Arial, sans-serif; font-size: 13px; color: black; font-weight: bold; text-align: left; padding-top: 0px; padding-right: 5px; padding-bottom: 3px; padding-left: 8px; } /* Location link properties */ .locationLink { font-family: Verdana, Arial, sans-serif; font-size: 13px; color: #0013BB; font-weight: normal; text-align: left; padding: 2px; } /* Location link on hover properties */ .locationLink:hover { font-family: Verdana, Arial, sans-serif; font-size: 13px; color: #0013BB; font-weight: normal; text-align: left; text-decoration: none; background-color: #ffff94; } /* Footer icon properties */ .footerIcon { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: black; font-weight: normal; padding: 0px; vertical-align: middle; border: none; } /* Logo image properties */ .logoImage { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: black; font-weight: normal; padding: 0px; vertical-align: middle; border: none; } /* Google Logo */ .googleLogo { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: black; font-weight: normal; /* padding: 2px; */ vertical-align: middle; padding: 2px 2px 2px 2px; margin: 0px 0px 0px 0px; border: none; } /* Search Container properties */ .searchContainer { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: black; font-weight: normal; padding: 0px 0px 0px 0px; margin: 8px 5px 8px 5px; vertical-align: middle; border: none; float: right; } /* Search properties */ .searchForm { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: black; font-weight: normal; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; vertical-align: middle; border: none; text-align: center; } /* cc-gnu-gpl license block properties */ .licenseBar { text-align: right; padding: 3px 10px 3px 10px; clear: both; } .gplLink { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: black; } /* Container for the top pagination bar. */ .topPaginationBarContainer { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: black; font-weight: normal; text-decoration: none; text-align: center; /* background-color: #eeeeee; */ margin: 10px 50px 10px 50px; padding: 0px; clear: both; } /* Pagination text properties. */ .paginationBarText { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: black; font-weight: normal; padding: 3px; vertical-align: middle; } /* Pagination bar link properties */ .paginationBarLink { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: black; font-weight: normal; padding: 3px; vertical-align: middle; } /* Pagination bar link properties on hover */ .paginationBarLink:hover { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: black; font-weight: normal; text-decoration: none; padding: 3px; background-color: #ffff94; vertical-align: middle; } /* Paginationbar link icon properties */ .paginationBarLinkIcon { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: black; font-weight: normal; padding: 0px; vertical-align: middle; border: none; } /* Paginationbar link icon properties on hover */ .paginationBarLinkIcon:hover { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: black; font-weight: normal; text-decoration: none; padding: 0px; background-color: #ffff94; vertical-align: middle; border: none; } /* Container for the global banner */ .bannerContainer { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: black; font-weight: normal; text-decoration: none; text-align: left; background-color: #ffffba; border: 1px black solid; margin: 5px 5px 5px 5px; overflow: hidden; height: 100%; clear: both; } /* Global banner text properties. */ .globalBannerText { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: black; font-weight: normal; padding: 3px 3px 3px 3px; margin: 2px 2px 2px 2px; vertical-align: top; text-align: left; } /* Global banner icon properties */ .globalBannerIcon { /* font-family: Verdana, Arial, sans-serif; font-size: 12px; color: black; font-weight: normal;*/ padding: 3px 3px 3px 3px; margin: 2px 2px 2px 2px; vertical-align: top; text-align: left; border: none; float: left; } /* Container for about_me image */ .bioImageContainer { padding: 5px 5px 5px 5px; margin: 10px 10px 10px 10px; border: 1px #ccc solid; } /* about_me image */ .bioImage { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } /* Caption for about_me image */ .bioImageCaption { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: black; font-weight: normal; padding: 3px 0px 3px 0px; margin: 0px 0px 0px 0px; vertical-align: top; text-align: left; } /********************************************************************************** photos.css Copyright (c) 2005 Mark A. Taff Licensed under the GNU GPL, version 2 PURPOSE: Use this file to define presentation data unique to photo page(s) You must overload any properties defined in global.css that need to be differrent than the global values. ***********************************************************************************/ .caption { font-size: 12px; padding: 10px; margin-top: 10px; background: #ffff94; text-align: left; } .exifLabel { font-size: 10px; font-weight: bold; background: #ffff94; text-align: left; } .exifValue { font-size: 10px; font-weight: normal; background: #ffff94; text-align: left; } .imageDetails, .imageDetails td, .imageDetails tr, .imageDetails table, .imageDetails div { font-size: 10px; font-weight: normal; background: #ffff94; text-align: left; /*width: 500px;*/ } .thumbViewLabel { font-size: 10px; font-weight: normal; /*background: #ffff94;*/ text-align: center; } .thumbnailImage { border: 1px solid black; text-align: left; } /* Default photo link properties. */ .photoLink { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: white; font-weight: normal; text-align: left; text-decoration: none; padding: 2px; } /* Default content link properties. */ .photoLink:hover { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: black; font-weight: normal; text-align: left; text-decoration: underline; background-color: #ffff94; padding: 2px; } .moreLink { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: black; font-weight: normal; text-align: left; text-decoration: none; padding: 2px; } /* Default content link properties. */ .moreLink:hover { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: black; font-weight: normal; text-align: left; text-decoration: none; background-color: #ffff94; padding: 2px; } .overlibHide { /* Used to force overlib to hide the popup on mouseover or mouseout */ font-family: Verdana, Arial, sans-serif; font-size: 12px; color: black; font-weight: normal; text-align: left; text-decoration: none; padding: 2px; } /* Default content link properties. */ .overlibHide:hover { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: black; font-weight: normal; text-align: left; text-decoration: none; /*background-color: #ffff94;*/ padding: 2px; } .thumbLink { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: black; font-weight: normal; text-align: left; text-decoration: none; padding: 2px; } .thumbViewItem { float: left; margin: 10px; /*text-align: left;*/ } .galleryIndexThumbnailImage { border: 1px solid black; float: left; clear: right; padding: 0px 0px 0px 0px; } .galleryIndexItemBlurb { float: left; } .galleryIndexItem { text-align: left; margin: 10px; width: 90%; clear: both; padding: 10px 0px 10px 0px; } .galleryIndexItemHeading { font-family: "Trebuchet MS", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 19px; color: #a4b2c5; font-weight: bold; text-align: left; padding: 3px 3px 3px 3px; margin: 0px 0px 0px 10px; } .galleryIndexItemDetails { font-size: 10px; font-weight: normal; text-align: left; padding: 3px 3px 3px 3px; margin: 0px 0px 0px 10px; } /* Default content link properties. */ .thumbLink:hover { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: black; font-weight: normal; text-align: left; text-decoration: none; background-color: #ffff94; padding: 2px; } .photo { padding-left: 20px; padding-right: 20px; padding-top: 10px; padding-bottom: 10px; background: black; } .imageTable { padding-left: 20px; padding-right: 20px; padding-top: 10px; padding-bottom: 10px; background: black; } .imageContainer { padding-left: 10px; padding-right: 10px; background: black; float: left; } /********************************************************************************** wallpaper.css Copyright (c) 2005 Mark A. Taff Licensed under the GNU GPL, version 2 PURPOSE: Use this file to define presentation data unique to photo page(s) You must overload any properties defined in global.css that need to be differrent than the global values. ***********************************************************************************/ /* .wallpaperTable { padding-left: 20px; padding-right: 20px; padding-top: 10px; padding-bottom: 10px; border: 1px solid black; } */ #selectedCollection, #collection:hover { padding: 5px 5px 5px 5px; margin: 5px 5px 5px 5px; border: black 1px solid; color: black; background: #ffff94; float: left; } #collection { padding: 5px 5px 5px 5px; margin: 5px 5px 5px 5px; border: black 1px solid; color: black; background: white; float: left; } #collectionBar { text-align: center; width: 100%; clear: both; overflow: hidden; } .collectionLink { text-decoration: none; } .collectionTitle:hover { background: #ffff94; text-decoration: none; } .wallpaperContainer { float: left; } .wallpaperLink { font-family: Verdana, Arial, sans-serif; font-size: 1em; color: black; font-weight: normal; padding: 1px 3px 1px 3px; vertical-align: middle; } .wallpaperLink:hover { font-family: Verdana, Arial, sans-serif; font-size: 1em; color: black; font-weight: normal; text-decoration: underline; padding: 1px 3px 1px 3px; background-color: #ffff94; vertical-align: middle; } .wallpaperPreviewPhoto { border: 1px solid black; margin: 10px; text-align: left; } .wallpaperTable { border: 1px solid #ccc; margin: 10px; border-collapse: collapse; text-align: left; } .wallpaperTableCaption { text-decoration: none; font-weight: bold; font-size: 2em; color: #a4b2c5; } .wallpaperTableHeading { background-color: #ccc; padding: 0px 0px 0px 5px; text-align: center; } #Ratio_4-3, #Ratio_3-4 { background-color: #ff6164; vertical-align: top; border-bottom: 2px solid red; padding: 5px 0px 0px 5px; text-align: center; } #Ratio_5-4, #Ratio_4-5 { background-color: #badbff; vertical-align: top; border-bottom: 2px solid blue; padding: 5px 0px 0px 5px; text-align: center; } #Ratio_25-16 { background-color: #ceffc7; border-bottom: 2px solid green; vertical-align: top; padding: 5px 0px 0px 5px; text-align: center; } #Ratio_16-10 { background-color: #ffff94; border-bottom: 2px solid yellow; vertical-align: top; padding: 5px 0px 0px 5px; text-align: center; } .evenRow { background-color: white; border-bottom: 1px solid gray; padding: 2px 2px 2px 5px; text-align: center; /* border-bottom: 1px solid gray;*/ } .oddRow { background-color: #eeeeee; border-bottom: 1px solid gray; padding: 2px 2px 2px 5px; text-align: center; /* border-bottom: 1px solid gray;*/ } .evenCell { background-color: white; padding: 2px 2px 2px 5px; text-align: center; /* border-bottom: 1px solid red;*/ } .oddCell { background-color: #eeeeee; padding: 2px 2px 2px 5px; text-align: center; /*border-bottom: 1px solid red;*/ } /* * Music collection styles */ .album-header:hover { color: HighlightText; background-color: Highlight; cursor: pointer; } .album-header:hover a { color: HighlightText; background-color: Highlight; cursor: pointer; } .album-body { background-color: transparent; border-bottom: 1px solid ButtonShadow; border-top: none; } .album-title { font-weight: bold; } .album-info { float:right; padding-right:4px; font-size: 13px; } .album-song { display: block; padding: 1px 2px; font-weight: normal; text-decoration: none; } .album-song:hover { color: HighlightText; background-color: Highlight; } .album-song a { display: block; padding: 1px 2px; font-weight: normal; text-decoration: none; } .album-song a:hover { color: HighlightText; background-color: Highlight; } .album-song-trackno { text-align: right; width: 2em; display: block; float: left; font-weight: bold; } .album-cover { margin: 5px 5px 5px 5px; border: 1px solid black; } /* * Portfolio */ .portfolioBanner { } .adBorder { border: 1px black solid; } /* * CCS for PEAR Text/Highlighter */ .text_highlighter { text-align: left; font-family: Courier, monospace; font-size: 11pt; } .text_highlighter li { white-space: pre; text-align: left; font-family: Courier, monospace; font-size: 11pt; margin: 0px 0px 0px 10px; } .hl-default { color: Black; text-align: left; font-family: Courier, monospace; font-size: 11pt; } .hl-code { color: Gray; text-align: left; font-family: Courier, monospace; font-size: 11pt; } .hl-brackets { color: Olive; text-align: left; font-family: Courier, monospace; font-size: 11pt; } .hl-comment, .hl-mlcomment { color: Orange; text-align: left; font-family: Courier, monospace; font-size: 11pt; } .hl-quotes { color: Darkred; text-align: left; font-family: Courier, monospace; font-size: 11pt; } .hl-string { color: Red; text-align: left; font-family: Courier, monospace; font-size: 11pt; } .hl-identifier { color: Blue; text-align: left; font-family: Courier, monospace; font-size: 11pt; } .hl-builtin { color: Teal; text-align: left; font-family: Courier, monospace; font-size: 11pt; } .hl-reserved { color: Green; text-align: left; font-family: Courier, monospace; font-size: 11pt; } .hl-inlinedoc { color: Blue; text-align: left; font-family: Courier, monospace; font-size: 11pt; } .hl-var { color: Darkblue; text-align: left; font-family: Courier, monospace; font-size: 11pt; } .hl-url { color: Blue; text-align: left; font-family: Courier, monospace; font-size: 11pt; } .hl-special { color: Navy; text-align: left; font-family: Courier, monospace; font-size: 11pt; } .hl-number { color: Maroon; text-align: left; font-family: Courier, monospace; font-size: 11pt; } .hl-inlinetags { color: Blue; text-align: left; font-family: Courier, monospace; font-size: 11pt; } .hl-main { border: solid 1px grey; background-color: #E3E3E3; margin: 10px 10px 10px 10px; } .hl-gutter { background-color: #E3E3E3; /* #999999*/ color: White; text-align: left; font-family: Courier, monospace; font-size: 11pt; } .hl-table { text-align: left; font-family: Courier, monospace; font-size: 11pt; }======= /********************************************************************************** global.css Copyright (c) 2005 Mark A. Taff Licensed under the GNU GPL, version 2 PURPOSE: Use this file to define basic presentation data that applies to the whole site, such as default font properties, default hyperlink properties, etc. ***********************************************************************************/ /* Hidden class, used for invisible items */ .doNotDisplay { visibility: hidden; display: none; } img { border: none; vertical-align: middle; } acronym, abbr { border-bottom: black dotted 1px; } /* Default values for tag */ body { background-color: #FFFFFF; /*#7E8286;*/ background-image: url(../../images/bg/bg_white.gif); font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; text-align: center; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } /* This class defines the container for the main page, i.e. everything inside the grey backgound */ .pageContainer { background-color: #FFFFFF; background-image: url(../../images/bg/bg_white.gif); /* width: 785px; */ font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; text-align: center; padding: 0px 0px 0px 0px; /* BUG: "overflow: hidden" fixes IE header drawing issues, but stops photoViewer from being side-ways scrollable. "overflow: none" fixes the latter, but what does it do to the former? It actually stops *all* pages from being sideways scrollable when content overflows. SOLUTION: Do not put an overflow property here!!! */ width: 100%; } /* This id deifnes the right-hand sidebar on my homepage */ #homeSidebar { margin: 5px; padding: 3px; width: 155px; float: right; } /* This id deifnes the main column on my homepage */ #mainContent { padding: 3px; float:none; /* margin: 5px; */ margin: 5px 175px 5px 5px; /* margin-right: 175px; /* Don't hide my sidebar */ } /* Suppport container properties */ .supportContainer { border-width: 1px; border-color: #ccc; border-style: dotted; text-align: center; padding: 10px; } /* Support title propeties */ .support { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: black; font-weight: normal; text-align: center; margin-top: 0px; margin-bottom: 0px; } /* Support tagline propeties */ .supportTagline { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: black; font-weight: normal; text-align: justify; margin-top: 3px; } /* separtor class */ .sidebarSeparator { border-bottom:1px dotted #ccc; } /* Default anchor (hyperlink) properties */ a { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: black; text-decoration: none; } /* Default list item properties */ li { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: black; text-decoration: none; padding-left: 1px; padding-right: 1px; padding-top: 2px; padding-bottom: 2px; } /* Default anchor properties on mouseover */ a:hover { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: black; background-color: #FFFFFF; text-decoration: underline; } /* Default table properties */ table { font-family: Verdana, Arial, sans-serif; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } /* Global class suitable for footnotes */ .footnote { font-family: Times, serif; font-size: 9px; color: black; font-weight: normal; } /* Global class for copyright notice and other legalese */ .copyright { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #bdbebd; font-weight: normal; text-align: right; padding-left: 3px; padding-right: 3px; border: none; } /* Default text properties, suitable for the bulk of the sites's text. */ .text { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: black; font-weight: normal; text-align: left; margin-left: 10px; line-height: 1.7em; } /* Default code properties. */ .myCode { font-family: Courier, monospace; font-size: 12px; color: black; font-weight: normal; text-align: left; } /* Default code block properties. */ .codeBlock { margin-left: 15px; margin-right: 15px; padding: 10px; background-color: #ffffde; border-width: 2px; border-color: black; border-style: inset; } /* Properties for text name of URL not found. */ .notFoundURL { font-family: Verdana, Arial, sans-serif; font-size: 14px; color: #a4b2c5; font-weight: normal; text-align: left; margin-left: 0px; } /* Default content link properties. */ .contentLink { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: black; font-weight: normal; text-align: left; text-decoration: underline; padding: 2px; } /* Default content link properties. */ .contentLink:hover { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: black; font-weight: normal; text-align: left; text-decoration: none; background-color: #ffff94; padding: 2px; } /* Default content link w/icon properties. */ .contentIconLink { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: black; font-weight: normal; text-align: left; text-decoration: none; padding: 2px; } /* Default content link w/icon properties. */ .contentIconLink:hover { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: black; font-weight: normal; text-align: left; text-decoration: none; background-color: #ffff94; padding: 2px; } /* Page title properties. */ .pageTitle, .collectionTitle { font-family: "Trebuchet Ms", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 19px; color: #a4b2c5; font-weight: bold; padding: 3px; margin-left: 25px; } /* Sitemap directory item properties. */ .siteMapDirectory { font-family: "Trebuchet Ms", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #a4b2c5; font-weight: bold; padding: 3px; margin-left: 0px; vertical-align: top; } /* Container for software items on about_this_page properties. */ .softwareContainer { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: black; font-weight: normal; text-align: left; margin-left: 10px; } /* Table of Contents items for software index page properties. */ .softwareTOC { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: black; font-weight: normal; text-align: left; margin-left: 10px; padding: 3px; /* margin-top: 10px; margin-bottom: 10px; */ margin-right: 10px; } /* Software title heading properties. */ .softwareTitle { font-family: "Trebuchet Ms", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color: #a4b2c5; font-weight: bold; padding: 3px; margin-left: 0px; vertical-align: top; } /* Software blurb properties. */ .softwareBlurb { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: black; font-weight: normal; text-align: justify; margin-left: 68px; margin-right: 10px; } /* Software blurb properties. */ .softwareBlurbContainer { text-align: left; margin-left: 4px; /*text-align: justify;*/ } /* Software link properties */ .softwareLink { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: black; font-weight: normal; padding: 3px; vertical-align: middle; float: left; } /* Software link properties on hover */ .softwareLink:hover { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: black; font-weight: normal; text-decoration: none; padding: 3px; background-color: #ffff94; vertical-align: middle; } /* Menu text properties. */ .menuBarText { font-family: Verdana, Arial, sans-serif; /* "Trebuchet MS", */ font-size: 12px; color: black; font-weight: normal; padding: 3px; } /* Menubar link properties */ .menuBarLink { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: black; font-weight: normal; padding: 3px; vertical-align: middle; } /* Menubar link properties on hover */ .menuBarLink:hover { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: black; font-weight: normal; text-decoration: none; padding: 3px; background-color: #ffff94; vertical-align: middle; } /* Menubar link icon properties */ .menuBarLinkIcon { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: black; font-weight: normal; padding: 0px; vertical-align: middle; border: none; } /* Menubar link icon properties on hover */ .menuBarLinkIcon:hover { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: black; font-weight: normal; text-decoration: none; padding: 0px; background-color: #ffff94; vertical-align: middle; border: none; } /* Container for the top menubar. */ .topMenuBarContainer { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: black; font-weight: normal; text-decoration: none; text-align: left; background-color: #eeeeee; margin: 0px; padding: 0px; /* IE likes the overflow & clear: both; with width or height specified for it to adhere to the CSS standard. See: http://www.quirksmode.org/css/clearing.html */ overflow: hidden; width: 100%; height: 100%; /*clear: right;*/ } /* Container for the top menubar. */ .bottomMenuBarContainer { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: black; font-weight: normal; text-decoration: none; text-align: left; background-color: #eeeeee; margin: 0px; padding: 0px; /* IE likes the overflow & clear: both; with width or height specified for it to adhere to the CSS standard. See: http://www.quirksmode.org/css/clearing.html */ overflow: hidden; width: 100%; /*height: 100%;*/ clear: both; } /* Left side of footer */ .footerLeft { float: left; padding-left: 3px; clear: both; } /* Right side of footer */ .footerRight { float: right; padding-right: 3px; clear: both; } /* Links in footer */ .footerLink { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #bdbebd; font-weight: normal; text-align: right; } /* Links in footer */ .footerLink:hover { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #bdbebd; font-weight: normal; text-align: right; } /* Container for logo */ .logoContainer { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #FFFFFF; font-weight: normal; text-align: left; margin: 0px 0px 0px 0px; padding: 3px 3px 3px 3px; } /* Website title */ .siteTitle { font-family: Verdana, Arial, sans-serif; font-size: 26px; color: black; font-weight: bold; text-align: left; padding-top: 15px; padding-right: 0px; padding-bottom: 0px; padding-left: 3px; } /* Website title on hover*/ .siteTitle:hover { font-family: Verdana, Arial, sans-serif; font-size: 26px; color: black; font-weight: bold; text-align: left; padding-top: 15px; padding-right: 0px; padding-bottom: 0px; padding-left: 3px; text-decoration: none; } /* Location properties */ .location { font-family: Verdana, Arial, sans-serif; font-size: 13px; color: #0013BB; font-weight: normal; text-align: left; padding-top: 0px; padding-right: 0px; padding-bottom: 3px; padding-left: 8px; } /* Location label properties */ .locationLabel { font-family: Verdana, Arial, sans-serif; font-size: 13px; color: black; font-weight: bold; text-align: left; padding-top: 0px; padding-right: 5px; padding-bottom: 3px; padding-left: 8px; } /* Location link properties */ .locationLink { font-family: Verdana, Arial, sans-serif; font-size: 13px; color: #0013BB; font-weight: normal; text-align: left; padding: 2px; } /* Location link on hover properties */ .locationLink:hover { font-family: Verdana, Arial, sans-serif; font-size: 13px; color: #0013BB; font-weight: normal; text-align: left; text-decoration: none; background-color: #ffff94; } /* Footer icon properties */ .footerIcon { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: black; font-weight: normal; padding: 0px; vertical-align: middle; border: none; } /* Logo image properties */ .logoImage { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: black; font-weight: normal; padding: 0px; vertical-align: middle; border: none; } /* Google Logo */ .googleLogo { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: black; font-weight: normal; /* padding: 2px; */ vertical-align: middle; padding: 2px 2px 2px 2px; margin: 0px 0px 0px 0px; border: none; } /* Search Container properties */ .searchContainer { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: black; font-weight: normal; padding: 0px 0px 0px 0px; margin: 8px 5px 8px 5px; vertical-align: middle; border: none; float: right; } /* Search properties */ .searchForm { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: black; font-weight: normal; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; vertical-align: middle; border: none; text-align: center; } /* cc-gnu-gpl license block properties */ .licenseBar { text-align: right; padding: 3px 10px 3px 10px; clear: both; } .gplLink { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: black; } /* Container for the top pagination bar. */ .topPaginationBarContainer { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: black; font-weight: normal; text-decoration: none; text-align: center; /* background-color: #eeeeee; */ margin: 10px 50px 10px 50px; padding: 0px; clear: both; } /* Pagination text properties. */ .paginationBarText { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: black; font-weight: normal; padding: 3px; vertical-align: middle; } /* Pagination bar link properties */ .paginationBarLink { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: black; font-weight: normal; padding: 3px; vertical-align: middle; } /* Pagination bar link properties on hover */ .paginationBarLink:hover { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: black; font-weight: normal; text-decoration: none; padding: 3px; background-color: #ffff94; vertical-align: middle; } /* Paginationbar link icon properties */ .paginationBarLinkIcon { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: black; font-weight: normal; padding: 0px; vertical-align: middle; border: none; } /* Paginationbar link icon properties on hover */ .paginationBarLinkIcon:hover { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: black; font-weight: normal; text-decoration: none; padding: 0px; background-color: #ffff94; vertical-align: middle; border: none; } /* Container for the global banner */ .bannerContainer { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: black; font-weight: normal; text-decoration: none; text-align: left; background-color: #ffffba; border: 1px black solid; margin: 5px 5px 5px 5px; overflow: hidden; height: 100%; clear: both; } /* Global banner text properties. */ .globalBannerText { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: black; font-weight: normal; padding: 3px 3px 3px 3px; margin: 2px 2px 2px 2px; vertical-align: top; text-align: left; } /* Global banner icon properties */ .globalBannerIcon { /* font-family: Verdana, Arial, sans-serif; font-size: 12px; color: black; font-weight: normal;*/ padding: 3px 3px 3px 3px; margin: 2px 2px 2px 2px; vertical-align: top; text-align: left; border: none; float: left; } /* Container for about_me image */ .bioImageContainer { padding: 5px 5px 5px 5px; margin: 10px 10px 10px 10px; border: 1px #ccc solid; } /* about_me image */ .bioImage { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } /* Caption for about_me image */ .bioImageCaption { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: black; font-weight: normal; padding: 3px 0px 3px 0px; margin: 0px 0px 0px 0px; vertical-align: top; text-align: left; } /********************************************************************************** photos.css Copyright (c) 2005 Mark A. Taff Licensed under the GNU GPL, version 2 PURPOSE: Use this file to define presentation data unique to photo page(s) You must overload any properties defined in global.css that need to be differrent than the global values. ***********************************************************************************/ .caption { font-size: 12px; padding: 10px; margin-top: 10px; background: #ffff94; text-align: left; } .exifLabel { font-size: 10px; font-weight: bold; background: #ffff94; text-align: left; } .exifValue { font-size: 10px; font-weight: normal; background: #ffff94; text-align: left; } .imageDetails, .imageDetails td, .imageDetails tr, .imageDetails table, .imageDetails div { font-size: 10px; font-weight: normal; background: #ffff94; text-align: left; /*width: 500px;*/ } .thumbViewLabel { font-size: 10px; font-weight: normal; /*background: #ffff94;*/ text-align: center; } .thumbnailImage { border: 1px solid black; text-align: left; } /* Default photo link properties. */ .photoLink { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: white; font-weight: normal; text-align: left; text-decoration: none; padding: 2px; } /* Default content link properties. */ .photoLink:hover { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: black; font-weight: normal; text-align: left; text-decoration: underline; background-color: #ffff94; padding: 2px; } .moreLink { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: black; font-weight: normal; text-align: left; text-decoration: none; padding: 2px; } /* Default content link properties. */ .moreLink:hover { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: black; font-weight: normal; text-align: left; text-decoration: none; background-color: #ffff94; padding: 2px; } .overlibHide { /* Used to force overlib to hide the popup on mouseover or mouseout */ font-family: Verdana, Arial, sans-serif; font-size: 12px; color: black; font-weight: normal; text-align: left; text-decoration: none; padding: 2px; } /* Default content link properties. */ .overlibHide:hover { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: black; font-weight: normal; text-align: left; text-decoration: none; /*background-color: #ffff94;*/ padding: 2px; } .thumbLink { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: black; font-weight: normal; text-align: left; text-decoration: none; padding: 2px; } .thumbViewItem { float: left; margin: 10px; /*text-align: left;*/ } .galleryIndexThumbnailImage { border: 1px solid black; float: left; clear: right; padding: 0px 0px 0px 0px; } .galleryIndexItemBlurb { float: left; } .galleryIndexItem { text-align: left; margin: 10px; width: 90%; clear: both; padding: 10px 0px 10px 0px; } .galleryIndexItemHeading { font-family: "Trebuchet MS", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 19px; color: #a4b2c5; font-weight: bold; text-align: left; padding: 3px 3px 3px 3px; margin: 0px 0px 0px 10px; } .galleryIndexItemDetails { font-size: 10px; font-weight: normal; text-align: left; padding: 3px 3px 3px 3px; margin: 0px 0px 0px 10px; } /* Default content link properties. */ .thumbLink:hover { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: black; font-weight: normal; text-align: left; text-decoration: none; background-color: #ffff94; padding: 2px; } .photo { padding-left: 20px; padding-right: 20px; padding-top: 10px; padding-bottom: 10px; background: black; } .imageTable { padding-left: 20px; padding-right: 20px; padding-top: 10px; padding-bottom: 10px; background: black; } .imageContainer { padding-left: 10px; padding-right: 10px; background: black; float: left; } /********************************************************************************** wallpaper.css Copyright (c) 2005 Mark A. Taff Licensed under the GNU GPL, version 2 PURPOSE: Use this file to define presentation data unique to photo page(s) You must overload any properties defined in global.css that need to be differrent than the global values. ***********************************************************************************/ /* .wallpaperTable { padding-left: 20px; padding-right: 20px; padding-top: 10px; padding-bottom: 10px; border: 1px solid black; } */ #selectedCollection, #collection:hover { padding: 5px 5px 5px 5px; margin: 5px 5px 5px 5px; border: black 1px solid; color: black; background: #ffff94; float: left; } #collection { padding: 5px 5px 5px 5px; margin: 5px 5px 5px 5px; border: black 1px solid; color: black; background: white; float: left; } #collectionBar { text-align: center; width: 100%; clear: both; overflow: hidden; } .collectionLink { text-decoration: none; } .collectionTitle:hover { background: #ffff94; text-decoration: none; } .wallpaperContainer { float: left; } .wallpaperLink { font-family: Verdana, Arial, sans-serif; font-size: 1em; color: black; font-weight: normal; padding: 1px 3px 1px 3px; vertical-align: middle; } .wallpaperLink:hover { font-family: Verdana, Arial, sans-serif; font-size: 1em; color: black; font-weight: normal; text-decoration: underline; padding: 1px 3px 1px 3px; background-color: #ffff94; vertical-align: middle; } .wallpaperPreviewPhoto { border: 1px solid black; margin: 10px; text-align: left; } .wallpaperTable { border: 1px solid #ccc; margin: 10px; border-collapse: collapse; text-align: left; } .wallpaperTableCaption { text-decoration: none; font-weight: bold; font-size: 2em; color: #a4b2c5; } .wallpaperTableHeading { background-color: #ccc; padding: 0px 0px 0px 5px; text-align: center; } #Ratio_4-3, #Ratio_3-4 { background-color: #ff6164; vertical-align: top; border-bottom: 2px solid red; padding: 5px 0px 0px 5px; text-align: center; } #Ratio_5-4, #Ratio_4-5 { background-color: #badbff; vertical-align: top; border-bottom: 2px solid blue; padding: 5px 0px 0px 5px; text-align: center; } #Ratio_25-16 { background-color: #ceffc7; border-bottom: 2px solid green; vertical-align: top; padding: 5px 0px 0px 5px; text-align: center; } #Ratio_16-10 { background-color: #ffff94; border-bottom: 2px solid yellow; vertical-align: top; padding: 5px 0px 0px 5px; text-align: center; } .evenRow { background-color: white; border-bottom: 1px solid gray; padding: 2px 2px 2px 5px; text-align: center; /* border-bottom: 1px solid gray;*/ } .oddRow { background-color: #eeeeee; border-bottom: 1px solid gray; padding: 2px 2px 2px 5px; text-align: center; /* border-bottom: 1px solid gray;*/ } .evenCell { background-color: white; padding: 2px 2px 2px 5px; text-align: center; /* border-bottom: 1px solid red;*/ } .oddCell { background-color: #eeeeee; padding: 2px 2px 2px 5px; text-align: center; /*border-bottom: 1px solid red;*/ } /* * Music collection styles */ .album-header:hover { color: HighlightText; background-color: Highlight; cursor: pointer; } .album-header:hover a { color: HighlightText; background-color: Highlight; cursor: pointer; } .album-body { background-color: transparent; border-bottom: 1px solid ButtonShadow; border-top: none; } .album-title { font-weight: bold; } .album-info { float:right; padding-right:4px; font-size: 13px; } .album-song { display: block; padding: 1px 2px; font-weight: normal; text-decoration: none; } .album-song:hover { color: HighlightText; background-color: Highlight; } .album-song a { display: block; padding: 1px 2px; font-weight: normal; text-decoration: none; } .album-song a:hover { color: HighlightText; background-color: Highlight; } .album-song-trackno { text-align: right; width: 2em; display: block; float: left; font-weight: bold; } .album-cover { margin: 5px 5px 5px 5px; border: 1px solid black; } /* * Portfolio */ .portfolioBanner { } .adBorder { border: 1px black solid; } /* * CCS for PEAR Text/Highlighter */ .text_highlighter { text-align: left; font-family: Courier, monospace; font-size: 11pt; } .text_highlighter li { white-space: pre; } .hl-default { color: Black; text-align: left; font-family: Courier, monospace; font-size: 11pt; } .hl-code { color: Gray; text-align: left; font-family: Courier, monospace; font-size: 11pt; } .hl-brackets { color: Olive; text-align: left; font-family: Courier, monospace; font-size: 11pt; } .hl-comment { color: Orange; text-align: left; font-family: Courier, monospace; font-size: 11pt; } .hl-quotes { color: Darkred; text-align: left; font-family: Courier, monospace; font-size: 11pt; } .hl-string { color: Red; text-align: left; font-family: Courier, monospace; font-size: 11pt; } .hl-identifier { color: Blue; text-align: left; font-family: Courier, monospace; font-size: 11pt; } .hl-builtin { color: Teal; text-align: left; font-family: Courier, monospace; font-size: 11pt; } .hl-reserved { color: Green; text-align: left; font-family: Courier, monospace; font-size: 11pt; } .hl-inlinedoc { color: Blue; text-align: left; font-family: Courier, monospace; font-size: 11pt; } .hl-var { color: Darkblue; text-align: left; font-family: Courier, monospace; font-size: 11pt; } .hl-url { color: Blue; text-align: left; font-family: Courier, monospace; font-size: 11pt; } .hl-special { color: Navy; text-align: left; font-family: Courier, monospace; font-size: 11pt; } .hl-number { color: Maroon; text-align: left; font-family: Courier, monospace; font-size: 11pt; } .hl-inlinetags { color: Blue; text-align: left; font-family: Courier, monospace; font-size: 11pt; } .hl-main { border: solid 1px grey; background-color: #E3E3E3; margin: 10px 10px 10px 10px; } .hl-gutter { background-color: #E3E3E3; /* #999999*/ color: White; text-align: left; font-family: Courier, monospace; font-size: 11pt; } .hl-table { text-align: left; font-family: Courier, monospace; font-size: 11pt;