diff options
Diffstat (limited to 'animism-align/frontend/app/views/media/media.css')
| -rw-r--r-- | animism-align/frontend/app/views/media/media.css | 110 |
1 files changed, 0 insertions, 110 deletions
diff --git a/animism-align/frontend/app/views/media/media.css b/animism-align/frontend/app/views/media/media.css deleted file mode 100644 index ebf8c33..0000000 --- a/animism-align/frontend/app/views/media/media.css +++ /dev/null @@ -1,110 +0,0 @@ -.app > .media { - width: 100%; - height: calc(100% - 3.125rem); - overflow: scroll; -} - -.results .cell { - margin-bottom: 1rem; - margin-right: 1rem; - max-width: 295px; -} -.results h2 { - display: block; - width: 100%; -} -.media .results .meta > div { - max-width: 100%; -} -.media .results .img img { - max-width: 295px; -} - -/* new / edit media forms */ - -.formContainer { - padding-top: 1rem; -} - -.imageForm, -.videoForm { - padding: 1rem 1rem 0.5rem 1rem; - margin: 1rem 0; - position: relative; - left: -1rem; - border-radius: 10px; -} - -/* image form */ - -.imageForm { - background: #315; -} -.imageForm .fileInput .row { - position: relative; -} - -/* video form */ - -.videoForm { - background: #314; -} -.videoForm .thumbnail img { - max-height: 200px; -} -.videoForm iframe { - pointer-events: auto; -} - -/* image crop */ - -.imageSelection { - width: 30rem; - position: relative; -} -.imageSelection img { - display: block; - max-width: 100%; -} -.imageSelection img.loading { - opacity: 0.5; -} -.imageSelection .box { - position: absolute; - background: rgba(255,32,64,0.05); - border: 1px solid #f24; -} - -/* image galleries */ - -.galleryListItem > div { - display: flex; - flex-direction: row; - justify-content: center; - align-items: center; - margin-bottom: 0.25rem; -} -.galleryListItem:nth-child(odd) > div > div { - background: #333; -} -.galleryListItem:nth-child(even) > div > div { - background: #444; -} -.galleryListItem > div > div { - display: flex; - justify-content: center; - align-items: center; - width: 5rem; - height: 5rem; - padding: 0.5rem; -} -.galleryListItem img { - max-height: 100%; - cursor: grab; - max-width: 100%; -} -.galleryListItem button { - margin-left: 1rem; - background: #000; - color: #88d; -} |
