MediaWiki:Common.css

/* CSS placed here will be applied to all skins */

.footer-poweredbyico { 
  display:none
}

/* https isn't special anymore */
.link-https { 
    background: url(external-ltr.png) center right no-repeat;
    padding-right: 13px;
}

@media screen {
  body {
    font-size:125%;
    background-image:  url(https://scarfboy.com/i/bg1.png);
    background-color:  #444;
    background-repeat: repeat;
    background-size:   auto;
  }

  .inlinecode {
    background-color: #eee;
  }

  ul {
    list-style-image: none;
  }
  li::marker {
    color:#faba;
  }


  /* The next section tries to make Vector more subtle */
  #ca-watch, #ca-unwatch, #pt-watchlist, #pt-mycontris, #pt-mytalk, #t-permalink, #t-info,  #t-upload { 
    display:none;
  }
  
  #mw-page-base {
    background-color:transparent;
    background-image:none;
  }

  .vector-menu-tabs-legacy li {
    background-image: none;
    line-height:      0.6;
  }
  .mw-watchlink {
    display:none;
  }

  .vector-menu-tabs-legacy { color: #ccc !important; }

  .mw-list-item.selected { border-radius: 5px 5px 0px 0px; }


  #mw-head .selected a, #mw-head .vector-menu-content a {
    color: #ddd;
  }

  #right-navigation {
    float: left !important;
    margin-top: 2.5em;
    margin-left: 10em;
  }

  #p-navigation a,         #footer a,          #mw-head a         { color: #eee !important; }
  #p-navigation a:visited, #footer a:visited,  #mw-head a:visited { color: #ddd !important; }
  #p-navigation a:hover,   #footer a:hover,    #mw-head a:hover   { color: #ccc !important; }


  #footer li { color: #ccc !important }

  #p-tb li,  #p-navigation li  { padding: 0.45em .15em; font-size:1em }
  


  #p-tb a         { color: #aaa !important; }
  #p-tb a:visited { color: #999 !important; }
  #p-tb a:hover   { color: #888 !important; }

  #mw-head .new a    { color: #a77 !important; }

  #mw-head .selected a,   #p-cactions .vector-menu-content-list .mw-list-item a    { color: #333 !important; }


  div#content {
    max-width: 55em;
    border-radius: 0px 10px 10px 10px;
  }


  #right-navigation {
    margin-left: 4em;
  }


  .mw-plusminus-pos {
    color: #2d992d;
  }

  /* unsure */

  .python {
    border: 2px inset #eee4 !important;
    border-radius:1em;
    background-color:#ddd;
    margin-right:0rem;
  }

  h2 {  margin-top:1.1em;  }
  h3 {  margin-top:0.9em;  }
  h4 {  margin-top:0.7em;  }
  h5 {  margin-top:0.5em;  }
  h6 {  margin-top:0.3em;  }

  hr {
    height: 1px;
    color: #aaa;
    background-color: #aaa;
    border: 0;
    margin: .2em 0 .2em 0;
  }


  #content pre {
        /*padding: .6em 1em;*/
        border: 1px dashed #2f6fab;
        color: black;
        background-color: #f9f9f9;
        line-height: 1.1em;

        border-radius: .3em;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27);
  }




  /* Dark mode experiment */
  textarea {  
    color: rgb(217, 202, 176);
    background:#1c1b18;
    scrollbar-color: #504c44 #292823;
  }


  
  .mw-body, #content, .vector-menu-content-list .selected {
    border-color: rgb(54, 70, 76);
    background-color: rgb(33, 31, 28);
    color: rgb(217, 202, 176);
  }

  mw-changeslist-line, .mw-changeslist-legend,  #mw-searchoptions, .mw-search-profile-tabs {
    border-color: rgb(54, 70, 76);
    background-color: #f5e9e033 !important;
    color: rgb(217, 202, 176);
  }
  .mw-rcfilters-ui-filterTagMultiselectWidget {
    border-color: rgb(54, 70, 76);
    background-color: #f5e9e099 !important;
    color: rgb(217, 202, 176);
  }
  .oo-ui-tagMultiselectWidget-handle{ background-color:inherit } 


  .mw-changeslist-edit td { border-bottom: 1px solid rgb(33, 31, 28); }


  #content pre {
    color: #f5d5d5  !important;
    background-color: #3e3e3e  !important;
  }
  .catlinks {
    background-color: inherit;
    border-color: #a2a9b133;
  }
  #content table {
    background:#f5e9e033;
  }

  #content table.old {
    background: #f9a2a2; 
  }
  .toc {
     background-color:black; 
  }
  a {
    color: #ab92bb;
  }
  a:visited {
    color: #b9a7b9;
  }
  a.new {
    color: #d0aaaa !important;
  }

  .inlinecode {
    background-color: #b18c8c4d;
  }


  .editOptions {
    background-color: #7a7e88;
  }
  h1, h2, h3, h4, h5, h6 { 
   color: inherit;
  }

  #mw-head .selected a, #mw-head .vector-menu-content a {
    color: #959595 !important;
  }

  .toc {
    background-color:inherit;
  }
  .toc .tocnumber {
    color:#5a636d87;
  }

  input[type='text'] {
    color: #f5d5d5  !important;
    background-color: #3e3e3e  !important;
  }

  .mw-ui-button {
    background-color: #77828c88;
  }


  .diff-context {
    background: #f8f9fa55;
    border-color: #eaecf055;
    color: #202122;
  }
  .diffchange {
    color:black;
  }
  #pagehistory li.selected {
    background-color: #f8f9fa55;
  }

  figure[typeof~="mw:File/Thumb"],  figure[typeof~="mw:File/Thumb"] > figcaption {
    background-color: #3c1833;
  }

  h1, h2, h3, h4, h5, h6 {
    color: inherit;
    color: #a22677;
    background-color: #6662;
    border-radius: 12px 0px;
    padding: 1.5em 0px .2em .0em;

    margin-bottom: 1.2em;
    background: linear-gradient(0deg,rgba(100,100,100,0.2) 0%,rgba(135,135,135,.01) 40%,rgba(135,135,135,0) 100%);
  }

  h1, h2 {
    background: linear-gradient(0deg,rgba(100,100,100,0.2) 0%,rgba(135,135,135,.01) 60%,rgba(135,135,135,0) 100%);
  }

  h2, h3, h4, h5, h6 {
    font-variant: small-caps;
  }



  .tag_food #content, .tag_food #mw-head li.selected { background-color: rgb(36, 32, 26) }
  body.tag_food div .vector-body:after {
    top: 17em;
    position: absolute;
    content: "food";
    display: inline-block;
    transform: rotate(-40deg) scale(1500%);
    left: 27em;
    color: #ddddff05;
    z-index:-100;
  }


  .tag_ling #content, .tag_ling #mw-head li.selected { background-color: rgb(16, 21, 7) }
  body.tag_ling div .vector-body:after {
    top: 17em;
    position: absolute;
    content: "language";
    display: inline-block;
    transform: rotate(-40deg) scale(1500%);
    left: 27em;
    color: #ddddff05;
    z-index:-100;
  }


  .tag_tech #content, .tag_tech #mw-head li.selected { background-color: #0e121c }
  body.tag_tech div .vector-body:after {
    top: 17em;
    position: absolute;
    content: "tech";
    display: inline-block;
    transform: rotate(-40deg) scale(1800%);
    left: 27em;
    color: #ffffff05;
    z-index:-100;
  }


  .tag_media #content,    .tag_media #mw-head li.selected { background-color: #140e1c }


  .tag_security #content, .tag_security #mw-head li.selected { background-color: #031213 }
  body.tag_security div .vector-body:after {
    top: 17em;
    position: absolute;
    content: "security";
    display: inline-block;
    transform: rotate(-40deg) scale(1200%);
    left: 27em;
    color: #ffffff04;
    z-index:-100;
  }

  .tag_math #content, .tag_math #mw-head li.selected { background-color: rgb(11, 30, 30) }


  .tag_opinion #content, .tag_opinion #mw-head li.selected { background-color: #1e020c }
  body.tag_opinion div .vector-body:before {
    top: 27em;
    position: absolute;
    content: "opinions";
    display: inline-block;
    transform: rotate(40deg) scale(1800%);
    left: 27em;
    color: #ffddff10;
    z-index:-100;
  }
 
 
}