679 lines
16 KiB
CSS
679 lines
16 KiB
CSS
/******************************************************/
|
|
/* Theme by Carl Galloway */
|
|
/* http://www.carlgalloway.com */
|
|
/* 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. */
|
|
/* */
|
|
/* My comments are inside the /* */, these can */
|
|
/* safely be deleted if you do not require them. */
|
|
/******************************************************/
|
|
|
|
|
|
|
|
|
|
/********* 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 0 15px;
|
|
padding-left: 15px;
|
|
border-left: 4px solid #2a5a8a; }
|
|
|
|
/* all links are blue with no underline */
|
|
a:link, a:visited, a:active {
|
|
color: #235587;
|
|
text-decoration: none; }
|
|
|
|
/* change link color to dark blue and underline when hovered over */
|
|
a:hover {
|
|
color: #5f90ba;
|
|
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; }
|
|
|
|
/********* End of General Styles *********/
|
|
|
|
|
|
|
|
|
|
/********* Structural Styles *********/
|
|
|
|
/* preset styles for entire blog unless overruled elsewhere, page footer is here as well */
|
|
body {
|
|
direction: {LANG_DIRECTION};
|
|
font-size: 0.9em;
|
|
background-color: #f1f6fb;
|
|
margin: 0;
|
|
padding:0;
|
|
font-family: "trebuchet ms", "bitstream vera sans", arial, sans-serif; }
|
|
|
|
/* wrapper for page */
|
|
#wrap {
|
|
width:90%;
|
|
margin:0 auto; }
|
|
|
|
/* container for banner */
|
|
#serendipity_banner {
|
|
margin: auto;
|
|
width: 100%;
|
|
height: 72px;
|
|
background-image: url({TEMPLATE_PATH}img/background.png); }
|
|
|
|
/* container for content and sidebar */
|
|
#mainpane {
|
|
border-right:1px solid #235587;
|
|
border-left:1px solid #235587;
|
|
border-bottom:1px solid #235587;
|
|
margin: 0 auto;
|
|
width: 100%;
|
|
border-top: 0px;
|
|
background-color: #FFFFFF; }
|
|
|
|
/* container for entries column */
|
|
#content {
|
|
padding: 0 10px 10px 10px;
|
|
margin: 0 10px 10px 10px;
|
|
width: auto; }
|
|
|
|
/* container for right sidebar */
|
|
#serendipityRightSideBar {
|
|
width: 170px;
|
|
padding: 0 0 0 10px;
|
|
margin:0;
|
|
vertical-align: top; }
|
|
|
|
/* container for left sidebar */
|
|
#serendipityLeftSideBar {
|
|
width: 170px;
|
|
padding:0 10px 0 1px;
|
|
margin:0;
|
|
vertical-align: top; }
|
|
|
|
/* container for page footer */
|
|
#footer {
|
|
padding:0;
|
|
margin:0;
|
|
background-color: #ecf3fd; }
|
|
|
|
/********* 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, #serendipity_banner h1 {
|
|
color: #fff;
|
|
font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
|
|
font-size : 20px;
|
|
padding-left:15px;
|
|
padding-top: 20px;
|
|
margin: 0px;
|
|
text-decoration: none; }
|
|
|
|
/* the smaller link in the banner, blog description */
|
|
a.homelink2, a.homelink2:hover, a.homelink2:link, a.homelink2:visited, #serendipity_banner h2 {
|
|
color: #fff;
|
|
padding-left: 15px;
|
|
font-size: 14px;
|
|
margin: 0px;
|
|
text-decoration: none; }
|
|
|
|
/********* End of Header/Banner Styles *********/
|
|
|
|
|
|
|
|
|
|
/********* Footer Styles *********/
|
|
|
|
/* footer paragraph text */
|
|
#footer p {
|
|
color:#666;
|
|
text-transform:lowercase;
|
|
font-size: 9pt;
|
|
font-weight:bold;
|
|
line-height: 1.5; }
|
|
|
|
/* make footer links blue, no underline */
|
|
#footer a {
|
|
color:#215385;
|
|
text-decoration:none; }
|
|
|
|
/* underline footer links when hovered over */
|
|
#footer a:hover {
|
|
text-decoration:underline; }
|
|
|
|
/********* End of Footer Styles *********/
|
|
|
|
|
|
|
|
|
|
|
|
/********* Entry Styles *********/
|
|
|
|
/* container for the entry/post */
|
|
.serendipity_entry {
|
|
font-family: arial, helvetica, sans-serif;
|
|
color: #333;
|
|
font-size: 9.5pt;
|
|
font-weight: normal;
|
|
margin: 10px 0 40px 0; }
|
|
|
|
/* container for entry title and date */
|
|
.serendipity_Entry_Date {
|
|
clear:both; }
|
|
|
|
/* style for the actual date below entry title */
|
|
.serendipity_date {
|
|
text-align:right;
|
|
line-height:0.85em;
|
|
color: #999;
|
|
margin:10px 0 0 0;
|
|
text-transform:lowercase;
|
|
display:block;
|
|
font-size:.9em;
|
|
border-bottom: 1px solid #ddd;
|
|
padding: 10px 12px 0 0; }
|
|
|
|
/* entry title */
|
|
.serendipity_title {
|
|
font-size: medium;
|
|
font-weight: bold;
|
|
margin-top: 5px;
|
|
color: #235587; }
|
|
|
|
/* style for the meta box title */
|
|
.serendipity_meta_title {
|
|
font-size: small;
|
|
font-weight: bold;
|
|
margin: 0; padding:0;
|
|
color: #235587; }
|
|
|
|
/* entry title link, regular color is black */
|
|
.serendipity_title a:link, .serendipity_title a:visited {
|
|
text-decoration: none;
|
|
font-weight: bold;
|
|
border: 0;
|
|
background:none;
|
|
color: #235587; }
|
|
|
|
/*entry title link when hovered over, changes to orange */
|
|
.serendipity_title a:hover {
|
|
color: #e37235; }
|
|
|
|
/* additional styles used for entry text */
|
|
.serendipity_entry p {
|
|
margin-top: 0px;
|
|
padding-bottom: 0px; }
|
|
|
|
/* 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; }
|
|
|
|
/* the meta box that includes links to comments, trackbacks etc */
|
|
div.serendipity_entryFooter {
|
|
margin: 0 0 10px 10px;
|
|
width:170px;
|
|
float:right;
|
|
border:1px solid #ddecfb;
|
|
background-color:#f6f8fb;
|
|
font-size: 0.8em;
|
|
color: #000000;
|
|
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 {
|
|
color: #e37235;
|
|
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;
|
|
background:none; }
|
|
|
|
/* styling the continue reading byline when hovered over */
|
|
.continue_reading a:hover {
|
|
color: #5f90ba;
|
|
background:none;
|
|
text-decoration: underline; }
|
|
|
|
/* not used, but allows additional style to show author's posts in multi-author blogs */
|
|
.serendipity_entry_author_self {
|
|
}
|
|
|
|
/* styles for the next/previous links above footer, includes start page and archives links */
|
|
.serendipity_pageFooter {
|
|
clear:both;
|
|
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; }
|
|
|
|
/********* 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: medium;
|
|
font-weight: bold;
|
|
margin-top: 10px;
|
|
color: #336d9f;
|
|
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 #5f90ba;
|
|
border-bottom:1px solid #5f90ba;
|
|
background-color:#fafbfc;
|
|
color:#505050;
|
|
line-height:1.5em; }
|
|
|
|
/* style for odd numbered comments*/
|
|
.comment_oddbox {
|
|
margin:0 0 20px 0;
|
|
border-top:1px solid #c0c0c0;
|
|
border-bottom:1px solid #c0c0c0;
|
|
background-color:#fafbfc;
|
|
color:#505050;
|
|
line-height:1.5em; }
|
|
|
|
/********* End of Comment Styles *********/
|
|
|
|
|
|
|
|
/********* Comment Form *********/
|
|
|
|
/* container style for entire comment form */
|
|
.serendipity_commentForm {
|
|
font-size: 13px;
|
|
color: #404040;
|
|
margin-bottom: 13px;
|
|
margin-right: 10px;
|
|
margin-left: 10px;
|
|
background-color: #FFFFFF; }
|
|
|
|
/* style for name, email etc fields in comments form */
|
|
td.serendipity_commentsLabel {
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
vertical-align: top; }
|
|
|
|
/* styles for input boxes in comments form */
|
|
td.serendipity_commentsValue input, td.serendipity_commentsValue select, td.serendipity_commentsValue textarea {
|
|
font-size: 12px;
|
|
padding: 2px; }
|
|
|
|
/********* End of Comment Form *********/
|
|
|
|
|
|
|
|
|
|
/********* Sidebar Styles *********/
|
|
|
|
/* container style for individual sidebar blocks */
|
|
div.serendipitySideBarContent {
|
|
padding-bottom: 12px;
|
|
margin-bottom: 12px;
|
|
font-size: 12px;
|
|
font-weight:normal; }
|
|
|
|
/* style for each sidebar title */
|
|
.serendipitySideBarTitle {
|
|
line-height:0.85em;
|
|
color: #999;
|
|
margin:10px 0 4px 0;
|
|
text-transform:lowercase;
|
|
display:block;
|
|
font-size:.9em;
|
|
border-bottom: 1px solid #ddd;
|
|
padding: 10px 0 0 12px; }
|
|
|
|
/* 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 {
|
|
width:150px; }
|
|
|
|
/* style for side bar date eg recent entries plugin */
|
|
.serendipitySideBarDate {
|
|
line-height:0.9em; }
|
|
|
|
/********* End of Sidebar Styles *********/
|
|
|
|
|
|
|
|
|
|
/********* Calendar Styles *********/
|
|
|
|
/* style for entire table in calendar plugin */
|
|
table.serendipity_calendar {
|
|
border-bottom:1px solid #ddecfb;
|
|
border-left:1px solid #ddecfb;
|
|
border-right:1px solid #ddecfb; }
|
|
|
|
/* 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:#235587; }
|
|
|
|
/* 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:#fff;
|
|
background:#5f90ba; }
|
|
|
|
/* style for calendar day rows */
|
|
td.serendipity_calendarDay {
|
|
color:#888;
|
|
font-size:90%; }
|
|
|
|
/* separate style for today's date */
|
|
td.Today {color: #444; text-decoration: overline; }
|
|
|
|
/* styles for calendar days rows */
|
|
.row1 {background: #ddecfb; }
|
|
.row2 {background: #e2eefb; }
|
|
.row3 {background: #e7f1fb; }
|
|
.row4 {background: #ecf3fb; }
|
|
.row5 {background: #f1f6fb; }
|
|
.row6 {background: #f6f8fb; }
|
|
|
|
/********* End of Calendar Styles *********/
|
|
|
|
|
|
|
|
|
|
|
|
/********* Embedded images with the s9y image manager *********/
|
|
|
|
/* container for images and text */
|
|
.serendipity_imageComment_center, .serendipity_imageComment_left, .serendipity_imageComment_right {
|
|
border: 1px solid #DDDDDD;
|
|
background-color: #EFEFEF;
|
|
margin: 3px;
|
|
padding: 3px;
|
|
text-align: center; }
|
|
|
|
/* 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;
|
|
border:none;
|
|
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:10px 0 20px 0;
|
|
padding:10px;
|
|
border:1px solid #c0c0c0;
|
|
background-color:#fafbfc;
|
|
color:#505050;
|
|
line-height:1.5em;
|
|
clear:both; }
|
|
|
|
/* style for input box for quicksearch */
|
|
#serendipityQuickSearchTermField {
|
|
width:70%;
|
|
margin-top:10px!important;
|
|
margin:0;
|
|
padding:0; }
|
|
|
|
/* style for the seearch term and number of results using quicksearch */
|
|
.searchterm, .searchresults {color:#235587;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; }
|
|
|
|
/* allows additional styling for top exits text in karma plugin */
|
|
.serendipity_karmaVoting_exits {
|
|
}
|
|
|
|
/* style for number of top exits in karma plugin */
|
|
.serendipity_karmaVoting_exits_num {
|
|
}
|
|
|
|
/* 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:#333; }
|
|
|
|
/* style for line break in comments plugin */
|
|
.container_serendipity_plugin_comments br {
|
|
line-height:0.5em; }
|
|
|
|
/* container for individual comment within sidebar */
|
|
.plugin_comment_wrap {
|
|
display:block;
|
|
margin:15px 0 0 0;
|
|
border-top:1px solid #ddecfb;
|
|
border-bottom:1px solid #ddecfb;
|
|
background-color:#fafbfc;
|
|
color:#505050; }
|
|
|
|
/* style for comment body within sidebar */
|
|
.plugin_comment_body {
|
|
font-style:oblique; }
|
|
|
|
/********* End Plugin Styles *********/
|
|
|
|
|
|
/*** Additional plugin styles needed for the modernized output code ***/
|
|
/*** added by Matthias 'YellowLed' Mees ***/
|
|
|
|
.container_serendipity_archives_plugin ul,
|
|
.container_serendipity_syndication_plugin ul,
|
|
.container_serendipity_authors_plugin ul,
|
|
.container_serendipity_plugin_entrylinks ul {
|
|
list-style: none;
|
|
margin-left: 0;
|
|
padding-left: 12px;
|
|
}
|
|
|
|
.container_serendipity_authors_plugin .serendipitySideBarContent div {
|
|
margin: 5px 0;
|
|
padding-left: 12px;
|
|
}
|
|
|
|
.serendipity_history_author { font-weight: bolder; }
|
|
|
|
.serendipity_history_intro,
|
|
.serendipity_history_info { margin-bottom: 3px; }
|
|
|
|
.serendipity_history_body { margin-bottom: 10px; }
|
|
|
|
.serendipity_recententries_entrylink { margin-bottom: 2px; }
|
|
|
|
.serendipity_recententries_entrydate { margin: 0 0 4px 0; }
|
|
|
|
.plugin_comment_body { padding: 3px 0; }
|
|
|
|
.serendipity_shoutbox_date { margin: 5px 0 2px 0; }
|
|
|
|
.serendipity_shoutbox_comment { padding: 3px 0; }
|
|
|
|
/*** End Additional plugin styles ***/
|