6 background-color: #ddd;
7 font-family: "Bitstream Vera Sans", sans-serif;
18 background: hsl(0, 0%, 30%);
44 background-color: #03c;
46 text-decoration: none;
50 background-color: #ddd;
52 margin: 0 1em 1em 1em;
54 @media (min-width: 500pt) {
56 grid-template-columns: auto minmax(25%,20em);
62 background-color: white;
63 border: 3px solid #aaa;
66 box-sizing: border-box;
72 #about, #getting-started {
79 grid-template-columns: auto 2em;
85 #header h1, #header h2 {margin: 0}
86 #selected-list-name { font-weight: bold; }
106 padding-bottom: 10px;
109 list-style-type: none;
110 border-bottom: 1px solid #ccc;
112 #sidebar ul.links li {
117 font-family: sans-serif;
118 margin: 1.2em 0 0.6em 0;
126 code, .filepath, .app-info {
127 font-family: 'Andale Mono', Monaco, 'Liberation Mono', 'Bitstream Vera Sans Mono', 'DejaVu Sans Mono', monospace;
133 font-family: sans-serif;
138 .have-lists .have-no-lists {
141 .have-lists #lists-sidebar-item { display: block; }
142 .needs-lists { display: none; }
143 .have-lists .needs-lists { display: block; }
144 .have-list-items #list-is-empty { display: none; }
150 grid-template-columns: auto auto;
153 .table-2-col > .arrow {
156 .have-list #list-contents {
161 grid-template-columns: auto max-content;
167 grid-template-columns: max-content auto max-content;
169 background: hsla(0, 0%, 90%, 0);
173 .list-item-row:hover {
174 background: hsla(0, 0%, 90%, 1);
176 .list-item-row input[type="checkbox"] {
179 .list-item-row .description { cursor: default; min-width: 2em; }
180 .list-item-row .edit-trigger {
185 background: hsla(0, 0%, 80%, 0);
188 .list-item-row:hover .edit-trigger {
192 #list-edit-trigger:hover {
193 background: hsla(0, 0%, 90%, 1);
205 background: hsla(0, 0%, 50%, 50%);
208 .blocked #busy-screen {
219 display: inline-block;
220 background: hsla(0, 0%, 100%, 75%);
224 padding-inline-start: .75ex;
227 border: 1px solid transparent;
228 border-top: 1px solid #bbb;
231 grid-template-columns: auto max-content;
235 ul#lists > li:hover {
236 border: 1px solid black;
238 ul#lists > li.selected {
239 background: hsl(0, 0%, 70%);
250 justify-items: center;
251 border-radius: 0.75ex;
254 ul#lists > li.editing span.ui-icon-disk { display: inline-block; }
263 .ui-dialog .ui-dialog-buttonpane {
266 .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
270 .ui-dialog-buttonset > button.btn-delete {
275 .ui-button.btn-delete:hover {
276 background: hsl(0, 70%, 92.9%);
279 .edit-item-dialog input[type="text"],
280 .edit-list-dialog input[type="text"] {
282 box-sizing: border-box;
289 transition: .5s cubic-bezier(0.0, 0.0, 0.0, 1.0);
291 box-shadow: 0 0 1em 1ex white;
293 #item-multi-action.in-view {
297 #item-multi-action button { display: none; }
298 #item-multi-action.checking button#btn-check-all { display: block; }
299 #item-multi-action.clearing button#btn-clear-all { display: block; }