|
0
|
1 /* font and global ---------------------------------------------------*/
|
|
|
2 body, input, button, textarea, select {
|
|
|
3 font-family: Verdana,Geneva,Helvetica,Arial,sans-serif;
|
|
|
4 }
|
|
|
5 .second-font, h1, h2, h3, h4, h5, h6 {
|
|
|
6 font-family: Arial, sans-serif;
|
|
|
7 }
|
|
|
8 body, table .nabble {
|
|
|
9 font-size: .84em;
|
|
|
10 padding: .8em;
|
|
|
11 margin:0;
|
|
|
12 }
|
|
|
13
|
|
|
14 /* color scheme ------------------------------------------------------*/
|
|
|
15
|
|
|
16 /* text and link (foreground) colors -----------------*/
|
|
|
17 .nabble,
|
|
|
18 .nabble table {
|
|
|
19 color: #000000; /* black */
|
|
|
20 }
|
|
|
21 .nabble h1, .nabble h2, .nabble h3, .nabble h4, .nabble h5, .nabble h6 {
|
|
|
22 color: #333333; /* black (light) */
|
|
|
23 }
|
|
|
24 .nabble .important {
|
|
|
25 color: #cc0000; /* red (dark) */
|
|
|
26 }
|
|
|
27
|
|
|
28 .nabble .form-label,
|
|
|
29 .nabble .weak-color {
|
|
|
30 color: #666666; /* gray */
|
|
|
31 }
|
|
|
32
|
|
|
33 .nabble a * { color:inherit; }
|
|
|
34
|
|
|
35 .nabble a:link,
|
|
|
36 .nabble a.not-visited-link {
|
|
|
37 color: #0000ee;
|
|
|
38 }
|
|
|
39
|
|
|
40 .nabble a:visited,
|
|
|
41 .nabble a.visited-link {
|
|
|
42 color: #551a8b;
|
|
|
43 }
|
|
|
44
|
|
|
45 /* background colors --------------------*/
|
|
|
46 .nabble,
|
|
|
47 .nabble .no-bg-color {
|
|
|
48 background: #ffffff; /* white */
|
|
|
49 }
|
|
|
50
|
|
|
51 .nabble .light-bg-color {
|
|
|
52 background: #f2f2f2; /* ultra light gray */
|
|
|
53 }
|
|
|
54
|
|
|
55 .nabble .shaded-bg-color {
|
|
|
56 background: #eeeeee; /* gray (light) */
|
|
|
57 }
|
|
|
58
|
|
|
59 .nabble .dark-bg-color {
|
|
|
60 background: #dddddd; /* gray (medium) */
|
|
|
61 }
|
|
|
62 .nabble .highlight {
|
|
|
63 background: #ffff99; /* yellow */
|
|
|
64 }
|
|
|
65 .nabble .error-message,
|
|
|
66 .nabble .info-message {
|
|
|
67 background: #ffffcc; /* yellow (light) */
|
|
|
68 }
|
|
|
69
|
|
|
70 /* border colors ------------------------*/
|
|
|
71 .nabble .medium-border-color {
|
|
|
72 border-color: #cccccc; /* gray (medium) */
|
|
|
73 }
|
|
|
74 .nabble .light-border-color {
|
|
|
75 border-color: #eeeeee; /* gray (light) */
|
|
|
76 }
|
|
|
77 .nabble .dark-border-color {
|
|
|
78 border-color: #666666; /* gray */
|
|
|
79 }
|
|
|
80
|
|
|
81 /* generic -----------------------------------------------------------*/
|
|
|
82 .nabble a,
|
|
|
83 .nabble table,
|
|
|
84 .nabble input,
|
|
|
85 .nabble textarea,
|
|
|
86 .nabble select {
|
|
|
87 font-size: 1em;
|
|
|
88 }
|
|
|
89 .nabble h1 {
|
|
|
90 font-size: 1.8em;
|
|
|
91 font-weight: bold;
|
|
|
92 margin-top: .4em;
|
|
|
93 margin-bottom: 0.5em;
|
|
|
94 }
|
|
|
95 .nabble h1 a:link, .nabble h1 a:visited {
|
|
|
96 text-decoration: none;
|
|
|
97 font-weight: bold;
|
|
|
98 }
|
|
|
99 .nabble h2 {
|
|
|
100 font-size: 1.3em;
|
|
|
101 padding: .3em 0;
|
|
|
102 margin:0;
|
|
|
103 }
|
|
|
104 .nabble h3 {
|
|
|
105 font-size: 1.1em;
|
|
|
106 font-style:italic;
|
|
|
107 padding:.3em 0;
|
|
|
108 margin:0;
|
|
|
109 }
|
|
|
110
|
|
|
111 /* HEADER ------------------------------------------------------------------- */
|
|
|
112 .nabble .top-bar {
|
|
|
113 vertical-align: top;
|
|
|
114 padding-bottom: .3em;
|
|
|
115 height:1.6em;
|
|
|
116 clear:both;
|
|
|
117 }
|
|
|
118
|
|
|
119 /* FOOTER */
|
|
|
120 .nabble div.footer {
|
|
|
121 margin: 2.4em 0 1em;
|
|
|
122 padding:.5em 1em;
|
|
|
123 border-radius: 6px;
|
|
|
124 clear:both;
|
|
|
125 }
|
|
|
126
|
|
|
127 /* Others */
|
|
|
128 input[type='radio'], input[type='checkbox'] { vertical-align:baseline; }
|
|
|
129 label { cursor: pointer; }
|
|
|
130 .inline {display:inline}
|
|
|
131 .invisible {display:none;}
|
|
|
132 .nowrap {white-space:nowrap;}
|
|
|
133 .float-left{float:left;}
|
|
|
134 .float-right{float:right;}
|
|
|
135 .no-decoration {text-decoration:none;}
|
|
|
136 .bold { font-weight:bold; }
|
|
|
137 .image16 { width:16px;height:16px;vertical-align:middle; border:none;}
|
|
|
138 .image24 { width:24px;height:24px;vertical-align:middle; border:none;}
|
|
|
139 .image32 { width:32px;height:32px;vertical-align:middle; border:none;}
|
|
|
140
|
|
|
141 .nabble .border1 {
|
|
|
142 border-width: 1px;
|
|
|
143 border-style: solid;
|
|
|
144 }
|
|
|
145 .nabble .border2 {
|
|
|
146 border-width: 2px;
|
|
|
147 border-style: solid;
|
|
|
148 }
|
|
|
149
|
|
|
150 .big-title {
|
|
|
151 font-size: 120%;
|
|
|
152 font-weight:bold;
|
|
|
153 }
|
|
|
154
|
|
|
155 /*----- MISC ----*/
|
|
|
156 .rounded {
|
|
|
157 -moz-border-radius: 5px;
|
|
|
158 -webkit-border-radius: 5px;
|
|
|
159 border-radius: 5px;
|
|
|
160 }
|
|
|
161
|
|
|
162 .rounded-top {
|
|
|
163 -moz-border-radius-topleft: 5px;
|
|
|
164 -moz-border-radius-topright: 5px;
|
|
|
165 -webkit-border-top-right-radius: 5px;
|
|
|
166 -webkit-border-top-left-radius: 5px;
|
|
|
167 border-top-left-radius:5px;
|
|
|
168 border-top-right-radius:5px;
|
|
|
169 }
|
|
|
170
|
|
|
171 .rounded-bottom {
|
|
|
172 -moz-border-radius-bottomleft: 5px;
|
|
|
173 -moz-border-radius-bottomright: 5px;
|
|
|
174 -webkit-border-bottom-left-radius: 5px;
|
|
|
175 -webkit-border-bottom-right-radius: 5px;
|
|
|
176 border-left-radius:5px;
|
|
|
177 border-bottom-right-radius:5px;
|
|
|
178 }
|
|
|
179
|
|
|
180 .drop-shadow {
|
|
|
181 -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px 0px;
|
|
|
182 -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
|
|
|
183 box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px 0px;
|
|
|
184 }
|
|
|
185
|
|
|
186 button.toolbar,
|
|
|
187 input[type=submit].toolbar,
|
|
|
188 input[type=button].toolbar
|
|
|
189 {
|
|
|
190 white-space:nowrap;
|
|
|
191 text-shadow:1px 1px 0 white;
|
|
|
192 padding:.15em .25em;
|
|
|
193 margin:0;
|
|
|
194 font:100%/1.4 Arial,Sans-serif;
|
|
|
195 color:#333 !important;
|
|
|
196 cursor:pointer;
|
|
|
197 background:#ddd url(images/btn_bg.gif) repeat-x 0 0 !important;
|
|
|
198 -moz-border-radius: 3px;
|
|
|
199 -webkit-border-radius: 3px;
|
|
|
200 border-radius: 3px;
|
|
|
201 border-left:1px solid #bbb;
|
|
|
202 border-right:1px solid #aaa;
|
|
|
203 border-top:1px solid #bbb;
|
|
|
204 border-bottom:1px solid #aaa;
|
|
|
205 outline:0;
|
|
|
206 }
|
|
|
207 button.toolbar:active,
|
|
|
208 input[type=submit].toolbar:active,
|
|
|
209 input[type=button].toolbar:active
|
|
|
210 {
|
|
|
211 background-position:0 -500px;
|
|
|
212 outline:0;
|
|
|
213 }
|
|
|
214 button.toolbar-disabled,
|
|
|
215 input[type=submit].toolbar-disabled,
|
|
|
216 input[type=button].toolbar-disabled
|
|
|
217 { color: #777; }
|
|
|
218 button.toolbar-disabled:active,
|
|
|
219 input[type=submit].toolbar-disabled,
|
|
|
220 input[type=button].toolbar-disabled {
|
|
|
221 background-position:0 0;
|
|
|
222 }
|
|
|
223 button.action-button,
|
|
|
224 input[type=submit].action-button,
|
|
|
225 input[type=button].action-button
|
|
|
226 { padding:.25em .5em; font-weight: bold; } |
