Mercurial > thoughts
annotate css/sloman.css @ 140:208424fee6f9
new ideas.
author | Robert McIntyre <rlm@mit.edu> |
---|---|
date | Thu, 05 Feb 2015 23:05:45 -0800 |
parents | a72ac82bb785 |
children |
rev | line source |
---|---|
rlm@57 | 1 /*** RESETS ***/ |
rlm@57 | 2 html,body{margin:0;padding:0;color:#4f4030;} |
rlm@57 | 3 h1,h2,h3,h4,h5,h6 {font-size:inherit;line-height:inherit;margin:0;padding:0;font-weight:inherit;} |
rlm@57 | 4 a{color:inherit;} |
rlm@57 | 5 |
rlm@57 | 6 /*** CORE SETTINGS ***/ |
rlm@57 | 7 |
rlm@57 | 8 body { |
rlm@57 | 9 font-size:16px; |
rlm@57 | 10 line-height:1.25em; |
rlm@57 | 11 padding:1.5em; |
rlm@57 | 12 } |
rlm@57 | 13 |
rlm@57 | 14 body { |
rlm@57 | 15 /*width:36em; |
rlm@57 | 16 margin:0px auto;*/ |
rlm@57 | 17 padding:2.5em 5em; |
rlm@57 | 18 background:#fff; |
rlm@57 | 19 } |
rlm@57 | 20 html { |
rlm@57 | 21 |
rlm@57 | 22 } |
rlm@57 | 23 |
rlm@57 | 24 .outline-3 a { |
rlm@57 | 25 color:#369; |
rlm@57 | 26 } |
rlm@57 | 27 /*** TITLES AND OTHER HEADERS ***/ |
rlm@57 | 28 h1.title { |
rlm@57 | 29 text-align:left; |
rlm@57 | 30 font-size:1.5em; |
rlm@57 | 31 line-height:1.667em; |
rlm@57 | 32 line-height:1em; |
rlm@57 | 33 font-weight:bold; |
rlm@57 | 34 } |
rlm@57 | 35 |
rlm@57 | 36 |
rlm@57 | 37 h2 { |
rlm@57 | 38 font-weight:bold; |
rlm@57 | 39 margin-top:2.5em; |
rlm@57 | 40 } |
rlm@57 | 41 h3 { |
rlm@57 | 42 text-align:center; |
rlm@57 | 43 font-family:Cabin,Helvetica,Arial,sans-serif; |
rlm@57 | 44 line-height:1em; |
rlm@57 | 45 padding-top:1.5em; |
rlm@57 | 46 padding-bottom:1.5em; |
rlm@57 | 47 border-top:1px dotted #ccc; |
rlm@57 | 48 color:#7f674; |
rlm@57 | 49 } |
rlm@57 | 50 h4 { |
rlm@57 | 51 font-weight:bold; |
rlm@57 | 52 font-size:1.25em; |
rlm@57 | 53 line-height:1em; |
rlm@57 | 54 margin-top:2em; |
rlm@57 | 55 } |
rlm@57 | 56 |
rlm@57 | 57 .tag { |
rlm@57 | 58 background:inherit; |
rlm@57 | 59 color:#369; |
rlm@57 | 60 color:#4d657f; |
rlm@57 | 61 font-family:Cabin,Helvetica,Arial,sans-serif; |
rlm@57 | 62 font-size:14px; |
rlm@57 | 63 } |
rlm@57 | 64 |
rlm@57 | 65 /*** TABLE OF CONTENTS ***/ |
rlm@57 | 66 #text-table-of-contents { |
rlm@57 | 67 margin-bottom:4em; |
rlm@57 | 68 } |
rlm@57 | 69 #text-table-of-contents ul { |
rlm@57 | 70 list-style-type:none; |
rlm@57 | 71 padding:0; |
rlm@57 | 72 font-weight:bold; |
rlm@57 | 73 font-family:Cabin,Helvetica,Arial,sans-serif; |
rlm@57 | 74 } |
rlm@57 | 75 |
rlm@57 | 76 #text-table-of-contents > ul li { |
rlm@57 | 77 line-height:1.875em; |
rlm@57 | 78 line-height:2.5em; |
rlm@57 | 79 color:#7f674d; |
rlm@57 | 80 } |
rlm@57 | 81 |
rlm@57 | 82 |
rlm@57 | 83 #text-table-of-contents ul ul li { |
rlm@57 | 84 line-height:1.25em; |
rlm@57 | 85 line-height:1.25em; |
rlm@57 | 86 padding-left:1.4em; |
rlm@57 | 87 font-weight:normal; |
rlm@57 | 88 font-family:Georgia,Times,Palatino,serif; |
rlm@57 | 89 color:#4f4030; |
rlm@57 | 90 } |
rlm@57 | 91 #text-table-of-contents a { |
rlm@57 | 92 text-decoration:none; |
rlm@57 | 93 } |
rlm@57 | 94 #text-table-of-contents a:hover { |
rlm@57 | 95 text-decoration:underline; |
rlm@57 | 96 } |
rlm@57 | 97 |
rlm@57 | 98 |
rlm@57 | 99 |
rlm@57 | 100 /*** AUXUILLARY STUFF (quotes, verses) **/ |
rlm@57 | 101 |
rlm@57 | 102 .verse { |
rlm@57 | 103 font-size:1em; |
rlm@57 | 104 line-height:1.125em; |
rlm@57 | 105 color:#666; |
rlm@57 | 106 color:#682; |
rlm@57 | 107 color:inherit; |
rlm@57 | 108 border-left:0.25em solid #eee; |
rlm@57 | 109 padding-left:0.75em; |
rlm@57 | 110 |
rlm@57 | 111 } |