MediaWiki: Tweeki.css
From Serenes Forest - A Fire Emblem Resource
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; }