Mercurial > thoughts
diff 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 |
line wrap: on
line diff
1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 1.2 +++ b/css/ideas.css Sun Apr 12 17:31:34 2015 -0700 1.3 @@ -0,0 +1,106 @@ 1.4 +body { 1.5 +font-size:18px; 1.6 +line-height:1.5em; 1.7 +margin:0; 1.8 +padding:3em; 1.9 +} 1.10 + 1.11 +#unnumbered-1 { 1.12 + display:none; 1.13 +} 1.14 + 1.15 +blockquote { 1.16 +text-align:center; 1.17 +font-style:italic; 1.18 +} 1.19 + 1.20 +.outline-3 { 1.21 +position:relative; 1.22 +padding:15em; 1.23 +min-height:5em; 1.24 +} 1.25 + 1.26 + 1.27 +.outline-3 h3 { 1.28 +position:absolute; 1.29 +top:0.15em; bottom:0; 1.30 +width:13em; 1.31 +margin:0; 1.32 +padding:0; 1.33 +text-align:right; 1.34 +text-transform:capitalize; 1.35 +font-size:1.2em; 1.36 +line-height:1.25; 1.37 +color:#333333; 1.38 +} 1.39 + 1.40 +h1 { 1.41 +font-size:3em; 1.42 +line-height:1em; 1.43 +text-align:center; 1.44 +text-transform:uppercase; 1.45 +} 1.46 + 1.47 +.header h1 { 1.48 +display:inline; 1.49 +font-size:2em; 1.50 +text-transform:none; 1.51 +} 1.52 + 1.53 +.outline-3 p { 1.54 + padding-left: 18em; 1.55 +} 1.56 + 1.57 + 1.58 +div.header { 1.59 + 1.60 +background:#0F4D92; 1.61 +color:#fff; 1.62 +position:absolute; 1.63 +top:0; 1.64 +left:0; 1.65 +right:0; 1.66 +padding:1em 3em; 1.67 +} 1.68 +body { 1.69 +padding-top:8em; 1.70 +} 1.71 + 1.72 +.author{ 1.73 + display:none; 1.74 +} 1.75 + 1.76 +h1.title{ 1.77 + text-align:center; 1.78 + font-size:5em; 1.79 +} 1.80 + 1.81 + 1.82 +h1.title:before { 1.83 +content:"\2022"; 1.84 +color:#d90; 1.85 +border:0.1em double #d90; 1.86 +border:0.1em solid #d90; 1.87 + 1.88 +display:block; 1.89 +width:1em; 1.90 +height:1em; 1.91 +border-radius:100%; 1.92 +margin:0 auto; 1.93 +margin-bottom:0.5em; 1.94 + 1.95 +} 1.96 + 1.97 +p.end{ 1.98 + padding-left:0em; 1.99 +} 1.100 + 1.101 +.outline-3:nth-child(even) { 1.102 +background:#eee; 1.103 +} 1.104 + 1.105 +#content { 1.106 + /* center this! */ 1.107 + width:80%; 1.108 + 1.109 +} 1.110 \ No newline at end of file