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