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