Mercurial Hosting > nabble

comparison src/global/web/nabble.css @ 0:7ecd1a4ef557

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
add content
author Franklin Schmidt <fschmidt@gmail.com>
date Thu, 21 Mar 2019 19:15:52 -0600
parents
children
comparison
equal deleted inserted replaced
-1:000000000000 0:7ecd1a4ef557
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; }