|
|
| Line 5: |
Line 5: |
| padding-bottom: 10px; | | padding-bottom: 10px; |
| } | | } |
|
| |
| #p-logo,
| |
| #p-logo a {
| |
| height: 140px;
| |
| }
| |
|
| |
| /* Set the outer content link colours to light gray and white */
| |
| #mw-panel *:not(h3) > a:not(:hover):not(:focus),
| |
| #footer a:not(:hover):not(:focus),
| |
| .mw-notification a:not(:hover):not(:focus) {
| |
| color: #BFBFBF !important;
| |
| }
| |
|
| |
| #mw-panel h3,
| |
| #mw-panel a,
| |
| #footer li,
| |
| #footer a,
| |
| .mw-notification a {
| |
| color: #FFF !important;
| |
| }
| |
|
| |
| #mw-panel h3 {
| |
| text-decoration: none !important;
| |
| cursor: pointer;
| |
| }
| |
|
| |
| /* Set the tab link colours to black and bold */
| |
| #p-namespaces a,
| |
| #p-views a,
| |
| #p-cactions-label span,
| |
| div#mw-head div.vectorMenu h4,
| |
| div#p-variants.vectorMenu #mw-vector-current-variant {
| |
| font-weight: bold;
| |
| text-decoration: none;
| |
| }
| |
|
| |
| /* Use black links */
| |
| #p-namespaces a,
| |
| #p-views a,
| |
| #p-sharing span,
| |
| #p-cactions-label span,
| |
| div#mw-head div.vectorMenu h4 {
| |
| color: #000;
| |
| }
| |
|
| |
| #p-namespaces .new a,
| |
| #p-views .new a {
| |
| color: #BA0000;
| |
| }
| |
|
| |
| /* Add some margin to help with the 3D effect */
| |
| #right-navigation,
| |
| #content {
| |
| margin-right: 10px;
| |
| }
| |
| #footer {
| |
| margin-right: 8px;
| |
| }
| |
|
| |
| /* Position the tabs */
| |
| #left-navigation,
| |
| #right-navigation {
| |
| margin-top: 54px;
| |
| }
| |
|
| |
| #mw-head-base {
| |
| height: 80px;
| |
| }
| |
|
| |
| /* Give the tabs the grass block styling */
| |
| nav.vector-menu-tabs,
| |
| nav.vector-menu-dropdown {
| |
| background: none;
| |
| padding: 0;
| |
| height: 36px;
| |
| }
| |
|
| |
| nav.vector-menu-tabs li a {
| |
| box-sizing: unset;
| |
| }
| |
|
| |
| nav.vector-menu-tabs,
| |
| nav.vector-menu-tabs a,
| |
| .vector-menu-portal .vector-menu-heading,
| |
| nav.vector-menu-tabs ul,
| |
| nav.vector-menu-tabs ul li.selected,
| |
| #mw-head .vector-menu-dropdown .vector-menu-heading {
| |
| background: none;
| |
| }
| |
|
| |
| nav.vector-menu-tabs ul li,
| |
| nav.vector-menu-tabs ul li.selected,
| |
| nav.vector-menu-tabs ul li:hover,
| |
| nav.vector-menu-tabs ul li:focus,
| |
| nav.vector-menu-dropdown,
| |
| nav.vector-menu-dropdown:hover,
| |
| nav.vector-menu-dropdown:focus {
| |
| --ca-background-image: var(--vector-tabs);
| |
| --ca-background-color: var(--content-border-top-color);
| |
| background: var(--ca-background-image) no-repeat right 8px top,
| |
| linear-gradient(to right, var(--ca-background-color) calc(100% - 14px), transparent 0) no-repeat left 6px top 6px;
| |
| position: relative;
| |
| }
| |
|
| |
| nav.vector-menu-tabs ul li.selected,
| |
| nav.vector-menu-tabs ul li:hover,
| |
| nav.vector-menu-tabs ul li:focus,
| |
| nav.vector-menu-dropdown:hover,
| |
| nav.vector-menu-dropdown:focus {
| |
| --ca-background-color: var(--content-background-color);
| |
| background-position-y: bottom, 6px;
| |
| }
| |
|
| |
| nav.vector-menu-tabs ul li:before,
| |
| nav.vector-menu-dropdown:before {
| |
| content: "";
| |
| position: absolute;
| |
| left: 0;
| |
| background: var(--ca-background-image) var(--content-border-top-color) no-repeat left top;
| |
| width: 6px;
| |
| height: 100%;
| |
| pointer-events: none;
| |
| }
| |
|
| |
| #left-navigation nav.vector-menu-tabs li:first-child:before {
| |
| background: var(--vector-tabs-first) no-repeat left top;
| |
| height: 93px
| |
| }
| |
|
| |
| nav.vector-menu-tabs li a {
| |
| padding: 15px 14px 0 20px;
| |
| height: 21px;
| |
| margin-right: 8px;
| |
| }
| |
|
| |
| .vector-menu-tabs .mw-watchlink.icon a {
| |
| width: 45px;
| |
| margin-right: 3px;
| |
| margin-bottom: -4px;
| |
| }
| |
|
| |
| .vector-menu-tabs .mw-watchlink.icon a:before {
| |
| left: 1.17em;
| |
| }
| |
|
| |
| nav.vector-menu-dropdown label {
| |
| padding: 15px 14px 0 20px !important;
| |
| }
| |
|
| |
| nav.vector-menu-dropdown .vector-menu-content {
| |
| transition: none;
| |
| margin-left: 6px;
| |
| min-width: calc(100% - 14px); /* Subtract 14px from the minimum width so that it doesn't cross the grass border */
| |
| }
| |
|
| |
| .vector-menu-dropdown:focus-within .vector-menu-content,
| |
| .vector-menu-dropdown:hover .vector-menu-content {
| |
| opacity: 1;
| |
| visibility: visible;
| |
| height: auto;
| |
| }
| |
|
| |
| nav.vector-menu {
| |
| margin: 0 8px 0 6px;
| |
| }
| |
| #p-views,
| |
| #p-cactions {
| |
| margin: 0;
| |
| }
| |
| #p-cactions {
| |
| padding-right: 8px;
| |
| }
| |
|
| |
| #left-navigation nav.vector-menu {
| |
| margin-left: 0;
| |
| }
| |
|
| |
| nav.vector-menu h3 span {
| |
| padding-left: 14px;
| |
| font-weight: bold;
| |
| }
| |
|
| |
| nav.vector-menu h3 a {
| |
| height: 36px;
| |
| margin-right: 8px;
| |
| }
| |
|
| |
| nav.vector-menu div.vector-menu-content {
| |
| top: 35px;
| |
| }
| |
|
| |
| .vector-menu-portal .vector-menu-content,
| |
| #p-personal .vector-menu-content-list,
| |
| #footer {
| |
| background-color: #232324;
| |
| border: 2px #313233 solid;
| |
| }
| |
| nav.vector-menu-portal,
| |
| #p-personal {
| |
| background-color: #232324;
| |
| border: 2px black solid;
| |
| }
| |
|
| |
| /* Collapsible side panel sections (arrow copied from the Aether Wiki) */
| |
| #mw-panel nav.vector-menu-portal h3:before {
| |
| content: "";
| |
| display: inline-block;
| |
| background: 0 0;
| |
| position: relative;
| |
| width: 0;
| |
| height: 0;
| |
| border-style: solid;
| |
| border-color: #AAA transparent;
| |
| border-width: 6px 5px 0;
| |
| margin-right: -11px;
| |
| margin-bottom: 1px;
| |
| }
| |
|
| |
| #mw-panel nav.vector-menu-portal.collapsed h3:before {
| |
| -webkit-transform: rotate(-90deg);
| |
| transform: rotate(-90deg);
| |
| }
| |
|
| |
| .vector-legacy-sidebar .vector-menu-portal {
| |
| display: var(--sidebar-display, block);
| |
| margin: 0.5em 8px 2px 6px;
| |
| padding: 0;
| |
| }
| |
|
| |
| .vector-legacy-sidebar .vector-menu-portal .vector-menu-content {
| |
| margin-left: 0;
| |
| padding: 0;
| |
| }
| |
|
| |
| .vector-legacy-sidebar .vector-menu-portal .vector-menu-content-list {
| |
| padding: 0.3em 0.5em;
| |
| }
| |
|
| |
| div#mw-panel nav.vector-menu-portal h3 {
| |
| background: conic-gradient(from 180deg at 2px calc(100% - 2px), #6a6b6c 90deg, transparent 0),
| |
| conic-gradient(from 0 at calc(100% - 2px) 2px, #6a6b6c 90deg, transparent 0),
| |
| linear-gradient(to top, #464747 2px, transparent 0px),
| |
| linear-gradient(to bottom, #5a5b5c 2px, transparent 0px),
| |
| linear-gradient(to left, #464747 2px, transparent 0px),
| |
| linear-gradient(to right, #5a5b5c 2px, transparent 0px);
| |
| background-color: #313233;
| |
| padding: calc(0.5em + 2px);
| |
| border-bottom: 2px solid black;
| |
| }
| |
|
| |
| @media screen and (min-width: 720px) {
| |
| div#mw-panel nav.vector-menu-portal.collapsed h3 {
| |
| background: conic-gradient(from 180deg at 2px calc(100% - 2px), #7c7c7d 90deg, transparent 0),
| |
| conic-gradient(from 0 at calc(100% - 2px) 2px, #7c7c7d 90deg, transparent 0),
| |
| linear-gradient(to top, #5a5b5c 2px, transparent 0),
| |
| linear-gradient(to bottom, #6d6d6e 2px, transparent 0),
| |
| linear-gradient(to left, #5a5b5c 2px, transparent 0),
| |
| linear-gradient(to right, #6d6d6e 2px, transparent 0);
| |
| background-color: #48494a;
| |
| padding: 0.5em calc(0.5em + 2px);
| |
| border-bottom: 5px solid #313233;
| |
| }
| |
| }
| |
|
| |
| .vector-legacy-sidebar .vector-menu-portal .vector-menu-heading {
| |
| margin: 0;
| |
| }
| |
|
| |
| nav.mw-portlet.emptyPortlet {
| |
| display: none;
| |
| }
| |
|
| |
| /* Uncomment this to unhide the "Navigation" header of the first sidebar box */
| |
| /* #p-logo + .mw-portlet .vector-menu-heading {
| |
| display: block;
| |
| } */
| |
|
| |
| /*#mw-panel nav.vector-menu-portal.collapsed .vector-menu-content {
| |
| display: none;
| |
| }*/
| |