/* ========================================================= MY ITEMS ONLY — EXACT MARKET LOOK (scoped) Applies ONLY on ========================================================= */ /* same background + overlay as index */ body#market_my_items{ position: relative; background: url("/assets/images/market_bg.png") no-repeat center center fixed !important; background-size: cover !important; background-color: #000 !important; } body#market_my_items::before{ content:""; position: fixed; inset: 0; background: linear-gradient( 135deg, rgba(8,16,28,0.55), rgba(8,16,28,0.35) 40%, rgba(8,16,28,0.55) ); backdrop-filter: blur(2px) saturate(120%); -webkit-backdrop-filter: blur(10px) saturate(120%); pointer-events: none; z-index: 0; } /* keep everything above overlay */ body#market_my_items > *:not(.item-tooltip){ position: relative; z-index: 1; } /* ========================================================= CONTAINERS — MAKE TRANSPARENT (you requested this) ========================================================= */ body#market_my_items .container, body#market_my_items #guides, body#market_my_items #guides > .panel, body#market_my_items #guides > .panel.panel-default, body#market_my_items #guides .panel-body, body#market_my_items #guides .row, body#market_my_items #guides .guides-container, body#market_my_items #guides .guides-content, body#market_my_items #guides .table-responsive{ background: transparent !important; background-color: transparent !important; border: 0 !important; box-shadow: none !important; } /* If you STILL see a background, your #guides .guides-content rule from some global CSS is applying. This forces it transparent on my-items. */ body#market_my_items #guides .guides-content{ background: transparent !important; } /* ========================================================= TABLE PADDING / BASE (match market.css) ========================================================= */ body#market_my_items .market-table th, body#market_my_items .market-table td{ vertical-align: middle !important; border: none !important; } body#market_my_items .market-table tbody td{ border: 0 !important; padding: 10px 10px !important; /* same as index */ vertical-align: middle !important; } /* ========================================================= GLASS ROWS — COPY OF INDEX BEHAVIOR (Firefox-safe) ========================================================= */ /* Firefox fix model = cells carry the row */ body#market_my_items .market-table{ border-collapse: separate !important; border-spacing: 0 !important; } body#market_my_items .market-row{ border: 0 !important; background: transparent !important; } /* CELLS become the row look */ body#market_my_items .market-row > td{ background: rgba(8,16,28,0.60) !important; border-top: 1px solid rgba(255,255,255,0.08) !important; border-bottom: 1px solid rgba(0,0,0,0.35) !important; backdrop-filter: blur(8px) saturate(120%); -webkit-backdrop-filter: blur(8px) saturate(120%); } /* left/right border + rounding */ body#market_my_items .market-row > td:first-child{ border-left: 1px solid rgba(255,255,255,0.10) !important; border-top-left-radius: 14px; border-bottom-left-radius: 14px; } body#market_my_items .market-row > td:last-child{ border-right: 1px solid rgba(255,255,255,0.10) !important; border-top-right-radius: 14px; border-bottom-right-radius: 14px; } /* inner vertical separators */ body#market_my_items .market-row > td + td{ border-left: 1px solid rgba(255,255,255,0.10) !important; } /* hover */ body#market_my_items .market-row:hover > td{ background: rgba(20, 38, 60, 0.40) !important; } /* header look */ body#market_my_items .market-table thead th{ color: rgba(255,255,255,0.88) !important; text-shadow: 0 0 8px rgba(0,180,255,0.08); } /* title hover glow */ body#market_my_items .market-title{ font-weight: 900; font-size: 15px; color: rgba(255,255,255,0.92); letter-spacing: .2px; } body#market_my_items .market-row:hover .market-title{ color: #ffdf73; text-shadow: 0 0 10px rgba(255,210,127,0.15); } /* Price number color when currency is DC (coins) */ body#market_my_items .market-row[data-currency="2"] .price-main{ color: #affff5 !important; text-shadow: 0 0 12px rgba(70,255,220,0.18); } /* tooltip above */ body#market_my_items .item-tooltip{ position: absolute !important; z-index: 99999 !important; } /* ========================================================= Optional: Firefox performance mode (same idea as index) ========================================================= */ @supports (-moz-appearance: none){ body#market_my_items{ background-attachment: scroll !important; } body#market_my_items::before{ backdrop-filter: none !important; -webkit-backdrop-filter: none !important; background: linear-gradient( 135deg, rgba(8,16,28,0.70), rgba(8,16,28,0.50) 40%, rgba(8,16,28,0.70) ) !important; } body#market_my_items .market-row > td{ backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } } /* css history below */ /* ========================================================= MY ITEMS + MY HISTORY ONLY Safe scoped: does NOT affect index.php Applies ONLY on: - - ========================================================= */ body#market_my_items, body#market_my_history{ position: relative; background: url("/assets/images/market_bg.png") no-repeat center center fixed !important; background-size: cover !important; background-color: #000 !important; } /* dark overlay like index */ body#market_my_items::before, body#market_my_history::before{ content:""; position: fixed; inset: 0; background: linear-gradient( 135deg, rgba(8,16,28,0.55), rgba(8,16,28,0.35) 40%, rgba(8,16,28,0.55) ); backdrop-filter: blur(2px) saturate(120%); -webkit-backdrop-filter: blur(10px) saturate(120%); pointer-events: none; z-index: 0; } /* keep page content above overlay */ body#market_my_items > *:not(.item-tooltip), body#market_my_history > *:not(.item-tooltip){ position: relative; z-index: 1; } /* Make wrappers transparent (guides container transparent) */ body#market_my_items .container, body#market_my_items #guides, body#market_my_items #guides > .panel, body#market_my_items #guides > .panel.panel-default, body#market_my_items #guides .panel-body, body#market_my_items #guides .row, body#market_my_items #guides .guides-container, body#market_my_items #guides .guides-content, body#market_my_items #guides .table-responsive, body#market_my_history .container, body#market_my_history #guides, body#market_my_history #guides > .panel, body#market_my_history #guides > .panel.panel-default, body#market_my_history #guides .panel-body, body#market_my_history #guides .row, body#market_my_history #guides .guides-container, body#market_my_history #guides .guides-content, body#market_my_history #guides .table-responsive{ background: transparent !important; background-color: transparent !important; border: 0 !important; box-shadow: none !important; } /* ===== Head layout (History title + menu) ===== */ .mp-page-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom: 10px; flex-wrap: wrap; } /* Tabs */ .hist-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px;} .hist-tabs a{ display:inline-block; padding:6px 10px; border-radius:8px; background:#1a2430; color:#cfe3ff; text-decoration:none; font-weight:800; } .hist-tabs a.active{background:#2b4a73;color:#fff} /* BOUGHT / SOLD pill */ .hist-pill{ padding: 4px 10px; border-radius: 999px; font-weight: 900; font-size: 11px; letter-spacing: .6px; display: inline-block; text-transform: uppercase; } .hp-bought{background: rgba(35,178,109,.20); border:1px solid rgba(35,178,109,.35); color:#bfffd2} .hp-sold {background: rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.16); color:#e5e5e5} /* ===== Table row look (same as index, Firefox-safe) ===== */ body#market_my_items .market-table, body#market_my_history .market-table{ border-collapse: separate !important; border-spacing: 0 !important; } body#market_my_items .market-row, body#market_my_history .market-row{ border: 0 !important; background: transparent !important; } body#market_my_items .market-row > td, body#market_my_history .market-row > td{ background: rgba(8,16,28,0.60) !important; backdrop-filter: blur(8px) saturate(120%); -webkit-backdrop-filter: blur(8px) saturate(120%); border-top: 1px solid rgba(255,255,255,0.08) !important; border-bottom: 1px solid rgba(0,0,0,0.35) !important; vertical-align: middle !important; padding: 10px 10px !important; } body#market_my_items .market-row > td:first-child, body#market_my_history .market-row > td:first-child{ border-left: 1px solid rgba(255,255,255,0.10) !important; border-top-left-radius: 14px; border-bottom-left-radius: 14px; } body#market_my_items .market-row > td:last-child, body#market_my_history .market-row > td:last-child{ border-right: 1px solid rgba(255,255,255,0.10) !important; border-top-right-radius: 14px; border-bottom-right-radius: 14px; } body#market_my_items .market-row > td + td, body#market_my_history .market-row > td + td{ border-left: 1px solid rgba(255,255,255,0.10) !important; } body#market_my_items .market-row:hover > td, body#market_my_history .market-row:hover > td{ background: rgba(20,38,60,0.40) !important; } /* Table header */ body#market_my_items .market-table thead th, body#market_my_history .market-table thead th{ color: rgba(255,255,255,0.88) !important; text-shadow: 0 0 8px rgba(0,180,255,0.08); border: none !important; } /* Tooltip always on top */ body#market_my_items .item-tooltip, body#market_my_history .item-tooltip{ position: absolute !important; z-index: 99999 !important; } /* ===== Price line: make "DC 454 tax 90" look premium ===== */ .hist-price{ display:flex; align-items:center; gap:10px; flex-wrap: wrap; } .tax-pill{ display:inline-flex; align-items:center; justify-content:center; height: 22px; padding: 0 10px; border-radius: 999px; font-weight: 900; font-size: 11px; letter-spacing: .2px; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.16); color: rgba(255,255,255,0.82); } /* Reuse your global .price-pill / .price-main if present, but provide a safe fallback here */ body#market_my_items .price-pill, body#market_my_history .price-pill{ display:inline-flex; align-items:center; justify-content:center; min-width:44px; height:24px; border-radius:999px; padding:0 10px; background: rgba(255,210,127,0.18); border: 1px solid rgba(255,210,127,0.30); color: #ffdd9b; font-weight: 900; font-size: 11px; letter-spacing: .3px; box-shadow: 0 0 6px rgba(255,210,127,.25); } body#market_my_items .price-pill.is-coins, body#market_my_history .price-pill.is-coins{ background: rgba(70,255,220,.15); border: 1px solid rgba(70,255,220,.35); color: #affff5; box-shadow: 0 0 6px rgba(70,255,220,.25); } body#market_my_items .price-main, body#market_my_history .price-main{ font-weight: 900; font-size: 18px; color: #ffe8bf; } /* If currency is DC, make price number teal like index */ body#market_my_history .market-row[data-currency="2"] .price-main, body#market_my_items .market-row[data-currency="2"] .price-main{ color: #affff5 !important; text-shadow: 0 0 12px rgba(70,255,220,0.18); } .hist-date{ color:#9ab; font-weight:700; font-size: 12px; white-space: nowrap; } /* ===== Top menu buttons (Market / Sell / My Items / History) ===== */ .mp-top-links{ display:flex; align-items:center; gap:10px; flex-wrap: wrap; } .mp-top-link{ display:inline-flex; align-items:center; gap:10px; height: 36px; padding: 0 18px; border-radius: 999px; background: linear-gradient(180deg, rgba(255,180,60,1), rgba(220,120,20,1)); border: 1px solid rgba(255,210,127,0.55); box-shadow: 0 10px 22px rgba(0,0,0,0.45), inset 0 0 0 1px rgba(0,0,0,0.22); color:#FFF3D6 !important; text-decoration: none !important; font-weight: 900; letter-spacing: .6px; text-transform: uppercase; } .mp-top-link:hover{ filter: brightness(1.06); } .mp-top-link img{ width: 18px; height: 18px; opacity: 1; } .mp-top-link span{ font-weight: 900; font-size: 12px; letter-spacing: .6px; text-transform: uppercase; white-space: nowrap; } .mp-top-link.active{ filter: brightness(1.08); outline: 1px solid rgba(255,210,127,0.55); } @media (max-width: 900px){ .mp-top-link{ padding: 0 12px; } .mp-top-link span{ display:none; } .mp-top-link img{ width: 20px; height: 20px; } }