Subversion Repositories CoffeeCatalog

Rev

Rev 7 | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 7 Rev 9
Line 1... Line 1...
1 
:root {
 1 
:root {
2 
	--dark-color: saddlebrown;
 2 
	--dark-color: saddlebrown;
3 
	--medium-color: tan;
 3 
	--medium-color: tan;
4 
	--light-color: rgba(210, 180, 140, .2);
 4 
	--light-color: rgba(210, 180, 140, .2);
- 
 
 5 
  --highlight: rgba(210, 180, 140, .4);
5 
}
 6 
}
Line 6... Line 7...
6 
 
 7 
 
7 
body {
 8 
body {
8 
	background-color: white;
 9 
	background-color: white;
9 
	font-family: Verdana, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "sans-serif";
 10 
	font-family: Verdana, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "sans-serif";
10 
	color: var(--dark-color);
 11 
	color: var(--dark-color);
11 
	margin: 4px;
 12 
	margin: 4px;
Line -... Line 13...
- 
 
 13 
}
- 
 
 14 
 
- 
 
 15 
.hide {
- 
 
 16 
	display: none;
- 
 
 17 
	padding: 10px;
- 
 
 18 
}
- 
 
 19 
 
- 
 
 20 
.show:hover + .hide {
- 
 
 21 
	display: block;
- 
 
 22 
	position: absolute;
- 
 
 23 
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
12 
}
 24 
}
13 
 
 25 
 
14 
div {
 26 
div {
15 
	color: var(--dark-color);
 27 
	color: var(--dark-color);
16 
}
 28 
}
Line 24... Line 36...
24 
	padding: 10px;
 36 
	padding: 10px;
25 
	border-radius: 5px 35px 5px 5px;
 37 
	border-radius: 5px 35px 5px 5px;
26 
	margin-bottom: 4px;
 38 
	margin-bottom: 4px;
27 
}
 39 
}
Line 28... Line 40...
28 
 
 40 
 
29 
.sp0{display:flex; max-width:700px; font-weight: bold;}
 41 
.sp0{display:flex; max-width:700px;}
30 
.spLeft {
 42 
.spLeft {
31 
	float:left;
 43 
	float:left;
32 
	display: flex;
 44 
	display: flex;
33 
	width:65%;
 45 
	width:65%;
Line 42... Line 54...
42 
}
 54 
}
Line 43... Line 55...
43 
 
 55 
 
44 
.autoload {
 56 
.autoload {
45 
	color: rgba(255,255,255, .9);
 57 
	color: rgba(255,255,255, .9);
- 
 
 58 
}
46 
}
 59 
 
47 
input[type=radio] {
 60 
input[type=radio] {
48 
	opacity: 75%;
 61 
	opacity: 75%;
Line 49... Line 62...
49 
}
 62 
}
Line 56... Line 69...
56 
	margin: 0;
 69 
	margin: 0;
57 
}
 70 
}
Line 58... Line 71...
58 
 
 71 
 
59 
h5 {
 72 
h5 {
- 
 
 73 
	font-size: x-small;
- 
 
 74 
	margin: 0;
60 
	font-size: x-small;
 75 
	line-height: 200%;
Line 61... Line 76...
61 
}
 76 
}
62 
 
 77 
 
63 
.footer {
 78 
.footer {
Line 72... Line 87...
72 
}
 87 
}
Line 73... Line 88...
73 
 
 88 
 
74 
 
 89 
 
- 
 
 90 
a:hover {
75 
a:hover {
 91 
	text-decoration: underline;
Line 76... Line 92...
76 
	text-decoration: underline;
 92 
	cursor: pointer;
77 
}
 93 
}
78 
 
 94 
 
79 
.nowrap {
 95 
.nowrap {
Line 80... Line 96...
80 
	white-space: nowrap;
 96 
	white-space: nowrap;
- 
 
 97 
	margin: auto;
81 
	margin: auto;
 98 
}
82 
}
 99 
 
- 
 
 100 
input[type=text],
83 
 
 101 
select,
84 
input[type=text],
 102 
textarea
85 
textarea
 103 
{
86 
 {
 104 
	font-size: small;
87 
	padding: 2px;
 105 
	padding: 2px;
88 
	border: 1px solid var(--medium-color);
 106 
	border: 1px solid var(--medium-color);
89 
  	border-radius: 4px;
 107 
  border-radius: 4px;
Line 90... Line 108...
90 
	box-sizing: border-box;
 108 
	box-sizing: border-box;
- 
 
 109 
  outline: none;
91 
  	outline: none;
 110 
	color: var(--dark-color);
92 
	color: var(--dark-color);
 111 
}
93 
}
 112 
 
Line 108... Line 127...
108 
	margin: 4px 2px;
 127 
	margin: 4px 2px;
109 
	border-radius: 15px;
 128 
	border-radius: 15px;
110 
	font-weight: bold;
 129 
	font-weight: bold;
111 
	box-shadow: 2px 2px 4px rgba(0, 0, 0, .5);
 130 
	box-shadow: 2px 2px 4px rgba(0, 0, 0, .5);
112 
	cursor: pointer;
 131 
	cursor: pointer;
113 
	font-size: x-small;
 132 
	font-size: xx-small;
114 
}
 133 
}
Line 115... Line 134...
115 
 
 134 
 
116 
input:hover[type=button], input:hover[type=submit] {
 135 
input:hover[type=button], input:hover[type=submit] {
117 
	background-color: var(--dark-color);
 136 
	background-color: var(--dark-color);
Line 138... Line 157...
138 
	border-radius: 15px;
 157 
	border-radius: 15px;
139 
	font-weight: bold;
 158 
	font-weight: bold;
140 
	box-shadow: 2px 2px 4px rgba(0, 0, 0, .5);
 159 
	box-shadow: 2px 2px 4px rgba(0, 0, 0, .5);
141 
	cursor: pointer;
 160 
	cursor: pointer;
142 
	font-size: x-small;
 161 
	font-size: x-small;
143 
    display: inline-block;
 162 
  display: inline-block;
144 
}
 163 
}
Line 145... Line 164...
145 
 
 164 
 
146 
.inputfile + label * {
 165 
.inputfile + label * {
147 
	pointer-events: none;
 166 
	pointer-events: none;
Line 228... Line 247...
228 
 
 247 
 
229 
.shaded:nth-child(even) {
 248 
.shaded:nth-child(even) {
230 
	background-color: white;
 249 
	background-color: white;
Line -... Line 250...
- 
 
 250 
}
- 
 
 251 
 
- 
 
 252 
.shaded:hover {
- 
 
 253 
  background-color: var(--highlight);
231 
}
 254 
}
232 
 
 255 
 
233 
.filters {
 256 
.filters {
Line 234... Line 257...
234 
	background-color: var(--medium-color);
 257 
	background-color: var(--medium-color);