Module:GameInfo/styles.css: Difference between revisions

← Older edit Newer edit →

@@ Line 404: / Line 404: @@
 }
-/* Ensure the trigger looks like a compact pill */
+/* Overcap badge pill — matched to "Slide to set level" helper text */
 .sv-skill-level .sv-overcap-btn{
    display:inline-flex;
@@ Line 410: / Line 410: @@
    justify-content:center;
-   padding:3px 9px;
+   /* match helper text */
-   min-height:22px;
+  font-weight:900;
+   font-size:13px;
+  line-height:1.25;
+  letter-spacing:0.15px;
+  color:rgba(245,249,255,0.94);
+  /* true pill, but subtle (badge-like, not button-like) */
+  padding:1px 8px;
+  min-height:0;
    border-radius:999px;
-  border:1px solid rgba(59,75,99,0.85);
-   background:#273449;
+   border:1px solid rgba(245,249,255,0.16);
-  background-image:linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.00));
+   background:rgba(255,255,255,0.04);
-   box-shadow:inset 0 1px 0 rgba(255,255,255,0.04);
-  font-weight:900;
-  font-size:12px;
-  line-height:1.05;
-  letter-spacing:0.10px;
-  color:rgba(245,249,255,0.96);
+  box-shadow:none;
    cursor:pointer;
    user-select:none;
+  white-space:nowrap;
 }
 .sv-skill-level .sv-overcap-btn:hover{
-   background:#2e3f59;
+   background:rgba(255,255,255,0.07);
+  border-color:rgba(245,249,255,0.22);
 }
 .sv-skill-level .sv-overcap-btn:active{
+  background:rgba(255,255,255,0.10);
    transform:translateY(1px);
 }
@@ Line 478: / Line 481: @@
    .sv-skill-level .sv-overcap-btn{
-     padding:3px 8px;
+     padding:1px 7px;
-     font-size:11px;
+     font-size:12px;
-     min-height:20px;
+    line-height:1.25;
+     min-height:0;
    }
 }