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 .title {
  69     padding: 5px 20px;
  70 }
  71
  72 .title p {
  73     margin: 0;
  74 }
  75
  76 .body {
  77     padding: 25px 30px;
  78 }
  79
  80 .body p {
  81     margin: 0 0 0.8em 0;
  82 }
  83
  84 .sideBar p {
  85     margin: 0.2em 0;
  86 }
  87
  88 .body h1, .body h2, .body h3, .body h4, .body h5, .body h6 {
  89     margin: 5px 0px;
  90 }
  91
  92 .body ul, .body ol {
  93     list-style-position: inside;
  94     margin: 0 0 0.8em 0;
  95 }
  96 .body ul ul, .body ul ol, .body ol ul, .body ol ol {
  97     margin: 0;
  98 }
  99
 100 .body li {
 101     margin: 3px 5px;
 102 }
 103 .body li li {
 104     margin-left: 20px;
 105 }
 106
 107 .body dl {
 108     margin: 1em 2em;
 109 }
 110 .body dt {
 111     font-weight: bold;
 112 }
 113 .body dd {
 114     margin-left: 3em;
 115     margin-top: 0.1em;
 116 }
 117 .body dd + dt {
 118     margin-top: 0.9em;
 119 }
 120
 121 .sideBar h1 {
 122     margin-bottom: 5px;
 123     padding: 0px 5px;
 124 }
 125
 126 .sideBar .content {
 127     padding: 20px;
 128 }
 129
 130 .sideBar p {
 131     margin-left: 5px;
 132 }
 133
 134 .sideBar .outline li {
 135     margin-left: 1em;
 136     padding: 0;
 137 }
 138
 139 .sideBar li {
 140     padding: 3px;
 141 }
 142
 143 .sideBar ul, .sideBar ol {
 144     list-style-type: none;
 145     margin-top: 0.4em;
 146     margin-bottom: 0.4em;
 147 }
 148
 149 .sideBar li + li {
 150     margin-top: 0.3em;
 151 }
 152
 153 .sideBar * + h1 {
 154     margin-top: 1.2em;
 155 }
 156
 157 .sideBar .date {
 158     padding: 0.2em 0 0 0;
 159 }
 160
 161 .sideBar input[type="text"],
 162 .sideBar input[type="password"] {
 163     width: 97%;
 164     padding: 1px;
 165 }
 166
 167 table.pageEditor {
 168     width: 100%;
 169 }
 170 .pageEditor th {
 171     width: 6em;
 172 }
 173 .pageEditor ul {
 174     list-style-type: none;
 175     margin: 0;
 176 }
 177 .pageEditor li {
 178     margin: 0;
 179     padding: 3px;
 180 }
 181 .pageEditor input[type="radio"] {
 182     margin-right: 10px;
 183 }
 184 .pageEditor input[type="checkbox"] {
 185     margin-right: 5px;
 186 }
 187 .pageEditor input[type="text"],
 188 .pageEditor input[type="file"],
 189 .pageEditor textarea {
 190     width: 97%;
 191     padding: 3px;
 192 }
 193 .pageEditor textarea.summary {
 194     height: 5em;
 195 }
 196 .pageEditor textarea.source {
 197     height: 30em;
 198 }
 199 .pageEditor input[type="button"] {
 200     margin: 0 2px;
 201 }
 202
 203 /* color and text *************************************************************/
 204 * {
 205     font-family: sans-serif;
 206 }
 207
 208 body {
 209     background-color: white;
 210     color: black;
 211 }
 212
 213 .body {
 214     line-height: 1.3;
 215 }
 216
 217 h1, h2, h3, h4, h5, h6 {
 218     font-weight: normal;
 219 }
 220
 221 hr {
 222     border-color: #bbbbbb;
 223     border-width: 1px;
 224     border-style: dashed;
 225 }
 226
 227 th, td {
 228     border-color: #dddddd;
 229     border-width: 1px;
 230     border-style: solid;
 231 }
 232 th {
 233     background-color: #eeeeee;
 234     font-weight: bold;
 235 }
 236 td {
 237     background-color: #fafafa;
 238 }
 239
 240 p {
 241     text-indent: 1em;
 242 }
 243
 244 .title {
 245     background-color: #fafafa;
 246
 247     border-color: #cccccc;
 248     border-width: 0 0 1px 0;
 249     border-style: solid;
 250
 251     font-size: 1.2em;
 252 }
 253
 254 .body h1 {
 255     font-size: 200%;
 256 }
 257 .body h2 {
 258     font-size: 150%;
 259 }
 260 .body h3 {
 261     font-size: 130%;
 262 }
 263 .body h4 {
 264     font-size: 110%;
 265 }
 266 .body h5 {
 267     font-size: 90%;
 268 }
 269 .body h1, .body h2, .body h3, .body h4, .body h5 {
 270     background-color: #fafafa;
 271
 272     border-color: #dddddd;
 273     border-width: 1px;
 274     border-style: solid;
 275
 276     padding: 0 10px;
 277 }
 278
 279 a {
 280     color: #008800;
 281     text-decoration: none;
 282 }
 283 a:hover {
 284     text-decoration: underline;
 285 }
 286
 287 input[type="button"] {
 288     background-color: #f5f5f5;
 289     color: #000055;
 290
 291     border-color: #dddddd;
 292     border-width: 2px;
 293     border-style: solid;
 294
 295     border-radius: 10px;
 296     -moz-border-radius: 10px;
 297 }
 298 input[type="button"]:active {
 299     background-color: #999999;
 300 }
 301 input[type="button"][disabled] {
 302     border-color: #e5e5e5;
 303     color: #b5b5b5;
 304 }
 305 input[type="button"][disabled]:active {
 306     background-color: #f5f5f5;
 307 }
 308
 309 .header, .footer, .sideBar {
 310     background-color: #eeeeee;
 311 }
 312
 313 .sideBar h1 {
 314     font-size: 120%;
 315 }
 316 .sideBar h1, .sideBar h2, .sideBar h3, .sideBar h4, .sideBar h5 {
 317     font-weight: normal;
 318
 319     color: #555555;
 320     background-color: #fafafa;
 321
 322     border-color: #dddddd white white #dddddd;
 323     border-width: 1px;
 324     border-style: solid;
 325 }
 326
 327 .sideBar .date {
 328     font-size: 70%;
 329     white-space: nowrap;
 330     color: #666666;
 331 }
 332
 333 .sideBar p {
 334     text-indent: 0;
 335 }
 336
 337 .sideBar .recentUpdates p,
 338 .sideBar .trackbacks p {
 339     font-size: 90%;
 340 }
 341
 342 .sideBar .outline li {
 343     list-style-type: disc;
 344     background-color: inherit;
 345 }
 346 .sideBar .outline li li {
 347     list-style-type: circle;
 348 }
 349 .sideBar .outline li li li {
 350     list-style-type: square;
 351 }
 352 .sideBar .outline li li li li {
 353     list-style-type: disc;
 354 }
 355 .sideBar .outline li li li li li {
 356     list-style-type: circle;
 357 }
 358
 359 .sideBar li {
 360     padding: 3px 5px;
 361     background-color: #f5f5f5;
 362
 363     border-radius: 10px;
 364     -moz-border-radius: 10px;
 365 }
 366
 367 .sideBar .recentUpdates li, .sideBar .trackbacks li {
 368     background-color: #e0e0e0;
 369 }
 370
 371 .sideBar input[type="text"],
 372 .sideBar input[type="password"] {
 373     background-color: #dddddd;
 374
 375     border-style: inset;
 376     border-width: 1px;
 377     border-color: #dddddd;
 378 }
 379
 380 .activeField {
 381     color: black;
 382 }
 383
 384 .inactiveField {
 385     color: #888888;
 386 }
 387
 388 .pageEditor input[type="text"],
 389 .pageEditor input[type="file"],
 390 .pageEditor textarea {
 391     border-color: #dddddd #fafafa #fafafa #dddddd;
 392     border-width: 2px;
 393     border-style: solid;
 394
 395     background-color: white;
 396 }
 397
 398 /* float **********************************************************************/
 399 h1, h2, h3, h4, h5, h6 {
 400     clear: both;
 401 }
 402
 403 /* image **********************************************************************/
 404 img {
 405     border-width: 0;
 406 }
 407
 408 .inlineImage {
 409     margin-top: 5px;
 410     margin-bottom: 5px;
 411 }
 412
 413 .leftFloat {
 414     float: left;
 415     margin-right: 25px;
 416 }
 417
 418 .rightFloat {
 419     float: right;
 420     margin-left: 25px;
 421 }
 422
 423 .imageFrame {
 424     background-color: #eeeeee;
 425     padding: 5px;
 426
 427     border-color: #cccccc;
 428     border-width: 1px;
 429     border-style: solid;
 430
 431     margin-top: 5px;
 432     margin-bottom: 10px;
 433 }
 434
 435 .imageFrame p {
 436     margin: 0;
 437 }
 438
 439 .imageData {
 440     text-align: center;
 441 }
 442
 443 .imageCaption {
 444     margin-top: 3px;
 445 }
 446
 447 /* error **********************************************************************/
 448 .error {
 449     color: red;
 450     background-color: white;
 451
 452     font-weight: bold;
 453
 454     border-color: #880000;
 455     border-width: 3px;
 456     border-style: double;
 457
 458     padding: 10px;
 459 }
 460
 461 .error p, .error pre {
 462     margin: 0;
 463 }
 464
 465 .error:before {
 466     content: "Error: "
 467 }
 468
 469 /* waiting message ************************************************************/
 470 .waitingMessageBoard {
 471     position: fixed;
 472     left: 0;
 473     top: 0;
 474     width: 100%;
 475     height: 100%;
 476
 477     background-color: white;
 478     color: black;
 479     opacity: 0.7;
 480
 481     z-index: 1;
 482 }
 483
 484 .waitingMessageBoard p {
 485     text-align: center;
 486     vertical-align: middle;
 487     font-size: 200%;
 488
 489     position: fixed;
 490     bottom: 1em;
 491     right: 1em;
 492 }
 493
 494 /* redirection message ********************************************************/
 495 .redirection {
 496     margin: 5px;
 497     padding: 2px;
 498
 499     font-size: 80%;
 500
 501     background-color: #fafafa;
 502     color: #888888;
 503
 504     border-color: #eeeeee;
 505     border-width: 1px;
 506     border-style: dotted
 507 }
 508
 509 .redirection input[type="button"] {
 510     color: inherit;
 511     background-color: #fcfcfc;
 512
 513     border-width: 1px;
 514
 515     border-radius: 5px;
 516     -moz-border-radius: 5px;
 517
 518     margin-left: 0.8em;
 519 }
 520
 521 .redirection input[type="button"]:active {
 522     background-color: #eeeeee;
 523 }
 524
 525 /* preview ********************************************************************/
 526 .preview {
 527     background-color: #eeeeee;
 528
 529     margin: 0 0 20px 0;
 530     padding: 10px;
 531
 532     border-style: solid;
 533     border-width: 1px;
 534     border-color: #bbbbbb;
 535 }
 536 </textData>
 537 </page>