Site/style.skin
Sourcecode in Site/style.skin:
1:   /**
2:   * Basic page structure.
3:   * When changing something, make sure widths are coherent.
4:   */
5:   table.main {
6:      width: 700px;
7:   }
8:   
9:   td.header {
10:     height: 53px;
11:     padding-left: 40px;
12:     font-weight: bold;
13:  }
14:  
15:  td.center { 
16:     width: 70%; 
17:     padding: 25px 20px 10px 40px; 
18:     vertical-align: top; 
19:  }
20:  
21:  td.right { 
22:     width: 30%; 
23:     padding: 0px 0px 10px 0px; 
24:     vertical-align: top; 
25:     border-left: 1px solid #dddddd;
26:  }
27:  
28:  /**
29:  * Colors, fonts, styles.
30:  */
31:  
32:  body {
33:     background-color: <% layout.bgcolor %>;
34:     font-family: <% layout.textfont %>;
35:     font-size: <% layout.textsize %>;
36:     color: <% layout.textcolor %>;
37:  }
38:  
39:  td {
40:     font-size: <%layout.textsize %>;
41:     line-height: 1.2em;
42:  }
43:  
44:  td.header {
45:     background-image: url("<% layout.image name="webloghead" as="url" %>");
46:     font-size: 25px;
47:     font-weight: bold;
48:  }
49:  
50:  div.boxheader {
51:     color: <% layout.smallcolor %>;
52:     overflow: hidden;
53:     font-size: 10px;
54:     padding-left: 6px;
55:     border-top: 1px solid #dddddd;
56:  }
57:  
58:  div.boxline {
59:     height:1px;
60:     overflow:hidden;
61:     border-bottom: 1px solid #dddddd;
62:  }
63:  
64:  div.box {
65:     font-size: <% layout.smallsize %>;
66:     font-family: <% layout.smallfont %>;
67:     color: <% layout.smallcolor %>;
68:     line-height: 1.4em;
69:     text-align: right;
70:     padding: 0em 0em 0.4em 0.4em;
71:     margin: 0em 0em 0.2em 0em;
72:  }
73:  
74:  div.ample { margin-bottom: 5px; }
75:  
76:  small, .small {
77:     font-family: <% layout.smallfont %>;
78:     font-size: <% layout.smallsize %>;
79:     color: <% layout.smallcolor %>;
80:  }
81:  
82:  /* this is for mozilla to align tables in boxes right */
83:  div.box table {
84:     margin-left: auto; 
85:     margin-right: 0px; 
86:  }
87:  
88:  fieldset {
89:     padding-left: 8px;
90:     padding-top: 0px;
91:     margin-top: 6px;
92:     margin-bottom: 6px;
93:  }
94:  
95:  p {
96:     margin-top: 6px;
97:     margin-bottom: 10px;
98:  }
99:  
100: form { margin: 0px; }
101: 
102: a {text-decoration: none;}
103: a:link {color: <% layout.linkcolor %>;}
104: a:visited {color: <% layout.vlinkcolor %>;}
105: a:active {color: <% layout.alinkcolor %>;}
106: a:hover {text-decoration: underline;}
107: 
108: .message {
109:    font-family: <% layout.smallfont %>;
110:    font-size: <% layout.smallsize %>;
111:    font-weight: bold;
112:    padding: 1px;
113:    margin-top: 6px;
114:    margin-bottom: 6px;
115:    color: <% layout.titlecolor %>;
116: }
117: 
118: .message input {
119:    font-size:9px;
120:    padding:0px;
121:    margin:0px;
122: }
123: 
124: .historyItem {
125:    color: <% layout.textcolor %>;
126:    font-family: <% layout.smallfont %>;
127:    font-size: <% layout.smallsize %>;
128:    padding-bottom: 0.3em;
129: }
130: 
131: /* calendar */
132: 
133: .calHead {
134:    font-family: <% layout.smallfont %>;
135:    font-size: <% layout.smallsize %>;
136:    font-weight: bold;
137:    text-align: center;
138: }
139: 
140: .calDay {
141:    font-family: <% layout.smallfont %>;
142:    font-size: <% layout.smallsize %>;
143:    text-align: center;
144: }
145: 
146: .calSelDay {
147:    font-family: <% layout.smallfont %>;
148:    font-size: <% layout.smallsize %>;
149:    border: 1px solid <% layout.linkcolor %>;
150:    text-align: center;
151: }
152: 
153: .calFoot {
154:    font-family: <% layout.smallfont %>;
155:    font-size: <% layout.smallsize %>;
156:    text-align: center;
157: }
158: 
159: .dayHeader {
160:    font-family: <% layout.smallfont %>;
161:    font-size: <% layout.smallsize %>;
162:    color: <% layout.smallcolor %>;
163:    font-weight: bold;
164:    margin-bottom:10px;
165: }
166: 
167: /* story display classes */
168: 
169: .storyDate {
170:    font-family: <% layout.smallfont %>;
171:    font-size: <% layout.smallsize %>;
172:    color: <% layout.smallcolor %>;
173:    margin-bottom: 6px;
174: }
175: 
176: .storyTitle {
177:    font-family: <% layout.titlefont %>;
178:    font-size: <% layout.titlesize %>;
179:    color: <% layout.titlecolor %>;
180:    font-weight: bold;
181: }
182: 
183: .listSeparator {
184:    width: 50px;
185:    border-bottom: 2px dotted #dddddd;
186:    margin-top: 10px;
187:    margin-bottom: 4px;
188: }
189: 
190: .title {
191:    font-family: <% layout.titlefont %>;
192:    font-size: <% layout.titlesize %>;
193:    color: <% layout.textcolor %>;
194:    font-weight: bold;
195:    margin-bottom: 2px;
196: }
197: 
198: .reply { padding-left: 40px; }
199: 
200: /* form input classes */
201: 
202: .formTitle {
203:    width: 380px;
204:    font-family: <% layout.textfont %>;
205:    font-size: <% layout.titlesize %>;
206:    font-weight: bold;
207:    border: 1px solid <% layout.textcolor %>;
208: }
209: 
210: .formText {
211:    width: 380px;
212:    font-family: <% layout.textfont %>;
213:    font-size: <% layout.textsize %>;
214:    font-weight: normal;
215:    border: 1px solid <% layout.textcolor %>;
216: }
217: 
218: .formWide {
219:    width: 660px;
220:    font-family: <% layout.textfont %>;
221:    font-size: <% layout.textsize %>;
222:    font-weight: normal;
223: }
224: 
225: .listFlag {
226:    background-color: #cccccc;
227:    padding: 1px;
228:    font-family: <% layout.smallfont %>;
229:    font-size: <% layout.smallsize %>;
230:    color: <% layout.textcolor %>;
231: }
232: 
233: .pollResultsBar {
234:    height: 5px;
235:    overflow: hidden;
236:    float:left;
237:    margin-right: 10px;
238:    background-color: <% layout.linkcolor %>;
239:    font-size: 0px;
240: }
241: 
242: .searchbox {
243:    font-size: 11px;
244:    margin-top: 3px;
245: }
246: 
247: .colorpickerWidget {
248:    border: 1px solid #cccccc;
249: }
250: 
251: .pagelinkTop {
252:    margin-bottom: 18px;
253:    padding-bottom:3px;
254:    border-bottom:1px solid #dddddd;
255: }
256: 
257: .pagelinkBottom {
258:    margin-top: 18px;
259:    padding-top:3px;
260:    border-top:1px solid #dddddd;
261:    text-align:right;
262: }
263: 
264: /* page navigation bar */
265: div.pageNav {
266:    margin-top: 10px;
267:    margin-bottom: 0px;
268:    font-size: 11px;
269: }
270: 
271: div.pageNavSummary {
272:    padding: 1px 5px;
273:    background-color: #efefef;
274:    border-bottom: 1px solid #cccccc;
275:    text-align: left;
276: }
277: 
278: div.pageNavBar {
279:    padding-top: 1px;
280:    text-align: right;
281: }
282: span.pageNavItem {
283:    padding-left: 2px;
284:    padding-right: 2px;
285: }
286: 
287: span.pageNavSelItem {
288:    padding-left: 2px;
289:    padding-right: 2px;
290:    font-weight: bold;
291: }
292: 
293: /* tree navigation in skinmgr */
294: ul { list-style: url("<% layout.image as="url" name="bullet" %>") circle; } 
295: 
296: ul.skinmgrTree {
297:    padding-left:15px;
298:    margin:20px 0px;
299: }
300: 
301: ul.skinmgrTree ul {
302:    padding-left:30px;
303:    margin:0px;
304: }
305: ul.skinmgrTree li {
306:    list-style:none;
307:    margin:7px 0px;
308:    padding:0px;
309: }
310: 
311: ul.skinmgrTree li.skinset {
312:    list-style:square;
313:    padding-left:0px;
314: }
315: ul.skinmgrTree a.selected {
316:    font-weight:bold;
317: }
318: 
319: ul.skinmgrTree li div {
320:    font-family:<% layout.textfont %>;
321:    font-size:<% layout.smallsize %>;
322:    color:<% layout.textcolor %>;
323: }
324: 
325: /* classes for membermgr */
326: .membergroup {
327:    font-weight:bold;
328:    font-size:<% layout.titlesize %>;
329:    margin:10px 0px;
330: }
331: 
332: .member {
333:    margin-left:20px;
334:    margin-bottom:5px;
335: }
336: