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