MediaWiki:Common.css: Difference between revisions

Revision as of 13:02, 9 July 2026

.home-header{position:relative;margin-top:-1rem;margin-bottom:2rem;padding-top:1rem;line-height:1.4}
.home-header__search{padding:16px;margin-top:24px;margin-bottom:16px;margin-left:auto;margin-right:auto;max-width:800px;border:1px solid var(--border-color-base,#333);border-radius:999px;cursor:pointer;font-size:0.875rem;font-weight:500;text-align:center}
.home-header__search:hover{background-color:var(--background-color-quiet--hover,rgba(255,255,255,0.05))}
.home-header__searchIcon img{margin-right:12px;opacity:0.6}
.keyboard-key{padding:0.25em 0.5em;display:inline-block;line-height:1;font-weight:500;font-size:0.875rem;border-radius:4px;border:1px solid var(--border-color-base,#333);background:var(--color-surface-3,#222);color:inherit}

.home-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(9.375rem,1fr));grid-auto-rows:minmax(3rem,auto);gap:16px;margin-top:24px}
.home-card{position:relative;padding:16px;background:var(--color-surface-1,#161616);border:1px solid var(--border-color-base,#333);border-radius:8px;font-size:0.875rem}
.home-card--col2{grid-column:span 2}
.home-card--row3{grid-row:span 3}
.home-card__label{color:var(--color-base--subtle,#99a);font-size:0.8125rem;letter-spacing:0.75px}
.home-link{display:grid;margin-top:8px;gap:8px;text-align:center}
.home-link__button{display:flex}
.home-link__button a{flex-grow:1;padding:8px;border:1px solid var(--border-color-base,#333);background:var(--color-surface-2,#1f1f1f);border-radius:6px;color:inherit!important;text-decoration:none!important}
.home-link__button a:hover{background:var(--color-surface-2--hover,#2a2a2a)}

@@ Line 1: / Line 1: @@
-.mainpage-title {
+.home-header{position:relative;margin-top:-1rem;margin-bottom:2rem;padding-top:1rem;line-height:1.4}
-    font-size: 64px;
+.home-header__search{padding:16px;margin-top:24px;margin-bottom:16px;margin-left:auto;margin-right:auto;max-width:800px;border:1px solid var(--border-color-base,#333);border-radius:999px;cursor:pointer;font-size:0.875rem;font-weight:500;text-align:center}
-    font-weight: 900;
+.home-header__search:hover{background-color:var(--background-color-quiet--hover,rgba(255,255,255,0.05))}
-    text-align: center;
+.home-header__searchIcon img{margin-right:12px;opacity:0.6}
-    text-transform: uppercase;
+.keyboard-key{padding:0.25em 0.5em;display:inline-block;line-height:1;font-weight:500;font-size:0.875rem;border-radius:4px;border:1px solid var(--border-color-base,#333);background:var(--color-surface-3,#222);color:inherit}
-    letter-spacing: 4px;
-    margin: 60px 0 30px;
-}
-.mainpage-searchbox {
+.home-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(9.375rem,1fr));grid-auto-rows:minmax(3rem,auto);gap:16px;margin-top:24px}
-    border: 1px solid #444;
+.home-card{position:relative;padding:16px;background:var(--color-surface-1,#161616);border:1px solid var(--border-color-base,#333);border-radius:8px;font-size:0.875rem}
-    border-radius: 6px;
+.home-card--col2{grid-column:span 2}
-    padding: 16px;
+.home-card--row3{grid-row:span 3}
-    text-align: center;
+.home-card__label{color:var(--color-base--subtle,#99a);font-size:0.8125rem;letter-spacing:0.75px}
-    margin: 0 auto 40px;
+.home-link{display:grid;margin-top:8px;gap:8px;text-align:center}
-    max-width: 800px;
+.home-link__button{display:flex}
-}
+.home-link__button a{flex-grow:1;padding:8px;border:1px solid var(--border-color-base,#333);background:var(--color-surface-2,#1f1f1f);border-radius:6px;color:inherit!important;text-decoration:none!important}
+.home-link__button a:hover{background:var(--color-surface-2--hover,#2a2a2a)}
-.mainpage-columns {
-    display: flex;
-    gap: 20px;
-    max-width: 1100px;
-    margin: 0 auto;
-    flex-wrap: wrap;
-}
-.mainpage-box {
-    flex: 1;
-    min-width: 250px;
-    border: 1px solid #333;
-    border-radius: 6px;
-    padding: 16px;
-}
-.mainpage-box-title {
-    font-weight: bold;
-    text-transform: uppercase;
-    font-size: 13px;
-    color: #99a;
-    margin-bottom: 12px;
-}
-.mainpage-box ul {
-    list-style: none;
-    margin: 0;
-    padding: 0;
-}
-.mainpage-box li {
-    border: 1px solid #333;
-    border-radius: 4px;
-    padding: 10px;
-    margin-bottom: 8px;
-    text-align: center;
-}