css/oddmuse.css

   1 div.diff { padding-left:5%; padding-right:5% }
   2 div.old { background-color:#FFFFAF }
   3 div.new { background-color:#CFFFCF}
   4 div.refer { padding-left:5%; padding-right:5%; font-size:smaller; }
   5 div[class="content refer"] p { margin-top:2em; }
   6 div.content div.refer hr { display:none; }
   7 div.content div.refer { padding:0; font-size:medium; }
   8 div.content div.refer p { margin:0; }
   9 div.refer a { display:block; }
  10 table.history { border-style:none; }
  11 td.history { border-style:none; }
  12 table.user { border-style:solid; border-width:thin; margin-left:5%; }
  13 table.user tr td { border-style:solid; border-width:thin; padding:5px; }
  14 dt { font-weight:bold; }
  15 dd { margin-bottom:1ex; }
  16 textarea { width:100%; height:80%; }
  17 textarea#summary { height: 3em; }
  18 img.logo {
  19     float: right;
  20     clear: right;
  21     border-style:none;
  22     background-color:#fff;
  23 }
  24 img {
  25     border: #777777 1px solid;
  26     padding: 0.5em;
  27     margin: 0 1em;
  28     background-color: #e6e6e6;
  29     color: black;
  30 }
  31 div.image span.caption {
  32     margin: 0 1em;
  33 }
  34 li img, img.smiley, .noborder img {
  35     border:none;
  36     padding:0;
  37     margin:0;
  38     background:#fff;
  39     color:#000;
  40 }
  41 /* Google +1 */
  42 a#plus1 img {
  43     background-color: #fff;
  44     padding: 0;
  45     margin: 0;
  46     border: none;
  47 }
  48
  49 div.header img, div.footer img { border:0; padding:0; margin:0; }
  50
  51 .left { float:left; }
  52 .right { float:right; }
  53 div.left .left, div.right .right {
  54     float:none;
  55 }
  56 .center { text-align:center; }
  57
  58 span.author {
  59     color: #501;
  60 }
  61 span.bar a {
  62         padding-right:1ex;
  63 }
  64 body {
  65     background:#fff;
  66     padding:2% 5%;
  67     margin:0;
  68     font-family: "Bookman Old Style", "Times New Roman", serif;
  69     font-size: 12pt;
  70 }
  71 body.large {
  72     font-size:18pt;
  73 }
  74 body.sans {
  75     font-family: "DejaVu", "Verdana", sans;
  76 }
  77 a {
  78     text-decoration:none;
  79     font-weight:bold;
  80     color:#c00;
  81 }
  82 a:visited { color:#c55; }
  83
  84 .rc .author {
  85     font-weight: normal;
  86     color: #666;
  87 }
  88 .rc .dash {
  89     display: none;
  90 }
  91 .rc strong {
  92     font-weight: normal;
  93     color: inherit;
  94     display: block;
  95 }
  96 .rc li {
  97     position:relative;
  98     padding-right: 5em;
  99 }
 100 .rc .lang {
 101     position: absolute;
 102     top: 0;
 103     right: 0;
 104     z-index: 1;
 105 }
 106 .rc .type {
 107     position: absolute;
 108     top: 1.16em; /* don't forget line-height */
 109     right: 0;
 110     z-index: 2;
 111     background:#fff; /* covers language if no summary */
 112     padding: 0.1em 0 0.1em 1em;
 113 }
 114
 115 div.header h1 a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover,
 116 a:hover, span.caption a.image:hover {
 117     background:#000000;
 118     color:#FFFFFF;
 119 }
 120 a.image:hover {
 121     background:inherit;
 122 }
 123 a.image:hover img {
 124     background:#ccc;
 125 }
 126
 127 p a.definition {
 128     color:#666;
 129     padding: 2px;
 130     margin-top: 5px;
 131     border-bottom: 2px solid #000000;
 132     text-decoration:none;
 133     display:block;
 134     clear:both;
 135 }
 136 h2 {
 137     clear:both;
 138 }
 139 p a.definition:hover {
 140     background:#000000;
 141     color:#FFFFFF;
 142 }
 143
 144 h1, h2, h3, h4,
 145 h1 a, h2 a, h3 a, h4 a,
 146 h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited {
 147     color:#666;
 148 }
 149 h1, h2, h3, h4 { font-size:medium; margin:4ex 0 1ex 0; padding:0; }
 150 h1, h2 { border-bottom: 2px solid #000; }
 151 h3 { border-bottom: 1px dashed #000; }
 152
 153 div.header h1 {
 154     font-size:xx-large; margin-top:1ex;
 155     border-bottom: 5px solid #000;
 156 }
 157
 158 hr {
 159     border:none;
 160     color:black;
 161     background-color:#000;
 162     height:2px;
 163     margin-top:2ex;
 164 }
 165
 166 div.footer hr { height:4px; }
 167
 168 pre {
 169     border: #777777 1px solid;
 170     padding: 0.5em;
 171     margin-left: 1em;
 172     margin-right: 2em;
 173     white-space: pre;
 174     background-color: #e6e6e6;
 175     color: black;
 176     overflow:hidden;
 177     font-size: smaller;
 178 }
 179
 180 body.magenta a { color:#639; }
 181
 182 div.rss li span.time { display:none; }
 183 div.rss .description { font: medium monospace; display:inline; }
 184
 185 div.month {
 186     float:right;
 187     margin:0;
 188     padding:0 1ex;
 189 }
 190 div.year div.month { float:left; }
 191 div.cal pre {
 192     margin:0;
 193     padding:1ex;
 194     background-color:#ffe;
 195 }
 196 div.cal a { text-decoration:none; }
 197 div.cal a.edit {
 198     background-color:inherit;
 199     font-weight:normal;
 200 }
 201 div.cal a.local {
 202     background-color:#fee;
 203 }
 204 div.cal a.today { background-color:#fdd; }
 205 div.cal a:hover {
 206     color:#fff;
 207     background-color:#000;
 208 }
 209
 210 div.sidebar {
 211     float:left;
 212     border-right:1px solid black;
 213     padding: 0.5ex 1ex 1ex 0;
 214     margin: 0 1ex 1ex 0;
 215 }
 216 div.footer hr {
 217     clear:both;
 218 }
 219
 220 @media print {
 221 body { font:11pt "Neep", "Arial", sans-serif; }
 222 a, a:link, a:visited { color:#000; text-decoration:none; font-style:oblique; font-weight:normal; }
 223 h1 a, h2 a, h3 a, h4 a { font-style:normal; }
 224 a.edit, div.footer, div.refer, form, span.gotobar, a.number span { display:none; }
 225 a[class="url number"]:after, a[class="inter number"]:after { content:"[" attr(href) "]"; }
 226 a[class="local number"]:after { content:"[" attr(title) "]"; }
 227 img[smiley] { line-height: inherit; }
 228 pre { border:0; font-size:10pt; }
 229 }