Mercurial > thoughts
annotate css/ideas.css @ 145:f5a56e2241fb
finally creating a good-ideas page.
author | Robert McIntyre <rlm@mit.edu> |
---|---|
date | Sun, 12 Apr 2015 17:31:34 -0700 |
parents | |
children | 3bc644fab800 |
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@145 | 21 } |
rlm@145 | 22 |
rlm@145 | 23 |
rlm@145 | 24 .outline-3 h3 { |
rlm@145 | 25 position:absolute; |
rlm@145 | 26 top:0.15em; bottom:0; |
rlm@145 | 27 width:13em; |
rlm@145 | 28 margin:0; |
rlm@145 | 29 padding:0; |
rlm@145 | 30 text-align:right; |
rlm@145 | 31 text-transform:capitalize; |
rlm@145 | 32 font-size:1.2em; |
rlm@145 | 33 line-height:1.25; |
rlm@145 | 34 color:#333333; |
rlm@145 | 35 } |
rlm@145 | 36 |
rlm@145 | 37 h1 { |
rlm@145 | 38 font-size:3em; |
rlm@145 | 39 line-height:1em; |
rlm@145 | 40 text-align:center; |
rlm@145 | 41 text-transform:uppercase; |
rlm@145 | 42 } |
rlm@145 | 43 |
rlm@145 | 44 .header h1 { |
rlm@145 | 45 display:inline; |
rlm@145 | 46 font-size:2em; |
rlm@145 | 47 text-transform:none; |
rlm@145 | 48 } |
rlm@145 | 49 |
rlm@145 | 50 .outline-3 p { |
rlm@145 | 51 padding-left: 18em; |
rlm@145 | 52 } |
rlm@145 | 53 |
rlm@145 | 54 |
rlm@145 | 55 div.header { |
rlm@145 | 56 |
rlm@145 | 57 background:#0F4D92; |
rlm@145 | 58 color:#fff; |
rlm@145 | 59 position:absolute; |
rlm@145 | 60 top:0; |
rlm@145 | 61 left:0; |
rlm@145 | 62 right:0; |
rlm@145 | 63 padding:1em 3em; |
rlm@145 | 64 } |
rlm@145 | 65 body { |
rlm@145 | 66 padding-top:8em; |
rlm@145 | 67 } |
rlm@145 | 68 |
rlm@145 | 69 .author{ |
rlm@145 | 70 display:none; |
rlm@145 | 71 } |
rlm@145 | 72 |
rlm@145 | 73 h1.title{ |
rlm@145 | 74 text-align:center; |
rlm@145 | 75 font-size:5em; |
rlm@145 | 76 } |
rlm@145 | 77 |
rlm@145 | 78 |
rlm@145 | 79 h1.title:before { |
rlm@145 | 80 content:"\2022"; |
rlm@145 | 81 color:#d90; |
rlm@145 | 82 border:0.1em double #d90; |
rlm@145 | 83 border:0.1em solid #d90; |
rlm@145 | 84 |
rlm@145 | 85 display:block; |
rlm@145 | 86 width:1em; |
rlm@145 | 87 height:1em; |
rlm@145 | 88 border-radius:100%; |
rlm@145 | 89 margin:0 auto; |
rlm@145 | 90 margin-bottom:0.5em; |
rlm@145 | 91 |
rlm@145 | 92 } |
rlm@145 | 93 |
rlm@145 | 94 p.end{ |
rlm@145 | 95 padding-left:0em; |
rlm@145 | 96 } |
rlm@145 | 97 |
rlm@145 | 98 .outline-3:nth-child(even) { |
rlm@145 | 99 background:#eee; |
rlm@145 | 100 } |
rlm@145 | 101 |
rlm@145 | 102 #content { |
rlm@145 | 103 /* center this! */ |
rlm@145 | 104 width:80%; |
rlm@145 | 105 |
rlm@145 | 106 } |