diff options
Diffstat (limited to 'public/css.css')
| -rw-r--r-- | public/css.css | 58 |
1 files changed, 58 insertions, 0 deletions
diff --git a/public/css.css b/public/css.css new file mode 100644 index 0000000..41404c2 --- /dev/null +++ b/public/css.css @@ -0,0 +1,58 @@ +* { box-sizing: border-box; } +body { + font-family: helvetica; + font-weight: 300; + background: #fbfbfb; + font-size: 12px; +} +.dragging { cursor: -webkit-grabbing !important; } +.ui-sortable-helper { cursor: -webkit-grabbing !important; } + +#controls { + position: fixed; + top: 0; right: 0; + padding: 10px; +} +#lists { + display: flex; + flex-direction: row; +} +#lists h3 { + margin: 0 0 5px 0; + width: 40px; + text-align: right; + padding-right: 5px; + white-space: pre; +} +.list span { + display: inline-block; + min-width: 40px; + text-align: right; + padding-right: 5px; +} +.list > div > div { + padding-right: 10px; + height: 32px; + display: flex; + align-items: center; + justify-content: center; +} +.list div div:nth-child(odd) { + background-color: #eee; +} +.list div div:nth-child(even) { + background-color: #fff; +} +.list div div { + cursor: move; + cursor: grab; + cursor: -webkit-grab; +} +.list div div.pair:nth-child(even) { + background-color: #444; + color: #fff; +} +.list div div.pair:nth-child(odd) { + background-color: #333; + color: #fff; +}
\ No newline at end of file |
