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:
|