diff options
Diffstat (limited to 'animism-align/frontend/views/upload/upload.css')
| -rw-r--r-- | animism-align/frontend/views/upload/upload.css | 182 |
1 files changed, 0 insertions, 182 deletions
diff --git a/animism-align/frontend/views/upload/upload.css b/animism-align/frontend/views/upload/upload.css deleted file mode 100644 index 28ce33d..0000000 --- a/animism-align/frontend/views/upload/upload.css +++ /dev/null @@ -1,182 +0,0 @@ -.uploadShow { - margin-top: 1rem; -} -.uploadShow img { - max-width: 30rem; - max-height: 20rem; -} -.upload { - height: 100%; -} -.upload > div:last-child { - flex: 1; - width: 100%; -} - -/* results */ - -.resultsContainer { -} -.results { - display: flex; - flex-flow: row wrap; - justify-content: flex-start; - align-items: flex-end; -} -.results .result { - display: inline-block; - margin-right: 1.125rem; - margin-bottom: 1.125rem; -} -.result > a { - display: block; -} -.result > a > div { - position: relative; -} -.result img { - max-width: 100%; - display: block; - cursor: pointer; -} -.result > a { - border: 2px solid transparent; -} -.results .active img, -.desktop .result > a:hover { - border-color: #11f; -} -.results.th .result { - max-width: 10rem; -} -.results.sm .result { - max-width: 20rem; -} -.results.md .result { - max-width: 40rem; -} -.results.lg .result { - max-width: 80rem; -} -.results.orig .result { - max-width: 100%; -} -.results.th img { - max-height: 120px; -} -.results.sm img { - max-height: 160px; -} -.results.md img { - max-height: 480px; -} -.results.lg img { - max-height: 960px; -} -.results.orig img { - max-width: none; - max-height: none; -} -.results .img { - width: 100%; -} -.results .img > a { - display: inline-block; - position: relative; -} -.results .meta { - display: flex; - flex-direction: row; - justify-content: space-between; - align-items: baseline; - font-size: 0.75rem; - color: #888; - padding: 0.125rem; -} -.results .meta.center, -.row.center { - align-items: center; -} -.results .meta > div { - overflow: hidden; - max-width: 75%; - text-overflow: ellipsis; - white-space: nowrap; -} -.results .meta > span { - padding-right: 0.125rem; -} -.results .meta .buttons { -} -.score.good { - color: #11f; - font-weight: bold; -} -.score.ok { - color: #44d; - font-weight: bold; -} -.score.poor { - color: #66b; -} -.score { - color: #888; -} -.resultGroup { - display: flex; - flex-direction: row; - flex-wrap: wrap; - position: relative; - border: 2px solid #888; - max-width: 20rem; - margin-right: 1.5rem; - margin-bottom: 1.5rem; - background: #fff; - box-shadow: 0 2px 4px #888; -} -.resultGroup .sha256 { - position: absolute; - background: white; - padding: 0.25rem 0.25rem 0rem 0.25rem; - left: 0.25rem; - top: -0.75rem; - font-size: 0.75rem; - color: #333; - text-transform: uppercase; - max-width: 95%; - overflow: hidden; - text-overflow: ellipsis; -} -.results.grouped { - background: #fff; -} -.results.grouped.sm, -.results.grouped.md, -.results.grouped.lg, -.results.grouped.orig { - flex-flow: column nowrap; -} -.results.th .resultGroup { - max-width: 33.5rem; -} -.results.sm .resultGroup { - max-width: 56rem; -} -.results.md .resultGroup { - max-width: 79rem; -} -.results.lg .resultGroup { - max-width: 100%; -} -.results.orig .resultGroup { - max-width: 100%; -} -.results .resultGroup .result { - margin: 0.5rem; -} -.loadMore { - width: 100%; -} -.loadMore button { - width: 100%; -} |
