From 28963224b717f1d2e1850ebb6ade6c95942d36b6 Mon Sep 17 00:00:00 2001
From: Wirlaburla <wirlaburla@worlio.com>
Date: Sat, 30 Mar 2024 01:02:12 -0500
Subject: [PATCH] token shop styles

---
 core/style.css | 108 +++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 108 insertions(+)

diff --git a/core/style.css b/core/style.css
index 3c95274..7a7e128 100644
--- a/core/style.css
+++ b/core/style.css
@@ -1409,6 +1409,114 @@ body.forum.new table.board-display tr.title-row input {
 	}
 }
 
+/* == SHOP */
+body.shop:not(.item) .page-container {
+	display: flex;
+}
+
+body.shop .page-container .sidebar .sidelist {
+	background: var(--secondary-container-background);
+	border: var(--secondary-container-border);
+	max-width: 200px;
+	display: flex;
+	flex-direction: column;
+	padding: 8px;
+}
+
+body.shop .page-container .sidebar .sidelist h2,
+body.shop .page-container .sidebar .sidelist h3 {
+	margin: 8px 0px;
+}
+
+body.shop .page-container .itembox {
+	margin: 8px;
+}
+
+body.shop .page-container .itembox .item {
+	display: inline-block;
+	width: 200px;
+	margin: 8px;
+	vertical-align: top;
+}
+
+body.shop .page-container .itembox .item .image-box img {
+	max-width: 100%;
+}
+
+body.shop.item .page-container {
+	max-width: 800px;
+}
+
+body.shop.item .page-container h1 {
+	margin: 4px;
+}
+
+body.shop.item .page-container .top {
+	display: flex;
+	margin: 8px;
+}
+
+body.shop.item .page-container .top .appearance {
+	min-width: 50%;
+}
+
+body.shop.item .page-container .top .appearance .item-image {
+	background: var(--secondary-container-background);
+	border: var(--secondary-container-border);
+	padding: 4px;
+}
+
+body.shop.item .page-container .top .appearance .item-image img {
+	display: block;
+	margin-left: auto; margin-right: auto;
+}
+
+body.shop.item .page-container .top .details {
+	flex-grow: 1;
+	padding: 2px;
+}
+
+body.shop.item .page-container .items details {
+	margin: 2px;
+	padding: 2px;
+}
+
+body.shop.item .page-container .items details summary {
+	background: var(--primary-container-background);
+	border: var(--primary-container-border);
+	display: flex;
+	cursor: pointer;
+	margin: 4px auto;
+}
+
+body.shop.item .page-container .items details .usercard {
+	margin: 0px auto;
+}
+
+body.shop.item .page-container .usercard .userlink {
+	font-size: 20px;
+	font-weight: bold;
+}
+
+body.shop.item .page-container .usercard .userlink .mycon {
+	width: 32px;
+	height: 32px;
+}
+
+@media only screen and (orientation: landscape) {
+}
+
+@media only screen and (orientation: portrait) {
+	body.shop.item .page-container .top {
+		flex-direction: column;
+	}
+	
+	body.shop.item .page-container .top .details .button {
+		display: block;
+		margin-left: auto;
+	}
+}
+
 /* == USER PAGE */
 body.userpage iframe#profile {
 	display: block;