]> gitweb @ CieloNegro.org - Rakka.git/blob - defaultPages/StyleSheet/Default
Implemented sidebars
[Rakka.git] / 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
15 .center {
16     position: absolute;
17     
18     overflow: auto;
19
20     top: 20px;
21     right: 15em;
22     left: 15em;
23     bottom: 20px;
24 }
25
26 .left {
27     top: 0em;
28     width: 15em;
29     left: 0;
30     bottom: 0;
31 }
32
33 .right {
34     top: 0em;
35     width: 15em;
36     right: 0;
37     bottom: 0;
38 }
39
40 .header {
41     position: absolute;
42     height: 20px;
43     left: 15em;
44     right: 15em;
45     top: 0;
46 }
47
48 .footer {
49     position: absolute;
50     height: 20px;
51     left: 15em;
52     right: 15em;
53     bottom: 0;
54 }
55
56 .sideBar {
57     position: absolute;
58     overflow: auto;
59 }
60
61 /* spacing */
62 .title {
63     padding: 5px 20px;
64 }
65
66 .title p {
67     margin: 0;
68 }
69
70 .body {
71     padding: 25px 30px;
72 }
73
74 .body ul, .body ol {
75     list-style-position: inside;
76     margin: 1em 0;
77 }
78 .body ul ul, .body ul ol, .body ol ul, .body ol ol {
79     margin: 0;
80 }
81
82 .body li {
83     margin: 3px 5px;
84 }
85 .body li li {
86     margin-left: 20px;
87 }
88
89 .body dl {
90     margin: 1em 2em;
91 }
92 .body dt {
93     font-weight: bold;
94 }
95 .body dd {
96     margin-left: 3em;
97     margin-top: 0.1em;
98 }
99 .body dd + dt {
100     margin-top: 0.9em;
101 }
102
103 .sideBar h1 {
104     margin-bottom: 5px;
105     padding: 0px 5px;
106 }
107
108 .sideBar .content {
109     padding: 20px;
110 }
111
112 .sideBar li {
113     padding: 3px;
114 }
115
116 .sideBar ul, .sideBar ol {
117     list-style-type: none;
118     margin-top: 0.4em;
119 }
120
121 .sideBar li + li {
122     margin-top: 0.2em;
123 }
124
125 .sideBar ul + h1 {
126     margin-top: 1.2em;
127 }
128
129 /* color and text */
130 * {
131     font-family: sans-serif;
132 }
133
134 body {
135     background-color: white;
136     color: black;
137
138     line-height: 1.3;
139 }
140
141 h1, h2, h3, h4, h5, h6 {
142     font-weight: normal;
143 }
144
145 .title {
146     background-color: #fafafa;
147
148     border-color: #cccccc;
149     border-width: 0 0 3px 0;
150     border-style: double;
151
152     font-size: 1.2em;
153 }
154
155 .body h1 {
156     font-size: 180%;
157
158     background-color: #fafafa;
159     
160     border-color: #dddddd;
161     border-width: 2px;
162     border-style: solid;
163
164     padding: 0 10px;
165 }
166 .body h2 {
167     font-size: 150%;
168 }
169 .body h3 {
170     font-size: 130%;
171 }
172 .body h4 {
173     font-size: 110%;
174 }
175 .body h5 {
176     font-size: 90%;
177 }
178 .body h2, .body h3, .body h4, .body h5 {
179     background-color: #fafafa;
180     
181     border-color: #dddddd;
182     border-width: 0 0 1px 0;
183     border-style: solid;
184
185     padding: 0 10px;
186 }
187
188 .header, .footer, .sideBar {
189     background-color: #eeeeee;
190 }
191
192 .sideBar h1 {
193     font-size: 120%;
194     font-weight: bold;
195     background-color: #fafafa;
196
197     border-color: #dddddd white white #dddddd;
198     border-width: 1px;
199     border-style: solid;
200 }
201
202 .sideBar a {
203     color: #4e8eff;
204 }
205
206 .sideBar a:visited {
207     color: #3f73d0;
208 }
209
210 .sideBar .date {
211     font-size: 70%;
212     white-space: nowrap;
213 }
214
215 .sideBar .trackbacks p {
216     font-size: 90%;
217 }
218
219 .sideBar .outline li {
220     list-style-type: circle;
221     margin-left: 1em;
222     
223     padding: 0;
224     background-color: black;
225 }
226 .sideBar .outline li li {
227     list-style-type: disc;
228 }
229 .sideBar .outline li li li {
230     list-style-type: square;
231 }
232
233 p {
234     margin: 0.8em 0;
235 }
236
237 /* float */
238 h1, h2, h3, h4, h5, h6 {
239     clear: both;
240 }
241
242 /* image */
243 img {
244     border-width: 0;
245 }
246
247 .inlineImage {
248     margin-top: 5px;
249     margin-bottom: 5px;
250 }
251
252 .leftFloat {
253     float: left;
254     margin-right: 25px;
255 }
256
257 .rightFloat {
258     float: right;
259     margin-left: 25px;
260 }
261
262 .imageFrame {
263     background-color: #eeeeee;
264     padding: 5px;
265
266     border-color: #cccccc;
267     border-width: 1px;
268     border-style: solid;
269
270     margin-top: 5px;
271     margin-bottom: 5px;
272 }
273
274 .imageFrame p {
275     margin: 0;
276 }
277
278 .imageData {
279     text-align: center;
280 }
281
282 .imageCaption {
283     margin-top: 3px;
284 }
285 </textData>
286 </page>