160 lines
6.5 KiB
CSS
160 lines
6.5 KiB
CSS
/* original by Eric Meyer
|
|
<http://meyerweb.com/>
|
|
adapted for freedata.ca by Matt Wilkie */
|
|
|
|
/* recover from old-browser styling */
|
|
|
|
*.oldbl {display: block !important;}
|
|
*.oldin {display: inline !important;}
|
|
*.ahem {display: none !important;}
|
|
/* div#sidebar b {display: none !important;}*/
|
|
img.pic {display: block !important;}
|
|
|
|
/* NS6.x-specific fixes */
|
|
|
|
*|*:-moz-list-bullet, *|*:-moz-list-number {font-size: 1em;}
|
|
|
|
/* basic styles */
|
|
|
|
html {margin: 0; padding: 0;}
|
|
body {font: 12px Georgia, serif; margin: 0; padding: 0;}
|
|
body div#main {margin: 0 17% 0 7.5em; padding: 2.33em 4% 1em 0;
|
|
position: relative;}
|
|
|
|
/* mhw */
|
|
div#zones {text-align: right; }
|
|
div#zones a{padding-left: 3px; padding-right: 4px;
|
|
border-right: 1px dashed navy;color: #F4F4EF;}
|
|
div#zones a:hover{border-bottom: 2px solid #f4f4ef;}
|
|
|
|
h1#sitemast {font-size: 200%; line-height: 0.9em;
|
|
font-weight: bold; margin: 0; padding: 0.33em 0 0;
|
|
/*text-transform: lowercase;*/ letter-spacing: 0.13em;
|
|
border-bottom: 1px solid;}
|
|
h1#sitemast span {padding-left: 0.33em; margin: 0;}
|
|
h2 {margin: 0; font-weight: bold; font-size: 200%;}
|
|
h3 {font-size: 130%; font-weight: bold;
|
|
margin: 1em 0 0; padding: 0;
|
|
border-style: solid; border-width: 0 0 1px 0;}
|
|
h3 a.hlinks {position: relative; bottom: -0.6em;
|
|
padding: 1px 0.5em; margin: 0;
|
|
border-style: solid; border-width: 1px 2px;
|
|
text-decoration: none;}
|
|
h4 {margin: 1.66em 0 0; font-size: 115%; font-weight: bold;}
|
|
h5 {margin: 1.25em 0 0; font-size: 100%;}
|
|
|
|
div#main p {margin: 0.66em 0 1em 1.75em; padding: 0;
|
|
text-align: left; line-height: 1.4;}
|
|
div#main p.desc {margin-top: 1.5em;}
|
|
div#main ul, div#main ol {margin: 0.75em 0 1em 1.75em;
|
|
padding: 0 0 0 2.5em;}
|
|
p#signature {margin-top: 2em; padding-right: 0.25em;
|
|
text-align: left; font-style: italic;}
|
|
pre, code {font: 103% "Andale Mono", "Courier New", Courier, monospace; line-height: 1em;}
|
|
dl {margin: 0.75em 0 0.75em 1.75em; padding: 0;}
|
|
dt {font-weight: bold;}
|
|
dd {margin-top: 0.33em; margin-bottom: 0.66em;}
|
|
li {margin-bottom: 0.33em;}
|
|
blockquote {font-style: normal; margin-left: 4em;}
|
|
blockquote p {margin: 0.33em 2.5% 0.33em 0 !important; text-indent: 2.5em;}
|
|
blockquote em {font-style: italic; font-weight: inherit;}
|
|
a.dead {text-decoration: line-through !important;}
|
|
|
|
div#sidebar {float: right; width: 15%;
|
|
margin: 0 1% 0 0; padding: 0; text-align: left;}
|
|
div#sidebar h4 {margin: 2em 0 0 2px; padding: 0;
|
|
font-size: 1em; font-weight: bold; line-height: 1.25em;
|
|
text-align: left; text-transform: lowercase;
|
|
border-bottom: 2px solid;}
|
|
div#sidebar h4#sidetop {margin-top: 1em;}
|
|
div#sidebar form, div#sidebar p {
|
|
margin: 0 2px; border-style: solid; border-width: 0 0 0 1px;}
|
|
div#sidebar form {padding: 0.25em 0.66em;}
|
|
div#sidebar p {line-height: 1.1em; text-align: left;
|
|
padding: 0.5em 0.5em 0.5em 5%;}
|
|
div#sidebar p.subhead {font-size: 95%; font-style: italic;
|
|
line-height: 1em;
|
|
text-align: left; padding: 0.125em 0.5em 0;}
|
|
|
|
div#sidebar a {display: block;
|
|
padding: 5px 5px 2px; margin: 0 0 0 2px;
|
|
border-style: solid; border-width: 0 0 0 1px;
|
|
text-decoration: none; outline-width: 0;}
|
|
div#sidebar a:hover {border-left-width: 5px;
|
|
padding-left: 3px; margin-left: 0;}
|
|
div#sidebar img {width: 95%; max-width: 150px;
|
|
margin: 3px 0 5px; border: 1px solid;}
|
|
|
|
div.sublinks {border-left: 1px solid; margin: 0 1em 0 2px;
|
|
background: transparent;}
|
|
div#sidebar div.sublinks a {border-left: 3px double;
|
|
margin-left: 1px; padding-left: 3px; padding-top: 2px;}
|
|
div#sidebar div.sublinks a:hover {border-left: 4px solid;
|
|
margin-left: 0; padding-left: 3px;}
|
|
|
|
div#footer {font-size: 90%; margin-top: 8em; padding: 0.5em 1em 0.5em; border: 1px solid; border-width: 1px 0; text-align: right; clear: both;}
|
|
|
|
/* thought-specific styles */
|
|
|
|
div#thoughts {clear: both; border-top: 2px solid;
|
|
margin: 2em 0 0.5em; padding: 0;}
|
|
div#thoughts div.entry p {margin: 0.5em 0 1em 1.75em;}
|
|
div#thoughts h4 {border: 1px solid; border-width: 0 2px;
|
|
margin: 0; padding: 0.25em 1em 2px 0;
|
|
font-style: italic; text-align: right;}
|
|
div.entry {clear: both; border-top: 1px solid;
|
|
padding: 0; margin: 0 0 2.5em;}
|
|
span.date {border-style: solid; border-width: 1px 1px 1px 2px;
|
|
position: relative; top: -0.66em;
|
|
margin: 0; padding: 1px 0.5em;
|
|
font-weight: bold;}
|
|
|
|
/* book-specific styling */
|
|
|
|
body#book div#main {margin: 0 15% 0 140px !important;
|
|
padding: 2.33em 7.5% 1em 0;}
|
|
body#book h2 {margin-left: 0.5em;}
|
|
body#book div#main img.cover {position: absolute; width: 125px;
|
|
top: 3em; left: -130px; padding: 0;
|
|
border-style: solid; border-width: 1px 2px 2px 1px;
|
|
border-color: gray black black gray;}
|
|
body#book p#excerpt {border: 2px solid; border-left-width: 2em;
|
|
padding: 0.5em; margin-bottom: 2em;}
|
|
|
|
/* color settings */
|
|
|
|
body {color: rgb(23%,23%,23%); background: rgb(96%,96%,94%);}
|
|
h1#sitemast, div#zones {color: rgb(30%,30%,50%); background: rgb(45%,45%,65%); border-color: rgb(30%,30%,50%);}
|
|
h1#sitemast span {background: rgb(96%,96%,94%); color: rgb(27%,27%,47%);}
|
|
h1#sitemast a {color: rgb(30%,30%,50%); text-decoration: none;}
|
|
h2 {color: rgb(20%,20%,40%);}
|
|
h3 {color: rgb(20%,20%,30%); border-color: rgb(50%,50%,60%);}
|
|
h3 a.hlinks {border-color: rgb(50%,50%,60%);
|
|
background-color: rgb(100%,100%,97%);}
|
|
code {color: rgb(20%,30%,40%);}
|
|
blockquote {color: rgb(25%,30%,35%);}
|
|
div#sidebar {background-color: transparent;}
|
|
div#sidebar a {border-color: rgb(30%,30%,50%);}
|
|
div#sidebar a:link {color: rgb(30%,30%,60%);}
|
|
div#sidebar a:visited {color: rgb(50%,50%,60%);}
|
|
div#sidebar a:hover {border-color: rgb(30%,30%,60%);}
|
|
div#sidebar a:visited:hover {border-color: rgb(50%,50%,60%);}
|
|
div#sidebar h4 {color: rgb(30%,30%,50%); border-color: rgb(30%,30%,50%);}
|
|
div#sidebar p, div#sidebar form {border-color: rgb(30%,30%,50%);}
|
|
div#sidebar p.subhead {color: rgb(60%,60%,75%);}
|
|
div.sublinks {border-color: rgb(30%,30%,50%);}
|
|
div#sidebar div.sublinks a {border-left-color: rgb(78%,78%,81%);}
|
|
div#sidebar div.sublinks a:hover {border-left-color: rgb(65%,65%,80%);}
|
|
div#sidebar div.sublinks a:visited:hover {border-left-color: rgb(75%,75%,75%);}
|
|
div#footer {border-color: rgb(30%,30%,50%) navy rgb(75%,80%,85%) navy;
|
|
background: rgb(88%,90%,92%);}
|
|
body#book p#excerpt {border-color: #CC9; background: #FFFFF0;}
|
|
|
|
div#thoughts {border-color: rgb(40%,40%,50%);}
|
|
div#thoughts h4 {border-color: rgb(40%,40%,50%);
|
|
background-color: rgb(80%,80%,85%);
|
|
color: rgb(20%,20%,40%);}
|
|
div.entry {border-color: rgb(50%,50%,55%);}
|
|
span.date {border-color: rgb(40%,40%,50%);
|
|
background-color: rgb(231,231,236); color: rgb(25%,25%,25%);}
|