Mercurial > thoughts
comparison 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 |
comparison
equal
deleted
inserted
replaced
144:aceb83781139 | 145:f5a56e2241fb |
---|---|
1 body { | |
2 font-size:18px; | |
3 line-height:1.5em; | |
4 margin:0; | |
5 padding:3em; | |
6 } | |
7 | |
8 #unnumbered-1 { | |
9 display:none; | |
10 } | |
11 | |
12 blockquote { | |
13 text-align:center; | |
14 font-style:italic; | |
15 } | |
16 | |
17 .outline-3 { | |
18 position:relative; | |
19 padding:15em; | |
20 min-height:5em; | |
21 } | |
22 | |
23 | |
24 .outline-3 h3 { | |
25 position:absolute; | |
26 top:0.15em; bottom:0; | |
27 width:13em; | |
28 margin:0; | |
29 padding:0; | |
30 text-align:right; | |
31 text-transform:capitalize; | |
32 font-size:1.2em; | |
33 line-height:1.25; | |
34 color:#333333; | |
35 } | |
36 | |
37 h1 { | |
38 font-size:3em; | |
39 line-height:1em; | |
40 text-align:center; | |
41 text-transform:uppercase; | |
42 } | |
43 | |
44 .header h1 { | |
45 display:inline; | |
46 font-size:2em; | |
47 text-transform:none; | |
48 } | |
49 | |
50 .outline-3 p { | |
51 padding-left: 18em; | |
52 } | |
53 | |
54 | |
55 div.header { | |
56 | |
57 background:#0F4D92; | |
58 color:#fff; | |
59 position:absolute; | |
60 top:0; | |
61 left:0; | |
62 right:0; | |
63 padding:1em 3em; | |
64 } | |
65 body { | |
66 padding-top:8em; | |
67 } | |
68 | |
69 .author{ | |
70 display:none; | |
71 } | |
72 | |
73 h1.title{ | |
74 text-align:center; | |
75 font-size:5em; | |
76 } | |
77 | |
78 | |
79 h1.title:before { | |
80 content:"\2022"; | |
81 color:#d90; | |
82 border:0.1em double #d90; | |
83 border:0.1em solid #d90; | |
84 | |
85 display:block; | |
86 width:1em; | |
87 height:1em; | |
88 border-radius:100%; | |
89 margin:0 auto; | |
90 margin-bottom:0.5em; | |
91 | |
92 } | |
93 | |
94 p.end{ | |
95 padding-left:0em; | |
96 } | |
97 | |
98 .outline-3:nth-child(even) { | |
99 background:#eee; | |
100 } | |
101 | |
102 #content { | |
103 /* center this! */ | |
104 width:80%; | |
105 | |
106 } |