Subversion Repositories CoffeeCatalog

Rev

Go to most recent revision | Details | 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 
 
84 
input[type=text] {
85 
	padding: 2px;
86 
	border: 1px solid var(--medium-color);
87 
  	border-radius: 4px;
88 
	box-sizing: border-box;
89 
  	outline: none;
90 
	color: var(--dark-color);
91 
}
92 
 
93 
input[type=text]:focus {
94 
  border: 1px solid var(--dark-color);
95 
}
96 
 
97 
 
98 
input[type=button], input[type=submit] {
99 
	background-color: var(--medium-color);
100 
	border: none;
101 
	color: var(--dark-color);
102 
	padding: 4px 16px;
103 
	text-decoration: none;
104 
	margin: 4px 2px;
105 
	border-radius: 15px;
106 
	font-weight: bold;
107 
	box-shadow: 2px 2px 4px rgba(0, 0, 0, .5);
108 
	cursor: pointer;
109 
	font-size: x-small;
110 
}
111 
 
112 
input:hover[type=button], input:hover[type=submit] {
113 
	background-color: var(--dark-color);
114 
	color: var(--medium-color);
115 
	box-shadow: -2px -2px 4px var(--light-color);
116 
}
117 
 
118 
.inputfile {
119 
	width: 0.1px;
120 
	height: 0.1px;
121 
	opacity: 0;
122 
	overflow: hidden;
123 
	position: absolute;
124 
	z-index: -1;
125 
}
126 
 
127 
.inputfile + label {
128 
	background-color: var(--medium-color);
129 
	border: none;
130 
	color: var(--dark-color);
131 
	padding: 4px 16px;
132 
	text-decoration: none;
133 
	margin: 4px 2px;
134 
	border-radius: 15px;
135 
	font-weight: bold;
136 
	box-shadow: 2px 2px 4px rgba(0, 0, 0, .5);
137 
	cursor: pointer;
138 
	font-size: x-small;
139 
    display: inline-block;
140 
}
141 
 
142 
.inputfile + label * {
143 
	pointer-events: none;
144 
}
145 
 
146 
.inputfile:focus + label,
147 
.inputfile + label:hover {
148 
	background-color: var(--dark-color);
149 
	color: var(--medium-color);
150 
	box-shadow: -2px -2px 4px var(--light-color);
151 
}
152 
 
153 
.bold {
154 
	font-weight: bold;
155 
}
156 
 
157 
.success {
158 
	font-size: small;
159 
	font-weight: bold;
160 
	color: green;
161 
}
162 
 
163 
.error {
164 
	font-size: small;
165 
	font-weight: bold;
166 
	color: crimson;
167 
}
168 
 
169 
.top {
170 
	vertical-align: top;
171 
}
172 
.rTable {
173 
	display: table;
174 
	padding: 0;
175 
	border: 0;
176 
	border-spacing: 0;
177 
	margin: 0;
178 
	min-width: 80%;
179 
}
180 
.rTableRow { display: table-row; }
181 
.rTableHeading {
182 
	display: table-header-group;
183 
}
184 
.rTableHead {
185 
	display: table-cell;
186 
	color: white;
187 
	background-color: var(--dark-color);
188 
	font-style: italic;
189 
	font-size: small;
190 
	text-shadow: 1px 1px 2px #000000;
191 
	text-align: left;
192 
	white-space: nowrap;
193 
	padding: 3px 12px;
194 
}
195 
 
196 
.rTableHead:first-child {
197 
	border-radius: 5px 0 0 0;
198 
}
199 
 
200 
.rTableHead:last-child {
201 
	border-radius: 0 20px 0 0;
202 
}
203 
 
204 
.rTableBody { display: table-row-group; }
205 
.rTableFoot { display: table-footer-group; }
206 
.rTableCell {
207 
	display: table-cell;
208 
	color: var(--dark-color);
209 
	font-size: x-small;
210 
	text-align: left;
211 
	padding: 5px 12px;
212 
}
213 
.quarters {
214 
	width: 25%;
215 
}
216 
 
217 
.shaded:nth-child(odd) {
218 
	background-color: var(--light-color);
219 
}
220 
 
221 
.shaded:nth-child(even) {
222 
	background-color: white;
223 
}
224 
 
225 
.filters {
226 
	background-color: var(--medium-color);
227 
}
228 
 
229 
table {
230 
	padding: 0;
231 
	border: 0;
232 
	border-spacing: 0;
233 
	margin: 0;
234 
}
235 
 
236 
tr:nth-child(odd).shaded {
237 
	background-color: var(--light-color);
238 
}
239 
 
240 
tr:nth-child(even).shaded {
241 
	background: white;
242 
}
243 
 
244 
th {
245 
	color: white;
246 
	background-color: var(--dark-color);
247 
	font-style: italic;
248 
	font-size: small;
249 
	text-shadow: 1px 1px 2px #000000;
250 
	text-align: left;
251 
	white-space: nowrap;
252 
}
253 
 
254 
td {
255 
	color: var(--dark-color);
256 
	font-size: x-small;
257 
	text-align: left;
258 
}
259 
 
260 
td.filters .filters {
261 
	background-color: var(--medium-color);
262 
}
263 
 
264 
 
265