Root/style.skin
Sourcecode in Root/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:     padding-left:1px;
11:     font-weight: bold;
12:  }
13:  
14:  td.center { 
15:     width: 70%; 
16:     padding: 25px 20px 10px 40px; 
17:     vertical-align: top; 
18:  }
19:  
20:  td.right { 
21:     width: 30%; 
22:     padding: 0px 0px 10px 0px; 
23:     vertical-align: top; 
24:     border-left: 1px solid #dddddd;
25:  }
26:  
27:  /**
28:  * Colors, fonts, styles.
29:  */
30:  
31:  body {
32:     background-color: <% layout.bgcolor %>;
33:     font-family: <% layout.textfont %>;
34:     font-size: <% layout.textsize %>;
35:     color: <% layout.textcolor %>;
36:  }
37:  
38:  td {
39:     font-size: <%layout.textsize %>;
40:     line-height: 1.2em;
41:  }
42:  
43:  td.header {
44:     background-image: url("<% layout.image as="url" name="headbg" %>");
45:     background-repeat: repeat-x;
46:     vertical-align: top;
47:     font-size: 25px;
48:     font-weight: bold;
49:  }
50:  
51:  div.boxheader {
52:     color: <% layout.smallcolor %>;
53:     overflow: hidden;
54:     font-size: 10px;
55:     padding-left: 6px;
56:     border-top: 1px solid #dddddd;
57:  }
58:  
59:  div.boxline {
60:     height:1px;
61:     overflow:hidden;
62:     border-bottom: 1px solid #dddddd;
63:  }
64:  
65:  div.box {
66:     font-size: <% layout.smallsize %>;
67:     font-family: <% layout.smallfont %>;
68:     color: <% layout.smallcolor %>;
69:     line-height: 1.4em;
70:     text-align: right;
71:     padding: 0em 0em 0.4em 0.4em;
72:     margin: 0em 0em 0.2em 0em;
73:  }
74:  
75:  /* this is for mozilla to align tables in boxes right */
76:  div.box table {
77:     margin-left: auto; 
78:     margin-right: 0px; 
79:  }
80:  
81:  fieldset {
82:     padding-left: 8px;
83:     padding-top: 0px;
84:     margin-top: 6px;
85:     margin-bottom: 6px;
86:  }
87:  
88:  p {
89:     margin-top: 6px;
90:     margin-bottom: 10px;
91:  }
92:  
93:  form { margin: 0px; }
94:  
95:  a {text-decoration: none;}
96:  a:link {color: <% layout.linkcolor %>;}
97:  a:visited {color: <% layout.vlinkcolor %>;}
98:  a:active {color: <% layout.alinkcolor %>;}
99:  a:hover {text-decoration: underline;}
100: 
101: .message {
102:    font-family: <% layout.smallfont %>;
103:    font-size: <% layout.smallsize %>;
104:    font-weight: bold;
105:    padding: 1px;
106:    margin-top: 6px;
107:    margin-bottom: 6px;
108:    color: <% layout.titlecolor %>;
109:    background-color: <% layout.bgcolor %>;
110: }
111: 
112: .small {
113:    font-family: <% layout.smallfont %>;
114:    font-size: <% layout.smallsize %>;
115:    color: <% layout.smallcolor %>;
116: }
117: 
118: .listSeparator {
119:    width: 50px;
120:    border-bottom: 2px dotted #cccccc;
121:    margin-top: 10px;
122:    margin-bottom: 4px;
123: }
124: 
125: .storyTitle {
126:    font-family: <% layout.titlefont %>;
127:    font-size: <% layout.titlesize %>;
128:    color: <% layout.titlecolor %>;
129:    font-weight: bold;
130:    margin-bottom: 2px;
131: }
132: 
133: /* form input classes */
134: 
135: .formTitle {
136:    width: 380px;
137:    font-family: <% layout.textfont %>;
138:    font-size: <% layout.titlesize %>;
139:    font-weight: bold;
140:    border: 1px solid <% layout.textcolor %>;
141: }
142: 
143: .formText {
144:    width: 380px;
145:    font-family: <% layout.textfont %>;
146:    font-size: <% layout.textsize %>;
147:    font-weight: normal;
148:    border: 1px solid <% layout.textcolor %>;
149: }
150: 
151: .formWide {
152:    width: 660px;
153:    font-family: <% layout.textfont %>;
154:    font-size: <% layout.textsize %>;
155:    font-weight: normal;
156: }
157: 
158: .listFlag {
159:    background-color: #cccccc;
160:    padding: 1px;
161:    font-family: <% layout.smallfont %>;
162:    font-size: <% layout.smallsize %>;
163:    color: <% layout.textcolor %>;
164: }
165: 
166: .colorpickerWidget {
167:    border: 1px solid #cccccc;
168: }
169: 
170: /* page navigation bar */
171: div.pageNav {
172:    margin-top: 10px;
173:    margin-bottom: 0px;
174:    font-size: 11px;
175: }
176: div.pageNavSummary {
177:    padding: 1px 5px;
178:    background-color: #efefef;
179:    border-bottom: 1px solid #cccccc;
180:    text-align: left;
181: }
182: div.pageNavBar {
183:    padding-top: 1px;
184:    text-align: right;
185: }
186: span.pageNavItem {
187:    padding-left: 2px;
188:    padding-right: 2px;
189: }
190: span.pageNavSelItem {
191:    padding-left: 2px;
192:    padding-right: 2px;
193:    font-weight: bold;
194: }
195: 
196: /* system manager classes */
197: 
198: .pageTitle {
199:    font-family:<% layout.titlefont %>;
200:    font-size:<% layout.titlesize %>;
201:    font-weight:bold;
202:    color:<% layout.titlecolor %>;
203:    padding-bottom:10pt;
204: }
205: 
206: .flagDark {
207:    font-family:<% layout.smallfont %>;
208:    font-size:7pt;
209:    padding:2px;
210:    color:#ffffff;
211: }
212: 
213: .flagLight {
214:    font-family:<% layout.smallfont %>;
215:    font-size:7pt;
216:    padding:2px;
217:    color:#333333;
218: }
219: 
220: .sysmgrListitem {
221:    margin-top:15px;
222:    border-top:1px solid #dddddd;
223: }
224: 
225: /* tree navigation in skinmgr */
226: ul.skinmgrTree {
227:    padding-left:15px;
228:    margin:20px 0px;
229: }
230: ul.skinmgrTree ul {
231:    padding-left:30px;
232:    margin:0px;
233: }
234: ul.skinmgrTree li {
235:    font-weight:normal;
236:    list-style:none;
237:    margin:7px 0px;
238:    padding:0px;
239: }
240: ul.skinmgrTree li.skinset {
241:    list-style:square;
242:    padding-left:0px;
243: }
244: ul.skinmgrTree a.selected {
245:    font-weight:bold;
246: }
247: ul.skinmgrTree li div {
248:    font-family:<% layout.textfont %>;
249:    font-size:<% layout.smallsize %>;
250:    color:<% layout.textcolor %>;
251: }
252: 
253: /* classes for skin diff */
254: .diff td {
255:    padding:0px 5px;
256: }
257: .diff pre {
258:    font-size:12px;
259:    margin:0px;
260:    padding:2px 0px;
261: }
262: .diff .removed {
263:    border-top:1px solid <% layout.smallcolor %>;
264:    background-color: #ff3333;
265: }
266: .diff .added {
267:    border-top:1px solid <% layout.smallcolor %>;
268:    background-color: #33cc33;
269: }
270: .diff .line {
271:    border-top:1px solid <% layout.smallcolor %>;
272: }
273: .diff .num {
274:    border-top:1px solid <% layout.smallcolor %>;
275:    color:<% layout.smallcolor %>;
276:    text-align:right;
277: }
278: .diff .status {
279:    padding:0px 5px;
280:    border-top:1px solid <% layout.smallcolor %>;
281: }
282: