MediaWiki: Tweeki.css

Note: After saving, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.

.table {
  width: auto;
  height: auto;
  max-width: 100vw;
  position: relative;
  display: inline-block;
}

.table table {
  position: relative;
  border-collapse: collapse;
  margin: 0;
}

td,
th {
  padding: 0.25em;
  width: auto;
  text-align: center;
}

td {
    z-index: -2;
    position: relative;
}

tr:nth-child(n+2) th {
  position: -webkit-sticky; /* for Safari */
  position: sticky;
  left: 0;
  background: #FFF;
  z-index: -1;
}

tr:nth-child(n+2) th span {
  display: block;
  height: 100%;
  width: 1px;
  position: absolute;
  top: 0;
  right: 0;
  background: #CCC;
}

tr:first-child th {
  position: -webkit-sticky; /* for Safari */
  position: sticky;
  top: 50px;
  background: #000;
  color: #FFF;
}

tr:nth-child(n+2) td:first-child {
  border-left: 1px solid #CCC;
}

.panel-footer {
    background-color: #507529;
}

body {
    background-color: #effbe3;
}

.panel-default>.panel-heading {
    background-image: -webkit-linear-gradient(top,#63863f 0,#485f30 100%);
    background-image: -o-linear-gradient(top,#63863f 0,#485f30 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#63863f),to(#485f30));
    background-image: linear-gradient(to bottom,#63863f 0,#485f30 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#ffe8e8e8',GradientType=0);
    background-repeat: repeat-x;
}

.navbar-default {
    background-image: -webkit-linear-gradient(top,#63863f 0,#485f30 100%);
    background-image: -o-linear-gradient(top,#63863f 0,#485f30 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#63863f),to(#485f30));
    background-image: linear-gradient(to bottom,#63863f 0,#485f30 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#fff8f8f8',GradientType=0);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.15), 0 1px 5px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.15), 0 1px 5px rgba(0,0,0,0.075);
}

#footer {
    background: #507529;
}

#footer a {
    color: #84b733;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
    color: #add470;
    background-color: transparent;
}

.navbar-default .navbar-nav>li>a {
    color: #84b733;
}

.navbar-default .navbar-brand {
    color: #effbe3;
}

.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
    color: #84b733;
}

a {
    color: #507529;
}

a:hover, a:focus {
    color: #507529;
}

#content a.external, #content a.external[href^="gopher://"] {
    background: url(https://s3-main.serenesforest.net/External_Link.png) center right no-repeat;
}

.btn-primary {
    background-image: -webkit-linear-gradient(top,#63863f 0,#485f30 100%);
    background-image: -o-linear-gradient(top,#63863f 0,#485f30 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#63863f),to(#485f30));
    background-image: linear-gradient(to bottom,#63863f 0,#485f30 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7',endColorstr='#ff265a88',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    border-color: #485f30;
    background-color: #507529;
}

.btn-primary:hover, .btn-primary:focus {
    background-color: #485f30;
}

.btn-primary:hover {
    border-color: #307420;
}

.btn-primary:active, .btn-primary.active, .btn-primary:active:focus {
    background-color: #485f30;
    border-color: #485f30;
}

pre, .mw-code {
    background-color: #d6eebb;
    border: 1px solid #507529;
}

.nav-tabs {
    border-bottom: none;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    border-top-color: #507529;
    border-right-color: #507529;
    border-left-color: #507529;
}