From 4c41076570073e8b960742b6e1c2231fecfa6cce Mon Sep 17 00:00:00 2001 From: Pinapelz Date: Sat, 8 Feb 2025 21:40:01 -0800 Subject: remove rust portion as its no longer necessary --- tiers.css | 195 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 195 insertions(+) create mode 100644 tiers.css (limited to 'tiers.css') diff --git a/tiers.css b/tiers.css new file mode 100644 index 0000000..1036155 --- /dev/null +++ b/tiers.css @@ -0,0 +1,195 @@ +body { + background-color: #333; + font-family: sans-serif; + margin: 0; + padding: 0; +} + +.title { + color: #fff; + font-size: 24px; + user-select: none; + text-align: center; + margin-bottom: 20px; +} + +.title label { + cursor: default; + +} + +.main-content { + display: flex; + flex-flow: column; +} + +.main-content.vertical { + flex-flow: row !important; +} + +.vertical .tierlist { + width: 80%; +} + +.tierlist span { + min-width: 100px; + min-height: 100px; + display: flex; + align-items: center; + justify-content: center; + flex-flow: row; + font-size: 30px; + font-family: sans-serif; + border: 0; + padding: 0; + box-sizing: border-box; +} + +.tierlist div.row { + border: 1px solid #666; + display: flex; + user-select: none; + height: 100px; + align-items: stretch; + margin: 0; +} + +span.header { + justify-content: center; + color: black; + width: 100px; + padding: 0; + display: flex; + align-items: center; + justify-content: center; + flex-shrink: 0; +} + +span.items { + display: flex; + flex-wrap: wrap; + justify-content: left; + flex-grow: 1; + height: 100%; +} + +.tierlist div.row:last-child { + border-bottom-width: 1px !important; +} + +.tierlist div.row:hover { + background-color: #666; +} + +img { + cursor: pointer; + max-height: 100px; + width: auto; + height: auto; + object-fit: contain; +} + +.bottom-container { + display: flex; + align-items: center; + justify-content: center; + margin-top: 15px; +} + +.buttons-container { + display: flex; + width: fit-content; + justify-content: center; + gap: 20px; +} + + +.button { + border: 1px solid #666; + background-color: #444; + height: 100px; + width: 100px; + display: flex; + align-items: center; + justify-content: center; + cursor: pointer; + transition: filter 0.2s ease; +} + +.button img { + user-select: none; + width: 60px; +} + +.button:hover { + filter: brightness(0.8); +} + +/* GitHub Link */ +.gh-link { + position: absolute; + top: 5px; + color: #ccc; + text-decoration: none; +} + +/* Modal (View–Only) */ +.modal { + position: fixed; + z-index: 1000; + left: 0; + top: 0; + width: 100%; + height: 100%; + background-color: rgba(0, 0, 0, 0.6); + display: none; + align-items: center; + justify-content: center; +} + +.modal-content { + background-color: #444; + padding: 30px; + border-radius: 10px; + box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.7); + width: 90%; + max-width: 800px; + max-height: 90vh; + text-align: center; + color: #ddd; + display: flex; + flex-direction: column; + align-items: center; + overflow-y: auto; +} + +#modal-img { + max-width: 100%; + max-height: 40vh; + object-fit: contain; + border-radius: 5px; + margin-bottom: 10px; +} + +#modal-title, #modal-description { + width: 80%; + padding: 8px 15px; + margin: 10px auto; + border: 1px solid #666; + border-radius: 5px; + font-size: 16px; + background-color: #333; + color: #ddd; + text-align: center; + cursor: default; /* Read-only */ +} + +#modal-description { + height: 25vh; + resize: none; /* Read-only textarea */ +} + +/* Removed Elements */ +.row-buttons, .top-container, .images { + display: none !important; +} -- cgit v1.2.3