User:Soxra/monobook.css

/* Theme */
body {
 background: url(https://i.postimg.cc/kXspcxKY/bg-3d-org-b.png) !important;
 font-size: x-small;
}
.portlet#p-logo a, .portlet#p-logo a:hover {
 background-image: url(https://i.postimg.cc/DwzYY8cv/khwiki-custom-logo-b.png) !important;
 height: 170px;
 width: 190px;
}

/* Fonts */
body {
 font-family: 'Segoe UI',sans-serif;
}
#content {
 font: 14px 'PF DinDisplay Pro Light',sans-serif;
 color: #333 !important;
 margin-left: 225px !important;
}
#column-content {
 margin-left: -225px !important;
}
#p-logo {
 margin-left: 30px;
}
pre, code, tt, kbd, samp {
 font-family: Consolas,'Courier New',monospace;
}
#firstHeading, #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5, #bodyContent h6 {
 font-family: 'Fedra Sans Std Normal','Gotham Book',serif;
 font-variant: small-caps;
}
.pBody { color: inherit; }
sup { line-height: 0; }

.mw-rollback-link {
 font-family: Consolas,monospace;
 font-size: 75%;
 margin-left: 6px;
 opacity: 0.4;
}
.mw-rollback-link:hover {
 opacity: 0.75;
}

/* Galleries */
ul.gallery { background: #f3f3f3 !important;border: 1px solid #ccc;padding-bottom: 0;display: inline-block;text-align: left; }
ul.gallery li { background: transparent !important;border-color: transparent !important; }
ul.gallery .gallerybox .thumb { background: #fcfcfc !important; }
ul.gallery .gallerybox img:hover { -webkit-transform: scale(1.1); }

/* Tabs */
#p-cactions {
 left: 214px !important;
}
#p-cactions li {
 background: none !important;
 border: none !important;
 border-radius: 4px 4px 0 0 !important;
 padding-top: 5px !important;
}
#p-cactions li a {
 background: -webkit-linear-gradient(top,#ddd,#fff) !important;
 border: none !important;
 border-radius: 3px 3px 0 0 !important;
 font: 15px 'Candara Bold';
 padding-top: 4px !important;
 text-transform: lowercase;
}
#p-cactions li:not(.new) a {
 color: #555;
}
#p-cactions li a:hover {
 background: -webkit-linear-gradient(top,#aaa,#fff);
 text-decoration: underline !important;
}

/* Link colors */
#content a.mw-redirect { color: #8929b5 !important; }
#content a.mw-redirect:visited { color: #601d80 !important; }
#content a, #footer a { color: #0645ad; }
#p-personal a:not(:hover) { color: #bdd3ed !important; }
#p-personal a:hover { color: #dbe7f4 !important; }
#content a:visited, #footer a:visited { color: #031073 !important; }
#content a:hover, #footer a:visited, #p-personal a:hover { color: #5f89cf !important; }
#content a.new { color: #ce0000; }
#content a.new:visited { color: #800000 !important; }
#content a.new:hover { color: #900000 !important; }
#content a.extiw { color: #5778ad !important; }

/* Input handlers */
input, select, label {
 font-family: inherit;
}
input[type="search"] {
 -webkit-appearance: textfield;
}
*:focus {
 outline: none;
}
*:disabled {
 cursor: not-allowed;
}
.input-text-box, input[type=text], input[type=password] {
 border: 1px solid #999 !important;
 border-radius: 4px;
 box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.1);
 color: #555 !important;
 padding: 5px !important;
}
.input-text-box:hover {
 border: 1px solid #05398e !important;
 color: inherit !important;
}
.input-text-box:focus {
 border: 1px solid #0645ad !important;
 box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2), 0 0 5px #0645ad;
 color: inherit !important;
}
#searchBody .searchButton {
 display: inline !important;
 margin-bottom: 2px !important;
 width: 45%;
}
#searchInput {
 display: block;
 padding: 6px !important;
 width: 100%;
}
input[type='submit'], input[type='reset'], input[type='button'] {
 padding-top: 3px !important;
}
input[type='submit']:hover, input[type='reset']:hover, input[type='button']:hover {
 border-color: #0645ad !important;
 box-shadow: 0 0 5px #0645ad !important;
}

/* Navigation */
#p-Navigation {
 background: url(https://i.postimg.cc/BnwwW4hx/nav-compass.png) no-repeat !important;
}
#p-search {
 background: url(https://i.postimg.cc/GpW72znt/nav-search.png) no-repeat !important;
}
#p-Interaction {
 background: url(https://i.postimg.cc/jdt1P8wJ/nav-users.png) no-repeat !important;
}
#p-tb {
 background: url(https://i.postimg.cc/DZ1Cbs7g/nav-tools.png) no-repeat !important;
}
#p-lang {
 background: url(https://i.postimg.cc/9fRgCKSs/nav-lang.png) no-repeat !important;
 position: static !important;
}
#p-Navigation, #p-search, #p-Interaction, #p-tb, #p-lang {
 background-color: #90a6be !important;
 border: 1px solid #5b778c !important;
 border-radius: 6px !important;
 width: 205px;
}
#p-Navigation h5, #p-search h5, #p-Interaction h5, #p-tb h5, #p-lang h5 {
 background: none !important;
 font: 16px bold 'Neutra Text';
 padding: 6px 4px 4px 48px !important;
 position: static !important;
 text-transform: uppercase;
 width: auto !important;
}
#p-Navigation li, #p-search li, #p-Interaction li, #p-tb li, #p-lang li {
 padding: 0 5px !important;
 margin: 0 !important;
}
#p-Navigation em, #p-search em, #p-Interaction em, #p-tb em, #p-lang em {
 right: 12px;
 top: 3px;
}
#p-Navigation li a, #p-search li a, #p-Interaction li a, #p-tb li a, #p-lang li a {
 border: 0 solid #ddd;
 border-width: 0 0 1px;
 display: block;
 font: 13px 'PF DinDisplay Pro Light';
 margin: 0 1px !important;
 padding: 7px 12px !important;
 position: relative;
 text-shadow: none !important;
 width: auto;
}
#p-Navigation div ul, #p-search div ul, #p-Interaction div ul, #p-tb div ul, #p-lang div ul {
 padding: 6px 0 !important;
}
#p-Navigation ul a:hover, #p-search ul a:hover, #p-Interaction ul a:hover, #p-tb ul a:hover, #p-lang ul a:hover, #p-Navigation ul li.hover > a, #p-search ul li.hover > a, #p-Interaction ul li.hover > a, #p-tb ul li.hover > a, #p-lang ul li.hover > a {
 background: rgba(0, 0, 0, 0.04) !important;
 color: #5b778c !important;
}
ul.sub-menu {
 border: none !important;
 box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
 margin-top: -32px !important;
 width: 200px !important;
}
ul.sub-menu ul.sub-menu {
 margin-left: 190px !important;
}
#p-Navigation .pBody, #p-search .pBody, #p-Interaction .pBody, #p-tb .pBody, #p-lang .pBody {
 border: 0 !important;
}
#p-Navigation li:last-child a, #p-search li:last-child a, #p-Interaction li:last-child a, #p-tb li:last-child a, #p-lang li:last-child a {
 border-bottom: 0 !important;
}
#p-search .pBody {
 border-radius: 0 0 5px 5px !important;
 padding: 6px !important;
}
#p-personal ul {
 background: none !important;
 border: none !important;
}
#p-personal li {
 background: #000 !important;
 border: 1px solid #eee !important;
 border-radius: 3px;
 font: 15px 'Neutra Text';
 font-variant: small-caps;
 padding: 2px 4px !important;
 text-transform: lowercase !important;
}
#feedlinks { display: none !important; }
#footer {
 border: 2px solid #5b778c !important;
 margin: 0 auto 6px !important;
 opacity: 0.7;
 padding-top: 1em !important;
 width: 95% !important;
}
#footer:hover {
 opacity: 1.0;
}
#footer #f-list {
 padding: 3px 0 !important;
}

/* Thumbnails */
div.thumb div {
 color: #f9f9f9 !important;
}
div.thumb div.thumbinner {
 background:-webkit-linear-gradient(top,#506187,#2a3347);
}

/* Recent Changes */
table.mw-enhanced-rc {
 padding: 3px 15px;
 margin: 2px 0;
}
table.mw-enhanced-rc:hover {
 background: rgba(0, 0, 0, 0.07);
}
table.mw-enhanced-rc tr {
 opacity: 1.0 !important;
}
td.mw-enhanced-rc, td.mw-enhanced-rc-nested .mw-enhanced-rc-time {
 font-size: 80%;
}
table.mw-enhanced-rc td.mw-enhanced-rc-nested {
 padding: 2px 0 3px 10px;
}
table.mw-collapsed tr:not(:first-child) {
 display: none !important;
}

/* Other */
#content {
 border-radius: 0 !important;
 margin-top: 38px !important;
}
pre {
 max-height: 400px;
 overflow-y: auto;
}
.fullImageLink img {
 height: auto;
 max-width: 100%;
}