diff options
Diffstat (limited to 'frontend/views/page/page.css')
| -rw-r--r-- | frontend/views/page/page.css | 167 |
1 files changed, 0 insertions, 167 deletions
diff --git a/frontend/views/page/page.css b/frontend/views/page/page.css deleted file mode 100644 index 4559543..0000000 --- a/frontend/views/page/page.css +++ /dev/null @@ -1,167 +0,0 @@ -.page.loading { - padding: 1rem; -} - -.page { - width: 100%; - height: 100%; -} - -/* tiles */ - -.tile { - position: absolute; -} -.tile.image { - display: block; -} -.tile.image.is_tiled { - width: 100%; - height: 100%; -} -.tile.text { - display: block; - white-space: break-spaces; - padding: 0.25rem; - user-select: none; - cursor: arrow; -} -.tile.link { - display: block; -} - -/* tile orientations */ - -.tile.top_left { top: 0; left: 0; } -.tile.center_left { top: 50%; left: 0; } -.tile.bottom_left { bottom: 0; left: 0; } -.tile.top_center { top: 0; left: 50%; } -.tile.center_center { top: 50%; left: 50%; } -.tile.bottom_center { bottom: 0; left: 50%; } -.tile.top_right { top: 0; right: 0; } -.tile.center_right { top: 50%; right: 0; } -.tile.bottom_right { bottom: 0; right: 0; } - -/* sortable tile list */ - -.tileList .row { - justify-content: flex-start; - align-items: center; - min-height: 2.5rem; - margin-bottom: 0.5rem; - box-shadow: 4px 4px 6px rgba(0,0,0,0.5); -} -.tileList .row:last-child { - margin-bottom: 0; -} -.tileList .row:nth-child(odd) { - background: rgba(0,0,0,0.2); -} -.tileList .row:nth-child(even) { - background: rgba(255,255,255,0.2); -} -.tileList span { - display: block; - overflow: hidden; - text-overflow: ellipsis; - width: 100%; - white-space: nowrap; - padding: 0.25rem; - cursor: default; -} -.tileList .thumb { - width: 100%; - height: 2.5rem; - background-position: center center; - background-size: cover; - background-repeat: no-repeat; -} -.tileList .row.sortable-chosen { - background-color: #000; -} -.tileList .row.sortable-ghost { -} -.tileList .row.sortable-drag { - opacity: 0.6; -} -.tileList .row.link { - border: 1px solid #31f; - background: rgba(48,16,255,0.3); - box-shadow: inset 0 0 16px rgba(0,0,0,0.5); - padding-left: 0.375rem; -} - -/* tile form */ - -.row.imageUrl label { - width: 13rem; -} -.row.imageUrl .thumb { - display: flex; - justify-content: center; - align-items: center; - height: 1.5rem; - width: 1.9475rem; - margin-right: 0.5rem; -} -.row.imageUrl img { - max-width: 100%; - max-height: 100%; -} -.box .row.buttons { - justify-content: space-between; -} -.box .row.pair { - justify-content: space-between; -} -.box .pair label:last-child { - margin-right: 0; -} - -/* tile font form */ - -.box .font { - justify-content: space-between; -} -.box .font input[type=number] { - width: 3rem; -} -.box .font .select { - width: 6rem; - padding: 0.25rem; - margin-right: 0; -} -.box .font label:last-child .select { - width: 3.75rem; -} -.box .font label { - flex-direction: row; - width: 6.5rem; - margin-right: 0.5rem; - min-width: auto; -} -.box .font label span { - display: none; -} -.box form .font label { -} - -/* tile color form */ - -.box form label.color span { - min-width: 4rem; - width: 4rem; -} -.box label.color { - display: flex; - flex-direction: row; -} -.box label.color input[type='color'] { - width: 2rem; - margin-right: 0.5rem; - padding: 0; -} -.box label.color input[type='text'] { - width: 6rem; - max-width: 6rem; -} |
