/* File: 'HV-INTERIOR SCROLL' (RapidWeaver 4) styles.css Style Sheet Created: January, 2010 Author: Henk Vrieselaar http://www.henkvrieselaar.com */ /* @group General Styles */ body { margin: 0; padding: 0; font: 12px Arial, Helvetica, Geneva, sans-serif; } #myExtraContent1 { margin-top: 15px; color: black; width: auto; height: auto; line-height: 1.4; font-size: 12px; padding: 10px 20px; background-color: silver; } #shadow { width: 850px; height: 10px; position: absolute; margin-top: 50px; z-index: 10; margin-left: 0; background: url(images/shadow.png) no-repeat left top; } #shadowbottom { width: 850px; height: 3px; position: absolute; margin-top: -3px; z-index: 10; margin-left: 0; background: url(images/shadowbottom.png) no-repeat left top; } fieldset { padding: 0; background-color: transparent; border-style: none; margin: 0; } #searchtop { position: absolute; margin: 0; padding: 0; } #searchbottom { position: absolute; margin-top: 9px !important; margin-bottom: 7px !important; } input[type="submit"] { background-color: transparent; border-style: none; margin: 0; cursor: pointer; } input[type="submit"]:hover { color: black; background-color: transparent; border-style: none; margin: 0; } input[type="text"]{ outline: none; background-color: transparent; border: 1px solid silver; margin: 0; color: red; } a { outline: none; } p { } b, strong { } a:link { text-decoration: none; } a:visited { text-decoration: none; } a:hover { text-decoration: none; } a:active { text-decoration: none; } a img { border:none } img { border: none; } .image-left { float: left; margin: 3px 10px 3px 0; } .image-right { float: right; margin: 3px 0 3px 10px; } /* @end */ /* @group Layout */ #container { width: 720px; margin: 0 auto; padding: 0px; } .clearer { clear: both; } #pageHeader {} #pageHeader img { float: left; margin-left: 0px; top: 0px; z-index: 10; position: absolute; } #logo { float: left; margin-left: 0px; top: 0px; z-index: 10; position: absolute; } #pageHeader h1 { margin: 0; font-weight: normal; font-style: normal; text-align: right; font-size: 36px; padding-left: 0px; z-index: 10; line-height: 1.2; } #pageHeader h1, #pageHeader h1 a:link, #pageHeader h1 a:visited { text-decoration: none; } #pageHeader h2 { text-align: right; font-style: normal; font-weight: normal; font-size: 22px; margin-top: 0px; margin-bottom: 0px; line-height: 1.2; } #contentContainer { margin-top: 50px; color: black; position: relative; } #pane2 { height: 350px; background-color: #fdd6ab; position: relative; } .jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; outline: none; } .jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: #feffff; } .jScrollPaneDrag { position: absolute; background: #b4b4b4; cursor: pointer; overflow: hidden; width: 5px; } .jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; } .jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; } #contentContainer #content { padding: 20px; font-size: 12px; line-height: 1.4; } #sidebarContainer { float: right; width: 270px; height: 350px; margin-top: 50px; background-color: black; overflow:hidden; } #sidebarContainer #sidebar { font-size: 12px; line-height: 1.4; padding: 20px; color: white; } #sidebarContainer .sideHeader { font-weight: normal; font-style: normal; font-size: 16px; line-height: 1.4; } #footer { font-size: 12px; text-align: right; background-color: white; line-height: 1.4; margin: 0; padding: 9px 0 10px; } #footer p { padding-top: 0; margin: 0; } #footer a:link, #footer a:visited {} #footer a:hover, #footer a:active {} /* @end */ /* @group Toolbar */ /* @group Bread-crumb */ #breadcrumbcontainer { font-size: 10px; line-height: 1.4; z-index: 100; padding: 0 0 10px; color: black; } #breadcrumbcontainer ul { list-style: none; margin: 0; z-index: 100; padding: 0; } #breadcrumbcontainer li { display: inline; z-index: 100; } #breadcrumbcontainer a { text-decoration: none; } #breadcrumbcontainer a:hover { z-index: 100; } /* @end */ /* @group Toolbar */ /* Toolbar Styles */ #myjquerymenu { z-index: 50; margin-left: 0; position: absolute; display: block; margin-top: 13px; width: 849px; } .menu{ border-left: 1px solid red; } .menu ul{ margin: 0; padding: 0; list-style-type: none; } /*Top level list items*/ .menu ul li{ position: relative; display: inline; float: left; } .menu ul li .current, .menu ul li ul li .current { color: #f4f4f4; } /*Top level menu link items style*/ .menu ul li a{ display: block; color: black; padding: 8px; border-right: 1px solid red; text-decoration: none; line-height: 1.5; font-size: 14px; } .menu ul li a:visited{ text-decoration: none; } .menu ul li a:hover{ text-decoration: none; } * html .menu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/ display: inline-block; } .menu ul li a:link, .menu ul li a:visited{ color: black; } .menu ul li a:hover{ background: white; /*tab link background during hover state*/ color: red; } .menu ul li .current, .menu ul li ul li .current { color: red; } /*1st sub level menu*/ .menu ul li ul{ position: absolute; left: 0; display: block; visibility: hidden; z-index: 10000; } /*Sub level menu list items (undo style from Top level List Items)*/ .menu ul li ul li{ display: list-item; float: none; z-index: 10000; } /*All subsequent sub menu levels vertical offset after 1st level sub menu */ .menu ul li ul li ul{ top: 0; z-index: 10000; } /* Sub level menu links style */ .menu ul li ul li a{ width: 160px; /*width of sub menus*/ padding: 5px 8px; margin: 0 0 0 -1px; color: red; background-color: white; border-left: 1px solid red; line-height: 1.2; /* Border Shadow */ -webkit-box-shadow: 1px 2px 2px rgba(0,0,0,0.6); -moz-box-shadow: 1px 2px 2px rgba(0,0,0,0.6); box-shadow: 1px 2px 2px rgba(0,0,0,0.6); } .menu ul li ul li a:hover{ /*sub menus hover style*/ background: white; color: black; } .downarrowclass{ position: absolute; right: 5px; padding-right: 3px; margin-top: -13px; padding-top: 1px; } .rightarrowclass{ position: absolute; right: 5px; margin-top: -18px; } /* @end */ /* @end */ /* @group Global Classes */ blockquote { color: #4c4c4c; font-style: italic; font-size: 1em; margin: 0; padding: 5px; } .imageStyle { } h1 { font-size: 1.6em; margin: 0 0 3px; } h2 { font-size: 1.4em; margin: 0 0 3px; } h3 { font-size: 1.2em; margin: 0 0 3px; } h4 { font-size: 1em; margin: 0 0 3px; } .imageStyle { } /* Main content area unordered list styles */ #contentContainer #content ul { } #contentContainer #content li { } ul.disc { list-style-type: disc; } ul.circle { list-style-type: circle; } ul.square { list-style-type: square; } ol.arabic-numbers { list-style-type: decimal; } ol.upper-alpha { list-style-type: upper-alpha; } ol.lower-alpha { list-style-type: lower-alpha; } ol.upper-roman { list-style-type: upper-roman; } ol.lower-roman { list-style-type: lower-roman; } /* Sidebar area unordered list styles */ #sidebarContainer #sidebar ul { margin: 10px 0; padding: 0; } #sidebarContainer #sidebar li { } /* Table Styles */ table { font-size: 1em; } /* @end */ /* @group Blog */ /* @group Archive Page */ .blog-archive-background { } .blog-entry-summary { margin-bottom: 10px; } .blog-archive-headings-wrapper { margin-bottom: 10px; padding-bottom: 10px; } .blog-archive-entries-wrapper { } .blog-archive-entries-wrapper .blog-entry { } .blog-archive-month { letter-spacing: 2px; margin-bottom: 5px; font-style: normal; font-size: 2em; } .blog-archive-link { margin-bottom: 2px; padding-bottom: 10px; } .blog-archive-link a:link, .blog-archive-link a:visited { } p.blog-entry-tags, .blog-archive-link-enabled, .blog-archive-link-disabled, .blog-category-link-enabled, .blog-category-link-disabled { padding-left: 0px; } html>body .blog-archive-link-disabled, html>body .blog-archive-link-enabled, html>body .blog-archive-link-enabled:link, html>body .blog-archive-link-enabled:visited { padding-left: 0px; } /* @end */ /* @group Tag Cloud */ ul.blog-tag-cloud { margin: 0 0 10px; padding: 0; text-align: left; } ul.blog-tag-cloud li { display: inline; padding-right: 5px; } .blog-tag-size-1 { font-size: 0.8em; } .blog-tag-size-2 { font-size: 0.85em; } .blog-tag-size-3 { font-size: 0.9em; } .blog-tag-size-4 { font-size: 0.95em; } .blog-tag-size-5 { font-size: 1em; } .blog-tag-size-6 { font-size: 1.05em; } .blog-tag-size-7 { font-size: 1.1em; } .blog-tag-size-8 { font-size: 1.15em; } .blog-tag-size-9 { font-size: 1.2em; } .blog-tag-size-10 { font-size: 1.25em; } .blog-tag-size-11 { font-size: 1.3em; } .blog-tag-size-12 { font-size: 1.35em; } .blog-tag-size-13 { font-size: 1.4em; } .blog-tag-size-14 { font-size: 1.45em; } .blog-tag-size-15 { font-size: 1.5em; } .blog-tag-size-16 { font-size: 1.55em; } .blog-tag-size-17 { font-size: 1.6em; } .blog-tag-size-18 { font-size: 1.65em; } .blog-tag-size-19 { font-size: 1.7em; } .blog-tag-size-20 { font-size: 1.75em; } /* @end */ .blog-entry { margin-bottom: 10px; } .blog-entry-title { font-size: 20px; font-weight: normal; font-style: normal; padding: 0; margin-top: 3px; } .blog-entry-title a { margin-bottom: 0; text-decoration: none; } .blog-entry-title a:link, .blog-entry-title a:visited { color: red; } .blog-entry-title a:hover { color: blue; } .blog-entry-date { font-size: 11px; margin-bottom: 10px; letter-spacing: 1px; } .blog-read-more a:link { } .blog-read-more { display: block; padding-top: 0px; padding-left: 0px; margin-top: 10px; font-size: 12px; } .blog-entry-body { font-size: 13px; padding-left: 20px; } .blog-entry-comments { margin-top: 10px; } /*styles the category link in the main entry */ .blog-entry-category { padding-left: 0px; margin-left: 0px; } .blog-entry-category a:link, .blog-entry-category a:visited {} /* styles the archives in the blog sidebar */ #blog-archives { margin-bottom: 15px; line-height: 1.8; } .blog-archive-link-enabled { padding-left: 0px; } .blog-archive-link-disabled { padding-left: 0px; } /* Styles the blog categories in the blog sidebar */ #blog-categories { margin-bottom: 10px; line-height: 1.4; margin-top: 0px; padding-top: 0px; font-size: 14px; } .blog-category-link-enabled { padding-left: 0px; } .blog-category-link-disabled { padding-left: 0px; } /* Styles the blog RSS feeds in the blog sidebar */ #blog-rss-feeds { margin-bottom: 15px; } .blog-rss-link { padding-left: 0px; } .blog-comments-rss-link { padding-left: 0px; } /* Comment links */ a.blog-comment-link { padding-left: 0px; margin-right: 5px; } /* Trackback links */ a.blog-trackback-link { padding-left: 0px; } /* @end */ /* @group File Sharing */ .filesharing-description { margin-bottom: 15px; margin-top: 3px; } .filesharing-item { padding: 0; margin-bottom: 20px; } .filesharing-item-title { padding-bottom: 2px; padding-left: 0px; } .filesharing-item-title a:link { font-size: 16px; width: inherit; color: blue; } .filesharing-item-title a:hover { font-size: 16px; padding-bottom: 5px; } .filesharing-item-title a:visited { font-size: 16px; padding-left: 0px; padding-bottom: 5px; } .filesharing-item-description { margin-top: 0px; margin-bottom: 10px; padding-left: 20px; } /* @end */ /* @group Index Page (Thumbnail view) */ .album-title { font-size: 18px; margin: 5px 0px; font-weight: normal; letter-spacing: 1px; padding-bottom: 5px; padding-top: 5px; padding-left: 0px; color: green; } .album-description { margin-bottom: 10px; } .album-wrapper { display: block; width: 99%; position: relative; } .thumbnail-wrap { text-align: left; position: relative; float: left; padding-bottom: 45px; margin-right: 5px; margin-top: 0px; margin-bottom: 12px; } .thumbnail-frame { position: absolute; bottom: 0; left: 0; } .thumbnail-frame a { } .thumbnail-frame a:hover { } .thumbnail-frame img { margin: auto; padding: 0px; } .thumbnail-caption { margin: 0; padding: 3px 2px 0; width: 100%; height: 36px; display: block; font-size: 11px; text-align: center; } /* @end */ /* @group Index Page (Thumbnail view) */ .album-title { font-size: 18px; margin: 5px 0px; font-weight: normal; letter-spacing: 1px; padding-bottom: 5px; padding-top: 5px; padding-left: 0px; color: green; } .album-description { margin-bottom: 10px; } .album-wrapper { display: block; width: 99%; position: relative; } .thumbnail-wrap { text-align: left; position: relative; float: left; padding-bottom: 45px; margin-right: 5px; margin-top: 0px; margin-bottom: 12px; } .thumbnail-wrap:hover { } .thumbnail-frame { position: absolute; bottom: 0; left: 0; } .thumbnail-frame:hover { } .thumbnail-frame a { } .thumbnail-frame a:hover { } .thumbnail-frame img { margin: auto; padding: 1px; } .thumbnail-frame img:hover { margin: auto; padding: 1px; background-color: black; } .thumbnail-caption { margin: 0; padding: 3px 2px 0; width: 100%; height: 36px; display: block; font-size: 11px; text-align: center; } /* @end */ /* @group Single Page (Photo view) */ .photo-background { background-image: none; text-align: center; } .photo-navigation { color: #e5e5e5; height: 105px; margin-bottom: 25px; width: 100%; text-align: center; margin-top: 10px; } .photo-links{ padding: 0 0 0 40px; margin: 0; } .photo-navigation a:link, .photo-navigation a:visited { color: #f2f2f2; } .photo-navigation a:hover { } .photo-frame{ padding: 5px; margin-bottom: 10px; border: 1px solid #f1f1f1; } .photo-title { font-size: 2.2em; padding: 10px 0 8px 40px; margin: 0; } .photo-caption { font-size: 1.2em; padding: 0 0 0 40px; margin: 0 0 10px; } /* @group EXIF data */ /* Data wrapper */ .exif-data { color: red; font-size: 11px; line-height: 0.5em; } /* p tag classes for all exif data */ p.exif-version { } p.exif-colour-space { } p.exif-focal-length { } p.exif-dimensions { } p.exif-pixel-y-dimension { } p.exif-pixel-x-dimension { } p.exif-oecf-value { } p.exif-subsec-time-original { } p.exif-exposure-mode { } p.exif-spatial-frequency-response { } p.exif-scene-capture-type { } p.exif-subject-location { } p.exif-shutter-speed { } p.exif-datetime-original { } p.exif-subsec-time { } p.exif-compressed-bits-per-pixel { } p.exif-flash-energy { } p.exif-saturation { } p.exif-brightness { } p.exif-exposure-time { } p.exif-f-number { } p.exif-file-source { } p.exif-gain-control { } p.exif-subject-area { } p.exif-cfa-pattern { } p.exif-scene-type { } p.exif-white-balance { } p.exif-flash { } p.exif-exposure-index { } p.exif-flashpix-version { } p.exif-device-setting-description { } p.exif-focalplane-x-resolution { } p.exif-image-uniqueid { } p.exif-components-configuration { } p.exif-light-source { } p.exif-sensing-method { } p.exif-aperture { } p.exif-sharpness { } p.exif-exposure-program { } p.exif-subject-distance { } p.exif-subsec-time-digitized { } p.exif-contrast { } p.exif-focalplane-resolution-unit { } p.exif-gamma { } p.exif-35mm-focal-length { } p.exif-datetime-digitized { } p.exif-subject-distance-range { } p.exif-custom-rendered { } p.exif-max-aperture { } p.exif-sound-file { } p.exif-metering-mode { } p.exif-spectral-sensitivity { } p.exif-exposure-bias { } p.exif-focalplane-y-resolution { } p.exif-iso-rating { } p.exif-maker-note { } p.exif-digital-zoom-ratio { } p.exif-user-comment { } /* @end */ /* @group Quicktime Page */ .movie-description { padding-top: 10px; } /* @end */ /* @group Quicktime Album */ /* @group Index Page (Movie Thumbnail view) */ .movie-page-title { font-size: 18px; color: #000; margin: 0px; margin-bottom: 5px; } .movie-page-description { margin-bottom: 10px; } .movie-thumbnail-frame { width: 132px; float: left; text-align: center; margin: 0 5px 30px 0; } .movie-thumbnail-frame a:link { background-color: #f8f8f8; width: 132px; float: left; margin-bottom: 5px; padding: 0; } .movie-thumbnail-frame:hover { } .movie-thumbnail-caption { text-align: left; font-size: 11px; } /* @end */ /* @group Quicktime Page */ .movie-description { padding-top: 10px; } /* @end */ /* @group Quicktime Album */ /* @group Index Page (Movie Thumbnail view) */ .movie-page-title { font-size: 1.5em; color: red; margin: 0px; margin-bottom: 5px; } .movie-page-description { margin-bottom: 15px; color: #000000; } .movie-thumbnail-frame { width: 132px; float: left; text-align: center; margin: 0 22px 30px 0; } .movie-thumbnail-frame a:link { background-color: #f8f8f8; width: 132px; float: left; margin-bottom: 5px; padding: 1px; } .movie-thumbnail-frame:hover { } .movie-thumbnail-caption { } /* @end */ /* @group Single Page (Movie View) */ .movie-background { padding-left: 25px; } .movie-title { } .movie-frame { } /* @end */ /* @group Contact Form */ .message-text { width: 100%; } .required-text { } .form-input-field { width: 99%; border-style: none; outline: none; } input.form-input-field { width: 80%; line-height: 1.4; margin-top: 5px; border-style: none; } textarea.form-input-field { line-height: 1.4; margin-top: 5px; } .form-input-button[name="submitButton"], .form-input-button[name="submitButton"]:hover { color: #FFFFFF; font-size: 12px; line-height: 1.4; display: inline; border-style: none; outline: none; background-color: silver; padding: 2px 15px; } .form-input-button[name="resetButton"] { color: #FFFFFF; font-size: 12px; line-height: 1.4; display: inline; border-style: none; outline: none; background-color: silver; padding: 2px 15px; } /* @end */