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