/* Style sheet for LordSutch.com web pages * (C) 1997-2003 Chris Lawrence. * May be freely reused without any restrictions. */ /* Silly things */ /* html { background-color: white; color: black; font-family: sans-serif } */ body { background-color: white; color: black; } body, textarea, input, select, option { font-family: sans-serif } a { text-decoration: none; cursor: pointer; border-bottom: none } a:link { color: #00d; } a:visited { color: #066; } a:active { color: #c00; text-decoration: underline } a:hover { color: #c00; text-decoration: underline } [title] { cursor: help } a[title] { cursor: pointer } a *[title] { cursor: pointer } p.blog-page-footer { font-size: 0.83em; } body.blog { padding: 0; margin: 5px } h1.blog { text-align: center } .dayheader { text-align: left; padding: 0 0 0.5em; margin: 0; } .blog-header { text-align: left; padding: 1px 3px; font-weight: bolder; /* font-variant: small-caps; font-weight: 600; */ /* background: #c00; color: white; */ /* background-color: yellow; */ background-color: #ccc; color: black; margin: 0; font-size: 1.6em; border-top: 1px dotted #e00; /* border-width: thin; border-color: black; border-style: solid; */ } .blog-entries { float: left; width: 75% } .blog-entry { margin-bottom: 1.5em } .blog-content { margin: 0.2em 0; line-height: 1.3 } .blog-content a { border-bottom: 1px dotted #00d } .blog-content a:visited { border-bottom-color: #066 } .blog-content a:active { border-bottom: 1px dotted #c00; text-decoration: none } .blog-content a:hover { border-bottom: 1px dotted #c00; text-decoration: none } .blog-content a.morelink { border-bottom: none } .blog-content > p { margin-top: 1em; margin-bottom: 0em} .blog-content > p:first-child { margin-top: 0 } .blog-content dt { margin-top: 0.5em; font-weight: bolder; } .blog-footer { margin: 0.4em 0 1em; color: #666; /* font-style: italic; */ font-size: 0.8em; text-align: right } .blog-alt-permalink a:link { color: #666; } .blog-author a { font-weight: bolder } .blog-date-updated { color: #000; font-weight: bolder } .blog-date:link { color: inherit; } .blog-date:visited { color: inherit; } .blog-date-updated:link { color: #000; } .blog-date-updated:visited { color: #000; } span.blog-trackback-count { font-weight: bolder } span.tt-count { font-weight: bolder } /* span.blog-author span.blog-permalink span.blog-topic span.blog-date */ span.blog-edit { display: none; font-weight: lighter; } p.important { font-weight: bolder; font-size: larger; color: #c00 } div.sidebar { float: right; width: 24%; font-size: 0.8em; line-height: 1.2; font-family: sans-serif /* "Albany AMT", "Albany", "NewsGoth BT", "News Gothic MT", "News Gothic", Verdana, Arial, sans-serif */ } /* .sidebar > div doesn't work right in IE 6 */ .sidebar div { padding: 0 4px; margin: 0 0 1em; border-width: 1px; border-color: #00e; border-style: solid; background-color: #eee; } .sidebar div.nobox { border: none; padding: 0; margin: auto } .sidebar div div { border: none; margin: auto; padding: 0 } .sidebar-header { font-weight: bolder; /* font-size: larger; */ } ul.nav li.sidebar-header { font-weight: bolder; /* font-size: larger; */ } .sidebar div.welcome { border-color: #e00 } a img { border-style: none } .addendum { font-size: 0.9em } .sidebar div p { margin: 0.2em 0 } .syndicate { text-align: center } .sidebar-footer { font-size: 0.9em } .syndicate .feed { margin: 0; border-style: none; font-size: 11px } /* Here are some wacky CSS2 tricks */ span.update { color: #c00; text-transform: uppercase } /* Notably buggy in KHTML - fixed in Safari 73 */ p.update:before { font-weight: bolder; font-variant: small-caps; content: "Update: "; } ul.nav, ul.nav-inline { list-style: none; margin: 0; padding: 0 } ul.nav-indent, ul.plain { list-style: none; margin: 0; padding: 0 0 0 1em } ul.nav-inline li { display: inline } ul.nav li { margin-top: 0.3em; margin-bottom: 0.1em } ul.nav-indent li { margin-top: 0.3em; margin-bottom: 0.1em } ul.plain li { margin-top: 0.3em; margin-bottom: 0.3em } /* blockquote { font-size: 0.9em; color: #922; } */ blockquote { font-size: 0.9em; color: #222; border-left: thick double #ccc; padding-left: 0.5em /* color: #a04040; */ } blockquote blockquote { font-size: 1em; border: none; padding-left: 0 } .technorati { font-family: "Century Gothic", "URW Gothic L", "Avant Garde", "Avant Garde Book BT", "AvantGarde Bk BT", sans-serif; font-style: italic; } /* Commented out because of the broken Safari v73 */ /* .caps, acronym { text-transform: lowercase; font-variant: small-caps } */ /* Quand nous parlons francais... */ :lang(fr) { font-style: italic } /* Administrative interface stuff */ table.admin { border-top: thin solid black; border-bottom: thin solid black; border-left: none; border-right: none; border-collapse: collapse } table.admin tr.admin-top { border-bottom: thin solid black; border-top: none } table.admin td { padding-left: 0.5em; padding-right: 0.5em } table.admin tr { border-top: thin solid #eee } table.admin a { background-color: #f4f4f4 } /* Blogroll stuff */ .sidebar div.blogroll { /* font-size: 0.9em; */ border-color: #e00 } .blogroll li { font-weight: normal; } .cosmos li { font-weight: normal; } /* .blogroll-new:before { content: "NEW! "; color: #c00 } */ li.blogroll-new { font-weight: bolder; } li.blogroll-reciprocal { font-style: italic } .blogroll-full { font-weight: bolder; } .important { font-weight: bolder; } .blog-trackback-entries { margin: 0; padding: 0; color: black; } .blog-trackback-url {text-align: right; color: #666; } .blog-extend { margin: 0.2em 0; line-height: 1.3 } /* Color codes for individual authors */ /* Chris */ .author-1, a.author-1:link, a.author-1:visited { color: #082 } /* Brock */ .author-2, a.author-2:link, a.author-2:visited { color: #00c } /* Robert */ .author-3, a.author-3:link, a.author-3:visited { color: maroon } iframe { border: none } td p { margin: 0; padding: 0 } div.topmatter { padding-bottom: 0.5em} div.pagebottom { text-align: center; font-size: 64% } #archives { display: none } #topics { display: none } .frontlink { font-weight: bolder } .readless, .readmore, div.blog-extended { margin-top: 1em } del { color: #E81748; } .pullquote { width: 22.5%; float: right; padding: 0.25em; margin: 0.5em 0 0.5em 1em; border: 1px solid #0c795f; font-size: 110%; font-style: italic; background-color: #ddd; } .blog-footer-related { text-align: left }