summaryrefslogtreecommitdiff
path: root/Pages/ViewMedia.razor.css
diff options
context:
space:
mode:
authorJake Mannens <jake@asger.xyz>2026-05-22 12:46:00 +1000
committerJake Mannens <jake@asger.xyz>2026-05-23 22:13:00 +1000
commit4ea3ddb38d010c2f85c22b7f1c3f2d7e0c1355e3 (patch)
tree90af9203059d645eb77216f1a091722ee9702438 /Pages/ViewMedia.razor.css
parent6de5d7f5364fe1d54703da6d6b7cb08ea26e939f (diff)
Initial commitwasm-oldserver
Diffstat (limited to 'Pages/ViewMedia.razor.css')
-rw-r--r--Pages/ViewMedia.razor.css222
1 files changed, 0 insertions, 222 deletions
diff --git a/Pages/ViewMedia.razor.css b/Pages/ViewMedia.razor.css
deleted file mode 100644
index 1a856d3..0000000
--- a/Pages/ViewMedia.razor.css
+++ /dev/null
@@ -1,222 +0,0 @@
-div#vcontainer {
- align-items: start;
- display: flex;
- flex-direction: column;
- height: 100%;
- overflow: hidden;
- width: 100%;
-}
-
-div#hcontainer {
- align-items: start;
- display: flex;
- flex-direction: row;
- height: 100%;
- overflow: hidden;
- width: 100%;
-}
-
-div#image-container {
- box-sizing: border-box;
- flex: 1 0 0;
- height: 100%;
- overflow: auto;
- padding: var(--size-default-gap);
- width: 100%;
-}
-
-@media (hover: none) and (pointer: coarse) {
- div#image-container {
- padding: 0 !important;
- }
-}
-
-div#image-container > img {
- display: block;
- left: 50%;
- max-height: 100%;
- max-width: 100%;
- object-fit: contain;
- position: relative;
- top: 50%;
- transform: translate(-50%, -50%);
-}
-
-div#metadata-show-button {
- display: flex;
- flex-direction: column;
- height: 100%;
- justify-content: center;
- user-select: none;
- width: 20px;
-}
-
-div#metadata-show-button > a::before {
- content: "\25B6";
-}
-
-div#hcontainer.hide-metadata > div#metadata-show-button > a::before {
- content: "\25C0" !important;
-}
-
-@media (hover: none) and (pointer: coarse) {
- div#metadata-show-button {
- display: none !important;
- }
-}
-
-div#metadata-show-button > a {
- /* TODO: Use colours from global.css */
- background: #333;
- border-radius: 10px 0 0 10px;
- color: #fff;
- display: block;
- padding: 15px 0 15px 0;
- text-align: center;
-}
-
-div#metadata-show-button > a:hover {
- filter: brightness(1.5);
-}
-
-div#metadata-show-button > a:active {
- background: #fff;
-}
-
-div#metadata {
- background: #333;
- box-shadow: rgba(0, 0, 0, 0.25) -10px 0px 10px;
- box-sizing: border-box;
- display: flex;
- flex-direction: column;
- flex: 0 0 auto;
- height: 100%;
- margin-left: auto;
- padding: 30px;
- transition: margin-right 0.1s linear;
- width: 700px;
- z-index: 90;
-}
-
-@media (hover: hover) and (pointer: fine) {
- div#hcontainer.hide-metadata > div#metadata {
- box-shadow: none;
- margin-right: -700px;
- }
-}
-
-@media (hover: none) and (pointer: coarse) {
- [class^="mobile-pane-"] {
- width: 100% !important;
- }
-
- [class^="mobile-pane-"]:not(.visible) {
- display: none !important;
- }
-}
-
-div#button-container {
- margin-top: auto;
-}
-
-@media (hover: none) and (pointer: coarse) {
- div#button-container button {
- font-size: 8pt;
- }
-}
-
-div#metadata-container {
- overflow-x: hidden;
- overflow-y: auto;
-}
-
-table#edit-metadata {
- border-collapse: collapse;
- width: 100%;
-}
-
-table#edit-metadata tr:first-child {
- vertical-align: middle;
-}
-
-table#edit-metadata tr:last-child {
- vertical-align: top;
-}
-
-table#edit-metadata td:last-child {
- width: 100%;
-}
-
-table#edit-metadata td > input {
- width: 100%;
- margin: 0;
-}
-
-table#edit-metadata td > textarea {
- margin: 0;
- resize: none;
- width: 100%;
-}
-
-table#uploaded-files th {
- font-size: 8pt;
-}
-
-table#uploaded-files td {
- font-family: 'Lucida Console';
- font-size: 7pt;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
-}
-
-@media (hover: none) and (pointer: coarse) {
- table#uploaded-files th,
- table#uploaded-files td {
- font-size: 6pt;
- }
-}
-
-table#uploaded-files td:nth-child(4) {
- max-width: 170px;
-}
-
-table#uploaded-files td.verified {
- color: var(--col-checksum-verified-pri);
-}
-
-p.heading {
- margin-top: 30px;
-}
-
-p.newlines {
- white-space: pre-line;
-}
-
-div#bottom-bar {
- /* TODO: Use colours from global.css */
- align-items: center;
- background: #141414;
- box-shadow: rgba(0, 0, 0, 0.25) 0px -5px 5px;
- display: none;
- flex-direction: row;
- width: 100%;
-}
-
-@media (hover: none) and (pointer: coarse) {
- div#bottom-bar {
- display: flex;
- }
-}
-
-div#bottom-bar > img {
- color: white;
- margin: auto;
- padding: 10px;
-}
-
-div#bottom-bar > img:active {
- /* TODO: Use colours from global.css */
- background: white;
- color: #141414;
-}