diff options
Diffstat (limited to 'animism-align/frontend/app/views/viewer/player/components.utility/media.css')
| -rw-r--r-- | animism-align/frontend/app/views/viewer/player/components.utility/media.css | 157 |
1 files changed, 0 insertions, 157 deletions
diff --git a/animism-align/frontend/app/views/viewer/player/components.utility/media.css b/animism-align/frontend/app/views/viewer/player/components.utility/media.css deleted file mode 100644 index 62eb9af..0000000 --- a/animism-align/frontend/app/views/viewer/player/components.utility/media.css +++ /dev/null @@ -1,157 +0,0 @@ -/* carousel */ - -.carousel-container { - margin-top: 0.5rem; - margin-bottom: 1.5rem; - padding: 1rem; -} -.carousel-item { - height: calc(100vh - 9rem); - width: 50vw; - background-size: contain; - background-position: center center; - background-repeat: no-repeat; -} - -/* gallery */ - -.gallery-container { - overflow-x: scroll; - width: 100%; - padding: 1rem 1rem 0.5rem 1rem; - margin-bottom: 1.5rem; -} -.gallery-scroll { - display: flex; - flex-direction: row nowrap; - justify-content: flex-start; - align-items: flex-start; -} -.gallery-item { - padding-right: 1rem; -} -.gallery-image { - display: flex; - justify-content: center; - align-items: center; - height: 25rem; -} -.gallery-image img { - display: block; - max-height: 25rem; -} -.gallery-caption { - margin-top: 0.5rem; - color: #888; -} - -.gallery-container::-webkit-scrollbar { - cursor: pointer; - user-select: none; - height: 4px -} -.gallery-container::-webkit-scrollbar-button { - display: block; - width: 0; - height: 0; -} -.gallery-container::-webkit-scrollbar-track-piece { - background:rgba(211,211,211,0.8); -} -.gallery-container::-webkit-scrollbar-thumb { - display: block; - background: #000; -} - -/* grid */ - -.grid-container { - margin: 0 auto 1.5rem auto; - width: 45rem; - display: flex; - flex-flow: row wrap; - align-items: flex-start; - justify-content: flex-start; -} -.grid-item { - width: 22rem; - margin-bottom: 0.5rem; -} -.grid-item:nth-child(odd) { - margin-right: 1rem; -} -.grid-item img { - display: block; - width: 22rem; -} -.grid-caption { - margin-top: 0.5rem; - color: #888; -} - -/* vitrine */ - -.vitrine .heading { - font-family: "Freight Text", serif; - font-size: 3rem; - line-height: 1.28; - width: 80%; - margin: 0 auto; - padding-bottom: 2rem; - text-align: center; -} -.vitrine .citation { - width: 45rem; - margin: 0 auto; - padding: 1rem 0; - font-family: "Neue Haas Unica"; - color: #888; -} -.vitrine-items { - display: flex; - flex-flow: row wrap; - align-items: center; - justify-content: space-between; - padding: 0 1rem; -} -.vitrine-items .vitrine-item { - display: flex; - flex-flow: column nowrap; - align-items: center; - justify-content: space-between; - height: calc(45vh - 6rem); -} -.vitrine-items .vitrine-item .vitrine-image { - display: flex; - justify-content: center; - align-items: center; - width: 100%; - height: 80%; - cursor: pointer; -} -.vitrine-items .vitrine-item .vitrine-image img { - max-width: 100%; - max-height: 100%; - pointer-events: none; -} -.vitrine-items .vitrine-item .zoomPlus { - cursor: pointer; -} -.vitrine-items .vitrine-item:hover .zoomPlus .cross { - stroke: #000; - stroke-width: 0.5; -} -.vitrine-items .vitrine-item:hover .zoomPlus .ring { - fill: #fff; -} -.vitrine-items .vitrine-item .zoomPlus .ring-inner { - stroke: transparent; - fill: transparent; -} -.vitrine-items .vitrine-item:hover .zoomPlus .ring-inner { - fill: #fff; - stroke: #fff; -} -.inline-element.vitrine .heading { - padding-top: 8rem; -} |
