/******************************************************/ /* Official Serendipity Blog Theme */ /* */ /* This is a structured and commented version */ /* of the serendipity blog default theme. */ /* */ /* Styles have been organised into the following */ /* groups; general, header, footer, entry, comments */ /* commentform, sidebar, calendar, image media, and */ /* plugins. */ /******************************************************/ /********* General Styles *********/ /* used in entry/sidebar titles */ h4, h3 { margin: 0; } /* the input boxes used in forms */ input, textarea, select { font-size: 10pt; } /* all table headers and rows */ th, td { font-size: 10pt; } /* style for lists */ li { list-style-position: inside; } /* style for blockquotes inserted into posts */ blockquote { margin: 15px 30px 10px 15px; padding-left: 15px; border-left: 4px solid #354e6c; } /* all links are blue with no underline */ a:link, a:visited, a:active { color: #3e5f81; text-decoration: none; } /* change link color to orange and underline when hovered over */ a:hover { color: #25253d; text-decoration: underline; } /* used when s9y needs to center something */ .serendipity_center { margin-left: auto; margin-right: auto; text-align: center; } /* warning messages from s9y */ .serendipity_msg_important { color: red; } /* messages letting you know something has happened eg comment saved */ .serendipity_msg_notice { color: green; } /* style to temporarily change something to grey */ .grey { color:#999; } /* code/pre rules by Don */ pre { /* the following is not fully WC3 css3 compliant due to browser specific rules, but works well in all browsers tested */ overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */ white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } code, pre { background: #f6f6f6; border: 2px solid #bbbbbb; color: #278350; font-family:"Courier New",Courier,monospace; padding: 10px; } code { display: block; } code pre, pre code { border:0; padding:0; } /********* End of General Styles *********/ /********* Structural Styles *********/ /* preset styles for entire blog unless overruled elsewhere, page footer is here as well */ body { direction: ltr; font-size: 0.9em; background-color: #fff; margin: 0; padding:0; padding-top:8px; background:#ccdee7 url(bkg.jpg) fixed top left repeat-x; font-family: "verdana", "bitstream vera sans", arial, sans-serif; } /* wrapper for page */ #wrap { width: 960px; margin: 0px auto; } /* container for banner */ #header { position:relative; width: 960px; height: 180px; margin: 0px auto 10px auto; text-align: center; background:transparent url(s9y-banner-960.jpg) top center no-repeat; } #menu {display:block;margin:0 3px 0 0; padding:15px 0 0 0;text-align:right;font-size:8pt;font-weight:bold;} #menu a {margin:0; padding:0;} /* container for content and sidebar */ #mainpane { overflow: hidden; } /* container for entries column */ #rightcolumn { margin:0 1px 10px 0;padding:0 0 8px 0; float:right; background:transparent url(content-bottom-715.gif) bottom left no-repeat; width: 715px;} #content { padding:10px 10px 10px 30px;margin:0; background-color:#fff; } #contenttop {height:10px; margin:0; padding:0; background:transparent url(content-top-715.gif) no-repeat; } /* container for left sidebar */ #serendipityLeftSideBar { display: inline; /* ie win bugfix */ float: left; /*width:190px;*/ width:230px; padding:0 3px 8px 0; margin:0 0 10px 3px; background:transparent url(sidebar-bottom-960.gif) bottom left no-repeat; } #sidebarmiddle { border-left:#fff 2px solid;margin:0;padding:10px; border-right:#fff 2px solid;border-bottom:none; background-color:#25253d; } #sidebartop { height:8px;margin:0;padding:0; background:transparent url(sidebar-top-960.gif) no-repeat; } /* container for page footer */ #footer { clear:both; padding: 0; margin: 5px 0px 5px 3px; border-top: 1px solid #444; } .serendipity_pageFooter { margin: 25px 10px 0 0; padding: 10px; border: 1px solid #ddecfb; background-color: #f6f8fb; } #identity { position:absolute; right:90px; /* different from blog template due to long text */ width:580px; /* different from blog template due to long text */ text-align:center; top: 80px; } /********* End of Structural Styles *********/ /********* Header/Banner Styles *********/ /* the big link in the banner, blog name/entry title */ a.homelink1, a.homelink1:hover, a.homelink1:link, a.homelink1:visited, #header h1 { color: #fff; font-family: Georgia, Times New Roman, Times, serif; font-size : 16pt;padding:0;margin:0; text-decoration: none; } /* the smaller link in the banner, blog description */ a.homelink2, a.homelink2:hover, a.homelink2:link, a.homelink2:visited, #header h2 { color: #fff; font-size: 11pt;padding:0;margin:0; text-decoration: none; } /********* End of Header/Banner Styles *********/ /********* Footer Styles *********/ /* footer paragraph text */ #footer p { color:#444; font-size: 9pt; font-weight: normal; line-height: 1.5em; padding: 0px 2px 0px 0px; margin:0; text-align: center; } /* make footer links blue, no underline */ #footer a { color:#25253d;font-weight:bold; text-decoration:none; } /* underline footer links when hovered over */ #footer a:hover { color:#25253d; text-decoration:underline; } /********* End of Footer Styles *********/ /********* Entry Styles *********/ /* container for the entry/post */ .serendipity_entry, .serendipity_Entry_Date, .staticpage_results { font-family: verdana, helvetica, sans-serif; color: #333; font-size: 9.5pt; font-weight: normal; margin: 0 20px 40px 0; } /* container for entry title and date */ .serendipity_Entry_Date { clear:both; } /* entry title */ .serendipity_title, h3.serendipity_date, .staticpage_result_header { clear:left; font: bold 10pt/14pt Georgia, Times New Roman, Times, serif; margin-bottom: 8px;/*text-transform:lowercase;*/ border-bottom: 2px solid #8cb4c9; color: #3e5f81; } h3.serendipity_date {margin-right:10px;} /* entry title link, regular color is black */ .serendipity_title a:link, .serendipity_title a:visited { text-decoration: none; border: 0; background:none; color: #3e5f81; } /*entry title link when hovered over, changes to green */ .serendipity_title a:hover { color: #25253d; } /* additional styles used for entry text */ .serendipity_entry p { margin: 0px; padding-bottom: 10px; } /* style for extended body */ .serendipity_entry_extended { margin-top:20px; } /* prevent styling of the extended placeholder, otherwise the background image is visible */ #extended { background:none; display:none; } .serendipity_comments { clear: both; } /* the meta box that includes links to comments, trackbacks etc */ div.serendipity_entryFooter { margin: 0 0px 10px 10px; width:170px; float:right; border:1px solid #cce2fa; background-color:#edf5fc; font-size: 0.8em; color: #000000; padding: 2px; padding-bottom: 4px; } /* style for links within the page footer */ div.serendipity_entryFooter a { font-weight:bolder; } /* style for hovered over links within page footer */ div.serendipity_entryFooter a:hover { text-decoration:none; } /* styles for category icon if used */ img.serendipity_entryIcon { float: right; border: 0px; margin-top:1px; } /* styling the continue reading byline, needed to stop firefox making the link 100% wide */ .continue_reading { display:block; margin-top:10px; clear:left; } /* styling the continue reading byline link */ .continue_reading a { font-weight:normal; } /* styles for the next/previous links above footer, includes start page and archives links */ .serendipity_pageFooter { clear:both; font-size: 10px; margin-top:10px; } /* container for summary listings in archives */ .archive_summary { clear:both; margin:15px 0 0 10px; font-size:0.9em;} /* style for entry title in summary archives overview */ .archive_summary_title { font-size: 1.0em; font-weight: bold; margin: 0; padding:0; } #archives_listing h2{ font-size: 0.9em; font-weight: bold; margin-top: 10px; color: #354e6c; } /* style for entry summary list -don */ #entries_summary {margin-bottom:0; padding-bottom: 10px;} #entries_summary_list {margin:0;} /*don*/ /********* End of Entry Styles *********/ /********* Comment Styles *********/ /* container for all comments, not styled separately in default theme */ .serendipity_comments { } /* comments, trackbacks and commentform titles */ .serendipity_commentsTitle { font-size: 0.9em; font-weight: bold; margin-top: 10px; border-bottom: 2px solid #8cb4c9; color: #354e6c; clear:left; } /* container for individual comments */ .serendipity_comment { padding: 3px; } /* style for comment author, date commented etc */ .serendipity_comment_source { margin-top: 5px; padding-left: 5px; margin-bottom: 5px; padding-bottom: 3px; } /* style for comment author if logged in */ .serendipity_comment_author_self { border-top:3px solid #e37235; border-bottom:3px solid #e37235; } /* style for even numbered comments*/ .comment_evenbox { margin:0 0 20px 0; border-top:1px solid #8cb4c9; border-bottom:1px solid #8cb4c9; background-color: #f6f8fb; color:#505050; line-height:1.5em; } /* style for odd numbered comments*/ .comment_oddbox { margin:0 0 20px 0; border-top:1px solid #25253d; border-bottom:1px solid #25253d; background-color: #f6f8fb; color:#505050; line-height:1.5em; } /********* End of Comment Styles *********/ /********* Comment Form *********/ /****** Comment Form Styles ******/ form dt {float: left; margin-bottom: 5px; } form dd {padding-left: 0em; margin-left: 100px; margin-bottom: 5px; } form textarea {margin-bottom: 10px; } /********* End of Comment Form *********/ /********* Sidebar Styles *********/ /* container style for individual sidebar blocks */ div.serendipitySideBarContent { padding: 0 5px 6px 5px; margin:0; font-size: 8.5pt; line-height:10pt; color:#fff; font-weight:normal; } div.serendipitySideBarContent a {color:#77a6bf; text-decoration:none; } div.serendipitySideBarContent a:hover {color:#77a6bf; text-decoration:underline; } /* style for each sidebar title */ .serendipitySideBarTitle { font: bold 10pt/14pt Georgia, Times New Roman, Times, serif; /*text-transform: lowercase;*/ margin:0 0 8px 0; color: #ffbf00; background-color:#25253d; padding: 0px 0px 0px 7px; } /* style for the powered by sidebar entry */ div.serendipityPlug img { padding-left:5px; } /* style for the powered by link */ div.serendipityPlug a { text-decoration: none; border: 0px; } /* style for input and select drop downs in sidebar */ .serendipitySideBarContent input, .serendipitySideBarContent select, .serendipitySideBarContent textarea, .serendipitySideBarContent td input { width:160px; color:bbb; } /* style for side bar date eg recent entries plugin */ .serendipitySideBarDate { line-height:0.9em; font-style:oblique; } .serendipitySideBarContent ul { list-style-type: none; margin: 0px; padding: 0px; } .serendipitySideBarContent ul.navig { background-color: #25253d; color: #febf00; } .serendipitySideBarContent ul.navig li { padding: 5px; } .serendipitySideBarContent ul.navig li a { color: #febf00; font-weight: bold; display: block; } .serendipitySideBarContent ul.navig li a:hover { text-decoration: none; background-color: #ffffff; color: #25253d; } .serendipitySideBarContent .serendipity_edit_nugget { margin-top: 15px; text-align: center; font-weight: bold; font-size: 9px; border-top: 1px dotted #febf00; } /********* End of Sidebar Styles *********/ /********* Calendar Styles *********/ /* style for entire table in calendar plugin */ table.serendipity_calendar { border-bottom:2px solid #6092ac; } /* container style for calendar table rows */ table.serendipity_calendar td { text-align:center; padding: 3px; } /* style for calendar date links */ table.serendipity_calendar a { font-weight: bold; text-decoration:none; } /* style for calendar links when hovered over */ table.serendipity_calendar a:hover { text-decoration: underline; } /* style for calender header row */ .serendipity_calendarHeader {background:#3a5777; } /* styles for month name and arrows in calendar */ td.serendipity_calendarHeader a:link, td.serendipity_calendarHeader a:visited, td.serendipity_calendarHeader a:hover { border: 0; color:#fff; text-decoration: none; } /* style for calendar weekday names */ td.serendipity_weekDayName { font-size:95%!important; font-size:90%; font-weight:575; color:#25253d; background:#82a9bf; } /* style for calendar day rows */ td.serendipity_calendarDay { color:#fff; font-size:90%; } /* separate style for today's date td.Today {color: #444; text-decoration: overline; }*/ /********* End of Calendar Styles *********/ /********* Embedded images with the s9y image manager *********/ /* container for images and text */ .serendipity_imageComment_center{ border: 1px solid #DDDDDD; background-color: #fff; margin: 3px; padding: 3px; text-align: center; } .serendipity_imageComment_left { border: 1px solid #DDDDDD; background-color: #fff; margin:0 8px 4px 0; padding: 3px; text-align: center; } .serendipity_imageComment_right { border: 1px solid #DDDDDD; background-color: #fff; margin: 0 0 4px 8px; padding: 3px; text-align: center; } /* style for image container when linked to larger image */ .serendipity_imageComment_center a, .serendipity_imageComment_left a, .serendipity_imageComment_right a { background:none; } /* style for image container when hovered over */ .serendipity_imageComment_center a:hover, .serendipity_imageComment_left a:hover, .serendipity_imageComment_right a:hover { background:none; } /* style to center image and text within entry */ .serendipity_imageComment_center { margin: auto; } /* style to left align image and text within entry */ .serendipity_imageComment_left { float: left; } /* style to right align image and text within entry */ .serendipity_imageComment_right { float: right; } /* styles for the images */ .serendipity_imageComment_img, .serendipity_imageComment_img img { margin: 0px; padding: 0px; text-align: center; } /* styles for the text below the image if used */ .serendipity_imageComment_txt { border-top: 1px solid #DDDDDD; margin: 0px; padding: 3px; clear: both; font-size: 8pt; text-align: center; } /********* End of Media Manager Styles *********/ /********* Plugin Styles *********/ /* container for search results, static page navigation and s9y no entries message */ .serendipity_search, .staticpage_navigation, .serendipity_overview_noentries { margin: 25px 10px 15px 0px; padding: 10px; border: 1px solid #ddecfb; background-color: #f6f8fb; } /* style for the seearch term and number of results using quicksearch */ .searchterm, .searchresults {color:#354e6c;font-weight:bold; } /* style for freetag items above entries */ .serendipity_freetag_taglist { margin:10px 0 20px 0; padding:15px; font-size: 80%; color:#505050; border: 1px solid #c0c0c0; background-color: #fafbfc; line-height:1.5em; text-align: justify; } /* container for freetag plugin in entry footer */ .serendipity_freeTag { margin-top:10px;} /* style for the rss feed image in freetag plugin */ img.serendipity_freeTag_xmlButton { border:none; padding-left:2px; } /* container for karma vote plugin */ .serendipity_karmaVoting { margin-top: 10px; } /* style for karma plugin 'Karma for this article:' and vote links */ .serendipity_karmaVoting_text {} /* style for vote links in karma plugin */ .serendipity_karmaVoting_links { display:block; clear:left; } /* style for karma plugin text and vote line */ .serendipity_karmaVoting_current, .serendipity_karmaVoting_visits {} /* style for the separator '|' in the karma plugin top exits */ .serendipity_karmaVoting_exits_sep, .serendipity_karmaVoting br { display:none; } /* container for comments plugin within sidebar */ .container_serendipity_plugin_comments { color:#fff; } /* style for line break in comments plugin */ .container_serendipity_plugin_comments br { line-height:0.1em; } /* container for individual comment within sidebar */ .plugin_comment_wrap { display:block; margin:15px 0 0 0; color:#fff; } /* style for comment body within sidebar */ .plugin_comment_body { font-style:oblique; } /********* End Plugin Styles *********/ .serendipity_entry { clear: both; } /* Judebert sidebar hack */ * html .serendipitySideBarContent ol { text-indent: -1em; }