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       isTheme="yes">
   5   <textData>
   6 /* global configuration *******************************************************/
   7 * {
   8     padding: 0;
   9     margin: 0;
  10 }
  11
  12 /* layout *********************************************************************/
  13 .center {
  14     position: absolute;
  15
  16     overflow: auto;
  17
  18     top: 20px;
  19     right: 15em;
  20     left: 15em;
  21     bottom: 20px;
  22 }
  23
  24 .left {
  25     top: 0em;
  26     width: 15em;
  27     left: 0;
  28     bottom: 0;
  29 }
  30
  31 .right {
  32     top: 0em;
  33     width: 15em;
  34     right: 0;
  35     bottom: 0;
  36 }
  37
  38 .header {
  39     position: absolute;
  40     height: 20px;
  41     left: 15em;
  42     right: 15em;
  43     top: 0;
  44 }
  45
  46 .footer {
  47     position: absolute;
  48     height: 20px;
  49     left: 15em;
  50     right: 15em;
  51     bottom: 0;
  52 }
  53
  54 .sideBar {
  55     position: absolute;
  56     overflow: auto;
  57 }
  58
  59 /* spacing ********************************************************************/
  60 input[type="button"] {
  61     padding: 0px;
  62 }
  63
  64 td, th {
  65     padding: 3px;
  66 }
  67
  68 .title {
  69     padding: 5px 20px;
  70 }
  71
  72 .title p {
  73     margin: 0;
  74 }
  75
  76 .body {
  77     padding: 25px 30px;
  78 }
  79
  80 .body p {
  81     margin: 0 0 0.8em 0;
  82 }
  83
  84 .sideBar p {
  85     margin: 0.2em 0;
  86 }
  87
  88 .body h1, .body h2, .body h3, .body h4, .body h5, .body h6 {
  89     margin: 5px 0px;
  90 }
  91
  92 .body ul, .body ol {
  93     list-style-position: inside;
  94     margin: 0 0 0.8em 0;
  95 }
  96 .body ul ul, .body ul ol, .body ol ul, .body ol ol {
  97     margin: 0;
  98 }
  99
 100 .body li {
 101     margin: 3px 5px;
 102 }
 103 .body li li {
 104     margin-left: 20px;
 105 }
 106
 107 .body dl {
 108     margin: 1em 2em;
 109 }
 110 .body dt {
 111     font-weight: bold;
 112 }
 113 .body dd {
 114     margin-left: 3em;
 115     margin-top: 0.1em;
 116 }
 117 .body dd + dt {
 118     margin-top: 0.9em;
 119 }
 120
 121 .sideBar h1 {
 122     margin-bottom: 5px;
 123     padding: 0px 5px;
 124 }
 125
 126 .sideBar .content {
 127     padding: 20px;
 128 }
 129
 130 .sideBar p {
 131     margin-left: 5px;
 132 }
 133
 134 .sideBar .outline li {
 135     margin-left: 1em;
 136     padding: 0;
 137 }
 138
 139 .sideBar li {
 140     padding: 3px;
 141 }
 142
 143 .sideBar ul, .sideBar ol {
 144     list-style-type: none;
 145     margin-top: 0.4em;
 146     margin-bottom: 0.4em;
 147 }
 148
 149 .sideBar li + li {
 150     margin-top: 0.3em;
 151 }
 152
 153 .sideBar * + h1 {
 154     margin-top: 1.2em;
 155 }
 156
 157 .sideBar .date {
 158     padding: 0.2em 0 0 0;
 159 }
 160
 161 .sideBar input[type="text"],
 162 .sideBar input[type="password"] {
 163     width: 97%;
 164     padding: 1px;
 165 }
 166
 167 table.pageEditor {
 168     width: 100%;
 169 }
 170 .pageEditor th {
 171     width: 6em;
 172 }
 173 .pageEditor ul {
 174     list-style-type: none;
 175     margin: 0;
 176 }
 177 .pageEditor li {
 178     margin: 0;
 179     padding: 3px;
 180 }
 181 .pageEditor input[type="radio"] {
 182     margin-right: 10px;
 183 }
 184 .pageEditor input[type="checkbox"] {
 185     margin-right: 5px;
 186 }
 187 .pageEditor input[type="text"],
 188 .pageEditor input[type="file"],
 189 .pageEditor textarea {
 190     width: 97%;
 191     padding: 3px;
 192 }
 193 .pageEditor textarea.summary {
 194     height: 5em;
 195 }
 196 .pageEditor textarea.source {
 197     height: 30em;
 198 }
 199 .pageEditor input[type="button"] {
 200     margin: 0 2px;
 201 }
 202
 203 .searchStat {
 204     margin-bottom: 1.5em;
 205 }
 206
 207 .searchResult {
 208     margin-bottom: 1.5em;
 209 }
 210
 211 .pager {
 212     width: 20em;
 213
 214     margin-left: auto;
 215     margin-right: auto;
 216
 217     padding: 10px;
 218 }
 219
 220 .pager a,
 221 .pager .currentSection {
 222     padding: 4px;
 223 }
 224
 225 /* color and text *************************************************************/
 226 * {
 227     font-family: sans-serif;
 228 }
 229
 230 body {
 231     background-color: white;
 232     color: black;
 233 }
 234
 235 .body {
 236     line-height: 1.3;
 237 }
 238
 239 h1, h2, h3, h4, h5, h6 {
 240     font-weight: normal;
 241 }
 242
 243 hr {
 244     border-color: #bbbbbb;
 245     border-width: 1px;
 246     border-style: dashed;
 247 }
 248
 249 th, td {
 250     border-color: #dddddd;
 251     border-width: 1px;
 252     border-style: solid;
 253 }
 254 th {
 255     background-color: #eeeeee;
 256     font-weight: bold;
 257 }
 258 td {
 259     background-color: #fafafa;
 260 }
 261
 262 p {
 263     text-indent: 1em;
 264 }
 265
 266 .title {
 267     background-color: #fafafa;
 268
 269     border-color: #cccccc;
 270     border-width: 0 0 1px 0;
 271     border-style: solid;
 272
 273     font-size: 1.2em;
 274 }
 275
 276 .body h1 {
 277     font-size: 200%;
 278 }
 279 .body h2 {
 280     font-size: 150%;
 281 }
 282 .body h3 {
 283     font-size: 130%;
 284 }
 285 .body h4 {
 286     font-size: 110%;
 287 }
 288 .body h5 {
 289     font-size: 90%;
 290 }
 291 .body h1, .body h2, .body h3, .body h4, .body h5 {
 292     background-color: #fafafa;
 293
 294     border-color: #dddddd;
 295     border-width: 1px;
 296     border-style: solid;
 297
 298     padding: 0 10px;
 299 }
 300
 301 a {
 302     color: #008800;
 303     text-decoration: none;
 304 }
 305 a:hover {
 306     text-decoration: underline;
 307 }
 308
 309 input[type="button"] {
 310     background-color: #f5f5f5;
 311     color: #000055;
 312
 313     border-color: #dddddd;
 314     border-width: 2px;
 315     border-style: solid;
 316
 317     border-radius: 10px;
 318     -moz-border-radius: 10px;
 319 }
 320 input[type="button"]:active {
 321     background-color: #999999;
 322 }
 323 input[type="button"][disabled] {
 324     border-color: #e5e5e5;
 325     color: #b5b5b5;
 326 }
 327 input[type="button"][disabled]:active {
 328     background-color: #f5f5f5;
 329 }
 330
 331 .header, .footer, .sideBar {
 332     background-color: #eeeeee;
 333 }
 334
 335 .sideBar h1 {
 336     font-size: 120%;
 337 }
 338 .sideBar h1, .sideBar h2, .sideBar h3, .sideBar h4, .sideBar h5 {
 339     font-weight: normal;
 340
 341     color: #555555;
 342     background-color: #fafafa;
 343
 344     border-color: #dddddd white white #dddddd;
 345     border-width: 1px;
 346     border-style: solid;
 347 }
 348
 349 .sideBar .date {
 350     font-size: 70%;
 351     white-space: nowrap;
 352     color: #666666;
 353 }
 354
 355 .sideBar p {
 356     text-indent: 0;
 357 }
 358
 359 .sideBar .recentUpdates p,
 360 .sideBar .trackbacks p {
 361     font-size: 90%;
 362 }
 363
 364 .sideBar .outline li {
 365     list-style-type: disc;
 366     background-color: inherit;
 367 }
 368 .sideBar .outline li li {
 369     list-style-type: circle;
 370 }
 371 .sideBar .outline li li li {
 372     list-style-type: square;
 373 }
 374 .sideBar .outline li li li li {
 375     list-style-type: disc;
 376 }
 377 .sideBar .outline li li li li li {
 378     list-style-type: circle;
 379 }
 380
 381 .sideBar li {
 382     padding: 3px 5px;
 383     background-color: #f5f5f5;
 384
 385     border-radius: 10px;
 386     -moz-border-radius: 10px;
 387 }
 388
 389 .sideBar .recentUpdates li, .sideBar .trackbacks li {
 390     background-color: #e0e0e0;
 391 }
 392
 393 .sideBar input[type="text"],
 394 .sideBar input[type="password"] {
 395     background-color: #dddddd;
 396
 397     border-style: inset;
 398     border-width: 1px;
 399     border-color: #dddddd;
 400 }
 401
 402 .activeField {
 403     color: black;
 404 }
 405
 406 .inactiveField {
 407     color: #888888;
 408 }
 409
 410 .pageEditor input[type="text"],
 411 .pageEditor input[type="file"],
 412 .pageEditor textarea {
 413     border-color: #dddddd #fafafa #fafafa #dddddd;
 414     border-width: 2px;
 415     border-style: solid;
 416
 417     background-color: white;
 418 }
 419
 420 .searchStat {
 421     color: #888888;
 422     font-size: 90%;
 423 }
 424
 425 .searchResult a {
 426     font-size: 120%;
 427 }
 428 .searchResult {
 429     border-style: dotted;
 430     border-width: 1px 0 0 0;
 431     border-color: #aaaaaa;
 432 }
 433
 434 .highlighted {
 435     background-color: #ffefd5;
 436 }
 437
 438 .pager {
 439     text-align: center;
 440
 441     background-color: #f5f5f5;
 442
 443     border-color: #cccccc;
 444     border-width: 1px;
 445     border-style: dotted;
 446 }
 447 .pager .currentSection,
 448 .pager a {
 449     border-style: solid;
 450     border-width: 1px;
 451 }
 452 .pager .currentSection {
 453     background-color: white;
 454     border-color: #cccccc white white #cccccc;
 455 }
 456 .pager a {
 457     background-color: #e8e8e8;
 458     border-color: white #cccccc #cccccc white;
 459 }
 460
 461 /* float **********************************************************************/
 462 h1, h2, h3, h4, h5, h6 {
 463     clear: both;
 464 }
 465
 466 /* image **********************************************************************/
 467 img {
 468     border-width: 0;
 469 }
 470
 471 .inlineImage {
 472     margin-top: 5px;
 473     margin-bottom: 5px;
 474 }
 475
 476 .leftFloat {
 477     float: left;
 478     margin-right: 25px;
 479 }
 480
 481 .rightFloat {
 482     float: right;
 483     margin-left: 25px;
 484 }
 485
 486 .imageFrame {
 487     background-color: #eeeeee;
 488     padding: 5px;
 489
 490     border-color: #cccccc;
 491     border-width: 1px;
 492     border-style: solid;
 493
 494     margin-top: 5px;
 495     margin-bottom: 10px;
 496 }
 497
 498 .imageFrame p {
 499     margin: 0;
 500 }
 501
 502 .imageData {
 503     text-align: center;
 504 }
 505
 506 .imageCaption {
 507     margin-top: 3px;
 508 }
 509
 510 /* error **********************************************************************/
 511 .error {
 512     color: red;
 513     background-color: white;
 514
 515     font-weight: bold;
 516
 517     border-color: #880000;
 518     border-width: 3px;
 519     border-style: double;
 520
 521     padding: 10px;
 522 }
 523
 524 .error p, .error pre {
 525     margin: 0;
 526 }
 527
 528 .error:before {
 529     content: "Error: "
 530 }
 531
 532 /* waiting message ************************************************************/
 533 .waitingMessageBoard {
 534     position: fixed;
 535     left: 0;
 536     top: 0;
 537     width: 100%;
 538     height: 100%;
 539
 540     background-color: white;
 541     color: black;
 542     opacity: 0.7;
 543
 544     z-index: 1;
 545 }
 546
 547 .waitingMessageBoard p {
 548     text-align: center;
 549     vertical-align: middle;
 550     font-size: 200%;
 551
 552     position: fixed;
 553     bottom: 1em;
 554     right: 1em;
 555 }
 556
 557 /* redirection message ********************************************************/
 558 .redirection {
 559     margin: 5px;
 560     padding: 2px;
 561
 562     font-size: 80%;
 563
 564     background-color: #fafafa;
 565     color: #888888;
 566
 567     border-color: #eeeeee;
 568     border-width: 1px;
 569     border-style: dotted
 570 }
 571
 572 .redirection input[type="button"] {
 573     color: inherit;
 574     background-color: #fcfcfc;
 575
 576     border-width: 1px;
 577
 578     border-radius: 5px;
 579     -moz-border-radius: 5px;
 580
 581     margin-left: 0.8em;
 582 }
 583
 584 .redirection input[type="button"]:active {
 585     background-color: #eeeeee;
 586 }
 587
 588 /* preview ********************************************************************/
 589 .preview {
 590     background-color: #eeeeee;
 591
 592     margin: 0 0 20px 0;
 593     padding: 10px;
 594
 595     border-style: solid;
 596     border-width: 1px;
 597     border-color: #bbbbbb;
 598 }
 599 </textData>
 600 </page>