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