https://wiki.doikayt.org/index.php?action=history&feed=atom&title=MediaWiki%3ACommon.css 2026-07-21T19:36:36Z Revision history for this page on the wiki MediaWiki 1.46.0 https://wiki.doikayt.org/index.php?title=MediaWiki:Common.css&diff=24&oldid=prev 2026-07-21T02:10:45Z

<p>Created page with &quot;<span class="autocomment">Classic Vector sidebar width: </span> #mw-panel { width: 16em !important; } #content, #footer { margin-left: 17em !important; } #left-navigation, #mw-head-base { margin-left: 16em !important; } <span class="autocomment">Field help tooltip: ? superscript trigger + floating popup: </span> .pf-tip { font-size: 0.6em; cursor: pointer; color: #37723a; vertical-align: super; margin-left: 3px; user-select: none; } .pf-tip-popup { position: absolute; left: 0; top: 100%; background: #...&quot;</p> <p><b>New page</b></p><div>/* Classic Vector sidebar width */<br /> #mw-panel {<br /> width: 16em !important;<br /> }<br /> #content,<br /> #footer {<br /> margin-left: 17em !important;<br /> }<br /> #left-navigation,<br /> #mw-head-base {<br /> margin-left: 16em !important;<br /> }<br /> <br /> /* Field help tooltip: ? superscript trigger + floating popup */<br /> .pf-tip {<br /> font-size: 0.6em;<br /> cursor: pointer;<br /> color: #37723a;<br /> vertical-align: super;<br /> margin-left: 3px;<br /> user-select: none;<br /> }<br /> .pf-tip-popup {<br /> position: absolute;<br /> left: 0;<br /> top: 100%;<br /> background: #fff;<br /> border: 1px solid #aaa;<br /> border-radius: 3px;<br /> padding: 8px 12px;<br /> min-width: 220px;<br /> max-width: 320px;<br /> z-index: 999;<br /> box-shadow: 2px 2px 6px rgba(0,0,0,0.25);<br /> font-weight: normal;<br /> white-space: normal;<br /> line-height: 1.4;<br /> }<br /> .pf-tip-popup p { margin: 0; }<br /> <br /> /* Hide the default OOUI tooltip button; replaced by the custom .pf-tip trigger */<br /> .oo-ui-popupButtonWidget { display: none !important; }<br /> <br /> /* Double the default 100px height of the category tree picker */<br /> .pfTreeInput { height: 200px !important; }<br /> <br /> /* Validation error row inserted below failing field */<br /> .pf-error-row td {<br /> background: #fff0f0;<br /> color: #c5171a;<br /> padding: 4px 8px;<br /> font-size: 0.9em;<br /> border-top: 1px solid #e8a0a0;<br /> }<br /> <br /> /* CategoryTree sidebar: match nav link size and prevent wrapping */<br /> .CategoryTreeItem bdi a {<br /> font-size: 12px !important;<br /> white-space: nowrap !important;<br /> }<br /> <br /> /* ── Doikayt watermelon theme: white bg, black text, badge green + red ── */<br /> /* Colors sampled from the badge: green #37723a, red #c5171a. */<br /> /* Green = navigation/actions; red = emphasis/alerts. */<br /> /* Remove this block to revert to default MediaWiki styling. */<br /> body { background: #fff; color: #111; }<br /> <br /> #content { background: #fff; color: #111; border-color: #37723a; }<br /> #content h1, #content h2, #content h3, #content h4, #content h5 {<br /> color: #111; border-color: #37723a !important;<br /> }<br /> <br /> a, a:visited { color: #37723a; }<br /> a:hover { color: #c5171a; }<br /> <br /> /* wikitable */<br /> .wikitable th { background: #37723a; color: #fff; border-color: #2b5a2e; }<br /> .wikitable td { background: #fff; color: #111; border-color: #ccc; }<br /> <br /> /* Sidebar */<br /> #mw-panel { background: #fff; }<br /> #mw-panel a { color: #37723a; }<br /> #mw-panel .portal h3 { color: #c5171a; }<br /> <br /> /* Logo area */<br /> #p-logo, #mw-page-base { background: #fff !important; }<br /> #p-logo a, #p-logo a:hover { background-color: #fff !important; }<br /> <br /> /* Header / tab bar */<br /> #mw-head, #mw-head-base { background: #fff !important; }<br /> #p-namespaces, #p-namespaces li, #p-views, #p-views li,<br /> .vector-menu-tabs, .vector-menu-tabs li { background: #fff !important; }<br /> #p-namespaces li a, #p-views li a,<br /> .vector-menu-tabs li a { color: #37723a !important; border-color: #ddd !important; }<br /> li.selected a, .selected a {<br /> background: #fff !important;<br /> color: #111 !important;<br /> box-shadow: inset 0 -3px 0 #c5171a;<br /> }<br /> <br /> /* TOC */<br /> .toc, #toc { background: #f6f8f6 !important; border-color: #37723a !important; }<br /> .toctitle h2 { color: #111 !important; }<br /> <br /> /* Footer */<br /> #footer { background: #fff !important; color: #111 !important; border-color: #ddd !important; }<br /> #footer a, #footer-places a { color: #37723a !important; }<br /> #footer-info li, #footer-places li { color: #111 !important; }<br /> #footer-poweredbyico { display: none !important; }<br /> <br /> /* Continue / forminput submit button: green = primary action, red on hover */<br /> .pfCreateOrEditButton .oo-ui-buttonElement-button {<br /> background: #37723a !important;<br /> color: #fff !important;<br /> border-color: #2b5a2e !important;<br /> }<br /> .pfCreateOrEditButton .oo-ui-buttonElement-button:hover {<br /> background: #2b5a2e !important;<br /> border-color: #c5171a !important;<br /> }<br /> <br /> /* Text selection */<br /> ::selection { background: #37723a; color: #fff; }<br /> <br /> /* Form inputs */<br /> input[type=&quot;text&quot;], input[type=&quot;search&quot;], input[type=&quot;url&quot;],<br /> input[type=&quot;email&quot;], textarea, select {<br /> background: #fff !important; color: #111 !important;<br /> border: 1px solid #999 !important;<br /> }<br /> input[type=&quot;text&quot;]:focus, input[type=&quot;search&quot;]:focus, input[type=&quot;url&quot;]:focus,<br /> input[type=&quot;email&quot;]:focus, textarea:focus, select:focus {<br /> border-color: #37723a !important;<br /> outline: 1px solid #37723a !important;<br /> }<br /> <br /> /* Search and generic input placeholders */<br /> #searchInput::placeholder, input[type=&quot;search&quot;]::placeholder,<br /> input[type=&quot;text&quot;]::placeholder {<br /> color: #999 !important;<br /> }</div>

Admin