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