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