← Back to branch summary

~quam-plures-core/quam-plures/qp5_colls-blogs_chaps-cats

« back to all changes in this revision

Viewing changes to qp_templates/nifty_corners/style.css

http://forums.quamplures.net/viewtopic.php?p=9237#p9237

Show diffs side-by-side

added added

removed removed

Lines of Context:
qp_templates/nifty_corners/style.css
2
2
 * Main page construct:
3
3
 */
4
4
body {
5
 
        background: #82cdac url(rsc/img/bg.jpg) repeat-x fixed left top;
6
 
        color: #000;
7
 
        font-family: Arial, Helvetica, sans-serif;
8
 
        font-size: 84%;
 
5
background: #82cdac url(rsc/img/bg.jpg) repeat-x fixed left top;
 
6
color: #000;
 
7
font-family: Arial, Helvetica, sans-serif;
 
8
font-size: 84%;
9
9
}
10
10
 
11
11
h1, h2, h3, h4, h5, h6 {
12
 
        font-family: "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
 
12
font-family: "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
13
13
}
14
14
 
15
15
div.wrapper
16
16
{
17
 
        margin: 1ex 1em;
18
 
        padding: 1ex 0;
 
17
margin: 1ex 1em;
 
18
padding: 1ex 0;
19
19
}
20
20
div.wrapper2 /* Main centered zone */
21
21
{
22
 
        width: 105ex;
23
 
        margin: 0 auto;
 
22
width: 105ex;
 
23
margin: 0 auto;
24
24
}
25
25
div.outerwrap /* Main rounded content zone */
26
26
{
27
 
        margin: 1ex 0;
28
 
        padding: 5px 0;
29
 
        /* border: 1px solid #000;  */
 
27
margin: 1ex 0;
 
28
padding: 5px 0;
 
29
/* border: 1px solid #000;  */
30
30
}
31
31
div.innerwrap /* Main white content zone */
32
32
{
33
 
        padding: 0;
34
 
        border: 1px solid #fff; /* needed to force inner paddings */
35
 
        background-color:#fff;
 
33
padding: 0;
 
34
border: 1px solid #fff; /* needed to force inner paddings */
 
35
background-color:#fff;
36
36
}
37
37
div.pageHeader /* Title zone */
38
38
{
39
 
        margin: 0 1ex;
40
 
        padding: 0;
41
 
        background-image: url(rsc/img/squares.gif);
42
 
        background-repeat: no-repeat;
43
 
        background-position: right center;
44
 
        /* border: 1px solid #f00; */
 
39
margin: 0 1ex;
 
40
padding: 0;
 
41
background-image: url(rsc/img/squares.gif);
 
42
background-repeat: no-repeat;
 
43
background-position: right center;
 
44
/* border: 1px solid #f00; */
45
45
}
46
46
 
47
47
table.prevnext_post {
48
 
        width: 98%;
 
48
width: 98%;
49
49
}
50
50
 
51
51
.posts /* Left column */
52
52
{
53
 
        width: 75ex;
54
 
        float: left;
55
 
        overflow: hidden;
 
53
width: 75ex;
 
54
float: left;
 
55
overflow: hidden;
56
56
}
57
57
 
58
58
.bSideBar /* Right column */
59
59
{
60
 
        width: 29ex;
61
 
        float: right;
62
 
        overflow: hidden;
 
60
width: 29ex;
 
61
float: right;
 
62
overflow: hidden;
63
63
}
64
64
div.clear {
65
 
        clear: both;
 
65
clear: both;
66
66
}
67
67
div#pageFooter {
68
 
        margin: 1ex;
69
 
        padding:0;
70
 
        border-top: 1px dotted #000;
 
68
margin: 1ex;
 
69
padding:0;
 
70
border-top: 1px dotted #000;
71
71
}
72
72
p.baseline {
73
 
        font-size: 72%;
74
 
        text-align: center;
75
 
        margin:1ex;
76
 
        color: #444;
 
73
font-size: 72%;
 
74
text-align: center;
 
75
margin:1ex;
 
76
color: #444;
77
77
}
78
78
p.baseline a {
79
 
        color: #444;
 
79
color: #444;
80
80
}
81
81
 
82
82
/*
84
84
 */
85
85
a,
86
86
a:visited {
87
 
        color: #666;
88
 
        text-decoration:none;
 
87
color: #666;
 
88
text-decoration:none;
89
89
}
90
90
a:hover,
91
91
div.top_menu a:hover {
92
 
        color: #26AAE8;
93
 
        text-decoration:underline;
 
92
color: #26AAE8;
 
93
text-decoration:underline;
94
94
}
95
95
 
96
96
h2 {
97
 
        color: #06a3c4;
98
 
        font-size: 160%;
99
 
        margin: 1ex;
 
97
color: #06a3c4;
 
98
font-size: 160%;
 
99
margin: 1ex;
100
100
}
101
101
h3 {
102
 
        color: #06a3c4;
103
 
        font-size: 110%;
 
102
color: #06a3c4;
 
103
font-size: 110%;
104
104
}
105
105
h4 {
106
 
        color: #06a3c4;
107
 
        font-size: 105%;
 
106
color: #06a3c4;
 
107
font-size: 105%;
108
108
}
109
109
 
110
110
/*
111
111
 * Blog list on top:
112
112
 */
113
113
#PageTop ul {
114
 
        border-bottom: 2px solid #06a3c4;
115
 
        margin: 0 1ex 2px 1ex;
116
 
        padding: 0 0 2px 0;
117
 
        list-style-type:none;
 
114
border-bottom: 2px solid #06a3c4;
 
115
margin: 0 1ex 2px 1ex;
 
116
padding: 0 0 2px 0;
 
117
list-style-type:none;
118
118
}
119
119
#PageTop li {
120
 
        display: inline;
121
 
        padding-right: 3ex;
 
120
display: inline;
 
121
padding-right: 3ex;
122
122
}
123
123
a.selected {
124
 
        color: #06a3c4;
125
 
        font-weight:bold;
 
124
color: #06a3c4;
 
125
font-weight:bold;
126
126
}
127
127
 
128
128
/*
129
129
 * Menu on top:
130
130
 */
131
131
div.top_menu ul {
132
 
        margin: 4px 1ex 2px 1ex;
133
 
        padding: 0 0 2px 0;
134
 
        list-style-type:none;
 
132
margin: 4px 1ex 2px 1ex;
 
133
padding: 0 0 2px 0;
 
134
list-style-type:none;
135
135
}
136
136
div.top_menu li {
137
 
        display: inline;
138
 
        padding-right: 2ex;
 
137
display: inline;
 
138
padding-right: 2ex;
139
139
}
140
140
div.top_menu a {
141
 
        color: #999;
142
 
        font-weight:bold;
 
141
color: #999;
 
142
font-weight:bold;
143
143
}
144
144
 
145
145
 
147
147
 * Header styles:
148
148
 */
149
149
div.pageHeader h1 {
150
 
        font-size: 250%;
151
 
        font-weight: bold;
152
 
        margin: 0;
153
 
        padding: 0;
154
 
        color:#06a3c4;
 
150
font-size: 250%;
 
151
font-weight: bold;
 
152
margin: 0;
 
153
padding: 0;
 
154
color:#06a3c4;
155
155
}
156
156
div.pageHeader h1 a {
157
 
        color:#06a3c4;
 
157
color:#06a3c4;
158
158
}
159
159
div.pageHeader h1 a:hover {
160
 
        color: #c0c;
 
160
color: #c0c;
161
161
}
162
 
div.pageHeader div.widget_widget_tagline {
163
 
        letter-spacing: 4px;
164
 
        padding: 0 0 3px 0;
165
 
        font-size: 109%;
 
162
div.pageHeader div.widget_tagline {
 
163
letter-spacing: 4px;
 
164
padding: 0 0 3px 0;
 
165
font-size: 109%;
166
166
}
167
167
 
168
168
 
171
171
 */
172
172
.bPost, .bPostpublished
173
173
{
174
 
        clear: both;
175
 
        margin: 0 1ex 3ex 1ex;
176
 
        padding: 0;
177
 
        /* border: 1px solid #e2f1f4; */
 
174
clear: both;
 
175
margin: 0 1ex 3ex 1ex;
 
176
padding: 0;
 
177
/* border: 1px solid #e2f1f4; */
178
178
}
179
179
.bSmallHead {
180
 
        font-size: 78%;
181
 
        margin: 1ex;
 
180
font-size: 78%;
 
181
margin: 1ex;
182
182
}
183
183
div.bTitle {
184
 
        clear: both;
185
 
        margin: 1ex 1ex 0 1ex;
186
 
        padding: 5px 0 4px 0;
187
 
        background-color:#06a3c4;
 
184
clear: both;
 
185
margin: 1ex 1ex 0 1ex;
 
186
padding: 5px 0 4px 0;
 
187
background-color:#06a3c4;
188
188
}
189
189
h3.bTitle {
190
 
        margin: 0 1ex;
191
 
        color: #fff;
 
190
margin: 0 1ex;
 
191
color: #fff;
192
192
}
193
193
h3.bTitle a {
194
 
        color: #fff;
 
194
color: #fff;
195
195
}
196
196
.bText,
197
197
.excerpt {
198
 
        margin: 0 1ex 0;
 
198
margin: 0 1ex 0;
199
199
}
200
200
.bSmallPrint
201
201
{
202
 
        clear: both;
203
 
        font-size: 78%;
204
 
        margin: 1ex;
 
202
clear: both;
 
203
font-size: 78%;
 
204
margin: 1ex;
205
205
}
206
206
 
207
207
input.bComment,
208
208
textarea.bComment
209
209
{
210
 
        background-color: #eee;
211
 
        border: 1px solid #ccc;
212
 
        width: 97%;
213
 
        padding: 2px;
214
 
        margin: 0ex;
 
210
background-color: #eee;
 
211
border: 1px solid #ccc;
 
212
width: 97%;
 
213
padding: 2px;
 
214
margin: 0ex;
215
215
}
216
 
select.bComment         /* Used by the profile form */
 
216
select.bComment /* Used by the profile form */
217
217
{
218
 
        background-color: #eee;
219
 
        border: 1px solid #ccc;
220
 
        padding: 1px;
221
 
        margin: 0ex;
 
218
background-color: #eee;
 
219
border: 1px solid #ccc;
 
220
padding: 1px;
 
221
margin: 0ex;
222
222
}
223
223
 
224
224
 
226
226
 * Styles for sidebar (right)
227
227
 */
228
228
.bSideItem {
229
 
        margin: 2ex;
230
 
        padding: 0 0 2ex 0;
 
229
margin: 2ex;
 
230
padding: 0 0 2ex 0;
231
231
}
232
232
.bSideItem ul {
233
 
        margin-left: 8px;
234
 
        padding-left: 8px;
235
 
        margin-top: 8px;
236
 
        margin-bottom: 8px;
237
 
        list-style-type:square;
 
233
margin-left: 8px;
 
234
padding-left: 8px;
 
235
margin-top: 8px;
 
236
margin-bottom: 8px;
 
237
list-style-type:square;
238
238
}
239
239
.bSideItem ul ul{
240
 
        margin-left: 8px;
241
 
        padding-left: 8px;
242
 
        margin-top: 0;
243
 
        margin-bottom: 0;
 
240
margin-left: 8px;
 
241
padding-left: 8px;
 
242
margin-top: 0;
 
243
margin-bottom: 0;
244
244
}
245
245
.bSideItem form {
246
 
        margin-top: 0;
247
 
        margin-bottom: 0;
 
246
margin-top: 0;
 
247
margin-bottom: 0;
248
248
}
249
249
.dimmed
250
250
{
251
 
        color: #aaa;
252
 
        font-size: 84%;
 
251
color: #aaa;
 
252
font-size: 84%;
253
253
}
254
254
input.SearchField
255
255
{
256
 
        background-color: #eee;
257
 
        border: 1px solid #ccc;
258
 
        padding: .5ex;
259
 
        width: 96%;
260
 
        margin: 0ex;
 
256
background-color: #eee;
 
257
border: 1px solid #ccc;
 
258
padding: .5ex;
 
259
width: 96%;
 
260
margin: 0ex;
261
261
}
262
262
 
263
263
/* Special SideItems: */
264
 
.widget_plugin_calendar,
265
 
.widget_widget_title,
266
 
.widget_widget_longdesc {
267
 
        padding: 0;
 
264
.plugin_calendar,
 
265
.widget_title,
 
266
.widget_longdesc {
 
267
padding: 0;
268
268
}
269
 
.widget_widget_title a {
270
 
        color: #06a3c4;
 
269
.widget_title a {
 
270
color: #06a3c4;
271
271
}
272
272
 
273
273
/* Calendar: */
274
274
table.bCalendarTable caption {
275
 
        border: 1px solid #ccc;
276
 
        background-color: #eee;
277
 
        border-bottom: 0;
 
275
border: 1px solid #ccc;
 
276
background-color: #eee;
 
277
border-bottom: 0;
278
278
}
279
279
table.bCalendarTable {
280
 
        border: solid 1px #ccc;
281
 
        border-collapse: separate;
 
280
border: solid 1px #ccc;
 
281
border-collapse: separate;
282
282
}
283
283
table.bCalendarTable a {
284
 
        color: #06a3c4;
 
284
color: #06a3c4;
285
285
}
286
286
table.bCalendarTable tfoot td {
287
 
        background-color: #eee;
288
 
        border-top: 1px solid #ccc;
 
287
background-color: #eee;
 
288
border-top: 1px solid #ccc;
289
289
}
290
290
table.bCalendarTable tfoot a {
291
 
        text-decoration: none;
 
291
text-decoration: none;
292
292
}
293
293
table.bCalendarTable tfoot a:hover {
294
 
        background-color: #fac;
 
294
background-color: #fac;
295
295
}
296
296
th.bCalendarHeaderCell {
297
 
        color: #ccc;
298
 
        font-weight:normal;
 
297
color: #ccc;
 
298
font-weight:normal;
299
299
}
300
300
#bCalendarToday {
301
 
        background-color: #E2F1F4;
 
301
background-color: #E2F1F4;
302
302
}
303
303
 
304
304
/*
308
308
form.bComment fieldset div.input,
309
309
form.bComment fieldset div.info
310
310
{
311
 
        padding-top: 0;
312
 
        /* font-size: 84%; */
 
311
padding-top: 0;
 
312
/* font-size: 84%; */
313
313
}
314
314
textarea.bComment,
315
315
input.bComment,
316
316
input.SearchField {
317
 
        background-color: #E2F1F4;
 
317
background-color: #E2F1F4;
318
318
}
319
319
 
320
320
 
321
321
 
322
322
div.featured_post {
323
 
        margin: 0 1ex ;
324
 
        border-color: #06A3C4;
325
 
        border-top: none;
326
 
        padding: 1px 0 0 0;
 
323
margin: 0 1ex ;
 
324
border-color: #06A3C4;
 
325
border-top: none;
 
326
padding: 1px 0 0 0;
327
327
}
328
328
 
329
329
#credits dl {
330
 
        margin-left: 1ex;
331
 
        margin-right: 1ex;
 
330
margin-left: 1ex;
 
331
margin-right: 1ex;
332
332
}
 
 
b'\\ No newline at end of file'