defaultPages/StyleSheet/Default.xml

   1 <?xml version="1.0" encoding="utf-8"?>
   2 <page xmlns="http://cielonegro.org/schema/Rakka/Page/1.0"
   3       type="text/css"
   4       isBoring="yes"
   5       isTheme="yes">
   6   <textData>
   7 /* global configuration *******************************************************/
   8 * {
   9     padding: 0;
  10     margin: 0;
  11 }
  12
  13 /* layout *********************************************************************/
  14 .center {
  15     position: absolute;
  16
  17     overflow: auto;
  18
  19     top: 20px;
  20     right: 15em;
  21     left: 15em;
  22     bottom: 20px;
  23 }
  24
  25 .left {
  26     top: 0em;
  27     width: 15em;
  28     left: 0;
  29     bottom: 0;
  30 }
  31
  32 .right {
  33     top: 0em;
  34     width: 15em;
  35     right: 0;
  36     bottom: 0;
  37 }
  38
  39 .header {
  40     position: absolute;
  41     height: 20px;
  42     left: 15em;
  43     right: 15em;
  44     top: 0;
  45 }
  46
  47 .footer {
  48     position: absolute;
  49     height: 20px;
  50     left: 15em;
  51     right: 15em;
  52     bottom: 0;
  53 }
  54
  55 .sideBar {
  56     position: absolute;
  57     overflow: auto;
  58 }
  59
  60 /* spacing ********************************************************************/
  61 .title {
  62     padding: 5px 20px;
  63 }
  64
  65 .title p {
  66     margin: 0;
  67 }
  68
  69 .body {
  70     padding: 25px 30px;
  71 }
  72
  73 .body p {
  74     margin: 0 0 0.8em 0;
  75 }
  76
  77 .sideBar p {
  78     margin: 0.2em 0;
  79 }
  80
  81 .body h1, .body h2, .body h3, .body h4, .body h5, .body h6 {
  82     margin: 5px 0px;
  83 }
  84
  85 .body ul, .body ol {
  86     list-style-position: inside;
  87     margin: 0 0 0.8em 0;
  88 }
  89 .body ul ul, .body ul ol, .body ol ul, .body ol ol {
  90     margin: 0;
  91 }
  92
  93 .body li {
  94     margin: 3px 5px;
  95 }
  96 .body li li {
  97     margin-left: 20px;
  98 }
  99
 100 .body dl {
 101     margin: 1em 2em;
 102 }
 103 .body dt {
 104     font-weight: bold;
 105 }
 106 .body dd {
 107     margin-left: 3em;
 108     margin-top: 0.1em;
 109 }
 110 .body dd + dt {
 111     margin-top: 0.9em;
 112 }
 113
 114 .sideBar h1 {
 115     margin-bottom: 5px;
 116     padding: 0px 5px;
 117 }
 118
 119 .sideBar .content {
 120     padding: 20px;
 121 }
 122
 123 .sideBar p {
 124     margin-left: 5px;
 125 }
 126
 127 .sideBar .outline li {
 128     margin-left: 1em;
 129     padding: 0;
 130 }
 131
 132 .sideBar li {
 133     padding: 3px;
 134 }
 135
 136 .sideBar ul, .sideBar ol {
 137     list-style-type: none;
 138     margin-top: 0.4em;
 139     margin-bottom: 0.4em;
 140 }
 141
 142 .sideBar li + li {
 143     margin-top: 0.3em;
 144 }
 145
 146 .sideBar * + h1 {
 147     margin-top: 1.2em;
 148 }
 149
 150 .sideBar .date {
 151     padding: 0.2em 0 0 0;
 152 }
 153
 154 table.pageEditor {
 155     width: 100%;
 156 }
 157 .pageEditor td, .pageEditor th {
 158     padding: 3px;
 159 }
 160 .pageEditor th {
 161     width: 6em;
 162 }
 163 .pageEditor ul {
 164     list-style-type: none;
 165     margin: 0;
 166 }
 167 .pageEditor li {
 168     margin: 0;
 169     padding: 3px;
 170 }
 171 .pageEditor input[type="radio"] {
 172     margin-right: 10px;
 173 }
 174 .pageEditor input[type="text"],
 175 .pageEditor input[type="file"],
 176 .pageEditor textarea {
 177     width: 97%;
 178     padding: 3px;
 179 }
 180 .pageEditor textarea {
 181     height: 30em;
 182 }
 183 .pageEditor input[type="button"] {
 184     margin: 0 2px;
 185 }
 186
 187 /* color and text *************************************************************/
 188 * {
 189     font-family: sans-serif;
 190 }
 191
 192 body {
 193     background-color: white;
 194     color: black;
 195 }
 196
 197 .body {
 198     line-height: 1.3;
 199 }
 200
 201 h1, h2, h3, h4, h5, h6 {
 202     font-weight: normal;
 203 }
 204
 205 hr {
 206     border-color: #bbbbbb;
 207     border-width: 1px;
 208     border-style: dashed;
 209 }
 210
 211 th, td {
 212     border-color: #dddddd;
 213     border-width: 1px;
 214     border-style: solid;
 215 }
 216 th {
 217     background-color: #eeeeee;
 218     font-weight: bold;
 219 }
 220 td {
 221     background-color: #fafafa;
 222 }
 223
 224 .title {
 225     background-color: #fafafa;
 226
 227     border-color: #cccccc;
 228     border-width: 0 0 1px 0;
 229     border-style: solid;
 230
 231     font-size: 1.2em;
 232 }
 233
 234 .body h1 {
 235     font-size: 200%;
 236 }
 237 .body h2 {
 238     font-size: 150%;
 239 }
 240 .body h3 {
 241     font-size: 130%;
 242 }
 243 .body h4 {
 244     font-size: 110%;
 245 }
 246 .body h5 {
 247     font-size: 90%;
 248 }
 249 .body h1, .body h2, .body h3, .body h4, .body h5 {
 250     background-color: #fafafa;
 251
 252     border-color: #dddddd;
 253     border-width: 1px;
 254     border-style: solid;
 255
 256     padding: 0 10px;
 257 }
 258
 259 a {
 260     color: #008800;
 261     text-decoration: none;
 262 }
 263 a:hover {
 264     text-decoration: underline;
 265 }
 266
 267 input[type="button"] {
 268     background-color: #eeeeee;
 269
 270     border-color: #fafafa #dddddd #dddddd #fafafa;
 271     border-width: 2px;
 272     border-style: solid;
 273 }
 274 input[type="button"]:active {
 275     background-color: white;
 276     border-color: #dddddd #fafafa #fafafa #dddddd;
 277 }
 278
 279 .header, .footer, .sideBar {
 280     background-color: #eeeeee;
 281 }
 282
 283 .sideBar h1 {
 284     font-size: 120%;
 285 }
 286 .sideBar h1, .sideBar h2, .sideBar h3, .sideBar h4, .sideBar h5 {
 287     font-weight: normal;
 288
 289     color: #555555;
 290     background-color: #fafafa;
 291
 292     border-color: #dddddd white white #dddddd;
 293     border-width: 1px;
 294     border-style: solid;
 295 }
 296
 297 .sideBar .date {
 298     font-size: 70%;
 299     white-space: nowrap;
 300     color: #666666;
 301 }
 302
 303 .sideBar .recentUpdates p,
 304 .sideBar .trackbacks p {
 305     font-size: 90%;
 306 }
 307
 308 .sideBar .outline li {
 309     list-style-type: disc;
 310     background-color: inherit;
 311 }
 312 .sideBar .outline li li {
 313     list-style-type: circle;
 314 }
 315 .sideBar .outline li li li {
 316     list-style-type: square;
 317 }
 318 .sideBar .outline li li li li {
 319     list-style-type: disc;
 320 }
 321 .sideBar .outline li li li li li {
 322     list-style-type: circle;
 323 }
 324
 325 .sideBar li {
 326     padding: 3px 5px;
 327     background-color: #f5f5f5;
 328 }
 329
 330 .sideBar .recentUpdates li, .sideBar .trackbacks li {
 331     background-color: #e0e0e0;
 332 }
 333
 334 .pageEditor input[type="text"],
 335 .pageEditor input[type="file"],
 336 .pageEditor textarea {
 337     border-color: #dddddd #fafafa #fafafa #dddddd;
 338     border-width: 2px;
 339     border-style: solid;
 340
 341     background-color: white;
 342 }
 343
 344 /* float **********************************************************************/
 345 h1, h2, h3, h4, h5, h6 {
 346     clear: both;
 347 }
 348
 349 /* image **********************************************************************/
 350 img {
 351     border-width: 0;
 352 }
 353
 354 .inlineImage {
 355     margin-top: 5px;
 356     margin-bottom: 5px;
 357 }
 358
 359 .leftFloat {
 360     float: left;
 361     margin-right: 25px;
 362 }
 363
 364 .rightFloat {
 365     float: right;
 366     margin-left: 25px;
 367 }
 368
 369 .imageFrame {
 370     background-color: #eeeeee;
 371     padding: 5px;
 372
 373     border-color: #cccccc;
 374     border-width: 1px;
 375     border-style: solid;
 376
 377     margin-top: 5px;
 378     margin-bottom: 10px;
 379 }
 380
 381 .imageFrame p {
 382     margin: 0;
 383 }
 384
 385 .imageData {
 386     text-align: center;
 387 }
 388
 389 .imageCaption {
 390     margin-top: 3px;
 391 }
 392
 393 /* error **********************************************************************/
 394 .error {
 395     color: red;
 396     background-color: white;
 397
 398     font-weight: bold;
 399
 400     border-color: #880000;
 401     border-width: 3px;
 402     border-style: double;
 403
 404     padding: 10px;
 405 }
 406
 407 .error p, .error pre {
 408     margin: 0;
 409 }
 410
 411 .error:before {
 412     content: "Error: "
 413 }
 414
 415 /* waiting message ************************************************************/
 416 .waitingMessageBoard {
 417     position: fixed;
 418     left: 0;
 419     top: 0;
 420     width: 100%;
 421     height: 100%;
 422
 423     background-color: white;
 424     color: black;
 425     opacity: 0.7;
 426
 427     z-index: 1;
 428 }
 429
 430 .waitingMessageBoard p {
 431     text-align: center;
 432     vertical-align: middle;
 433     font-size: 200%;
 434
 435     position: fixed;
 436     bottom: 1em;
 437     right: 1em;
 438 }
 439 </textData>
 440 </page>