diff options
Diffstat (limited to 'animism-align/frontend/common/app.css')
| -rw-r--r-- | animism-align/frontend/common/app.css | 354 |
1 files changed, 0 insertions, 354 deletions
diff --git a/animism-align/frontend/common/app.css b/animism-align/frontend/common/app.css deleted file mode 100644 index 362b933..0000000 --- a/animism-align/frontend/common/app.css +++ /dev/null @@ -1,354 +0,0 @@ -* { box-sizing: border-box; } -html, body { - margin: 0; - padding: 0; - width: 100%; - height: 100%; -} -body { - background: #000; - color: #ddd; - overflow: hidden; - font-family: 'Roboto', sans-serif; - font-size: 0.875rem; - height: 100%; - width: 100%; -} -.gray { - color: #888; -} - -/* layout */ - -.container { - height: 100%; - width: 100%; -} -.app { - /*display: flex;*/ - height: 100%; - width: 100%; -} -.app > div { - display: flex; - flex-direction: column; - height: 100%; - width: 100%; -} -.app .body { - display: flex; - flex-direction: row; - flex-grow: 1; - position: relative; - height: 100%; - width: 100%; -} - -.row { - display: flex; - flex-direction: row; - justify-content: flex-start; - align-items: flex-start; -} -.row > div { - margin-right: 1.5rem; -} -.row > div:last-child { - margin-right: 0; -} - - -.row.menubar { - background: #324; - padding: 0.5rem; - justify-content: flex-end; - margin-bottom: 1rem; -} -.menubar > :first-child { - flex: 1; -} - -/* lists */ - -ul { - margin: 0.75rem 0; -} -li { - line-height: 1.5; -} - -/* headings */ - -h1 { - color: #eee; - margin-bottom: 1.25rem; - font-size: 1.5rem; - font-weight: normal; -} -div:first-child > h1:first-child, -.menuButtons + div > h1:first-child { - margin-top: 0; -} -h2 { - color: #eee; - font-size: 1.25rem; - font-weight: normal; -} -h3 { - color: #eee; - margin-top: 0; - margin-bottom: 1.25rem; - font-size: 1.0rem; - font-weight: normal; -} -p { - margin: 1.25rem 0; - line-height: 1.5; -} -.byline { - color: #888; - font-size: 0.75rem; - margin-top: 0.25rem; - margin-bottom: 1.25rem; -} - -/* links */ - -b { - color: #fff; -} -a { - text-decoration: underline; - color: #8df; -} - -/* menu button */ - -.menuButtons { - width: 3.5rem; - min-height: 18rem; - padding: 0 1.0rem 0 1.0rem; -} -.menuButton { - position: relative; - text-align: center; - text-transform: uppercase; - font-size: 0.625rem; - color: #ddd; - text-decoration: none; - cursor: pointer; - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - width: 2.5rem; - margin-bottom: 0.75rem; -} -.menuButton .icon { - background-color: #101; - width: 2.5rem; - height: 2.5rem; - border: 1px solid; - border-color: #888; - margin-bottom: 0.3rem; - display: flex; - justify-content: center; - align-items: center; - transition: border-color 0.1s; - border-radius: 0.125rem; -} -.menuButton svg { - width: 80%; - fill: #888; -} -.menuButton:hover .icon { - background-color: #000; - border-color: #fff; -} -.menuButton:hover svg { - fill: #fff; -} - -.menuButton.small { - width: 2.0rem; - margin-bottom: 0; - margin-right: 0.1875rem; -} -.menuButton.small .icon { - border: 0; - border-color: #888; - margin-bottom: 0; - width: 2.0rem; - height: 2.0rem; - border-radius: 0.0625rem; -} -.menuButton.small svg { - fill: #888; - width: 1.75rem; - height: 1.75rem; -} -.menuButton.small .icon:hover { - border-color: #11f; - background-color: #11f; -} -.menuButton.small:hover svg { - fill: #fff; -} -.results.th .menuButton.small { - width: 1.5rem; -} -.results.th .menuButton.small .icon { - width: 1.5rem; - height: 1.5rem; -} -.results.th .menuButton.small svg { - width: 1.25rem; - height: 1.25rem; -} - -.menuButton.small.active .icon { - border-color: #11f; - background-color: #11f; -} -.menuButton.small.active svg { - fill: #fff; -} -.menuButton.small.active:hover .icon { - border-color: #fff; - background-color: #11f; -} -.menuButton.small.active:hover svg { - fill: #fff; -} - -/* rows - like a table */ - -.rows { - width: 100%; -} -.rows .row { - width: 100%; -} -.rows .row:nth-of-type(2n+1) { - background: #f8f8f8; -} -.rows .row:nth-of-type(2n+2) { - background: #eeeeee; -} -.rows .row:hover { - background: #d8d8d8; -} -.rows .row > div, -.rows .row a > div { - padding: 0.75rem; - overflow: hidden; - text-overflow: ellipsis; - margin: 0; -} -.rows .row div.title { - width: 10rem; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; -} -.rows .row div.string, -.rows .row div.str { - min-width: 6rem; -} -.rows .row div.bool { - width: 4rem; - overflow: visible; - text-align: center; -} -.rows .row div.color { - width: 4rem; - overflow: visible; - text-align: center; -} -.rows .row div.date { - min-width: 10rem; -} -.rows .row div.int, -.rows .row div.float { - text-align: right; - min-width: 6rem; -} -.rows .row.heading div.int, -.rows .row.heading div.float { - text-align: center; -} -.rows .row div.text { - flex: 1; - max-width: 20rem; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; -} -.rows .row.heading div { - text-transform: capitalize; - font-weight: bold; - background: #f8f8f8; -} -.rows .row.heading:hover { - background: #f8f8f8; -} - -/* misc ui */ - -pre, code, .license { - font-family: Menlo, monospace; - font-size: 0.75rem; - line-height: 2; -} -.swatch { - display: inline-block; - width: 0.75rem; - height: 0.75rem; - border: 1px solid #333; -} -.dot { - display: inline-block; - width: 0.5rem; - height: 0.5rem; - border-radius: 50%; -} -.light { - color: #888; -} -.pill { - display: inline-block; - padding: 0.125rem; - width: 2.5rem; - text-align: center; - border-radius: 0.5rem; - font-size: 0.75rem; - text-transform: uppercase; - font-weight: bold; -} -.pill.yes { - background: #11f; - color: #fff; -} -.pill.no { - color: #ccc; - border: 1px solid; -} - -/* columns (of tags) */ - -.form .columnCells { - padding-top: 0.25rem -} -.columnCells .column { - margin-top: 0.25rem; -} -.columnCells .column > div { - max-width: 100%; - padding: 0 0.375rem 0.375rem 0; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; -} -.columnCells .selected { - color: #11f; -}
\ No newline at end of file |