defaultPages/StyleSheet/Default

   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 .title {
  62     padding: 5px 20px;
  63 }
  64
  65 .title p {
  66     margin: 0;
  67 }
  68
  69 .body {
  70     padding: 25px 30px;
  71 }
  72
  73 .body p {
  74     margin: 0 0 0.8em 0;
  75 }
  76
  77 .sideBar p {
  78     margin: 0.2em 0;
  79 }
  80
  81 .body h1, .body h2, .body h3, .body h4, .body h5, .body h6 {
  82     margin: 5px 0px;
  83 }
  84
  85 .body ul, .body ol {
  86     list-style-position: inside;
  87     margin: 0 0 0.8em 0;
  88 }
  89 .body ul ul, .body ul ol, .body ol ul, .body ol ol {
  90     margin: 0;
  91 }
  92
  93 .body li {
  94     margin: 3px 5px;
  95 }
  96 .body li li {
  97     margin-left: 20px;
  98 }
  99
 100 .body dl {
 101     margin: 1em 2em;
 102 }
 103 .body dt {
 104     font-weight: bold;
 105 }
 106 .body dd {
 107     margin-left: 3em;
 108     margin-top: 0.1em;
 109 }
 110 .body dd + dt {
 111     margin-top: 0.9em;
 112 }
 113
 114 .sideBar h1 {
 115     margin-bottom: 5px;
 116     padding: 0px 5px;
 117 }
 118
 119 .sideBar .content {
 120     padding: 20px;
 121 }
 122
 123 .sideBar p {
 124     margin-left: 5px;
 125 }
 126
 127 .sideBar .outline li {
 128     margin-left: 1em;
 129     padding: 0;
 130 }
 131
 132 .sideBar li {
 133     padding: 3px;
 134 }
 135
 136 .sideBar ul, .sideBar ol {
 137     list-style-type: none;
 138     margin-top: 0.4em;
 139     margin-bottom: 0.4em;
 140 }
 141
 142 .sideBar li + li {
 143     margin-top: 0.3em;
 144 }
 145
 146 .sideBar * + h1 {
 147     margin-top: 1.2em;
 148 }
 149
 150 .sideBar .date {
 151     padding: 0.2em 0 0 0;
 152 }
 153
 154 /* color and text *************************************************************/
 155 * {
 156     font-family: sans-serif;
 157 }
 158
 159 body {
 160     background-color: white;
 161     color: black;
 162 }
 163
 164 .body {
 165     line-height: 1.3;
 166 }
 167
 168 h1, h2, h3, h4, h5, h6 {
 169     font-weight: normal;
 170 }
 171
 172 hr {
 173     border-color: #bbbbbb;
 174     border-width: 1px;
 175     border-style: dashed;
 176 }
 177
 178 .title {
 179     background-color: #fafafa;
 180
 181     border-color: #cccccc;
 182     border-width: 0 0 1px 0;
 183     border-style: solid;
 184
 185     font-size: 1.2em;
 186 }
 187
 188 .body h1 {
 189     font-size: 200%;
 190 }
 191 .body h2 {
 192     font-size: 150%;
 193 }
 194 .body h3 {
 195     font-size: 130%;
 196 }
 197 .body h4 {
 198     font-size: 110%;
 199 }
 200 .body h5 {
 201     font-size: 90%;
 202 }
 203 .body h1, .body h2, .body h3, .body h4, .body h5 {
 204     background-color: #fafafa;
 205
 206     border-color: #dddddd;
 207     border-width: 1px;
 208     border-style: solid;
 209
 210     padding: 0 10px;
 211 }
 212
 213 a {
 214     color: #008800;
 215     text-decoration: none;
 216 }
 217 a:hover {
 218     text-decoration: underline;
 219 }
 220
 221 input[type="button"] {
 222     background-color: #eeeeee;
 223
 224     border-color: #fafafa #dddddd #dddddd #fafafa;
 225     border-width: 2px;
 226     border-style: solid;
 227 }
 228 input[type="button"]:active {
 229     background-color: white;
 230     border-color: #dddddd #fafafa #fafafa #dddddd;
 231 }
 232
 233 .header, .footer, .sideBar {
 234     background-color: #eeeeee;
 235 }
 236
 237 .sideBar h1 {
 238     font-size: 120%;
 239 }
 240 .sideBar h1, .sideBar h2, .sideBar h3, .sideBar h4, .sideBar h5 {
 241     font-weight: normal;
 242
 243     color: #555555;
 244     background-color: #fafafa;
 245
 246     border-color: #dddddd white white #dddddd;
 247     border-width: 1px;
 248     border-style: solid;
 249 }
 250
 251 .sideBar .date {
 252     font-size: 70%;
 253     white-space: nowrap;
 254     color: #666666;
 255 }
 256
 257 .sideBar .recentUpdates p,
 258 .sideBar .trackbacks p {
 259     font-size: 90%;
 260 }
 261
 262 .sideBar .outline li {
 263     list-style-type: disc;
 264     background-color: inherit;
 265 }
 266 .sideBar .outline li li {
 267     list-style-type: circle;
 268 }
 269 .sideBar .outline li li li {
 270     list-style-type: square;
 271 }
 272 .sideBar .outline li li li li {
 273     list-style-type: disc;
 274 }
 275 .sideBar .outline li li li li li {
 276     list-style-type: circle;
 277 }
 278
 279 .sideBar li {
 280     padding: 3px 5px;
 281     background-color: #f5f5f5;
 282 }
 283
 284 .sideBar .recentUpdates li, .sideBar .trackbacks li {
 285     background-color: #e0e0e0;
 286 }
 287
 288 /* float **********************************************************************/
 289 h1, h2, h3, h4, h5, h6 {
 290     clear: both;
 291 }
 292
 293 /* image **********************************************************************/
 294 img {
 295     border-width: 0;
 296 }
 297
 298 .inlineImage {
 299     margin-top: 5px;
 300     margin-bottom: 5px;
 301 }
 302
 303 .leftFloat {
 304     float: left;
 305     margin-right: 25px;
 306 }
 307
 308 .rightFloat {
 309     float: right;
 310     margin-left: 25px;
 311 }
 312
 313 .imageFrame {
 314     background-color: #eeeeee;
 315     padding: 5px;
 316
 317     border-color: #cccccc;
 318     border-width: 1px;
 319     border-style: solid;
 320
 321     margin-top: 5px;
 322     margin-bottom: 10px;
 323 }
 324
 325 .imageFrame p {
 326     margin: 0;
 327 }
 328
 329 .imageData {
 330     text-align: center;
 331 }
 332
 333 .imageCaption {
 334     margin-top: 3px;
 335 }
 336
 337 /* error **********************************************************************/
 338 .error {
 339     color: red;
 340     background-color: white;
 341
 342     font-weight: bold;
 343
 344     border-color: #880000;
 345     border-width: 3px;
 346     border-style: double;
 347
 348     padding: 10px;
 349 }
 350
 351 .error p, .error pre {
 352     margin: 0;
 353 }
 354
 355 .error:before {
 356     content: "Error: "
 357 }
 358 </textData>
 359 </page>