Mercurial > thoughts
annotate css/ideas.css @ 157:42290f1f7f12
s.
author | Robert McIntyre <rlm@mit.edu> |
---|---|
date | Thu, 28 Jan 2016 09:35:51 -0800 |
parents | 7bb8ee5a52e8 |
children |
rev | line source |
---|---|
rlm@145 | 1 body { |
rlm@145 | 2 font-size:18px; |
rlm@145 | 3 line-height:1.5em; |
rlm@145 | 4 margin:0; |
rlm@145 | 5 padding:3em; |
rlm@145 | 6 } |
rlm@145 | 7 |
rlm@145 | 8 #unnumbered-1 { |
rlm@145 | 9 display:none; |
rlm@145 | 10 } |
rlm@145 | 11 |
rlm@145 | 12 blockquote { |
rlm@145 | 13 text-align:center; |
rlm@145 | 14 font-style:italic; |
rlm@145 | 15 } |
rlm@145 | 16 |
rlm@145 | 17 .outline-3 { |
rlm@145 | 18 position:relative; |
rlm@145 | 19 padding:15em; |
rlm@145 | 20 min-height:5em; |
rlm@150 | 21 |
rlm@145 | 22 } |
rlm@145 | 23 |
rlm@145 | 24 |
rlm@145 | 25 .outline-3 h3 { |
rlm@145 | 26 position:absolute; |
rlm@145 | 27 top:0.15em; bottom:0; |
rlm@145 | 28 width:13em; |
rlm@145 | 29 margin:0; |
rlm@145 | 30 padding:0; |
rlm@145 | 31 text-align:right; |
rlm@145 | 32 text-transform:capitalize; |
rlm@145 | 33 font-size:1.2em; |
rlm@145 | 34 line-height:1.25; |
rlm@145 | 35 color:#333333; |
rlm@145 | 36 } |
rlm@145 | 37 |
rlm@145 | 38 h1 { |
rlm@145 | 39 font-size:3em; |
rlm@145 | 40 line-height:1em; |
rlm@145 | 41 text-align:center; |
rlm@145 | 42 text-transform:uppercase; |
rlm@145 | 43 } |
rlm@145 | 44 |
rlm@145 | 45 .header h1 { |
rlm@145 | 46 display:inline; |
rlm@145 | 47 font-size:2em; |
rlm@145 | 48 text-transform:none; |
rlm@145 | 49 } |
rlm@145 | 50 |
rlm@145 | 51 .outline-3 p { |
rlm@145 | 52 padding-left: 18em; |
rlm@145 | 53 } |
rlm@145 | 54 |
rlm@145 | 55 |
rlm@145 | 56 div.header { |
rlm@145 | 57 |
rlm@145 | 58 background:#0F4D92; |
rlm@145 | 59 color:#fff; |
rlm@145 | 60 position:absolute; |
rlm@145 | 61 top:0; |
rlm@145 | 62 left:0; |
rlm@145 | 63 right:0; |
rlm@145 | 64 padding:1em 3em; |
rlm@145 | 65 } |
rlm@145 | 66 body { |
rlm@145 | 67 padding-top:8em; |
rlm@145 | 68 } |
rlm@145 | 69 |
rlm@145 | 70 .author{ |
rlm@145 | 71 display:none; |
rlm@145 | 72 } |
rlm@145 | 73 |
rlm@145 | 74 h1.title{ |
rlm@145 | 75 text-align:center; |
rlm@145 | 76 font-size:5em; |
rlm@145 | 77 } |
rlm@145 | 78 |
rlm@145 | 79 |
rlm@145 | 80 h1.title:before { |
rlm@145 | 81 content:"\2022"; |
rlm@145 | 82 color:#d90; |
rlm@145 | 83 border:0.1em double #d90; |
rlm@145 | 84 border:0.1em solid #d90; |
rlm@145 | 85 |
rlm@145 | 86 display:block; |
rlm@145 | 87 width:1em; |
rlm@145 | 88 height:1em; |
rlm@145 | 89 border-radius:100%; |
rlm@145 | 90 margin:0 auto; |
rlm@145 | 91 margin-bottom:0.5em; |
rlm@145 | 92 |
rlm@145 | 93 } |
rlm@145 | 94 |
rlm@145 | 95 p.end{ |
rlm@145 | 96 padding-left:0em; |
rlm@145 | 97 } |
rlm@145 | 98 |
rlm@145 | 99 .outline-3:nth-child(even) { |
rlm@145 | 100 background:#eee; |
rlm@145 | 101 } |
rlm@145 | 102 |
rlm@150 | 103 |
rlm@147 | 104 #content{ |
rlm@147 | 105 width:85% !important; |
rlm@147 | 106 margin-left:auto !important; |
rlm@147 | 107 margin-right:auto !important; |
rlm@150 | 108 } |
rlm@150 | 109 |
rlm@150 | 110 /* dxh */ |
rlm@150 | 111 .outline-3 > * { |
rlm@150 | 112 padding-bottom:2em!important; |
rlm@150 | 113 padding-top:0.5em!important; |
rlm@150 | 114 |
rlm@150 | 115 } |
rlm@150 | 116 |
rlm@150 | 117 |
rlm@150 | 118 .outline-3, .outline-3 * { |
rlm@150 | 119 margin:0!important; |
rlm@150 | 120 |
rlm@150 | 121 } |
rlm@150 | 122 .outline-3 { |
rlm@150 | 123 border-bottom:1px solid #ccc; |
rlm@150 | 124 } |
rlm@150 | 125 .outline-3 h3 { |
rlm@150 | 126 padding-left:1em; |
rlm@150 | 127 font-family:Georgia, Times, serif; |
rlm@150 | 128 font-size:1.14em; |
rlm@150 | 129 |
rlm@150 | 130 } |