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 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 .sideBar .trackbacks p {
 397     font-size: 90%;
 398 }
 399
 400 .sideBar .outline li {
 401     list-style-type: disc;
 402     background-color: inherit;
 403 }
 404 .sideBar .outline li li {
 405     list-style-type: circle;
 406 }
 407 .sideBar .outline li li li {
 408     list-style-type: square;
 409 }
 410 .sideBar .outline li li li li {
 411     list-style-type: disc;
 412 }
 413 .sideBar .outline li li li li li {
 414     list-style-type: circle;
 415 }
 416
 417 .sideBar li {
 418     padding: 3px 5px;
 419     background-color: #f5f5f5;
 420
 421     border-radius: 10px;
 422     -moz-border-radius: 10px;
 423 }
 424
 425 .sideBar .recentUpdates li, .sideBar .trackbacks li {
 426     background-color: #e0e0e0;
 427 }
 428
 429 .sideBar input[type="text"],
 430 .sideBar input[type="password"] {
 431     background-color: #dddddd;
 432
 433     border-style: inset;
 434     border-width: 1px;
 435     border-color: #dddddd;
 436 }
 437
 438 .activeField {
 439     color: black;
 440 }
 441
 442 .inactiveField {
 443     color: #888888;
 444 }
 445
 446 .pageEditor input[type="text"],
 447 .pageEditor input[type="password"],
 448 .pageEditor input[type="file"],
 449 .pageEditor textarea {
 450     border-color: #dddddd #fafafa #fafafa #dddddd;
 451     border-width: 2px;
 452     border-style: solid;
 453
 454     background-color: white;
 455 }
 456
 457 .searchStat {
 458     color: #888888;
 459     font-size: 90%;
 460 }
 461
 462 .searchResult a {
 463     font-size: 120%;
 464 }
 465 .searchResult {
 466     border-style: dotted;
 467     border-width: 1px 0 0 0;
 468     border-color: #aaaaaa;
 469 }
 470
 471 .highlighted {
 472     background-color: #ffefd5;
 473 }
 474
 475 .pager {
 476     text-align: center;
 477
 478     background-color: #f5f5f5;
 479
 480     border-color: #cccccc;
 481     border-width: 1px;
 482     border-style: dotted;
 483 }
 484 .pager .currentSection,
 485 .pager a {
 486     border-style: solid;
 487     border-width: 1px;
 488 }
 489 .pager .currentSection {
 490     background-color: white;
 491     border-color: #cccccc white white #cccccc;
 492 }
 493 .pager a {
 494     background-color: #e8e8e8;
 495     border-color: white #cccccc #cccccc white;
 496 }
 497
 498 /* float **********************************************************************/
 499 h1, h2, h3, h4, h5, h6 {
 500     clear: both;
 501 }
 502
 503 /* image **********************************************************************/
 504 img {
 505     border-width: 0;
 506 }
 507
 508 .inlineImage {
 509     margin-top: 5px;
 510     margin-bottom: 5px;
 511 }
 512
 513 .leftFloat {
 514     float: left;
 515     margin-right: 25px;
 516 }
 517
 518 .rightFloat {
 519     float: right;
 520     margin-left: 25px;
 521 }
 522
 523 .imageFrame {
 524     background-color: #eeeeee;
 525     padding: 5px;
 526
 527     border-color: #cccccc;
 528     border-width: 1px;
 529     border-style: solid;
 530
 531     margin-top: 5px;
 532     margin-bottom: 10px;
 533 }
 534
 535 .imageFrame p {
 536     margin: 0;
 537 }
 538
 539 .imageData {
 540     text-align: center;
 541 }
 542
 543 .imageCaption {
 544     margin-top: 3px;
 545 }
 546
 547 /* error **********************************************************************/
 548 .error {
 549     color: red;
 550     background-color: white;
 551
 552     font-weight: bold;
 553
 554     border-color: #880000;
 555     border-width: 3px;
 556     border-style: double;
 557
 558     padding: 10px;
 559 }
 560
 561 .error p, .error pre {
 562     margin: 0;
 563 }
 564
 565 .error:before {
 566     content: "Error: "
 567 }
 568
 569 /* sidebar mask ***************************************************************/
 570 .sideBarMask {
 571     position: fixed;
 572
 573     background-color: black;
 574     color: white;
 575     opacity: 0.7;
 576
 577     z-index: 1;
 578 }
 579
 580 .sideBarMask .content {
 581     padding: 40px 0;
 582 }
 583
 584 .sideBarMask .content input[type="button"] {
 585     font-size: 120%;
 586     font-weight: bold;
 587 }
 588
 589 /* waiting message ************************************************************/
 590 .waitingMessageBoard {
 591     position: fixed;
 592     left: 0;
 593     top: 0;
 594     right: 0;
 595     bottom: 0;
 596
 597     background-color: white;
 598     color: black;
 599     opacity: 0.7;
 600
 601     z-index: 1;
 602 }
 603
 604 .waitingMessageBoard p {
 605     text-align: center;
 606     vertical-align: middle;
 607     font-size: 200%;
 608
 609     position: fixed;
 610     bottom: 1em;
 611     right: 1em;
 612 }
 613
 614 /* redirection message ********************************************************/
 615 .redirection {
 616     margin: 5px;
 617     padding: 2px;
 618
 619     font-size: 80%;
 620
 621     background-color: #fafafa;
 622     color: #888888;
 623
 624     border-color: #eeeeee;
 625     border-width: 1px;
 626     border-style: dotted
 627 }
 628
 629 .redirection input[type="button"] {
 630     color: inherit;
 631     background-color: #fcfcfc;
 632
 633     border-width: 1px;
 634
 635     border-radius: 5px;
 636     -moz-border-radius: 5px;
 637
 638     margin-left: 0.8em;
 639 }
 640
 641 .redirection input[type="button"]:active {
 642     background-color: #eeeeee;
 643 }
 644
 645 /* preview ********************************************************************/
 646 .preview {
 647     background-color: #eeeeee;
 648
 649     margin: 0 0 20px 0;
 650     padding: 10px;
 651
 652     border-style: solid;
 653     border-width: 1px;
 654     border-color: #bbbbbb;
 655 }
 656 </textData>
 657 </page>