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
 218 .header, .footer, .sideBar {
 219     background-color: #eeeeee;
 220 }
 221
 222 .sideBar h1 {
 223     font-size: 120%;
 224 }
 225 .sideBar h1, .sideBar h2, .sideBar h3, .sideBar h4, .sideBar h5 {
 226     font-weight: normal;
 227
 228     color: #555555;
 229     background-color: #fafafa;
 230
 231     border-color: #dddddd white white #dddddd;
 232     border-width: 1px;
 233     border-style: solid;
 234 }
 235
 236 .sideBar .date {
 237     font-size: 70%;
 238     white-space: nowrap;
 239     color: #666666;
 240 }
 241
 242 .sideBar .recentUpdates p,
 243 .sideBar .trackbacks p {
 244     font-size: 90%;
 245 }
 246
 247 .sideBar .outline li {
 248     list-style-type: disc;
 249     background-color: inherit;
 250 }
 251 .sideBar .outline li li {
 252     list-style-type: circle;
 253 }
 254 .sideBar .outline li li li {
 255     list-style-type: square;
 256 }
 257 .sideBar .outline li li li li {
 258     list-style-type: disc;
 259 }
 260 .sideBar .outline li li li li li {
 261     list-style-type: circle;
 262 }
 263
 264 .sideBar li {
 265     padding: 3px 5px;
 266     background-color: #f5f5f5;
 267 }
 268
 269 .sideBar .recentUpdates li, .sideBar .trackbacks li {
 270     background-color: #e0e0e0;
 271 }
 272
 273 /* float **********************************************************************/
 274 h1, h2, h3, h4, h5, h6 {
 275     clear: both;
 276 }
 277
 278 /* image **********************************************************************/
 279 img {
 280     border-width: 0;
 281 }
 282
 283 .inlineImage {
 284     margin-top: 5px;
 285     margin-bottom: 5px;
 286 }
 287
 288 .leftFloat {
 289     float: left;
 290     margin-right: 25px;
 291 }
 292
 293 .rightFloat {
 294     float: right;
 295     margin-left: 25px;
 296 }
 297
 298 .imageFrame {
 299     background-color: #eeeeee;
 300     padding: 5px;
 301
 302     border-color: #cccccc;
 303     border-width: 1px;
 304     border-style: solid;
 305
 306     margin-top: 5px;
 307     margin-bottom: 10px;
 308 }
 309
 310 .imageFrame p {
 311     margin: 0;
 312 }
 313
 314 .imageData {
 315     text-align: center;
 316 }
 317
 318 .imageCaption {
 319     margin-top: 3px;
 320 }
 321
 322 /* error **********************************************************************/
 323 .error {
 324     color: red;
 325     background-color: white;
 326
 327     font-weight: bold;
 328
 329     border-color: #880000;
 330     border-width: 3px;
 331     border-style: double;
 332
 333     padding: 10px;
 334 }
 335
 336 .error p, .error pre {
 337     margin: 0;
 338 }
 339
 340 .error:before {
 341     content: "Error: "
 342 }
 343 </textData>
 344 </page>