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 /* color and text *************************************************************/
 151 * {
 152     font-family: sans-serif;
 153 }
 154
 155 body {
 156     background-color: white;
 157     color: black;
 158 }
 159
 160 .body {
 161     line-height: 1.3;
 162 }
 163
 164 h1, h2, h3, h4, h5, h6 {
 165     font-weight: normal;
 166 }
 167
 168 hr {
 169     border-color: #bbbbbb;
 170     border-width: 1px;
 171     border-style: dashed;
 172 }
 173
 174 .title {
 175     background-color: #fafafa;
 176
 177     border-color: #cccccc;
 178     border-width: 0 0 1px 0;
 179     border-style: solid;
 180
 181     font-size: 1.2em;
 182 }
 183
 184 .body h1 {
 185     font-size: 200%;
 186 }
 187 .body h2 {
 188     font-size: 150%;
 189 }
 190 .body h3 {
 191     font-size: 130%;
 192 }
 193 .body h4 {
 194     font-size: 110%;
 195 }
 196 .body h5 {
 197     font-size: 90%;
 198 }
 199 .body h1, .body h2, .body h3, .body h4, .body h5 {
 200     background-color: #fafafa;
 201
 202     border-color: #dddddd;
 203     border-width: 1px;
 204     border-style: solid;
 205
 206     padding: 0 10px;
 207 }
 208
 209 a {
 210     color: #008800;
 211     text-decoration: none;
 212 }
 213
 214 .header, .footer, .sideBar {
 215     background-color: #eeeeee;
 216 }
 217
 218 .sideBar h1 {
 219     font-size: 120%;
 220 }
 221 .sideBar h1, .sideBar h2, .sideBar h3, .sideBar h4, .sideBar h5 {
 222     font-weight: normal;
 223
 224     color: #555555;
 225     background-color: #fafafa;
 226
 227     border-color: #dddddd white white #dddddd;
 228     border-width: 1px;
 229     border-style: solid;
 230 }
 231
 232 .sideBar .date {
 233     font-size: 70%;
 234     white-space: nowrap;
 235     color: #666666;
 236 }
 237
 238 .sideBar .recentUpdates p,
 239 .sideBar .trackbacks p {
 240     font-size: 90%;
 241 }
 242
 243 .sideBar .outline li {
 244     list-style-type: disc;
 245     background-color: inherit;
 246 }
 247 .sideBar .outline li li {
 248     list-style-type: circle;
 249 }
 250 .sideBar .outline li li li {
 251     list-style-type: square;
 252 }
 253 .sideBar .outline li li li li {
 254     list-style-type: disc;
 255 }
 256 .sideBar .outline li li li li li {
 257     list-style-type: circle;
 258 }
 259
 260 .sideBar li {
 261     padding: 3px 5px;
 262     background-color: #f5f5f5;
 263 }
 264
 265 .sideBar .recentUpdates li, .sideBar .trackbacks li {
 266     background-color: #e0e0e0;
 267 }
 268
 269 /* float **********************************************************************/
 270 h1, h2, h3, h4, h5, h6 {
 271     clear: both;
 272 }
 273
 274 /* image **********************************************************************/
 275 img {
 276     border-width: 0;
 277 }
 278
 279 .inlineImage {
 280     margin-top: 5px;
 281     margin-bottom: 5px;
 282 }
 283
 284 .leftFloat {
 285     float: left;
 286     margin-right: 25px;
 287 }
 288
 289 .rightFloat {
 290     float: right;
 291     margin-left: 25px;
 292 }
 293
 294 .imageFrame {
 295     background-color: #eeeeee;
 296     padding: 5px;
 297
 298     border-color: #cccccc;
 299     border-width: 1px;
 300     border-style: solid;
 301
 302     margin-top: 5px;
 303     margin-bottom: 10px;
 304 }
 305
 306 .imageFrame p {
 307     margin: 0;
 308 }
 309
 310 .imageData {
 311     text-align: center;
 312 }
 313
 314 .imageCaption {
 315     margin-top: 3px;
 316 }
 317
 318 /* error **********************************************************************/
 319 .error {
 320     color: red;
 321     background-color: white;
 322
 323     font-weight: bold;
 324
 325     border-color: #880000;
 326     border-width: 3px;
 327     border-style: double;
 328
 329     padding: 10px;
 330 }
 331
 332 .error p, .error pre {
 333     margin: 0;
 334 }
 335
 336 .error:before {
 337     content: "Error: "
 338 }
 339 </textData>
 340 </page>