-
Notifications
You must be signed in to change notification settings - Fork 3
/
style.css
275 lines (241 loc) · 5.07 KB
/
style.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
/*
Theme Name: BloxPress
Theme URI: http://www.bloxpress.org
Description: A rich-interface theme for Wordpress.
Author: Kjell Bublitz
Author URI: http://www.m3nt0r.de
Created: 27.02.2007
Version: 1.6
*/
html { /* force scrollbar in firefox*/
height: 100%; margin-bottom: 1px;
}
body {
color: #444;
background: #fff;
font-size: 77%;
}
/* -----------------------
headings
*/
h1, h2, h3, h4, h5 {
/* reset spacing */
margin: 0; padding: 0;
}
h1 { font-size: 182%; }
h2 { font-size: 136%; }
h3 { font-size: 107%; }
h4 { font-size: 92%; }
h5 { font-size: 92%; }
/* -----------------------
links
*/
a {
text-decoration: none;
color: #aa1100;
}
a:hover {
color: #ff1100;
}
a:active {
outline: none;
}
a img {
border: none;
}
/* -----------------------
lists
*/
ul, ol {
margin: 0;
padding: 0;
width: 100%;
}
/* -----------------------
layout
*/
/* this wraps all content
and defines width and alignment
of the whole page*/
#wrap {
width: 780px;
margin: 0 auto; /* center */
text-align: center;
}
#layout {
clear: both;
}
/* the content class is added
to all layout elements. consider
it as global style added to the
next ones. */
.content {
padding: 1em;
clear: both;
}
/* this is the height and
padding of the pageheader. */
#header {
height: 60px;
text-align: center;
}
/* the main area carries
all content templates like
page, date, author, single,.. */
#main {
text-align: left;
}
/* footer.. says it all */
#footer {
text-align: right;
font-size: 10px;
}
/* -----------------------
layout colors
*/
#header {
background: #525252;
color: #fff;
}
#main {
background: #fff;
color: inherit;
}
#footer {
background: #000;
color: #fff;
}
/* -----------------------
mainmenu
*/
#menuline {
float: right;
}
.yui-skin-sam .yui-button {
margin-left: 0;
}
/* -----------------------
blockmenu
*/
#blockmenu {
padding: 5px;
}
#blockmenu div.yui-panel {
width: 170px !important;
}
#blockmenu ul { /* some styles affecting lists (.sortable is also a list) */
list-style: none
}
#blockmenu ul li { /* basic padding to simulate spacing between the dropspots */
padding: 0.2em 0;
}
.blockitem { /* the cursor is changed by javascript, but anyways .. */
cursor: pointer;
}
.blockitem_frame { /* this is the style simulating the element if a blockitem is dragged. its a replacement. */
border: 2px dashed #aaa;
background: #efa;
}
/* -----------------------
Dropzones
*/
.dropspot { /*this is the DIV wrapping .sortable. It is the connection between blockmenu and the columns */
padding: 0;
padding-bottom: 50px;
margin-bottom: 20px;
float: left;
list-style: none
}
.dropspot ul { /* some styles affecting lists (.sortable is also a list) */
list-style: none
}
.dropspot ul li { /* basic padding to simulate spacing between the dropspots */
padding: 0.2em 0;
}
.dropzonehover { /* this class is added to the dropspot if a blockitem is hovering */
border: 1px dashed #a10;
}
/*
drop 1 = left;
drop 2 = center;
drop 3 = right;
*/
#drop_1, #drop_3 { /* here i balance the colum layout */
width: 180px;
}
#drop_2 { /* the center column should be the widest of course*/
width: 380px;
margin-left: 8px;
}
#drop_3 { /* i float right, so it looks equal on the edges */
float: right;
}
/* -----------------------
Blocksorting
*/
.sortable { /* this is the main sidebar UL element (top UL) */
padding-bottom: 50px;
padding: 0;
}
.sortableactive { /* this class is ON-DRAG given to all available sidebars */
background: #eee;
}
.sortablehover { /* this is a class that is added to the column if a block is dragged over*/
border: 1px dashed #a10;
}
.sorthelper { /* this is shown at the current sidebar spot where the block is dragged over */
}
/* -----------------------
Blocks
*/
.block { /*this is the main div carrying all elements of a block. */
line-height: 1.2em;
}
.block ul {
list-style: none;
}
.block li {
padding: 0.2em 0pt;
}
.block table {
width: 99%
}
.block_handle { /*this is the draggin hotspot */
cursor: move;
}
.container-close {
cursor: pointer;
}
.block_content { /* what is loaded gets into this one */
}
/* if you want to change styling of the block content
you should extend .block_content to get the goods ...
example: .wp_widget_categories .block_content { background: #efa }
*/
/* -----------------------
Update Messages
*/
.cookienotice {
background: #a10;
color: #fff;
padding: 2px;
position: fixed;
}
h2.sub {
padding:10px 4px 10px 4px;
margin-bottom: 10px;
background: #ccc
}
div.container-minmax {
height:15px;
position:absolute;
right:32px;
top:5px;
width:15px;
}
div.maxImage {
background:transparent url(http://yui.yahooapis.com/2.3.0/build/assets/skins/sam/sprite.png) no-repeat scroll 0pt -350px;
}
div.minImage {
background:transparent url(http://yui.yahooapis.com/2.3.0/build/assets/skins/sam/sprite.png) no-repeat scroll 0pt -400px;
}