User:Jandre3000/vector.css

/* body { background-color: #f8f9fb; display: grid; grid-template-areas: "v-header-logo  v-header-search v-personal-tools" "v-sidebar-nav  v-page-history-talk v-page-actions" "v-sidebar-nav  v-content v-content" "v-sidebar-tools v-content v-content" "v-sidebar-inter v-content v-content" "v-sidebar-lang v-content v-content" "v-sidebar-lang v-footer v-footer"; grid-template-rows: 50px 70px auto auto auto auto 1fr; grid-template-columns: 200px auto auto; }

img { max-width: 100%; } body * { margin: 0; padding: 0; }

display: none; }
 * 1) mw-data-after-content,
 * 2) mw-page-base,
 * 3) mw-head-base,
 * 4) p-views {

display: contents; }
 * 1) mw-head {

position: static; float: none; }
 * 1) mw-head * {

.mw-body .firstHeading { z-index: 1; position: relative; padding-bottom: 0.3em; border-bottom: 1px solid lightgrey; }

grid-area: v-personal-tools; align-self: center; justify-self: end; padding-right: 24px; }
 * 1) p-personal {

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

color: #333; }
 * 1) p-personal a {

grid-area: v-page-history-talk; margin: 0; z-index: 1; margin-left: 18px; border-bottom: 1px solid lightGrey; align-self: end; }
 * 1) left-navigation {

display: contents; }
 * 1) right-navigation {

.vectorTabs, .vectorTabs ul { background-image: none; }

.vectorTabs .selected { font-weight: bold; border-bottom: 2px solid; }

.vectorTabs li a { color: #333; }

float: left; background-image: none; }
 * 1) ca-nstab-main,
 * 2) ca-talk {

.vectorTabs span { background-image: none; }

background-image: none; }
 * 1) mw-head .vectorMenu h3 {

grid-area: v-header-search; position: relative; z-index: 1; }
 * 1) p-search {

width: 100%; margin: 0; max-width: none; }
 * 1) simpleSearch {

position: absolute; }
 * 1) simpleSearch #searchButton {

background-color: white; font-size: 14px; border-radius: 2px; padding: 8px; width: 100%; border-color: lightgrey; }
 * 1) simpleSearch #searchInput {

grid-area: v-page-actions; position: relative; border-bottom: 1px solid lightGrey; margin-right: 24px; align-self: end; display: block; }
 * 1) p-cactions {

right: 0; top: 0; display: inline-block; width: auto; position: relative; vertical-align: bottom; float: right !important; }
 * 1) p-cactions-label {

.vectorMenu .menu { position: absolute !important; }

display: contents; }
 * 1) mw-navigation {

padding-bottom: 14px; }
 * 1) mw-panel .portal .body li {

color: #333; font-size: 14px; }
 * 1) mw-panel .portal .body li a {

color: #333; }
 * 1) mw-panel .portal .body li a:visited {

grid-area: v-content; margin: 0; position: relative; border: 0; }
 * 1) content {

div#content:before { content: ""; display: block; width: 100%; height: calc( 100% + 70px ); background-color: #fff; z-index: 0; position: absolute; top: -70px; left: 0; box-shadow: 0 0 12px rgba( 0, 0, 0, 0.1 ); }

display: contents; }
 * 1) mw-panel {

grid-area: v-header-logo; height: 55px; z-index: 0; top: 0; left: 0; }
 * 1) p-logo {

height: 100%; opacity: 0.1; filter: grayscale( 100% ); }
 * 1) p-logo a {

div#p-logo:before { content: ""; display: block; width: 100%; position: absolute; top: 0; height: 54px; background-color: #f8f9fb; box-shadow: 0 2px rgba( 0, 0, 0, 0.1 ); z-index: -1; }

grid-area: v-sidebar-nav; }
 * 1) p-navigation {

grid-area: v-sidebar-inter; }
 * 1) p-interaction {

grid-area: v-sidebar-lang; }
 * 1) p-lang {

grid-area: v-sidebar-tools; }
 * 1) p-tb {

grid-area: v-footer; margin-left: 0; }
 * 1) footer {