css/cali.css

   1 body {
   2     margin: 0px 0px 20px 0px;
   3     padding: 30px 40px;
   4     background: #FFF;
   5     font-family: "Lucida Grande", Verdana, Geneva, Arial, sans-serif;
   6     font-size: small;
   7 }
   8
   9 /* grey underlined links that turn black as you are about to click */
  10
  11 a {
  12     color: #707070;
  13     background-color: inherit;
  14     text-decoration: none;
  15 }
  16 div.content a {
  17     text-decoration: underline;
  18 }
  19 a:link {
  20     color: #707070;
  21     background-color: inherit;
  22 }
  23 a:visited {
  24     color: #707070;
  25     background-color: inherit;
  26 }
  27 a:active {
  28     color: #000000;
  29     background-color: inherit;
  30 }
  31 a:hover {
  32     color: #000000;
  33     background-color: inherit;
  34 }
  35 a.near:link { color: #036; background-color: inherit; }
  36 a.near:visited { color: #69c; background-color: inherit; }
  37 a.near:active { color: #390; background-color: inherit; }
  38 a.near:hover { color: #390; background-color: inherit; }
  39
  40 a[class="url outside"]:before { content: "\2197"; }
  41 body.safari a[class="url outside"]:before { content: url(http://www.emacswiki.org/alex/pics/arrow.png); }
  42
  43 /* goto bar, navigation bar, etc. */
  44
  45 span.bar a { margin-right: 1ex; }
  46
  47 /* logo on the right */
  48
  49 img.logo {
  50     float: right;
  51     padding: 0;
  52     border: none;
  53 }
  54
  55 /* headers */
  56
  57 h1, h2, h3 {
  58     margin: 0px;
  59     padding: 0px;
  60     font-weight: normal;
  61     line-height: normal;
  62     clear: both;
  63 }
  64
  65 /* dashed line and whitespace after the title */
  66 div.header h1 {
  67     font-size: 28pt;
  68     font-family: "Century Gothic", "Gill Sans", Helvetica, sans-serif;
  69     font-weight: 100;
  70     letter-spacing: 0.07em;
  71     margin-top: 30px;
  72     padding-bottom: 30px;
  73     margin-bottom: 30px;
  74     border-bottom: 1px dashed #333;
  75 }
  76
  77 div.header h1 a {
  78     color: inherit;
  79     background-color: inherit;
  80 }
  81
  82 /* add a dashed line and whitespace before subheadings */
  83 h2 {
  84     margin-top: 2em;
  85     padding-top: 2em;
  86     border-top: 1px dashed #333;
  87 }
  88
  89 /* after a subheading, no whitespace */
  90 h2 + p, h3 + p {
  91     margin-top: 0;
  92 }
  93
  94 /* when the subheading starts the page, no dashed line and whitespace,
  95    because that is already added by the header. */
  96 h2:first-child {
  97     padding-top: 0;
  98     border: none;
  99 }
 100
 101 /* major subtitles blue and not underlined, both for journals and normal pages.
 102    within journals, do not use a horizontal line to separate entries. */
 103
 104 h2, div.journal h1 {
 105     font-size: inherit;
 106     font-weight: bold;
 107 }
 108
 109 h3, div.journal h1 a {
 110     color: #009;
 111     background-color: inherit;
 112     text-decoration: none;
 113 }
 114
 115 hr {
 116     border: none;
 117     margin: 2em;
 118 }
 119
 120 /* table on the new page */
 121
 122 p.table a { float: left; width: 20ex; }
 123 p.table + p { clear: both; padding-top: 10px; }
 124
 125 /* edit pages */
 126
 127 textarea[name="text"] { width: 100%; height: 80%; }
 128 textarea[name="summary"] { width: 100%; height: 3em; }
 129
 130 /* comments */
 131
 132 textarea[name="aftertext"] {
 133     width: 100%;
 134     height: 10em;
 135     margin: 1em 0;
 136 }
 137 div.commentshown {
 138     font-size: smaller;
 139     padding: 0 2em 1ex 2em;
 140 }
 141 div.commentshown hr {
 142     margin: 1em;
 143 }
 144 div.commenthidden { display: none; }
 145 div.commentshown { display: block; }
 146 p.comment { font-size: x-small; }
 147
 148 /* cal */
 149 div.month {
 150     padding: 0;
 151     margin: 0 2ex;
 152 }
 153 div.month a {
 154     text-decoration: none;
 155 }
 156 /* pre gets different colors below */
 157 div.month pre {
 158     color: inherit;
 159     background-color: inherit;
 160 }
 161 body div.month {
 162     float: right;
 163     padding: 0 1ex;
 164 }
 165 div.year div.month {
 166     float: left;
 167     padding: 0;
 168 }
 169 div.month a.edit {
 170     color: inherit;
 171     background-color: inherit;
 172     font-weight: inherit;
 173 }
 174
 175 /* images, styles to use for the image extension */
 176
 177 a.image img {
 178     border: none;
 179 }
 180 a.left {
 181     float: left;
 182     margin: 20px;
 183 }
 184 a.right {
 185     float: right;
 186     margin: 20px;
 187 }
 188
 189 /* code */
 190
 191 pre {
 192     font-family: "Andale Mono", Monaco, "Courrier New", monospace;
 193     margin: 1em 0;
 194     padding: 1em 2em;
 195     color: #000;
 196     background-color: #ddd;
 197 }
 198
 199 /* diff */
 200
 201 div.diff { padding-left: 5%; padding-right: 5%; }
 202 div.old { background-color: #FFFFAF; color: #000; }
 203 div.new { background-color: #CFFFCF; color: #000; }
 204
 205 /* header stuff */
 206
 207 div.message { background-color: #FEE; color: #000; }
 208
 209 /* footer stuff */
 210
 211 div.footer {
 212     clear: both;
 213     font-size: smaller;
 214 }
 215 div.footer + hr {
 216     border: none;
 217     margin: 10px;
 218 }
 219
 220 div.sister {
 221     font-size: smaller;
 222     margin-right: 1ex;
 223 }
 224 div.sister p {
 225     margin-top: 0;
 226 }
 227 div.sister hr {
 228     display: none;
 229 }
 230 div.sister img {
 231     border: none;
 232     vertical-align: top;
 233     margin-right: 20px;
 234 }
 235
 236 div.near, div.definition {
 237     font-size: smaller;
 238 }
 239
 240 div.refer hr {
 241     display: none;
 242 }
 243 div.refer {
 244     margin-top: 50px;
 245     padding-left: 1ex;
 246     border-left: 0.6ex solid #aaa;
 247     font-size: smaller;
 248     clear: both;
 249 }
 250
 251 /* sidebar */
 252
 253 div.sidebar {
 254     float: right;
 255     border: 1px dotted #000;
 256     padding: 0 1em;
 257 }
 258 div.sidebar ul {
 259     padding-left: 1em;
 260 }
 261
 262 /* printing */
 263
 264 @media print {
 265     div.diff, div.diff+hr, div.refer, div.near, div.sister, div.cal, div.footer,
 266     span.specialdays, span.gotobar, a.edit, a.number span,
 267     div.rc form, div.definition { display: none; }
 268     body { font: 12pt "Neep", "Arial", sans-serif; color: #000; }
 269     a:link, a:visited { color: #000; text-decoration: none; font-style: oblique; }
 270     a[class="url number"]:after, a[class="inter number"]:after { content: "[" attr(href) "]"; }
 271     a[class="local number"]:after { content: "[" attr(title) "]"; }
 272     a.near { font-weight: normal; text-decoration: none; font-style: oblique; }
 273     a.near:link, a.near:visited, a.near:active, a.near:hover {
 274         color: inherit; background-color: inherit;
 275     }
 276     a[class="near"]:after { content: " [" attr(title) "]"; }
 277 }