MediaWiki:Common.css：修订间差异

←上一编辑下一编辑→

@@ 第202行： / 第202行： @@
 }
-/* 市集MediaWiki:Common.css */
+/* 商品表格样式 */
-.market-container {
+.goods-table {
-    background: #FFEBD2;
+  background: linear-gradient(135deg, #FFE4B5 0%, #FFFFFF 100%);
-    padding: 20px;
+  padding: 1.5rem;
-    border-radius: 8px;
+  border-radius: 8px;
+  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
 }
-.market-table {
+.goods-table table {
-    width: 100%;
+  background: transparent;
-    border-collapse: collapse;
+  border-color: #FFA500;
-    background: white;
-    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
 }
-.table-header th {
+.goods-table th {
-    background: #FFA726;
+  background-color: #FFA500 !important;
-    color: white;
+  color: white !important;
-    padding: 12px;
+  font-weight: 600;
-    text-align: left;
-}
-.product-item td {
-    padding: 15px;
-    border-bottom: 1px solid #EEE;
-}
-.product-name {
-    font-weight: bold;
-    color: #333;
 }
 .trade-method {
-    color: #666;
+  color: #FF5722;
-    font-size: 0.9em;
+  font-weight: bold;
-}
-.time {
-    color: #888;
-    font-size: 0.85em;
 }
-.rate .price {
+.max-quantity {
-    color: #E65100;
+  color: #666;
-    font-weight: bold;
+  font-size: 0.9em;
 }
-.ratio {
+.unit-price {
-    color: #666;
+  color: #4CAF50;
-    font-size: 0.9em;
+  font-weight: bold;
 }
-.current-stock {
+.deal-rate {
-    color: #2E7D32;
+  color: #4CAF50;
-    font-weight: bold;
+  font-size: 0.95em;
 }
-.limits {
+.deal-time {
-    color: #666;
+  color: #9E9E9E;
-    font-size: 0.85em;
+  font-size: 0.85em;
-    margin-top: 5px;
 }
-.sell-amount input {
+.service-tag {
-    width: 80px;
+  padding: 4px 8px;
-    padding: 6px;
+  border-radius: 15px;
-    border: 1px solid #CCC;
+  margin: 4px 0;
-    border-radius: 4px;
+  font-size: 0.85em;
+  display: inline-block;
 }
-.total-price {
+.cash { background: #FFE0B2; color: #EF6C00; }
-    color: #E65100;
+.insure { background: #FFCDD2; color: #C62828; }
-    font-weight: bold;
+.auth { background: #C8E6C9; color: #2E7D32; }
-    margin-top: 5px;
-}
-.service-item {
+.sell-button a {
-    display: inline-block;
+  display: inline-block;
-    background: #FFF3E0;
+  background: #FF9800;
-    padding: 4px 8px;
+  color: white !important;
-    border-radius: 12px;
+  padding: 8px 20px;
-    margin: 2px;
+  border-radius: 20px;
-    font-size: 0.85em;
+  margin-top: 8px;
+  text-decoration: none;
+  font-weight: bold;
+  transition: background 0.3s;
 }
-.service-item.cash { background: #E8F5E9; }
+.sell-button a:hover {
-.service-item.reject { background: #FFEBEE; }
+  background: #F57C00;
-.sell-button {
-    display: inline-block;
-    background: linear-gradient(135deg, #FFB74D, #FF9800);
-    color: white!important;
-    padding: 8px 20px;
-    border-radius: 20px;
-    text-decoration: none;
-    font-weight: bold;
-    transition: 0.3s;
 }
-.sell-button:hover {
+/* 适配Vector 2022皮肤 */
-    opacity: 0.9;
+.skin-vector-2022 .goods-table {
-    transform: translateY(-1px);
+  margin: 1rem 0;
 }
-.input-group {
+.skin-vector-2022 .goods-table th {
-    display: flex;
+  border-color: #FFC107;
-    align-items: center;
-    gap: 5px;
 }