m (wrong footer) |
m (improve front page) |
||
Line 338: | Line 338: | ||
.skin-minerva .fpbox { |
.skin-minerva .fpbox { |
||
border-radius: 5px; |
border-radius: 5px; |
||
− | border: 2px solid # |
+ | border: 2px solid #f3d9a9; |
− | box-shadow: 0 0 0 2px rgba(0, 0, 0, 0) inset; |
||
background: transparent; |
background: transparent; |
||
color: inherit; |
color: inherit; |
||
Line 347: | Line 346: | ||
.skin-minerva .fpbox .welcome { |
.skin-minerva .fpbox .welcome { |
||
− | border-bottom: 1px solid # |
+ | border-bottom: 1px solid #e0e0e0; |
background: transparent; |
background: transparent; |
||
color: #e0e0e0; |
color: #e0e0e0; |
||
Line 358: | Line 357: | ||
.skin-minerva .fpbox .heading { |
.skin-minerva .fpbox .heading { |
||
− | border-bottom: 1px solid # |
+ | border-bottom: 1px solid #e0e0e0; |
background: transparent; |
background: transparent; |
||
color: #e0e0e0; |
color: #e0e0e0; |
Revision as of 23:38, 6 November 2018
/* Note that this loads before skin CSS, so selectors need to be more specific than the skin to override it. */
/* There will still be a "white flash" as the default (light) mobile css initially loads. To avoid this, you should first enable the Gadgets extension, then add [[gphelp:MediaWiki:Gadget-darkmobile]] to your wiki and rename this css file to MediaWiki:Gadget-darkmobile.css */
.header .branding-box h1 { border: none; }
.skin-minerva footer .last-modified-bar {
border-bottom: solid 1px #f3d9a9;
background-color: #1f1f1f;
}
.skin-minerva .last-modified-bar a,
.skin-minerva .last-modified-bar a:visited {
color: #fff;
}
.skin-minerva #mw-mf-diffview #mw-mf-userinfo {
background-color: #282828;
border-top: solid 1px #344a16;
}
.skin-minerva .fpbox.mobilecollapsible.collapsed .heading a.togglecollapse,
.skin-minerva .fpbox.mobilecollapsible.expanded .heading a.togglecollapse {
color: #e0e0e0;
}
.skin-minerva #mw-mf-diffview #mw-mf-userinfo .mw-mf-edit-count,
.skin-minerva #mw-mf-diffview #mw-mf-userinfo .mw-mf-edit-count div {
color: #fff;
}
.skin-minerva .mw-ui-icon-user:before {
background-image:linear-gradient(transparent,transparent),url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjI3MS41IDcyLjggMTYgMTYiPjxnPjxwYXRoIGQ9Ik0yNzMuNTkgNzIuOGMtMi4wMyAwLTIuMDkgMS45MDctMi4wOSAyLjAzMlY4OC44aDEzLjkxYzIuMDMgMCAyLjA5LTEuOTA3IDIuMDktMi4wMzJWNzIuOGgtMTMuOTF6IiBmaWxsPSIjMjAyMDIwIi8+PGcgZmlsbD0iI2ZmZiIgdHJhbnNmb3JtPSJtYXRyaXgoLjA0MiAwIDAgLjA0MiAyNTkuMDQ3IDY4Ljc1MikiPjxjaXJjbGUgY3g9IjQzNyIgY3k9IjIzNC4xIiByPSIyOCIvPjxjaXJjbGUgY3g9IjU1My41IiBjeT0iMjM0LjEiIHI9IjI4Ii8+PC9nPjxwYXRoIGQ9Ik0yNzkuODggODUuMzM4Yy0xLjggMC0zLjUzMy0uNjE3LTQuNTgzLTEuNjEtLjI0OC0uMjQ3LS4yNDgtLjY4IDAtLjkyN3MuNjgtLjI0NS45MjggMGMuODA2LjgxIDIuMTY3IDEuMjQgMy42NTQgMS4yNCAxLjQyIDAgMi43ODYtLjQzIDMuNTktMS4yNC4yNDYtLjI0NS42OC0uMjQ1LjkyNiAwcy4yNDguNjggMCAuOTNjLTEuMTEzLjk4OC0yLjcyMiAxLjYxLTQuNTIgMS42MXoiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+);
}
.skin-minerva #mw-mf-page-center,
.skin-minerva .navigation-enabled #mw-mf-page-center,
.skin-minerva .search-overlay {
background-color: #412522;
background-image: url(/media/1/1f/Background.jpg); /* [[File:Background.jpg]] */
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
background-position: top center;
}
.skin-minerva .list-header {
background-color: #333;
color: #fff;
}
.skin-minerva .minoredit {
background: #444;
}
.skin-minerva .page-list li > a:active,
.skin-minerva .topic-title-list li > a:active,
.skin-minerva .site-link-list li > a:active,
.skin-minerva .page-list li > a:hover,
.skin-minerva .topic-title-list li > a:hover,
.skin-minerva .site-link-list li > a:hover,
.skin-minerva .page-list li > a:visited,
.skin-minerva .topic-title-list li > a:visited,
.skin-minerva .site-link-list li > a:visited,
.skin-minerva .page-list li > a,
.skin-minerva .topic-title-list li > a,
.skin-minerva .site-link-list li > a,
.skin-minerva .page-list.side-list .list-thumb,
.skin-minerva .topic-title-list.side-list .list-thumb,
.skin-minerva .site-link-list.side-list .list-thumb,
.skin-minerva .mw-mf-user,
.skin-minerva .page-list .info,
.skin-minerva .topic-title-list .info,
.skin-minerva .site-link-list .info,
.skin-minerva .page-list .component,
.skin-minerva .topic-title-list .component,
.skin-minerva .site-link-list .component {
color: #fff;
}
.skin-minerva .mw-mf-special .content-header,
.skin-minerva .page-list li,
.skin-minerva .topic-title-list li,
.skin-minerva .site-link-list li {
border-bottom: solid 1px #344a16;
}
.skin-minerva .header-container.header-chrome {
border-bottom: solid 1px #f3d9a9;
position:fixed;
background-color: #202020;
width:100%;
z-index:10;
}
.skin-minerva .page-summary h2,
.skin-minerva .page-summary h3 {
color: #fff;
}
.skin-minerva .list-thumb.list-thumb-none {
background-color: #202020;
background-image: linear-gradient(transparent,transparent),url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDU2IDU2Ij48cGF0aCBmaWxsPSIjMjAyMDIwIiBkPSJNMCAwaDU2djU2SDB6Ii8+PHBhdGggZmlsbD0iIzk5OSIgZD0iTTM2LjQgMTMuNUgxNy44djI0LjljMCAxLjQuOSAyLjMgMi4zIDIuM2gxOC43di0yNWMuMS0xLjQtMS0yLjItMi40LTIuMnpNMzAuMiAxN2g1LjF2Ni40aC01LjFWMTd6bS04LjggMGg2djEuOGgtNlYxN3ptMCA0LjZoNnYxLjhoLTZ2LTEuOHptMCAxNS41di0xLjhoMTMuOHYxLjhIMjEuNHptMTMuOC00LjVIMjEuNHYtMS44aDEzLjh2MS44em0wLTQuN0gyMS40di0xLjhoMTMuOHYxLjh6Ii8+PC9zdmc+);
}
.skin-minerva a.watch-this-article {
background-image: url("/media/7/7b/Watch_lighter.png") !important; /* optional if a lighter version of the star icon is required */
}
/* search header */
.skin-minerva .pre-content #page-actions,
.skin-minerva .notification-count {
background-color: #202020 !important;
}
.skin-minerva .pre-content h1 {
color: #e0e0e0;
}
.skin-minerva .overlay-enabled,
.skin-minerva #content {
background-color: transparent;
}
.skin-minerva .overlay-content {
background: rgba(0, 0, 0, 0.75);
}
.skin-minerva .overlay:not(.language-overlay) {
background-color: rgba(0, 0, 0, 0);
}
.skin-minerva .overlay:not(.editor-overlay):not(.language-overlay) .overlay-header-container {
background-color: rgba(0, 0, 0, 0) !important;
}
.skin-minerva .search-overlay .overlay-header,
.skin-minerva .search-overlay .results {
background-color: rgba(0, 0, 0, 0.0) !important;
color: #E0E0E0;
}
.skin-minerva .search-overlay .results {
box-shadow: none;
}
.skin-minerva ul.suggestions-results,
.skin-minerva ul.suggestions-results li {
background-color: rgba(0, 0, 0, 0.85);
color: #E0E0E0;
}
.skin-minerva ul.suggestions-results li.suggestions-result {
color: #E0E0E0;
}
.client-js .skin-minerva .toc-mobile {
background-color: rgba(0, 0, 0, 0) !important;
border: 1px solid #505050 !important;
}
.skin-minerva .mw-ui-button,
.skin-minerva .last-modified-bar #mw-mf-last-modified {
background-color: rgba(0, 0, 0, 0);
color: #E0E0E0;
}
.skin-minerva footer .last-modified-bar.active {
background-color: rgba(45, 103, 93, 0.8);
}
.skin-minerva footer > .post-content {
color: #fff;
text-shadow: 2px 2px 1px #000;
}
.skin-minerva footer a,
.skin-minerva footer a:visited,
.skin-minerva footer a.external {
color: #fff;
}
/* general header */
.skin-minerva #mw-mf-header form,
.skin-minerva #mw-mf-sq {
background-color: rgba(0, 0, 0, 0.85);
}
/* non-content area */
body.skin-minerva {
color: #e0e0e0;
}
.skin-minerva footer {
border-color: #f3d9a9;
}
.skin-minerva #footer {
border-top: 1px solid #505050;
color: #E0E0E0;
}
.skin-minerva #footer a {
color: #6ABEC3;
}
.skin-minerva #footer h2 {
color: #6ABEC3;
}
/* content area */
.skin-minerva .overlay-enabled,
.skin-minerva #content {
background-color: rgba(0,0,0,0.7);
}
.skin-minerva #content {
padding-top: 60px;
}
.skin-minerva a,
.skin-minerva a:visited,
.skin-minerva a.external {
color: #5a93cc;
}
.skin-minerva h1,
.skin-minerva h2 {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border-bottom: 1px solid #404040;
color: #E0E0E0;
}
.skin-minerva .content .section-heading {
border-bottom: 1px solid #404040;
}
.skin-minerva h3,
.skin-minerva h4,
.skin-minerva h5,
.skin-minerva h6 {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
color: #E0E0E0;
}
.skin-minerva .thumb,
.skin-minerva #content_wrapper .thumb,
.skin-minerva li.gallerybox div.thumb {
background-color: rgba(0, 0, 0, 0);
border: 1px solid #505050;
}
.skin-minerva .content table th {
background-color: rgba(0, 0, 0, 0);
}
.skin-minerva .content table td,
.skin-minerva .content table th {
border: 1px solid #505050;
padding: 3px;
}
.skin-minerva .content table.wikitable {
background-color: rgba(0, 0, 0, 0);
margin: auto;
margin-bottom: 1em;
}
.skin-minerva .content table.wikitable > tr > th,
.skin-minerva .content table.wikitable > tr > td,
.skin-minerva .content table.wikitable > * > tr > th,
.skin-minerva .content table.wikitable > * > tr > td {
border: 1px solid #505050;
}
.skin-minerva .content table.wikitable > tr > th,
.skin-minerva .content table.wikitable > * > tr > th {
background-color: #101010;
padding: 3px;
}
.skin-minerva .mw-ui-icon-arrow::before {
filter: invert(100%);
}
/* Responsive main page stuff */
/********************
/* Main menu styles *
/********************/
.skin-minerva .primary-navigation-enabled {
border-left: 12px solid #505050 !important;
background: #101010 !important;
}
.skin-minerva #mw-mf-page-left {
border-left: 12px solid #505050;
background: transparent;
}
.skin-minerva #mw-mf-page-left ul {
background: transparent;
}
.skin-minerva #mw-mf-page-left ul:first-child {
border-bottom: 12px solid #505050;
}
.skin-minerva #mw-mf-page-left ul li {
border-top: 1px solid #505050;
border-bottom: 1px solid #505050;
background: transparent;
text-shadow: none;
}
.skin-minerva #mw-mf-page-left ul li a,
.skin-minerva #mw-mf-page-left ul.hlist li a {
border: none;
color: #3674b3;
}
.skin-minerva #mw-mf-page-left ul li:hover {
border-left: 12px solid #aaaaaa;
background: #505050;
}
.skin-minerva #mw-mf-page-left ul.hlist li:hover {
border: none;
}
.skin-minerva #mw-mf-page-left ul li:hover a,
.skin-minerva #mw-mf-page-left ul.hlist li:hover a {
color: #ffffff;
}
/*********************
/* Front page styles *
/*********************/
.skin-minerva .fpbox {
border-radius: 5px;
border: 2px solid #f3d9a9;
background: transparent;
color: inherit;
margin: 5px;
padding: 5px;
}
.skin-minerva .fpbox .welcome {
border-bottom: 1px solid #e0e0e0;
background: transparent;
color: #e0e0e0;
font-size: 150%;
text-transform: uppercase;
text-align: center;
margin: 0 0 10px 0;
padding: 0 0 5px 0;
}
.skin-minerva .fpbox .heading {
border-bottom: 1px solid #e0e0e0;
background: transparent;
color: #e0e0e0;
font-size: 132%;
margin: 0 0 10px 0;
padding: 0 0 5px 0;
}
.skin-minerva .fpbox .heading .smalllink {
color: #e0e0e0;
font-weight: bold;
font-size: 75%;
}
.skin-minerva .fpbox .body {
overflow: hidden;
}
.skin-minerva .fpbox.mobilecollapsible .heading a.togglecollapse {
display: block;
padding: 0 0 0 15px;
}
.skin-minerva .fpbox.mobilecollapsible .heading a.togglecollapse:hover,
.skin-minerva .fpbox.mobilecollapsible .heading a.togglecollapse:active {
text-decoration: none;
}
.skin-minerva .fpbox.mobilecollapsible.collapsed .heading {
border: none;
margin-bottom: -4px;
}
.skin-minerva .fpbox.mobilecollapsible.collapsed .heading a.togglecollapse {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAHCAQAAABqrk9lAAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfiBgcKGQuEiih2AAAALklEQVQI12OczPD2vzAjAwMDAxMDAwPD2/9wJoQDZTIwvP0PZwozMsEYUAUQEwDWNwihamz9rAAAAABJRU5ErkJggg==") left center no-repeat;
}
.skin-minerva .fpbox.mobilecollapsible.collapsed .body {
display: none;
}
.skin-minerva .fpbox.mobilecollapsible.expanded .heading a.togglecollapse {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAQAAADoz+32AAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfiBgcKGQFkX8FoAAAAIklEQVQI12Ns+M+ABJiEGREcYUYmBgaYgDAjAwMTjAERBABjNAH/5hy/QgAAAABJRU5ErkJggg==") left center no-repeat;
}
.skin-minerva .fpbox hr {
border: none;
border-bottom: 2px solid #505050;
}
/* Template:FP links */
.skin-minerva .fplinks {
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
align-items: stretch;
text-align: center;
}
.skin-minerva .fplink-outer {
padding: 5px;
flex-basis: calc(25% - 10px);
width: calc(25% - 15px);
min-width: 115px;
display: inline-block;
vertical-align: middle;
}
.skin-minerva .fplink-wide {
flex-basis: calc(33% - 10px);
width: calc(33% - 15px);
}
.skin-minerva .fplink-fullwidth {
flex-basis: 100%;
width: calc(100% - 15px);
font-weight: bold;
}
.skin-minerva .fplink {
padding: 0.5em;
box-sizing: border-box;
width: 100%;
height: 100%;
display: table;
background: rgba(0,0,0,0.3);
border: 1px solid #505050;
}
.skin-minerva .fplink-fullwidth .fplink{
background: rgba(0,0,0,0.4);
}
.skin-minerva .fplink-plain {
background: transparent;
border-radius: 0;
border: 0;
box-shadow: none;
}
.skin-minerva .fplink-inner {
display: table-row;
}
.skin-minerva .fplink a {
display: table-cell;
vertical-align: middle;
}
.skin-minerva .fplink img {
max-width: 150px;
width: 100%;
height: auto;
}
.skin-minerva .linkslabel {
border-bottom: 2px solid #505050;
}
/* end Template:FP links code */
.skin-minerva div.header-bg {
background: #282828 repeat-x 0em 0em;
border: 1px solid #505050;
padding: 5px;
}
.skin-minerva div.header-bg1 {
background: #282828 no-repeat 0em 0em;
border: 1px solid #505050;
padding: 3px;
}
.skin-minerva th.header-bg {
background: #282828 repeat-x 0em 0em;
border: 1px solid #505050;
padding: 5px;
}
.skin-minerva .content .mw-changeslist table td {
border: none;
padding: 1px;
}
.skin-minerva .mw-ui-icon-language-switcher:before {
background-image: linear-gradient(transparent,transparent),url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOCIgaGVpZ2h0PSIyMSIgdmlld0JveD0iMCAwIDI4IDIxIj48dGl0bGU+dW5pRTAyMSAtIHRyYW5zbGF0aW9uPC90aXRsZT48ZyBpZD0iUGFnZS0xIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxnIGlkPSJ1bmlFMDIxLS0tdHJhbnNsYXRpb24iIGZpbGw9IiNmZmYiPjxwYXRoIGQ9Ik0yMy44OSAxNmwxLjcyIDVoMi4zN0wyMi40NCAzLjk0aC0zLjNMMTMuMzQgMjFoMi4zN2wxLjU5LTVoNi41OXptLTMuMy0xMC4wOWwyLjc3IDguMTNoLTUuNTRsMi43Ny04LjEzeiIgaWQ9IlNoYXBlIi8+PHBhdGggZD0iTTguMiAyLjYzaDEuMThMOC4wNyAwSDUuNDNsLjY2IDEuMzFBMi4zNCAyLjM0IDAgMCAwIDguMiAyLjYzeiIgaWQ9IlNoYXBlIi8+PHBhdGggZD0iTTE2LjUxIDRILjE1djJoMi41MWMuNzkgMi4yNyAxLjk4IDQuMjQgMy42OSA2LjA4LTEuODUgMS40NC00LjA5IDIuMjMtNi4zMyAzLjAxbC42NiAxLjk3YzIuNjQtLjc5IDUuMDEtMS44MyA3LjI1LTMuNTQgMS4xOS45MiAyLjc3IDEuODQgNC42MiAyLjM2bC42Ni0xLjk3Yy0xLjQ1LS4zOS0yLjY0LTEuMDUtMy42OS0xLjgzIDIuNS0yLjUgMy4yOS00Ljk5IDMuNDItNS4yNWwuMjctLjgzaDIuNjRsLjY2LTJ6bS04LjU4IDYuNjdDNi42MSA5LjQxIDUuNDMgNy43NyA0LjkgNmg2LjJjLS42NiAxLjc3LTEuODUgMy4yOC0zLjE3IDQuNjctMi4xMS0yLjE1IDAgMCAwIDB6IiBpZD0iU2hhcGUiLz48L2c+PC9nPjwvc3ZnPg==);
}
.skin-minerva #content pre,
.skin-minerva .mw-code {
background-color: #282828;
border-color: #505050;
}
.skin-minerva .editor-overlay {
background-color: #202020;
}
.skin-minerva .overlay .wikitext-editor {
color: #fff;
background-color: #444;
border: 1px solid #ff9900;
}
.skin-minerva .editor-overlay .header-container,
.skin-minerva .language-overlay .header-container {
background: #000;
border-bottom: 1px solid #ff9900;
}
.skin-minerva .language-overlay {
background-color: rgba(0,0,0,0);
}
.skin-minerva .language-overlay .site-link-list li {
background-color: #444;
color: #fff;
}
.skin-minerva .language-overlay .site-link-list a .autonym {
color: #fff;
}
.skin-minerva .language-overlay .site-link-list li > a {
border-top: 1px solid #ff9900;
}
/* Auto-resize front page video to fit smaller columns */
.fpbox .embedvideowrap {
width: 100%!important;
max-width: 480px;
margin: 0 auto;
}
.fpbox .embedvideowrap iframe {
width: 100%!important;
}