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