Subversion Repositories CoffeeCatalog

Rev

Rev 4 | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
4 - 1 
:root {
2 
	--dark-color: saddlebrown;
3 
	--medium-color: tan;
4 
	--light-color: rgba(210, 180, 140, .2);
5 
}
6 
 
7 
body {
8 
	background-color: white;
9 
	font-family: Verdana, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "sans-serif";
10 
	color: var(--dark-color);
11 
	margin: 4px;
12 
}
13 
 
14 
div {
15 
	color: var(--dark-color);
16 
}
17 
.accent {
18 
	background-color: var(--dark-color);
19 
	accent-color: var(--dark-color);
20 
}
21 
 
22 
.pageheader {
23 
	max-width: 610px;
24 
	padding: 10px;
25 
	border-radius: 5px 35px 5px 5px;
26 
	margin-bottom: 4px;
27 
}
28 
 
29 
.sp0{display:flex; max-width:700px; font-weight: bold;}
30 
.spLeft {
31 
	float:left;
32 
	display: flex;
33 
	width:65%;
34 
	font-size: x-small;
35 
}
36 
 
37 
.spRight {
38 
	float:right;
39 
	width:35%;
40 
	text-align:right;
41 
	font-size: x-small;
42 
}
43 
 
44 
.autoload {
45 
	color: rgba(255,255,255, .9);
46 
}
47 
input[type=radio] {
48 
	opacity: 75%;
49 
}
50 
 
51 
h1 {
52 
	color: white;
53 
	font-style: italic;
54 
	font-weight: bold;
55 
	text-shadow: 2px 2px 4px #000000;
56 
	margin: 0;
57 
}
58 
 
59 
h5 {
60 
	font-size: x-small;
61 
}
62 
 
63 
.footer {
64 
	font-size: xx-small;
65 
	font-weight: bold;
66 
}
67 
 
68 
a {
69 
	color: var(--dark-color);
70 
	text-decoration: none;
71 
	white-space: nowrap;
72 
}
73 
 
74 
 
75 
a:hover {
76 
	text-decoration: underline;
77 
}
78 
 
79 
.nowrap {
80 
	white-space: nowrap;
81 
	margin: auto;
82 
}
83 
 
6 - 84 
input[type=text],
85 
textarea
86 
 {
4 - 87 
	padding: 2px;
88 
	border: 1px solid var(--medium-color);
89 
  	border-radius: 4px;
90 
	box-sizing: border-box;
91 
  	outline: none;
92 
	color: var(--dark-color);
93 
}
94 
 
6 - 95 
input[type=text]:focus,
96 
textarea:focus {
4 - 97 
  border: 1px solid var(--dark-color);
98 
}
99 
 
100 
 
6 - 101 
input[type=button],
102 
input[type=submit] {
4 - 103 
	background-color: var(--medium-color);
104 
	border: none;
105 
	color: var(--dark-color);
106 
	padding: 4px 16px;
107 
	text-decoration: none;
108 
	margin: 4px 2px;
109 
	border-radius: 15px;
110 
	font-weight: bold;
111 
	box-shadow: 2px 2px 4px rgba(0, 0, 0, .5);
112 
	cursor: pointer;
113 
	font-size: x-small;
114 
}
115 
 
116 
input:hover[type=button], input:hover[type=submit] {
117 
	background-color: var(--dark-color);
118 
	color: var(--medium-color);
119 
	box-shadow: -2px -2px 4px var(--light-color);
120 
}
121 
 
122 
.inputfile {
123 
	width: 0.1px;
124 
	height: 0.1px;
125 
	opacity: 0;
126 
	overflow: hidden;
127 
	position: absolute;
128 
	z-index: -1;
129 
}
130 
 
131 
.inputfile + label {
132 
	background-color: var(--medium-color);
133 
	border: none;
134 
	color: var(--dark-color);
135 
	padding: 4px 16px;
136 
	text-decoration: none;
137 
	margin: 4px 2px;
138 
	border-radius: 15px;
139 
	font-weight: bold;
140 
	box-shadow: 2px 2px 4px rgba(0, 0, 0, .5);
141 
	cursor: pointer;
142 
	font-size: x-small;
143 
    display: inline-block;
144 
}
145 
 
146 
.inputfile + label * {
147 
	pointer-events: none;
148 
}
149 
 
150 
.inputfile:focus + label,
151 
.inputfile + label:hover {
152 
	background-color: var(--dark-color);
153 
	color: var(--medium-color);
154 
	box-shadow: -2px -2px 4px var(--light-color);
155 
}
156 
 
157 
.bold {
158 
	font-weight: bold;
159 
}
160 
 
161 
.success {
162 
	font-size: small;
163 
	font-weight: bold;
164 
	color: green;
165 
}
166 
 
167 
.error {
168 
	font-size: small;
169 
	font-weight: bold;
170 
	color: crimson;
171 
}
172 
 
173 
.top {
174 
	vertical-align: top;
175 
}
176 
.rTable {
177 
	display: table;
178 
	padding: 0;
179 
	border: 0;
180 
	border-spacing: 0;
181 
	margin: 0;
182 
	min-width: 80%;
183 
}
184 
.rTableRow { display: table-row; }
185 
.rTableHeading {
186 
	display: table-header-group;
187 
}
188 
.rTableHead {
189 
	display: table-cell;
190 
	color: white;
191 
	background-color: var(--dark-color);
192 
	font-style: italic;
193 
	font-size: small;
194 
	text-shadow: 1px 1px 2px #000000;
195 
	text-align: left;
196 
	white-space: nowrap;
197 
	padding: 3px 12px;
198 
}
199 
 
200 
.rTableHead:first-child {
201 
	border-radius: 5px 0 0 0;
202 
}
203 
 
204 
.rTableHead:last-child {
205 
	border-radius: 0 20px 0 0;
206 
}
207 
 
208 
.rTableBody { display: table-row-group; }
209 
.rTableFoot { display: table-footer-group; }
210 
.rTableCell {
211 
	display: table-cell;
212 
	color: var(--dark-color);
213 
	font-size: x-small;
214 
	text-align: left;
215 
	padding: 5px 12px;
216 
}
217 
.quarters {
218 
	width: 25%;
219 
}
220 
 
6 - 221 
.right {
222 
	text-align: right;
223 
}
224 
 
4 - 225 
.shaded:nth-child(odd) {
226 
	background-color: var(--light-color);
227 
}
228 
 
229 
.shaded:nth-child(even) {
230 
	background-color: white;
231 
}
232 
 
233 
.filters {
234 
	background-color: var(--medium-color);
235 
}
236 
 
237 
table {
238 
	padding: 0;
239 
	border: 0;
240 
	border-spacing: 0;
241 
	margin: 0;
242 
}
243 
 
244 
tr:nth-child(odd).shaded {
245 
	background-color: var(--light-color);
246 
}
247 
 
248 
tr:nth-child(even).shaded {
249 
	background: white;
250 
}
251 
 
252 
th {
253 
	color: white;
254 
	background-color: var(--dark-color);
255 
	font-style: italic;
256 
	font-size: small;
257 
	text-shadow: 1px 1px 2px #000000;
258 
	text-align: left;
259 
	white-space: nowrap;
260 
}
261 
 
262 
td {
263 
	color: var(--dark-color);
264 
	font-size: x-small;
265 
	text-align: left;
266 
}
267 
 
268 
td.filters .filters {
269 
	background-color: var(--medium-color);
270 
}
271 
 
272 
 
273