Template:Main page/styles.css: Difference between revisions
Appearance
Hover polish for main page cards |
Styled hero search box and card hover |
||
| Line 6: | Line 6: | ||
transform: translateY(-3px); | transform: translateY(-3px); | ||
box-shadow: 0 10px 28px rgba(0, 0, 0, 0.10); | box-shadow: 0 10px 28px rgba(0, 0, 0, 0.10); | ||
} | |||
/* Hero search box */ | |||
.mw-parser-output form.mw-inputbox-form .cdx-text-input { | |||
display: block; | |||
max-width: 640px; | |||
margin: 0 auto; | |||
} | |||
.mw-parser-output form.mw-inputbox-form input.mw-inputbox-input { | |||
width: 100%; | |||
box-sizing: border-box; | |||
font-size: 17px; | |||
padding: 16px 26px; | |||
border: 2px solid #dfe3e8; | |||
border-radius: 999px; | |||
background: #ffffff; | |||
color: #202122; | |||
} | |||
.mw-parser-output form.mw-inputbox-form input.mw-inputbox-input:focus { | |||
border-color: #1a5fb4; | |||
outline: none; | |||
box-shadow: 0 0 0 4px rgba(26, 95, 180, 0.12); | |||
} | |||
.mw-parser-output form.mw-inputbox-form input.cdx-button { | |||
font-size: 15px; | |||
font-weight: 600; | |||
padding: 12px 28px; | |||
border-radius: 999px; | |||
cursor: pointer; | |||
margin: 14px 6px 0; | |||
} | |||
.mw-parser-output form.mw-inputbox-form input[name="fulltext"].cdx-button { | |||
background: #1a5fb4; | |||
border: 2px solid #1a5fb4; | |||
color: #ffffff; | |||
} | |||
.mw-parser-output form.mw-inputbox-form input[name="go"].cdx-button { | |||
background: #ffffff; | |||
border: 2px solid #dfe3e8; | |||
color: #202122; | |||
} | } | ||
Latest revision as of 23:22, 1 October 2026
/* Wikigama main page theme — Vector 2022 desktop */
.mw-parser-output .wg-card {
transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.mw-parser-output .wg-card:hover {
transform: translateY(-3px);
box-shadow: 0 10px 28px rgba(0, 0, 0, 0.10);
}
/* Hero search box */
.mw-parser-output form.mw-inputbox-form .cdx-text-input {
display: block;
max-width: 640px;
margin: 0 auto;
}
.mw-parser-output form.mw-inputbox-form input.mw-inputbox-input {
width: 100%;
box-sizing: border-box;
font-size: 17px;
padding: 16px 26px;
border: 2px solid #dfe3e8;
border-radius: 999px;
background: #ffffff;
color: #202122;
}
.mw-parser-output form.mw-inputbox-form input.mw-inputbox-input:focus {
border-color: #1a5fb4;
outline: none;
box-shadow: 0 0 0 4px rgba(26, 95, 180, 0.12);
}
.mw-parser-output form.mw-inputbox-form input.cdx-button {
font-size: 15px;
font-weight: 600;
padding: 12px 28px;
border-radius: 999px;
cursor: pointer;
margin: 14px 6px 0;
}
.mw-parser-output form.mw-inputbox-form input[name="fulltext"].cdx-button {
background: #1a5fb4;
border: 2px solid #1a5fb4;
color: #ffffff;
}
.mw-parser-output form.mw-inputbox-form input[name="go"].cdx-button {
background: #ffffff;
border: 2px solid #dfe3e8;
color: #202122;
}