https://wannaplay.wiki/index.php?action=history&feed=atom&title=Wiki%2FMediaWiki%3ACitizen.css 2026-06-10T12:12:35Z Revision history for this page on the wiki MediaWiki 1.44.2 https://wannaplay.wiki/index.php?title=Wiki/MediaWiki:Citizen.css&diff=47&oldid=prev 2025-11-04T23:59:05Z

<p>Created page with &quot;<span class="autocomment">Citizen Skin Custom Search: </span> .citizen-header__search {     max-width: 600px; } .citizen-search-box__form {     display: flex;     align-items: center;     background: var(--background-color-base, #fff);     border: 1px solid var(--border-color-base, #a2a9b1);     border-radius: 4px;     transition: border-color 0.2s, box-shadow 0.2s;     position: relative; } .citizen-search-box__form:focus-within {     border-color: var(--color-primar...&quot;</p> <p><b>New page</b></p><div>/* Citizen Skin Custom Search */<br /> <br /> .citizen-header__search {<br /> <br />     max-width: 600px;<br /> <br /> }<br /> <br /> .citizen-search-box__form {<br /> <br />     display: flex;<br /> <br />     align-items: center;<br /> <br />     background: var(--background-color-base, #fff);<br /> <br />     border: 1px solid var(--border-color-base, #a2a9b1);<br /> <br />     border-radius: 4px;<br /> <br />     transition: border-color 0.2s, box-shadow 0.2s;<br /> <br />     position: relative;<br /> <br /> }<br /> <br /> .citizen-search-box__form:focus-within {<br /> <br />     border-color: var(--color-primary, #3366cc);<br /> <br />     box-shadow: 0 0 0 1px var(--color-primary, #3366cc);<br /> <br /> }<br /> <br /> .citizen-search-box__input {<br /> <br />     flex: 1;<br /> <br />     padding: 10px 120px 10px 40px !important;<br /> <br />     border: none !important;<br /> <br />     background: transparent !important;<br /> <br />     font-size: 14px !important;<br /> <br /> }<br /> <br /> .citizen-search-box__input:focus {<br /> <br />     outline: none !important;<br /> <br /> }<br /> <br /> .citizen-search-box__icon {<br /> <br />     position: absolute;<br /> <br />     left: 12px;<br /> <br />     top: 50%;<br /> <br />     transform: translateY(-50%);<br /> <br />     width: 20px;<br /> <br />     height: 20px;<br /> <br />     opacity: 0.5;<br /> <br /> }<br /> <br /> .citizen-search-box__button,<br /> <br /> &lt;nowiki&gt;#&lt;/nowiki&gt;searchButton {<br /> <br />     position: absolute !important;<br /> <br />     right: 4px !important;<br /> <br />     top: 50% !important;<br /> <br />     transform: translateY(-50%) !important;<br /> <br />     background: var(--color-primary, #3366cc) !important;<br /> <br />     color: #fff !important;<br /> <br />     border: none !important;<br /> <br />     padding: 8px 20px !important;<br /> <br />     font-size: 14px !important;<br /> <br />     border-radius: 3px !important;<br /> <br />     cursor: pointer !important;<br /> <br />     transition: background 0.2s !important;<br /> <br /> }<br /> <br /> .citizen-search-box__button:hover,<br /> <br /> &lt;nowiki&gt;#&lt;/nowiki&gt;searchButton:hover {<br /> <br />     background: var(--color-primary--hover, #2952a3) !important;<br /> <br /> }<br /> <br /> /* Search suggestions */<br /> <br /> .citizen-typeahead,<br /> <br /> .suggestions {<br /> <br />     margin-top: 4px !important;<br /> <br />     background: var(--background-color-base, #fff) !important;<br /> <br />     border: 1px solid var(--border-color-base, #a2a9b1) !important;<br /> <br />     border-radius: 4px !important;<br /> <br />     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;<br /> <br /> }<br /> <br /> .citizen-typeahead__item,<br /> <br /> .suggestions .suggestions-result {<br /> <br />     padding: 12px 16px !important;<br /> <br />     border-bottom: 1px solid var(--border-color-subtle, #eaecf0) !important;<br /> <br />     transition: background 0.15s !important;<br /> <br /> }<br /> <br /> .citizen-typeahead__item:hover,<br /> <br /> .suggestions .suggestions-result:hover {<br /> <br />     background: var(--background-color-neutral-subtle, #f8f9fa) !important;<br /> <br /> }<br /> <br /> .citizen-typeahead__item:last-child,<br /> <br /> .suggestions .suggestions-result:last-child {<br /> <br />     border-bottom: none !important;<br /> <br /> }</div>

95.158.48.185