annotate css/ideas.css @ 154:4fe52d2a28e5

more ideas.
author Robert McIntyre <rlm@mit.edu>
date Thu, 10 Dec 2015 20:55:09 -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 }