GW2Wiki:Proyectos/CSS/noncontent ui- vector

/* General body setup */
html, body {
    min-height: 100%;
    height: auto;
}
html {
    background-color: #F3F3F3;
    background-image: url("/images/3/3c/Skin_footer.png"), url("/images/b/b0/Skin_page_bg_gradient.png");
    background-repeat: no-repeat, repeat-x;
    background-position: center bottom -75px, center top;
}

body {
    font-size: 100%;
}

body {
    background-position: top +1.7em left;
    background-image: url("/images/b/b1/Skin_header_(Janthir_Wilds).png");
    background-size: 1050px auto;
    background-repeat: no-repeat;
    background-color: transparent;
}

body.skin-vector-legacy {
    background-position: top -0px left;
}

/* both legacy and non-legacy */
#mw-page-base {
    background: transparent;
}

#p-personal {
    top: 0em;
    background-color: white;
}

#p-personal ul {
    padding-left: 0;
}

/* non-legacy */
.mw-page-container {
    background-color: transparent;
    border: none;
}

.mw-sidebar {
    background-color: rgba(255,255,255,0.7);
    margin-top: 6em;
}

#mw-sidebar-button {
    position: absolute;
    top: 8em;
    background-image: linear-gradient(to top,#77c1f6 0,#e8f2f8 1px,#ffffff 100%);
    background-position: left bottom;
    background-repeat: repeat-x;
    border-right: 1px solid transparent;
    width: 2.6em;
    height: 2.5em;
    padding: 0;
}

#mw-sidebar-checkbox:not(:checked) ~ .mw-header #mw-sidebar-button {
    top: 3.6em;
    border-right: 1px solid #a7d7f9;
}

/* only required for non-legacy */
#content {
    background: white;
}

/* Switch off tiny column view */
/* Copied this bit from ".skin-vector-disable-max-width", which is applied on all view history pages for example */
.mw-content-container {
    max-width: none;
}
.mw-checkbox-hack-checkbox:checked ~ .mw-workspace-container .mw-content-container {
    margin-left: 11.5em;
}

/* Tweak left and right navigation to match full width view */
div.mw-page-container,
div.mw-workspace-container {
    max-width: unset;
    margin-left: unset;
    margin-right: unset;
}

div.mw-article-toolbar-container {
    margin-left: 2.7em;
    max-width: unset;
}

.mw-checkbox-hack-checkbox:checked ~ .mw-workspace-container .mw-article-toolbar-container {
    margin-left: 11.5em;
}

/* Fixes for transparent personal menu */
#p-personal-more .vector-menu-content {
    background-color: white;
}

@media screen and (min-width: 1000px) {
  .mw-header .vector-search-box.vector-search-box-auto-expand-width {
      margin-left: 1.8em;
  }
}

#p-cactions {
    background-image: linear-gradient(to top,#77c1f6 0,#e8f2f8 1px,#ffffff 100%);
}

a.mw-ui-icon-wikimedia-search {
    background-image: linear-gradient(to top,#77c1f6 0,#e8f2f8 1px,#ffffff 100%);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

/* these behave weirdly */
.mw-body .mw-indicators {
    position: absolute;
    right: 1em;
}