698 lines
17 KiB
CSS
698 lines
17 KiB
CSS
/******************************************************/
|
|
/* 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;
|
|
}
|