MediaWiki:Vector.css

/* All CSS here will be loaded for users of the Vector skin */

/* general */ body, #mw-head { background:#e6707b;}

.vector-menu-portal { margin: 0px; background: white; padding-left: 10px !important; }

background: transparent; }
 * 1) mw-page-base {

.vector-menu-tabs li { background-image: linear-gradient(to top,#f677c1 0,#f8e8f2 1px,#fff 100%); }

.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown h3 { background-image: linear-gradient(to bottom,rgba(167,215,249,0) 0,#f9a7d7 100%); }

.vector-menu-dropdown { background-color:#FFF; background-image: linear-gradient(to bottom,rgba(167,215,249,0) 0,#f9a7d7 100%); margin-left:5px; }

.vector-menu-portal { padding-left: 7px; }

.vector-menu-portal .vector-menu-content ul { list-style: square; }

/* user links */ background: #FFF; border-left: 1px solid #aaa; border-bottom: 1px solid #aaa; width:auto; right: -7px; }
 * 1) p-personal > div > ul {

padding-left: 1em; padding-right: 1em; }
 * 1) p-personal ul {

top:0px; } /* footer */ .mw-footer { background-color:white; padding-bottom:45px; }
 * 1) p-personal {

/* buttons */ .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: #fff; background-color: #c36; border-color: #c36; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover { background-color: #f5447f; border-color: #f5447f; }

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus { border-color: #c36; box-shadow: inset 0 0 0 1px #c36,inset 0 0 0 2px #fff; }

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button { background-color: #8d2a4b; border-color: #8d2a4b; }

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { border-color: #c36; box-shadow: inset 0 0 0 1px #c36; }

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { border-color: #c36; box-shadow: inset 0 0 0 1px #c36; outline: 1px solid transparent; }

span.cancelLink:focus { outline-color: #c36; }

/* input */ .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus { outline: 0; border-color: #c36; box-shadow: inset 0 0 0 1px #c36; }

.oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus { border-color: #c36; }

.oo-ui-fieldLayout-field:focus { background:#c36; }

/* checkboxes */ .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span { background-color: #c36; border-color: #c36; }

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { background-color: #c36; border-color: #c36; box-shadow: inset 0 0 0 1px #c36,inset 0 0 0 2px #fff; } .mw-ui-button:focus { border-color: #c36; box-shadow: inset 0 0 0 1px #c36,inset 0 0 0 2px #ffffff; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover + span { background-color: #f5447f; border-color: #f5447f; }

.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus { border-color: #c36; outline: 0; box-shadow: inset 0 0 0 1px #c36; }

/* calendar widget */ .mw-widget-calendarWidget-day-today { box-shadow: inset 0 0 0 1px #c36; } .mw-widget-calendarWidget-item:hover { background-color: #c36; } .mw-widget-dateInputWidget-calendar:focus { box-shadow: inset 0 0 0 1px #c36,0 2px 2px 0 rgba(0,0,0,0.25); } .mw-widget-calendarWidget-item-selected { background-color: #8d2a4b; }

.mw-widget-calendarWidget:focus { border-color: #c36; }

/* search bar */ background-color:#FFF; }
 * 1) searchInput {

outline: 0; border-color: #c36; box-shadow: inset 0 0 0 1px #c36; }
 * 1) searchInput:focus, #simpleSearch:hover #searchInput:focus {

.suggestions:focus, .suggestions-special:focus, .suggestions-result:focus, .special-query:focus { outline-color:#c36; }

.suggestions-result-current { background-color: #8d2a4b; }

/* user links */ background-image: url(https://static.miraheze.org/kirbyencyclopediawiki/5/54/User-icon.png); padding-left: 20px !important; background-size:auto; }
 * 1) pt-anonuserpage, #pt-userpage a {

/* category box */ .catlinks { background-color: #FFF0F0; }

/* round */ .vector-menu-dropdown { border-top-left-radius:1em; border-top-right-radius:1em; }

.vector-menu-tabs li:first-child { border-top-left-radius:1em; }

.vector-menu-tabs li:last-child { border-top-right-radius:1em; }

.mw-footer { border-bottom-left-radius: 1em; }