User:HiB2Bornot2B/vector.css

From Wikipedia, the free encyclopedia
Note: After saving, you have to bypass your browser's cache to see the changes. Google Chrome, Firefox, Microsoft Edge and Safari: Hold down the ⇧ Shift key and click the Reload toolbar button. For details and instructions about other browsers, see Wikipedia:Bypass your cache.
/* Make all of the links lowercase */
#p-personal li { text-transform: lowercase; }
/* Override the lowercasing for the username */
li#pt-userpage { text-transform: none !important; }

/* Splark 2012-2016 */ /* http://userstyles.org/styles/79374 */

/* Layout
****************************************************************/

  /* Width & justification
  *********************************/

    #content.mw-body {
      max-width: 57.5em!important; /* 920px @ 16pt (default, for em calculations) 12.8pt (actual) */
      min-width: 49.3em!important; /* small, narrow articles look awkward */
      position: absolute!important;
    }

    #bodyContent {
      /*max-width: 900px!important;*/
      /*box-shadow: 0px 0px 30px #444!important;*/
      /* cross-browser support */
        /*-webkit-box-shadow: 0px 0px 45px #444!important;*/
      /*padding: 18px 18px 0px 18px!important;*/
      /*margin-left: 20px!important;*/
    }

    #bodyContent p, 
    #bodyContent dl, 
    #bodyContent dd, 
    #bodyContent td, 
    #bodyContent li {
      max-width: 46.875em!important; /* 750px @ 16pt */ /* 28em: recommended for newspapers */
    }
  
    #bodyContent blockquote {
      max-width: 39.5em!important;
    }

    #mw-content-text {
      text-align: justify!important;
      /* text-justify: auto; */ /* deprecated? */
    }
    #mw-content-text table {
      text-align: center!important; 
    }

  /* Box centering
  *********************************/

    body {
      max-width: 80em!important; /* 1280px, body @ 16pt */ /* 67.5em : 1080px */
      margin: auto!important;
    }

    #mw-head {
      max-width: 80em!important; /* 1280px */
      margin: auto!important;
      left: 0px!important;
    }

    #mw-panel {
      position: relative!important;
      float: left!important;
    }

    /* Pushes #right-navigation over to the left so it doesn't hang off the edge with the new #content width */
    #right-navigation,
    html > body > div.suggestions {
      position: absolute!important;
      right: calc(23vw - 8.3rem)!important; /* still at 10.1em at body=80em, and shrinks to avoid colliding buttons */
    }
    /* Prevents search bar from hanging off the right once vw gets too wide */
    @media (min-width: 80em) {
      #right-navigation {
        position: absolute!important;
        right: 10.1rem!important;
      }
      html > body > div.suggestions /* behaves differently since body has no 'position:' set, and aligns off of html */
      {
        position: absolute!important;
        right: calc(50vw - 29.3rem)!important;
      }
    }
    #mw-head {
      /* old version of pushing #right-navigation over; doesn't work with centering */
      /* max-width: 1150px; */
      /* left: 0px!important; */
    }
  
    /* centering text * /
    #bodyContent p {
      margin: 5.11667px auto 6.4px auto!important;
    }
  
    #bodyContent blockquote {
      margin: 0px auto 12.8px auto!important;
    }
  
    #bodyContent ul {
      margin: 3.83333px auto 0px auto!important;
    }
  
    #bodyContent li {
      margin: 0px auto 1.28333px auto!important;
    }
    /* */
  
    /* alternate centering text * /
    #content.mw-body {
      padding-left: 10em!important; /* padding ignores max-width, runs over * /
    }
    /* */

  /* Bottom
  *********************************/

    /* extra space at bottom of page */
    #content.mw-body:after {
      content: " "!important;
      height: 6rem!important;
      position: absolute!important;
      left: 0px!important;
      top: 100%!important;
      /* just in case */
        width: 100%!important;
        display: block!important;
        clear: both!important;
    }

  /* Box restyling
  *********************************/

    /* removes header white gradient */
    #mw-page-base, #mw-head, #mw-panel {
      background: none!important;
    }

    #mw-head-base {
      /* removing border since it stretches across the whole page when #content has a max-width */
      background: none!important;
    }

    /* removing pseudo-border on "Article" tab */
    #left-navigation #p-namespaces {
      background-image: none!important;
      padding-left: 0px!important;
    }

    #content.mw-body {
      border: none!important;
      margin-top: 0px!important; /* was at -1, to get nav borders to appear seamless with #content's border-top */
      box-shadow: 0px 0px 35px rgba(0,0,0,0.8)!important;
      /* cross-browser support */
        -webkit-box-shadow: 0px 0px 52.5px rgba(0,0,0,0.8)!important; /* 55px needed for chrome to display the same as 35px */
      /* border-right: 1px solid rgba(70,170,190,1.0); */

      /* Replacing border removed from header */
      /* border-top: 1px solid rgb(70,170,190); can't get tabs to z-index above, looks bad */
    }

  /* Navigation
  *********************************/

    /* Nav tabs, unselected */
    #left-navigation #p-namespaces li:not(.selected),
    #left-navigation [id] li:not(.selected),
    #right-navigation #p-views li:not(.selected),
    #right-navigation [id] li:not(.selected) {
      background-image: -moz-linear-gradient(bottom, rgb(232,242,248) 0%, rgb(246,246,246) 88%)!important;
      /* cross-browser support */
        background-image: linear-gradient(bottom, rgb(232,242,248) 0%, rgb(246,246,246) 88%)!important;
        background-image: -webkit-linear-gradient(bottom, rgb(232,242,248) 0%, rgb(246,246,246) 88%)!important;
        background-image: -o-linear-gradient(bottom, rgb(232,242,248) 0%, rgb(246,246,246) 88%)!important;
        background-image: -ms-linear-gradient(bottom, rgb(232,242,248) 0%, rgb(246,246,246) 88%)!important;
      border-bottom: 1px solid rgba(168,215,249,1.0)!important;
      height: 39px!important;
      /* position: relative!important;
      bottom: 1px!important; */ /* old method */
    }

    /* Nav tabs, selected */
    #left-navigation #p-namespaces li.selected,
    #right-navigation #p-views li.selected,
    #left-navigation [id] li.selected,
    #right-navigation [id] li.selected {
      /* position: relative!important; z-index: 9002!important; */ /* z-index not working to supercede content box shadow */
      background-image: -moz-linear-gradient(bottom, rgb(100%,100%,100%) 15%, rgb(246,246,246) 88%)!important;
      /* cross-browser support */
        background-image: linear-gradient(bottom, rgb(100%,100%,100%) 15%, rgb(246,246,246) 88%)!important;
        background-image: -webkit-linear-gradient(bottom, rgb(100%,100%,100%) 15%, rgb(246,246,246) 88%)!important;
        background-image: -o-linear-gradient(bottom, rgb(100%,100%,100%) 15%, rgb(246,246,246) 88%)!important;
        background-image: -ms-linear-gradient(bottom, rgb(100%,100%,100%) 15%, rgb(246,246,246) 88%)!important;
    }

    /* language settings cogwheel */
    #mw-panel #p-lang .uls-settings-trigger {
      float: left!important; /* to prevent from bumping up against content body */
    }

/* Interactive/dynamic buttons
****************************************************************/

  .mw-editsection a,
  .collapseButton a,
  .toctoggle a,
  .NavToggle a {
    color: inherit!important;
  }

  /* makes the brackets part of the link and extends the hover/click range of the button */
    .mw-editsection, /* negates child "color: inherit"s, but necessary for hiding brackets */
    .mw-editsection *:not(a) {
      color: transparent!important;
      /* old; conflicts with new javascript shenanigans */ /*visibility: hidden!important;*/
    }
    .mw-editsection a {
      color: black!important;
      /* old; conflicts with new javascript shenanigans */ /*visibility: visible!important;*/
    }
    .collapseButton:not(a),
    .toctoggle:not(a),
    .NavToggle:not(a) {
      visibility: hidden!important;
    }
    .collapseButton a,
    .toctoggle a,
    .NavToggle a {
      visibility: visible!important;
    }

  /*
  .mw-editsection a:before,
  .collapseButton>a:before,
  .toctoggle>a:before,
  .NavToggle>a:before {
    content: "[";
  }
  .mw-editsection a:after,
  .collapseButton>a:after,
  .toctoggle>a:after,
  .NavToggle>a:after {
    content: "]";
  }
  */

  .mw-editsection a,
  .collapseButton a,
  .toctoggle a,
  .NavToggle a {
    padding: 5px!important;
    background-color: rgba(50%,50%,50%,0.21)!important;
    border-radius: 5px!important;
  }

/* References
****************************************************************/

  /* Inline notes, footnote numbers, and tooltips
  *****************************************/

  /* "Citation needed" */
    /* removes brackets */
    sup.Template-Fact, sup.Inline-Template {
      visibility: hidden!important;
    }
    sup.Template-Fact i a span,
    sup.Inline-Template span {
      visibility: visible!important;
      background-color: rgba(245,241,140,1.0)!important; /* Darker yellow: 216,203,2 */
      border-radius: 7px 3px 7px 3px / 7px 3px 7px 3px!important;
      padding: 0px 4px 0px 3px!important;
      margin-left: -3px!important;
    }

  /* Inline citations */
    sup.reference a {
      color: rgba(0,0,0,0.6)!important;
      /* makes references easier to hover over... slight problems with multiple references in the same spot */
        padding: 7px 7px 7px 7px!important;
        margin: -7px -5px -7px -7px!important; /* -5 to allow stacks to have semi-normal mouseover behavior and separation without completely removing left & right margins */
        border-radius: 10px!important;
        z-index: 4!important; position: relative!important; /* seems to be required or link's extra space from padding often yields to other text -- note: reference tooltips are set at 5 */
        /* for troubleshooting   background-color: rgba(50%,50%,50%,0.3)!important;*/
    }
    sup.reference a span {
      display:none!important; /* removes brackets */
    }
      /* restoration for infobox - citations often confusing with exponents */
      .infobox sup.reference a span {
        display:inline!important;
      }
      /*.infobox sup.reference:first-of-type {
        margin-left: 10px!important;
      }*/

    /* citation tooltip text */
    .referencetooltip .reference-text {
      font-size: 1.28em!important;
      line-height: 1.5em!important;
    }
    /* reference tooltips, external links icon */
    .referencetooltip a.external {
      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVklEQVR4Xn3PgQkAMQhDUXfqTu7kTtkpd5RA8AInfArtQ2iRXFWT2QedAfttj2FsPIOE1eCOlEuoWWjgzYaB/IkeGOrxXhqB+uA9Bfcm0lAZuh+YIeAD+cAqSz4kCMUAAAAASUVORK5CYII=")!important;
      background-repeat: no-repeat!important;
      background-position: 100% 50%!important;
      padding-right: 13px!important;
    }
    /* reference tooltips, pdf icon */
    .referencetooltip a.external[href$=".pdf"] {
      background-image: url("https://upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif")!important;
      background-repeat: no-repeat!important;
      background-position: 100% 50%!important;
      padding-right: 18px!important;
    }

  /* References list
  *****************************************/

    /* References and bottom-of-page navigation */
    .reflist,
    .navbox,
    #catlinks {
      background-color: rgba(0,0,0,0.18)!important;
    }

    /* References' margins become noticeable with background */
    .reflist {
      padding: 10px 15px 15px 0px!important;
    }

    /* Backlinks */
      /* carets */
      .references .mw-cite-backlink b a {
        padding: 3px 5px 0px 5px !important;
        background-color: rgba(0%,0%,0%,0.09)!important;
        border-radius: 5px!important;
      }
      /* lettered sublinks */
      .references .mw-cite-backlink a sup {
        padding: 1px 5px 2px 5px !important;
        background-color: rgba(0%,0%,0%,0.09)!important;
        border-radius: 5px!important;
      }

/* Search results
****************************************************************/

  .searchdidyoumean {
    font-style: italic!important;
  }
  .searchdidyoumean:after {
    content: " ?";
  }

  /* search results header */
  .mw-search-formheader {
    border-top: 1px dashed rgba(50%,50%,50%,0.66)!important;
    border-right: 1px dashed rgba(50%,50%,50%,0.66)!important;
    border-left: 1px dashed rgba(50%,50%,50%,0.66)!important;
    border-bottom-width: 0px!important;
    background-image: -moz-linear-gradient(bottom, rgb(100%,100%,100%) 0%, rgb(246,246,246) 100%)!important;
    /* cross-browser support */
      background-image: linear-gradient(bottom, rgb(100%,100%,100%) 0%, rgb(246,246,246) 100%)!important;
      background-image: -webkit-linear-gradient(bottom, rgb(100%,100%,100%) 0%, rgb(246,246,246) 100%)!important;
      background-image: -o-linear-gradient(bottom, rgb(100%,100%,100%) 0%, rgb(246,246,246) 100%)!important;
      background-image: -ms-linear-gradient(bottom, rgb(100%,100%,100%) 0%, rgb(246,246,246) 100%)!important;
  }
    
  .searchresults {
    margin-left: 3em!important;
  }
    
  /* green page data at bottom */
  .searchresults li .mw-search-result-data {
    color: inherit!important;
    font-family: courier new!important;
  }
    
  /* emphasizing first result */
    .searchresults li:first-of-type .mw-search-result-heading {
      font-size: 2em!important;
      margin-bottom: 4px!important;
    }
    .searchresults li:first-of-type {
      background-color: rgba(50%,50%,50%,0.14)!important;
      padding: 10px 6px 6px 10px!important;
      margin-left: -10px!important; /* realignment */
      margin-bottom: 9px!important;
      border-radius: 13px!important;
    }

/* commons.wikimedia image page
****************************************************************/
  
  #filetoc {
    background-color: transparent!important;
  }

  #file.fullImageLink > a:first-of-type > img {
    margin: 20px auto!important;
    display: block!important; /* won't center without this */
  }

  #stockphoto_base {
    position: relative!important;
    left: 0px!important;
    top: 0px!important;
  }

  #stockphoto_base>* {
    width: auto!important;
    display: inline!important;
  }

  .mw-filepage-resolutioninfo,
  #langselectorcontainer,
  .fullMedia {
    margin-top: 8px!important;
    font-size: 1em!important;
  }

  .fullMedia {
    padding-bottom: 35px!important;
  }

  .fullMedia,
  .fullMedia * {
    margin: auto!important;
    text-align: center!important;
  }
  
  /* "Full resolution" link (always?) */
    /* .mw-filepage-other-resolutions a:last-of-type {} */
    .fullMedia a.internal {
      font-size: 1.7em!important;    
    }

/* Cleanup
****************************************************************/

  #siteSub, /* "from wikipedia, the free encyclopedia */
  .thumbcaption .magnify, /* redundant "enlarge" button */
  #footer
    {display:none!important;}

/* Opacity
****************************************************************/

  /* header nav opacity */
  #left-navigation,
  #right-navigation > div:not(#p-search),
  #p-search input#searchInput,
  #p-personal {
    opacity: 0.4!important;
  }
  #left-navigation:hover,
  #right-navigation > div:not(#p-search):hover,
  #p-search input#searchInput:hover,
  #p-search input#searchInput:focus,
  #p-personal:hover {
    opacity: 1.0!important;
  }
  /* disabled: instead, gradient on nonselected ul's creates opacity effect
  .mw-editsection [class*=editsection],
  li#ca-edit,
  li#ca-talk,
  li#ca-history {
    opacity: 0.3!important;
  } */

  /* left column nav opacity */
  #mw-panel {
    opacity: 0.1!important;
  }
  #mw-panel:hover {
    opacity: 1.0!important;
  }

  /* "Edit" buttons, toggle buttons */
  .mw-editsection a,
  .toctoggle a {
    opacity: 0.33!important;
  }
  .mw-editsection a:hover,
  .mw-editsection a:focus,
  .toctoggle a:hover,
  .toctoggle a:focus {
    opacity: 1.0!important;
  }

/* Transitions (misc)
****************************************************************/

  #mw-panel {
    transition: 0.4s 0.35s!important;
  }

  .mw-editsection a,
  .toctoggle a {
    transition: 0.15s 0.35s!important
  }

/* Other restyling
****************************************************************/

  body {
    background-image: none!important;
  }

  body *::selection {
    background-color:  rgba(51,153,255,0.35) !important; /* or: rgba(28%,28%,28%,0.17) */
  }
  body *::-moz-selection {
    background-color:  rgba(51,153,255,0.35) !important; /* or: rgba(28%,28%,28%,0.17) */
  }

  .dablink, /* disambiguation */
  .rellink /* main article */ /* includes: .relarticle.mainarticle .boilerplate.seealso */
  {
    border-left: 7px solid rgba(131,191,188,1.0)!important; /* */
    margin-left: 20px!important;
    padding-left: 10px!important;    
  }

  .collapseButton a:hover,
  .toctoggle a:hover,
  .NavToggle a:hover,
  sup.Template-Fact i a span,
  sup.Inline-Template span,
  p sup *
  {
    text-decoration: none!important;
  }
  
  sup.Template-Fact i a span,
  sup.Inline-Template span,
  p sup:not(.reference) * {
    color: rgba(0,0,0,0.6)!important; /* Greyish yellow: 120,110,0  Light yellow: 216,203,2 */
  }

  /* IPA
  ********************/
    .IPA,
    .SAMPA, /* on wiktionary */
    .enPR /* on wiktionary */ {
      font-size: 1.15em!important;
    }
    .IPA, .IPA *,
    .SAMPA, .SAMPA *, /* on wiktionary */
    .enPR, .enPR * /* on wiktionary */ {
      letter-spacing: 2px!important;
      /* color: inherit!important; */
      border: none!important; /* underline */
    }
    #content.mw-body p:first-of-type .nowrap *,
    #content.mw-body .IPA * {
      color: rgba(55%,55%,55%,1.0)!important;  
    }
      
    #content.mw-body p .IPA *:hover,
    #content.mw-body p:first-of-type .IPA *:hover /* specificity override */ {
      color: black!important;
    }

  #editform textarea {
    padding: 5px 8px!important;
  }

  /* Spacing
  ****************************************************************/

    h1#firstHeading {
      /* prevents h1 separator (border-bottom) from touching text */
      padding-bottom: 0.1em!important;
    }

    #coordinates {
      /* prevents from touching h1 separator */
      padding-top: 8px!important;
    }



}
                                /*_ - ~ ~ .
                            .-¯¯·.·.·.·.·.·¯ -..
                          .''·'·'·'·'·'·'·'·'·'·`.
           .-~~^-.       /·.·.·.·.·.·.·.·.·.·.·.·.\
         .'  O    \     /·'·'·'·'·'·'·'·'·'·'·'·\·'\
        (_____,    `._.'·.·.·.·.·.·.·.·|         } ·\      A rare sweatered Dherposaurus
          `-U-.        '·'       }'·'·'|        /·'·'\
               `-.      |       /·.·.·.|       /· ·   `. 
                  ¯`-.__|      /_'-'~'·|      /-'_'     `.. 
                        |     /_/      |     /_/   ¯-.     `-.
                        |____/         |____/          ~ - .*/



/***********************************************************/
/******************** Portals (Base) ***********************/
/***********************************************************/
@-moz-document regexp('https?:\/\/[^?]*(wikipedia|wikimedia|mediawiki|wikibooks|wikidata|wikinews|wikiquote|wikisource|wikiversity|wikivoyage|wiktionary)\.(org|net|com)\/wiki\/Portal.+') {
  /* pattern: wikiproject pages continuing from /wiki/Portal... */

/* #content.mw-body #bodyContent #mw-content-text table */

  #mw-content-text table div,
  #mw-content-text table p {
    text-align: justify!important;
  }

  /* Edit buttons - not tagged the same as for articles */
  #content a[href*="&action=edit"] {
    opacity: 0.5!important;
    transition: 0.15s 0.35s!important;
  }
  #content a[href*="&action=edit"]:hover {
    opacity: 1.0!important;
  }
  #content a[href*="&action=edit"]:before {
    content: "["!important;
    color: white!important;
  }
  #content a[href*="&action=edit"]:after {
    content: "]"!important;
    color: white!important;
  }



}



/***********************************************************/
/******************** Front Page (Base) ********************/
/***********************************************************/
@-moz-document regexp('https?:\/\/[^?]*(wikipedia|wiktionary|wikibooks|wikinews|wikiversity|wikiquote)\.(org|net|com)\/(?!.)') {
  /* pattern: wikiproject front pages (for sites where the front page exists and does not redirect to a subpage) */

/* Global
****************************************************************/

  body {
    height: 100vh !important;
    margin: 0px !important;
    background-color: white!important;
    background-repeat: no-repeat!important;
    background-attachment: scroll!important;
  }

  body > .survey-banner-bumper {
    height: 100% !important;
  }

/* Header
****************************************************************/

  body .central-textlogo,
  body #wm-home-header,
  body#www-wikiquote-org #bodyContent > div:first-of-type {
    /*background-color: rgba(100%,100%,100%,0.57)!important;*/
    background-repeat: no-repeat!important;
    background-position: center center!important;
    margin-top: 0px !important;
    margin-left: auto!important;
    margin-right: auto!important;
    padding-top: 40px !important;
    border-radius: 12px!important;
  }

  /* Responsive vanish
  *********************************/
    .central-featured {
      max-height: 1000px !important;
      opacity: 1 !important;
      transition: 0.4s 0.15s !important;
    }
    .search-container {
      transition: 0.2s 0s !important;
    }
  @media (max-height: 750px) {
    .central-featured {
      max-height: 0px !important;
      opacity: 0 !important;
    }
    .search-container {
      margin-top: calc(2.2rem + 15vh) !important;
    }
  }

/* Featured languages & icon
****************************************************************/

  .divTop10item {
    background-color: transparent!important;
  }

  /* Font color / Links
  *********************************/

    /* Central featured */

      /* Level 1 */

        .central-featured-lang a,
        .divTop10item a,
        .divTop10item strong a, /* wikiquote */
        .divTop10item > a, /* wikiversity */
        #wm-globe-inner strong a /* wikiversity */
        {
          color: rgba(00%,00%,00%,0.8)!important;
        }
        .central-featured-lang a strong,
        .divTop10item a strong {
          color: inherit!important;
        }

      /* Level 2 */

        .central-featured-lang em,
        .divTop10item a em,
        .divTop10item > em, /* wikiquote */
        #wm-globe-inner em /* wikiversity */
        {
          color: rgba(00%,00%,00%,0.66)!important; /* Old: (00%,00%,00%,0.66) */
          opacity: 0.8!important;
        }
        .central-featured-lang>em a /* wikinews */ {
          color: inherit!important;
        }

      /* Level 3 */

        .central-featured-lang a small,
        .central-featured-lang small, /* wikinews */
        .divTop10item a small,
        .divTop10item > small, /* wikiquote */
        #wm-globe-inner em
        {
          color: rgba(00%,00%,00%,0.54)!important; /* Old: (00%,00%,00%,0.3) */
          opacity: 0.6!important;
        }

    .central-featured-lang,
    .divTop10item,
    body#www-wikiversity-org #wm-globe-inner {
      /* ghetto stroke to restore clarity */
      text-shadow: rgba(57%,57%,57%,0.20) 1px 1px,
                   rgba(57%,57%,57%,0.20) -1px -1px,
                   rgba(57%,57%,57%,0.20) 1px -1px,
                   rgba(57%,57%,57%,0.20) -1px 1px,
                   rgba(57%,57%,57%,1.00) 0px 0px 5px
      !important;
    }

    body[id*="www-"] a:hover, /* specificity override */
    body[id*="www-"] a:focus /* specificity override */ {
      color: rgba(6,69,173,1.0)!important;
      outline: none!important;
    }
    
  /* Hover/focus effects
  *********************************/
  
    .otherprojects a:focus {
      text-decoration: underline!important;
    }

    .central-featured-lang a.link-box,
    .divTop10item a {
      /* conflicting with specific styles */
      margin: -5px!important;
      padding: 5px!important;
      transition: 0.4s 0.15s!important;
    }
    .central-featured-lang a.link-box:hover,
    .divTop10item a:hover {
      border-radius: 15px!important;
      background-color: rgba(100%,100%,100%,0.85)!important;
      box-shadow: 3px 3px 5px 1px rgba(6,69,173,1.0)!important;
      /* cross-browser support */
        -webkit-box-shadow: 3px 3px 7.5px 1.5px rgba(6,69,173,1.0)!important;
      color: rgba(6,69,173,1.0)!important;
    }
    .central-featured-lang a.link-box:focus,
    .divTop10item a:focus {
      background-color: rgba(100%,100%,100%,0.95)!important;
      /* have to be restated to stay */
        border-radius: 15px!important;
        box-shadow: 3px 3px 5px 1px rgba(6,69,173,1.0)!important;
        /* cross-browser support */
          -webkit-box-shadow: 3px 3px 7.5px 1.5px rgba(6,69,173,1.0)!important;
      position: relative!important;
      /* conflicting with specific styles */
      top: 2px!important;
      left: 2px!important;
      /*    
      box-shadow: 3px 3px 5px 1px rgba(94,122,181,1.0),
                  3px 3px 5px 1px rgba(94,122,181,1.0) inset !important;
      /* cross-browser support * /
        /*-webkit-box-shadow: 3px 3px 7.5px 1.5px rgba(94,122,181,1.0),
                              3px 3px 7.5px 1.5px rgba(94,122,181,1.0) inset !important;* /
      */
    }

  /* Lightening to differentiate small logo from large background logo */
  .central-featured-logo-inner,
  #wm-globe-inner,
  body#www-wikiquote-org #bodyContent > div:nth-of-type(2) > div > div /* wikiquote */
  {
    background-color: rgba(100%,100%,100%,0.15)!important;
    box-shadow: 0px 0px 120px 120px rgba(100%,100%,100%,0.15)!important;
    /* cross-browser support */
      -webkit-box-shadow: 0px 0px 180px 180px rgba(100%,100%,100%,0.15)!important;
    border-radius: 50%!important;
  }

/* Cleanup
****************************************************************/

  #search-input .styled-select.js-enabled, /* language dropdown */
  .wm-site-info ~ div, /* Terms of Service & Privacy Policy */
  a[href*="wikimediafoundation.org/wiki/Terms_of_Use"], /* Terms of Service & Privacy Policy */
  a[href*="wikimediafoundation.org/wiki/Privacy_policy"], /* Terms of Service & Privacy Policy */
  body .search-container label,
  #searchLanguage,
  .search-container.language-search,
  .divider,
  .langlist,
  .bookshelf-container,
  .wm-site-info,
  hr
    {display:none!important;}

  /* frontpage html v2 */    
  #p-search h5,
  #p-search > form#searchform > fieldset > select,
  select#language,
  .divBookshelves,
  .divArticleTier,
  .divArticleTierMajor,
  [class*="project-list"],
  #divOtherLanguages,
  #divSiteInfo,
  body#www-wikibooks-org > div:last-of-type,
  body#www-wikiversity-org > div:last-of-type,
  body#www-wikiquote-org > div:last-of-type /* Terms & Privacy pipe | */
    {display:none!important;}

/* Search
****************************************************************/

  .search-container, #p-search.portlet {
    box-shadow: 2px 5px 20px #444!important;
    /* cross-browser support */
      -webkit-box-shadow: 2px 7.5px 30px #444!important; /* webkit-box-shadow +50% */
    padding: 0px!important;
    margin-bottom: 45px!important;
    background-color: rgba(255,255,255,0.1)!important;
    /* to avoid footer blocking search on small viewports */
    z-index: 9999!important; position: relative!important;
  }

  form#search-form fieldset {
    position: relative!important;
    background-color: transparent!important;
    border-color: transparent!important;
    padding: 0px!important;
    margin: 0px!important;
  }

  form#search-form fieldset #search-input {
    width: 100% !important;
    margin-right: 0px !important;
  }

  form#search-form fieldset #search-input input#searchInput {
    width: calc(60% - 56px) !important; /* width of button (53px) plus margin (3px) */
    position: relative !important;
    right: calc((56px)/2) !important; /* width of button (53px) plus margin (3px) */
    margin: 45px 0px!important;
    color: #333!important;
    font-family: calibri!important;
    font-size: 16px!important;
  }

  form#search-form fieldset > button.pure-button {
    position: absolute !important;
    display: inline !important;
    top: calc(50% - (42px)/2) !important; /* vertically centered */
    right: 20% !important;
    border-radius: 3px !important;
  }

  /* Deprecated? */
  button.formBtn, button.searchButton {
    padding-left: 8px!important;
    margin-top: 52px!important;
  }

  /* Search suggestions
  /* form#search-form fieldset #search-input #typeahead-suggestions
  *********************************/

    #typeahead-suggestions
      {display:none!important;}

    #typeahead-suggestions .suggestions-dropdown {
      position: absolute!important;
      width: 400px !important;
      bottom: 0px !important;
      left: 543px !important;
      opacity: 0.95 !important;
      box-shadow: 2px 5px 20px #444!important;
      /* cross-browser support */
        -webkit-box-shadow: 2px 7.5px 30px #444!important; /* webkit-box-shadow +50% */
    }

    /* Adjusting for Header's resposive vanish
    *********************************/
      @media (max-height: 650px) {
        #typeahead-suggestions .suggestions-dropdown {
          height: auto !important;
          bottom: auto !important;
          top : 0px !important;
        }
      }

    /* Making links easier to click on
    *********************************/
      #typeahead-suggestions .suggestion-item {
        padding: 0px 0px 0px 70px !important; /* removing padding */
      }
      #typeahead-suggestions .suggestion-item a.suggestion-link {
        height: 100% !important;
      }
      #typeahead-suggestions .suggestion-item a.suggestion-link .suggestion-text {
        padding: 10px !important;
        min-height: 50px !important; /* for 70px total height, to match .suggestion-item -- min-height not working on .suggestion-link */
      }

/* Footer
****************************************************************/

  /* Smooth disappearing on short viewports */
      body > .otherprojects {
        max-height: 500px !important;
        overflow: hidden !important;
        opacity: 1 !important;
        transition: max-height 0.4s 0s, opacity 0.3s 0.1s !important;
      }
    @media (max-height: 745px) {
      body > .otherprojects {
        max-height: 0px !important;
        opacity: 0 !important;
        transition: max-height 0.4s 0s, opacity 0.3s 0.1s !important;
      }
    }

  .otherprojects {
    background-color: rgba(255,255,255,0.6)!important;
    border-top: 1px dashed grey!important;
    overflow: hidden!important;

    /* can avoid footer blocking search on small-height viewports by removing 'position' and 'bottom' and setting top margin to ~130px */
    margin: 00px 0px 0px 0px!important;
    padding: 10px 0px 0px 0px!important; /* Old: padding: 3px 0px 7px 0px!important; */
    
    width: auto!important;
    position: absolute!important;
    bottom: 0px!important;
    /*top: 660px!important;*/

    /*height: 500px!important;*/
  }

  .otherprojects-item {
    line-height: 1em!important;
    height: 40px!important;
    margin: 0px!important;
    /* for checking layout
    outline-style: dotted;
    outline-color: #00ff00;
    */
  }

  .otherprojects-item div {
    margin-top: 10px!important;
  }

  .otherprojects .otherprojects-item:not([id]) a /* not([id]) needed for wiktionary */
  {
    padding-left: 30%!important;
  }

  .otherprojects .otherprojects-item .icon {
    /* to set up for dark mode replacements and wikinews higher-res replacement */
    background-repeat: no-repeat!important;
    background-position: center!important;
  }

  .otherprojects-item img,
  .otherprojects-item a /* 'a' required due to dark mode image replacements */
  {
    margin-right: 4px!important;
    width: auto!important;
    height: 25px!important;
  }

  /* footer icons were too large */
  .sprite-project-logos {
    /* can't resize with height because images are one sprite */
    transform: scale(0.8);
  }

  /* All footers - Wikinews icon, higher-res */
    .otherprojects a[href*="wikinews"] .icon img {
      visibility:hidden!important;}
    .otherprojects a[href*="wikinews"] .icon {
      background-image: url("http://upload.wikimedia.org/wikipedia/commons/thumb/2/24/Wikinews-logo.svg/92px-Wikinews-logo.svg.png")!important;
      background-size: auto 25px!important;
      background-repeat: no-repeat!important;
      background-position: right center!important;
      /*padding-top: 10px!important; /* working wtf */
      /*padding-bottom: 10px!important; /* working wtf */
    }

/* Site-specific images & adjustments
************************************/
  /* Wikipedia
  *******************************/
    body#www-wikipedia-org {
      background-image: url('http://i.imgur.com/7jR9o.jpg')!important;
      background-position: center -70px!important;
      /* Direct link, for if PNG transparency is needed: http://upload.wikimedia.org/wikipedia/commons/thumb/8/80/Wikipedia-logo-v2.svg/1000px-Wikipedia-logo-v2.svg.png */
      /* JPEG at lower opacity: http://i.imgur.com/uq1ih.jpg */
      /* Old url, larger filesize PNG */
      /* background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/8/80/Wikipedia-logo-v2.svg/1000px-Wikipedia-logo-v2.svg.png')!important; */
      /* overflow:hidden; */ /* failed attempt to fix footer; makes scrollbar always missing */
    }
      
    body#www-wikipedia-org .central-textlogo {
      width: 186px!important; /* without box shadow: 210px */
      background-color: rgba(93%,93%,93%,0.6)!important;
      box-shadow: 0px -3px 16px 16px rgba(93%,93%,93%,0.6)!important;
      /* cross-browser support */
        -webkit-box-shadow: 0px -3px 24px 24px rgba(93%,93%,93%,0.6)!important;
    }

    body#www-wikipedia-org .central-featured-logo {
      /* position: relative!important; /* old, for .central-featured-logo-inner * /
      margin: auto!important;
      top: 57px!important;
      left: 0px!important; */

      background-image: url('http://upload.wikimedia.org/wikipedia/meta/0/08/Wikipedia-logo-v2_1x.png')!important;
      background-repeat: no-repeat!important;
      background-position: center center!important;
    }

  /* Wikimedia
  *************************/

  /* Wikibooks
  *******************************/
    body#www-wikibooks-org {
      background-image: url('http://upload.wikimedia.org/wikipedia/commons/thumb/f/fa/Wikibooks-logo.svg/2000px-Wikibooks-logo.svg.png')!important;
      background-size: 2000px auto!important;
      background-position: 40% 70px!important;
    }
      
    body#www-wikibooks-org #wm-home-header img {
      visibility: hidden!important;}
    body#www-wikibooks-org #wm-home-header {
      background-image: url('http://i.imgur.com/hL5Piuw.png')!important;
      background-repeat: no-repeat!important;
      background-position: center center!important;
      width: 290px!important;
    }
      
    body#www-wikiversity-org #p-search {
      background-color: rgba(255,255,255,0.3)!important;
    }
    /* search button doesn't vertically align for some reason */
    body#www-wikibooks-org input.searchButton {
      margin: 50px 0px!important;
    }

  /* Wikinews
  *******************************/
    body#www-wikinews-org {
      background-image: url('http://upload.wikimedia.org/wikipedia/commons/thumb/2/24/Wikinews-logo.svg/2000px-Wikinews-logo.svg.png')!important;
      background-size: 2000px auto!important;
      background-position: center -180px!important;
    }
    body#www-wikinews-org .central-textlogo {
      width: 290px!important;
    }
      
    body#www-wikinews-org .central-featured-logo-inner {
      background-color: rgba(100%,100%,100%,0.22)!important;
      box-shadow: 0px 0px 120px 120px rgba(100%,100%,100%,0.22)!important;
      /* cross-browser support */
        -webkit-box-shadow: 0px 0px 180px 180px rgba(100%,100%,100%,0.22)!important;
    }
    body#www-wikinews-org .central-featured-lang {
      padding: 0px 7px!important;
    }
    body#www-wikinews-org .central-featured-lang {
      transition: 0.4s 0.15s!important;
    }
    body#www-wikinews-org .central-featured-lang:hover {
      border-radius: 15px!important;
      background-color: rgba(100%,100%,100%,0.85)!important;
      box-shadow: 3px 3px 5px 1px rgba(94,122,181,1.0)!important;
      /* cross-browser support */
        -webkit-box-shadow: 3px 3px 7.5px 1.5px rgba(94,122,181,1.0)!important;
    }
      
    body#www-wikinews-org .otherprojects {
      padding-top: 12px!important;
      padding-bottom: 0px!important;
    }
      
  /* Wikiquote
  *******************************/
    body#www-wikiquote-org {
      background-image: url('http://upload.wikimedia.org/wikipedia/commons/thumb/f/fa/Wikiquote-logo.svg/2000px-Wikiquote-logo.svg.png')!important;
      background-size: 2000px auto!important;
      background-position: -470px -820px!important; /* -796 */
    }
      
    body#www-wikiquote-org #bodyContent > div:first-of-type img {
      visibility: hidden!important;
    }
    body#www-wikiquote-org #bodyContent > div:first-of-type {
      background-image: url('http://i.imgur.com/kJpqWNL.png')!important;
      background-repeat: no-repeat!important;
      background-position: center center!important;
      background-color: rgba(93%,93%,93%,0.9)!important;
      width: 163px!important;
      height: 90px!important;
    }

    body#www-wikiquote-org #bodyContent > div:nth-of-type(2) > div > div {
      background-color: rgba(100%,100%,100%,0.1)!important;
      box-shadow: 0px 0px 120px 120px rgba(100%,100%,100%,0.1)!important;
      /* cross-browser support */
        -webkit-box-shadow: 0px 0px 180px 180px rgba(100%,100%,100%,0.1)!important;
    }

    /* Extending range of top-10-localizations links
    *******************/
      body#www-wikiquote-org .divTop10item strong {
        /* background-color: rgba(220,80,80,0.5)!important; */
        position: absolute!important;
        height: 100%!important;
        width: 100%!important;
        top: 0px!important;
        left: 0px!important;
        margin: auto!important;
      }
      body#www-wikiquote-org .divTop10item strong a {
        /* background-color: rgba(80,220,80,0.5)!important; */
        position: relative!important;
        height: 100%!important;
        width: 100%!important;
        float: left!important; /* not sure why this works, but height and width won't fill without it */
        margin: 0px!important; /* reset/override hover effect */
        padding: 5px!important;
      }
      body#www-wikiquote-org .divTop10item > em {
        /* background-color: rgba(80,80,220,0.5)!important; */
        position: relative!important;
        top: 8px!important;
        left: 5px!important;
        pointer-events: none!important;
      }
      body#www-wikiquote-org .divTop10item > small {
        /* background-color: rgba(220,80,220,0.5)!important; */
        position: relative!important;
        top: 8px!important;
        left: 5px!important;
        pointer-events: none!important;
      }

    body#www-wikiquote-org #p-search {
      background-color: rgba(255,255,255,0.3)!important;
    }

  /* Wikiversity
  *******************************/
    body#www-wikiversity-org {
      background-image: url('http://upload.wikimedia.org/wikipedia/commons/thumb/9/91/Wikiversity-logo.svg/2000px-Wikiversity-logo.svg.png')!important;
      background-size: 2000px auto!important;
      background-position: center -163px!important;
    }
    body#www-wikiversity-org #wm-home-header img {
      visibility: hidden!important;}
    body#www-wikiversity-org #wm-home-header {
      background-image: url('http://i.imgur.com/SjqFNld.png')!important;
      background-repeat: no-repeat!important;
      background-position: center center!important;
      width: 280px!important;
    }

    body#www-wikiversity-org #wm-globe-inner {
      background-color: rgba(100%,100%,100%,0.22)!important;
      box-shadow: 0px 0px 120px 120px rgba(100%,100%,100%,0.22)!important;
      /* cross-browser support */
        -webkit-box-shadow: 0px 0px 180px 180px rgba(100%,100%,100%,0.22)!important;
    }
      
    body#www-wikiversity-org #wm-globe strong {
      /* background-color: rgba(80,220,80,0.5)!important; */
      position: absolute!important;
      height: 50px!important;
      width: 100%!important;
      top: 117px!important;
      left: 0px!important;
    }
    body#www-wikiversity-org #wm-globe strong a {
      /* background-color: rgba(80,80,220,0.5)!important; */
      position: absolute!important;
      height: 33px!important;
      width: 100%!important;
      top: 0px!important;
      left: 0px!important;
      padding-top: 17px!important;
    }
    body#www-wikiversity-org #wm-globe em {
      /* background-color: rgba(80,220,80,0.5)!important; */
      position: relative!important;
      top: 1.5em!important;
      pointer-events: none!important;
    }

    /* Extending range of top-10-localizations links
    *******************/
      body#www-wikiversity-org .divTop10item {
        /* background-color: rgba(220,80,80,0.5)!important; */
        position: absolute!important;
        padding: 5px!important;
      }
      body#www-wikiversity-org .divTop10item:not(.lang1) a {
        /* background-color: rgba(80,220,80,0.5)!important; */
        position: absolute!important;
        height: 100%!important;
        width: 100%!important;
        float: left!important; /* not sure why this works, but height and width won't fill without it */
        left: 0px!important;
        top: 0px!important;
        margin: 0px!important; /* reset/override hover effect */
        padding: 5px 0px!important;
      }
      body#www-wikiversity-org .divTop10item:not(.lang1) > em {
        /* background-color: rgba(80,80,220,0.5)!important; */
        position: relative!important;
        top: 8px!important;
        pointer-events: none!important;
      }
      /* english-button's html is different wtf ... 'a' contains 'em' */
      body#www-wikiversity-org .divTop10item.lang1 a {
        /* background-color: rgba(80,220,80,0.5)!important; */
        padding: 5px!important;
        margin: -5px!important;
      }

    body#www-wikiversity-org #p-search {
      background-color: rgba(255,255,255,0.3)!important;
    }

  /* Wiktionary
  *******************************/
    body#www-wiktionary-org {
      background-image: url('http://i.imgur.com/I2s0a1P.png')!important; /* unextended version: https://upload.wikimedia.org/wikipedia/commons/thumb/f/f8/Wiktionary-logo-en.svg/2000px-Wiktionary-logo-en.svg.png */
      background-size: 2000px auto!important;
      background-position: center -76px!important; /* versions for unextended: -35px -650px -57px */
    }

    body#www-wiktionary-org .central-textlogo /* actual text */ {
      color: rgba(0%,0%,0%,1.0)!important;
      width: 220px!important;
    }

    body#www-wiktionary-org .central-featured {
      background-image: url("https://upload.wikimedia.org/wikipedia/meta/f/ff/Wiktionary-logo-en_1x.png")!important;
      background-repeat: no-repeat!important;
      background-position: center center!important;
    }
    body#www-wiktionary-org .central-featured-logo {
      display: none!important;
    }
    body#www-wiktionary-org .central-featured-logo-inner /* wikimedia removed this element */
    {
      /*background-color: rgba(100%,100%,100%,0.5)!important;
      box-shadow: 0px 0px 120px 120px rgba(100%,100%,100%,0.5)!important;
      /* cross-browser support * /
        -webkit-box-shadow: 0px 0px 180px 180px rgba(100%,100%,100%,0.5)!important;
      */
    }

    body#www-wiktionary-org .otherprojects {
      padding: 10px 0px 0px 0px!important;
    }









/***********************************************************/
/************************* Options *************************/
/***********************************************************/



/* Hide interactive stuff, option
******************************************************************/
/* no: hide-interact-option */



/* Dark mode, option
******************************************************************/
/* no: dark-option */