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