MediaWiki:Gadget-MobileNavigation.css
Jump to navigation
Jump to search
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
@media screen and (max-width: 999px) {
/*************************/
/* HS WIKI ***************/
/*************************/
div#content {
padding-left: 0.2em !important;
}
body > .content-wrapper, #mw-navigation {
display: contents;
}
.mw-body, #mw-data-after-content {
margin-left: 0;
}
.mw-body#content .content-body {
width: 100%;
}
#mw-page-base {
height: 256px;
}
#p-logo {
position: absolute;
top: -175px;
left: calc(50% - 107px);
}
/* Sidebar icons */
#p-Navigation-label, #p-Constructed-label {
display: block !important;
white-space: nowrap;
width: 2em;
}
#p-Navigation-label::before, #p-Constructed-label::before {
content: "";
background-repeat: no-repeat;
background-position: center top;
background-size: 100% auto;
display: inline-block;
width: 2em;
height: 2em;
margin-bottom: -0.75em;
}
#p-Navigation-label::before {
background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzE4JyB2aWV3Qm94PScwIDAgMjAwIDIwMCcgd2lkdGg9JzE4JyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J003NSwyMEg0MEEyMC4wNiwyMC4wNiwwLDAsMCwyMCw0MFY3NUEyMC4wNiwyMC4wNiwwLDAsMCw0MCw5NUg3NUEyMC4wNiwyMC4wNiwwLDAsMCw5NSw3NVY0MEEyMC4wNiwyMC4wNiwwLDAsMCw3NSwyMFptMCw1NUg0MFY0MEg3NVptOTUtMjcuNWExMCwxMCwwLDAsMC0xMCwxMFY3NUgxMjVWNDBoMTcuNWExMCwxMCwwLDAsMCwwLTIwSDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMFY3NWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFY1Ny41QTEwLDEwLDAsMCwwLDE3MCw0Ny41Wk03NSwxMDVINDBhMjAuMDYsMjAuMDYsMCwwLDAtMjAsMjB2MzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAsMjBINzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAtMjBWMTI1QTIwLjA2LDIwLjA2LDAsMCwwLDc1LDEwNVptMCw1NUg0MFYxMjVINzVabTg1LTU1SDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMHYzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFYxMjVBMjAuMDYsMjAuMDYsMCwwLDAsMTYwLDEwNVptMCw1NUgxMjVWMTI1aDM1WicvPjwvc3ZnPg==);
filter: invert(1);
}
#p-Constructed-label::before {
background-image: url('/images/9/94/Constructed.png');
}
/* END Sidebar icons */
/* HS WIKI END ***********/
:root {
--main-layout-sidespace: 0;
--main-layout-logo-height: calc( var(--theme-site-logo-height) * 0.75 + 20px);
}
/* re-style "sidebar" nav */
body {
height: 100%;
grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0, 1fr) [content-right aside-right] 0 [body-right];
grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end];
}
#mw-panel {
height: 35px;
display: flex;
align-items: flex-end;
background: var(--theme-sidebar-box-background-2);
right: 0;
left: initial;
position: absolute;
justify-content: center;
top: 200px;
width: 100%;
background: url(/images/b/b2/WikiaRail-Background.jpg);
box-shadow: 0 0 10px #000 inset;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
color: white;
border-image: url(/images/e/e1/Main_page_rail_border.png) 10 repeat;
-moz-border-image: url(/images/e/e1/Main_page_rail_border.png) 10 repeat;
-o-border-image: url(/images/e/e1/Main_page_rail_border.png) 10 repeat;
-webkit-border-image: url(/images/e/e1/Main_page_rail_border.png) 10 repeat;
}
#mw-panel .portal,
#mw-panel #p-logo + .portal {
background: none;
box-shadow: none;
border: 0;
margin: 0;
position: relative;
}
#mw-panel #p-logo + .portal .vector-menu-heading,
#mw-panel .portal .vector-menu-heading {
padding: 8px 2px !important;
margin: 0 !important;
font-size: 60% !important;
border: 0 !important;
background: none !important;
color: var(--theme-sidebar-heading-text-color-2) !important;
}
/*To prevent conflict with CollapsibleVector*/
#mw-panel.collapsible-nav .portal .vector-menu-content {
background: url(/images/b/b2/WikiaRail-Background.jpg) !important;
}
/* To prevent extra width on mobile */
#mw-panel .vector-menu:nth-last-child(1) .vector-menu-content,
#mw-panel .vector-menu:nth-last-child(2) .vector-menu-content {
left: initial;
right: 0;
}
#mw-panel #p-logo + .portal.expanded .vector-menu-heading,
#mw-panel .portal.expanded .vector-menu-heading,
#mw-panel #p-logo + .portal:hover .vector-menu-heading,
#mw-panel .portal:hover .vector-menu-heading {
background: var(--theme-sidebar-list-item-hover-mask);
border-radius: 0;
}
#mw-panel .portal .vector-menu-heading::after {
border-color: var(--theme-sidebar-heading-arrow-color-2) transparent;
}
#mw-panel .portal .vector-menu-heading:hover::after {
border-color: var(--theme-sidebar-heading-arrow-color-hover-2) transparent;
}
#mw-navigation #mw-panel .portal .vector-menu-heading::after {
margin-left: 4px;
}
#mw-panel div.portal .vector-menu-heading::after {
border-width: 6px 5px 0 5px;
}
#mw-panel div.portal.expanded .vector-menu-heading::after,
#mw-panel div.portal:hover .vector-menu-heading::after {
border-width: 0 5px 6px 5px;
}
#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
position: absolute;
left: 0;
top: 100%;
z-index: 50;
width: max-content;
background: url(/images/b/b2/WikiaRail-Background.jpg);
box-shadow: 0 0 10px #000 inset;
border-left: 10px solid transparent;
border-bottom: 10px solid transparent;
border-right: 10px solid transparent;
color: white;
border-image: url(/images/e/e1/Main_page_rail_border.png) 10 repeat;
-moz-border-image: url(/images/e/e1/Main_page_rail_border.png) 10 repeat;
-o-border-image: url(/images/e/e1/Main_page_rail_border.png) 10 repeat;
-webkit-border-image: url(/images/e/e1/Main_page_rail_border.png) 10 repeat;
min-width: 8em;
}
#mw-panel #p-logo + .portal.expanded .body,
#mw-panel .portal.expanded .body,
#mw-panel #p-logo + .portal:hover .body,
#mw-panel .portal:hover .body {
display: block !important;
}
#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
padding: 6px 8px;
}
/* search: move to sidebar nav box ("main nav bar") */
div#mw-head {
position: absolute;
top: 255px;
}
/* search: move to sidebar nav box ("main nav bar") */
#mw-head #p-search {
position: absolute;
bottom: 90px;
left: 10%;
min-width: 80%;
max-width: 100%;
}
#mw-head #p-search #simpleSearch {
width: 100%;
max-width: 100%;
}
#mw-head #right-navigation #p-cactions {
margin-right: 0;
}
/* "more" menu in #right-navigation causes horizontal scroll bar appear */
#right-navigation .vector-menu-dropdown .vector-menu-content {
left: auto;
right: -1px; /* 1px for border */
}
/* hide sidebar toggle */
#nav-content-size-toggle {
display: none;
}
/* site footer */
body > footer {
margin-top: var(--main-layout-gap);
}
/*Header icons*/
.vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a {
padding-top: 1em !important;
}
#mw-head {
top: unset; /* reset */
--icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E");
--icon-size: 1.5em;
}
#mw-head .vector-menu-tabs .mw-list-item a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
--theme-link-color-hover: var(--hswiki-general-color);
width: 1.5em; /* same as line height */
height: 1.5em;
box-sizing: content-box;
padding: 5px;
color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/
}
#mw-head .vector-menu-tabs .mw-list-item a::before,
#mw-head .vector-menu-dropdown .vector-menu-heading::before {
content: "";
display: block;
position: unset;
background-image: none;
width: var(--icon-size);
height: var(--icon-size);
margin: calc((1.5em - var(--icon-size)) / 2);
--mask: var(--icon) no-repeat;
-webkit-mask: var(--mask);
mask: var(--mask);
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-position: center center;
mask-position: center center;
background-color: var(--hswiki-general-color);
}
#mw-head .vector-menu-tabs .mw-list-item a:hover::before,
#mw-head .vector-menu-dropdown .vector-menu-heading:hover::before {
background-color: var(--hswiki-ext-link-color);
}
#mw-head .vector-menu-tabs .mw-list-item a span,
#mw-head .vector-menu-dropdown .vector-menu-heading span {
display: none;
}
#mw-head .vector-menu-dropdown .vector-menu-heading::after {
display: none;
}
#ca-edit {
--icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E");
}
#ca-ve-edit {
--icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E");
}
#ca-view,
#ca-view-foreign {
--icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E");
}
#left-navigation li[id^=ca-nstab-] {
--icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E");
}
#ca-history {
--icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E");
}
#ca-talk {
--icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E");
}
#ca-watch{
--icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E");
}
#ca-unwatch{
--icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E");
}
#t-contributions {
--icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
}
#ca-addsection {
--icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E");
}
#ca-viewsource {
--icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E");
}
#p-variants {
--icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E");
}
#p-cactions {
--icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E");
}
#ca-editschema{
--icon: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaWQ9IkxheWVyXzEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUwIDUwOyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNTAgNTAiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnIGlkPSJMYXllcl8xXzFfIj48cGF0aCBkPSJNNSw3djQyaDM0di02aDZWMUgxMXY2SDV6IE0zNyw0N0g3VjloNGgxOXY3aDd2MjdWNDd6IE0zMiwxMC40MTRMMzUuNTg2LDE0SDMyVjEwLjQxNHogTTEzLDNoMzB2MzhoLTRWMTQuNTg2TDMxLjQxNCw3SDEzICAgVjN6Ii8+PHJlY3QgaGVpZ2h0PSIyIiB3aWR0aD0iMjIiIHg9IjExIiB5PSIyMCIvPjxyZWN0IGhlaWdodD0iMiIgd2lkdGg9IjIyIiB4PSIxMSIgeT0iMjYiLz48cmVjdCBoZWlnaHQ9IjIiIHdpZHRoPSIyMiIgeD0iMTEiIHk9IjMyIi8+PHJlY3QgaGVpZ2h0PSIyIiB3aWR0aD0iOSIgeD0iMTEiIHk9IjQwIi8+PHJlY3QgaGVpZ2h0PSIyIiB3aWR0aD0iOSIgeD0iMjQiIHk9IjQwIi8+PHJlY3QgaGVpZ2h0PSIyIiB3aWR0aD0iOCIgeD0iMTgiIHk9IjE0Ii8+PC9nPjwvc3ZnPg==)
}
#ca-formedit{
--icon: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaWQ9IkxheWVyXzEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI0IDI0OyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGQ9Ik0xOS42MDcsMTguNzQ2YzAsMC44ODEtMC43MTYsMS42MjQtMS41OTcsMS42MjRINS4yMzFjLTAuODgxLDAtMS41OTctMC43NDMtMS41OTctMS42MjRWNS45NjcgIGMwLTAuODgxLDAuNzE2LTEuNTcxLDEuNTk3LTEuNTcxaDcuNDU0VjMuMzMySDUuMjMxYy0xLjQ2OCwwLTIuNjYyLDEuMTY4LTIuNjYyLDIuNjM2djEyLjc3OGMwLDEuNDY4LDEuMTk0LDIuNjg4LDIuNjYyLDIuNjg4ICBoMTIuNzc4YzEuNDY4LDAsMi42NjItMS4yMjEsMi42NjItMi42ODh2LTcuNDI4aC0xLjA2NVYxOC43NDZ6Ii8+PHBhdGggZD0iTTIwLjgwNywzLjE3Yy0wLjgwNC0wLjgwNS0yLjIwNy0wLjgwNS0zLjAxMiwwbC03LjE0Myw3LjE0M2MtMC4wNjgsMC4wNjgtMC4xMTcsMC4xNTQtMC4xNCwwLjI0N0w5Ljc2LDEzLjU3MSAgYy0wLjA0NSwwLjE4MSwwLjAwOCwwLjM3MywwLjE0LDAuNTA2YzAuMTAxLDAuMTAxLDAuMjM3LDAuMTU2LDAuMzc2LDAuMTU2YzAuMDQzLDAsMC4wODYtMC4wMDUsMC4xMjktMC4wMTZsMy4wMTItMC43NTMgIGMwLjA5NC0wLjAyMywwLjE3OS0wLjA3MiwwLjI0Ny0wLjE0bDcuMTQzLTcuMTQzYzAuNDAyLTAuNDAyLDAuNjI0LTAuOTM3LDAuNjI0LTEuNTA2UzIxLjIxLDMuNTcyLDIwLjgwNywzLjE3eiBNMTMuMDE2LDEyLjQ2NyAgbC0yLjAwOCwwLjUwMmwwLjUwMi0yLjAwOGw1LjkwOS01LjkwOWwxLjUwNiwxLjUwNkwxMy4wMTYsMTIuNDY3eiBNMjAuMDU0LDUuNDI4bC0wLjM3NiwwLjM3NmwtMS41MDYtMS41MDZsMC4zNzYtMC4zNzYgIGMwLjQwMi0wLjQwMiwxLjEwNC0wLjQwMiwxLjUwNiwwYzAuMjAxLDAuMjAxLDAuMzEyLDAuNDY4LDAuMzEyLDAuNzUzQzIwLjM2Niw0Ljk2LDIwLjI1NSw1LjIyNywyMC4wNTQsNS40Mjh6Ii8+PC9zdmc+)
}
#ca-generatepages{
--icon: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgZmlsbD0ibm9uZSIgaGVpZ2h0PSIyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xLjk5MjE5IDE5SDQuOTkyMTlNNy45OTIxOSAxOUg0Ljk5MjE5TTQuOTkyMTkgMTlWMTZNNC45OTIxOSAxOVYyMiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwYXRoIGQ9Ik03IDJMMTYuNSAyTDIxIDYuNVYxOSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwYXRoIGQ9Ik0xMSAyMkgxNi41QzE3LjMyODQgMjIgMTggMjEuMzI4NCAxOCAyMC41VjguNzQ4NTNDMTggOC41ODk0IDE3LjkzNjggOC40MzY3OSAxNy44MjQzIDguMzI0MjZMMTQuNjc1NyA1LjE3NTc0QzE0LjU2MzIgNS4wNjMyMSAxNC40MTA2IDUgMTQuMjUxNSA1SDQuNUMzLjY3MTU3IDUgMyA1LjY3MTU3IDMgNi41VjEzIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PHBhdGggZD0iTTE0IDguNFY1LjM1MzU1QzE0IDUuMTU4MjkgMTQuMTU4MyA1IDE0LjM1MzYgNUMxNC40NDczIDUgMTQuNTM3MiA1LjAzNzI1IDE0LjYwMzYgNS4xMDM1NUwxNy44OTY0IDguMzk2NDVDMTcuOTYyOCA4LjQ2Mjc1IDE4IDguNTUyNjggMTggOC42NDY0NUMxOCA4Ljg0MTcxIDE3Ljg0MTcgOSAxNy42NDY0IDlIMTQuNkMxNC4yNjg2IDkgMTQgOC43MzEzNyAxNCA4LjRaIiBmaWxsPSJjdXJyZW50Q29sb3IiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=)
}
/*END Header icons*/
} /* screen and (max-width: 999px) */
/**** side panel START ***********************************************************/
/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
content: "";
display: inline-block;
background: none;
position: relative;
width: 0;
height: 0;
border-style: solid;
border-color: #fff transparent;
border-width: 0 5px 6px 5px;
margin-top: 4px;
vertical-align: middle;
flex: 0 0 auto;
}
#mw-panel .portal .vector-menu-heading:hover::after {
border-color: #fff transparent;
}
#mw-panel .portal.collapsed .vector-menu-heading::after {
border-width: 6px 5px 0 5px;
}
/**** side panel END ***********************************************************/