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