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