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