From ad9724c68a3416885a11f59d04e1977cd513bd15 Mon Sep 17 00:00:00 2001 From: Carl Schwan Date: Tue, 30 Jul 2019 09:28:38 +0200 Subject: [PATCH] Rename src in css --- {src => css}/aether-mediawiki.scss | 371 +--------------------------- {src => css}/glyph/glyph.eot | Bin {src => css}/glyph/glyph.svg | 0 {src => css}/glyph/glyph.ttf | Bin {src => css}/glyph/glyph.woff | Bin {src => css}/includes/base.scss | 0 {src => css}/includes/breeze.scss | 0 {src => css}/includes/carousel.scss | 0 css/includes/dark-mediawiki.scss | 98 ++++++++ css/includes/dark.scss | 21 ++ {src => css}/includes/font.scss | 0 {src => css}/includes/footer.scss | 0 {src => css}/includes/klayout.scss | 0 {src => css}/includes/kpatrons.scss | 0 css/includes/mediawiki.scss | 305 +++++++++++++++++++++++ {src => css}/includes/navbar.scss | 0 webpack.config.js | 2 +- 17 files changed, 430 insertions(+), 367 deletions(-) rename {src => css}/aether-mediawiki.scss (76%) rename {src => css}/glyph/glyph.eot (100%) rename {src => css}/glyph/glyph.svg (100%) rename {src => css}/glyph/glyph.ttf (100%) rename {src => css}/glyph/glyph.woff (100%) rename {src => css}/includes/base.scss (100%) rename {src => css}/includes/breeze.scss (100%) rename {src => css}/includes/carousel.scss (100%) create mode 100644 css/includes/dark-mediawiki.scss create mode 100644 css/includes/dark.scss rename {src => css}/includes/font.scss (100%) rename {src => css}/includes/footer.scss (100%) rename {src => css}/includes/klayout.scss (100%) rename {src => css}/includes/kpatrons.scss (100%) create mode 100644 css/includes/mediawiki.scss rename {src => css}/includes/navbar.scss (100%) diff --git a/src/aether-mediawiki.scss b/css/aether-mediawiki.scss similarity index 76% rename from src/aether-mediawiki.scss rename to css/aether-mediawiki.scss index 9b08673..dd09b1e 100644 --- a/src/aether-mediawiki.scss +++ b/css/aether-mediawiki.scss @@ -16,6 +16,7 @@ * along with this program. If not, see . */ +/* Aether base style */ @import 'includes/base'; @import 'includes/breeze'; @import 'includes/navbar'; @@ -24,6 +25,10 @@ @import 'includes/kpatrons'; @import 'includes/carousel'; +/* Mediawiki style */ +@import 'includes/mediawiki.scss'; +@import 'includes/dark-mediawiki.scss'; + a.btn:visited { color: white !important; } @@ -1103,11 +1108,6 @@ main:after { font-weight: normal; } -.mw-jump, #jump-to-nav { - display: none; - height: 0; -} - .card { padding: 7px; } @@ -1122,49 +1122,6 @@ main:after { margin-top: 5px; } -.wikitable { - border: 1px solid #dee2e6; - border-collapse: collapse; -} - -.wikitable thead td, .wikitable thead th { - border-bottom-width: 2px; -} - -.wikitable thead th { - vertical-align: bottom; - border-bottom: 2px solid #dee2e6; -} - -.wikitable td, .wikitable th { - border: 1px solid #dee2e6; -} - -table.wikitable > tr > th, table.wikitable > * > tr > th { - background-color: #eff0f1; -} - -@media not print { - .printfooter { - display: none; - } -} - -#mw-normal-catlinks { - margin-top: 7px; -} -#mw-normal-catlinks ul { - display: inline-block; - padding-left: 0; -} - -#mw-normal-catlinks ul li { - list-style: none; - display: inline-block; - margin-left: 4px; - margin-right: 4px; - padding-left: 0; -} textarea { color: #31363b; @@ -1187,10 +1144,6 @@ pre, .editOptions { border-color: #f5c6cb; } -.floatleft { - float: left !important; -} - table { border-spacing: 0; } @@ -1199,9 +1152,6 @@ table { text-align: center !important; } -.center .floatnone { - text-align: center; -} div.tright, div.floatright, table.floatright { clear: right; @@ -1222,315 +1172,4 @@ div.tright, div.floatright, table.floatright { margin-top: 10px; } -.mw-editsection { - margin-left: 5px; - font-size: small; -} - -#mw-content-text .image, -#mw-content-text img { - max-width: 100%; - height: auto; - display: inline-block; -} - -.mw-enhanced-rc td:nth-child(3) { - width: 99px; -} -.mw-enhanced-rc td:nth-child(1) { - width: 15px; -} - -select { - background-color: white; -} - -.mw-languages-dropdown { - padding-left: 5px; - cursor: pointer; - font-weight: bold; -} - -.mw-pt-languages-label::after { - content: ""; - background: transparent no-repeat scroll left center; - background-image: url(/extensions/UniversalLanguageSelector/lib/jquery.uls/images/language.png?85750); - background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22%3E %3Cpath d=%22M20 18h-1.44a.61.61 0 0 1-.4-.12.81.81 0 0 1-.23-.31L17 15h-5l-1 2.54a.77.77 0 0 1-.22.3.59.59 0 0 1-.4.14H9l4.55-11.47h1.89zm-3.53-4.31L14.89 9.5a11.62 11.62 0 0 1-.39-1.24q-.09.37-.19.69l-.19.56-1.58 4.19zm-6.3-1.58a13.43 13.43 0 0 1-2.91-1.41 11.46 11.46 0 0 0 2.81-5.37H12V4H7.31a4 4 0 0 0-.2-.56C6.87 2.79 6.6 2 6.6 2l-1.47.5s.4.89.6 1.5H0v1.33h2.15A11.23 11.23 0 0 0 5 10.7a17.19 17.19 0 0 1-5 2.1q.56.82.87 1.38a23.28 23.28 0 0 0 5.22-2.51 15.64 15.64 0 0 0 3.56 1.77zM3.63 5.33h4.91a8.11 8.11 0 0 1-2.45 4.45 9.11 9.11 0 0 1-2.46-4.45z%22 fill=%22%2354595d%22/%3E %3C/svg%3E"); - background-size: contain; - padding-left: 24px; -} - -.mw-languages-dropdown::after { - display: inline-block; - margin-left: .255em; - vertical-align: .255em; - content: ""; - border-top: .3em solid; - border-right: .3em solid transparent; - border-bottom: 0; - border-left: .3em solid transparent; -} - -.grid .row .row.tux-message, -.tux-textarea-translation, -.grid .row .row.tux-message-item-compact { - width: 100%; - display: block; -} - -.row.uls-search { - display: inline-block; -} - -.uls-lcd-region-section { - display: block; - width: 100%; -} - -.tux-message-filter-result .button { - display: none !important; -} - -.center .floatnone { - text-align: center; -} - - -.menuchoice, .pager li, -.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button, -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { - color: #232627; - box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.2); - background-image: linear-gradient(to bottom, #eff0f1, #e9eaeb); - position: relative; - display: inline-block; - padding: 2px 5px; - border-radius: 2px; - border: solid 1px rgba(0,0,0,.1); - transition: background-image .2s; -} - -.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button, -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { - padding: 5px 10px; -} -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active { - background: #3daee9; - background-image: none; -} - -.keycap { - color: #000000; - background-color: #e1e1e1; - text-shadow: none; - padding: 2px 5px; -} - - -code { - background-color: lemonchiffon; - padding: 2px 4px; - background-color: #f5f5f5; - border: 1px solid #ccc; - border: 1px solid rgba(0, 0, 0, 0.15); -} - -table.vertical-centered td { - padding: 8px; -} - -table:not(.mw-changeslist-line) td:first-child { - padding-left: 0; - min-width: 48px; -} - -.pager { - text-align: center; -} - -.pager li { - display: inline-block; - list-style: none; - padding: 5px 10px; -} - -.pager li a { - color: #232627; -} - -.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover, -.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, -.pager li:hover { - box-shadow: 1px 1px 0px 0px rgba(147, 206, 233, 0.2); - border: solid 1px rgba(147, 206, 233, 0.6); -} - -.thumb .thumbinner, .center .floatnone img { - margin-bottom: 10px; - padding: 4px; - border: 1px solid rgba(0, 0, 0, 0.2); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); - border-radius: 2px; -} - -.center .thumbinner, .tablecenter { - margin-left: auto; - margin-right: auto; -} - -.tleft .thumbinner, .floatleft a { - margin-right: 20px !important; - margin-top: 4px; -} - -div.tleft, div.floatleft, table.floatleft { - float: left; - clear: left; -} - -.mw-content-ltr dd, .mw-content-rtl .mw-content-ltr dd { - margin-left: 1.6em; - margin-right: 0; -} - -dl, ol, ul { - margin-bottom: 0; -} - -@media print { - .noprint, .mw-editsection { - display: none; - } -} - -.oo-ui-panelLayout-framed { - border-radius: 4px; -} - -.alert .alert-heading { - font-size: 16px; - font-weight: bold; -} - -.alert.d-flex .floatleft img { - min-width: 40px; -} - -#pt-uls a.uls-trigger { - padding-left: 25px; -} - -.pre-input { - background-color:lemonchiffon; -} - -.form-inline .form-control { - width: 200px; -} - -a.new { - color: rgb(218,68,83); -} - -.thumbinner { - max-width: 100%; -} - -.mw-plusminus-pos { - color: #27ae60; -} - -@media (max-width: 768px) { - #kHeaderNav .navbar-collapse .navbar-nav .nav-item a { - width: 100%; - } - #kHeaderNav #searchInput { - width: 100%; - margin-top: 5px; - margin-right: 0; - margin-bottom: 5px; - margin-left: 20px; - } -} - -@media (prefers-color-scheme: dark) { - .statstable > * > tr > td, - body, .mw-pt-languages, .ext-translate-container .tux-messagelist .tux-message-pagemode .tux-message-item-compact, .uls-language-block > ul > li:hover, .ext-translate-container .tux-messagelist .tux-message-pagemode { - background-color: #232629 !important; - color: #eff0f1; - } - #kHeaderNav .navbar-collapse a, pre, .tux-messagelist .tux-message-pagemode .tux-pagemode-source, .tux-messagelist .tux-message-pagemode .tux-pagemode-translation, .tux-editor-header, .tux-statsbar-info, .ext-translate-language-selector-label, .contributionscores-title { - color: #eff0f1 !important; - } - .diff-context, - #pagehistory li.selected, - .statstable > * > tr > th, - .mw-highlight, - .lqt-post-wrapper .lqt_post_new_message, - .mw-pt-languages-label, .card, footer, .lqt-post-wrapper, .ext-translate-container .tux-messagelist .tux-message-pagemode .tux-message-item-compact:hover, .uls-menu, .uls-search, .uls-lcd, .uls-languagefilter, .tux-action-bar, .contributionscores .header, table.wikitable > tr > th, table.wikitable > * > tr > th, .form-control, .form-control::placeholder { - color: #eff0f1 !important; - background-color: #31363b !important; - background: #31363b !important; - } - a { - color: #5daee9; - } - a:hover { - color: #7daee9; - } - .statstable > * > tr > td:nth-child(6)[data-sort-value="0.00000"], - h1, h2, h3, h4, h5, h6, #kLegal, .lqt-thread-toolbar-timestamp, .lqt-thread-actions-icon, .page-info, .tux-breadcrumb, .tux-message-selector li a{ - color: #bdc3c7 !important; - } - #kFooterIncome, #kFooterIncome h3 { - color: #334545 !important; - } - .form-control { - border: 1px solid #31363b; - } - - .diff-addedline .diffchange, - .diff-deletedline .diffchange { - color: black; - } - - pre.pre-input { - background-color: #bdc3c7; - color: black !important; - } - - .alert-warning { - border-color: #f67400; - color: #eff0f1; - background-color: rgba(246,116,0,0.2); - } - - .alert-error { - border-color: rgb(218,68,83); - color: #eff0f1; - background-color: rgba(218,68,83,0.2); - } - - .alert-success { - background-color: #2f4e42; - color: #eff0f1; - border-color: #27ae60; - } - - .alert-info { - background-color: rgba(61,174,233, 0.2); - color: #eff0f1; - border-color: rgb(61,174,233); - } - - .icon-dark-invert img, - .alert-success img, - .mw-pt-languages-label::after { - filter: invert(1); - } - - .mono-icon img { - background-color: white; - } -} diff --git a/src/glyph/glyph.eot b/css/glyph/glyph.eot similarity index 100% rename from src/glyph/glyph.eot rename to css/glyph/glyph.eot diff --git a/src/glyph/glyph.svg b/css/glyph/glyph.svg similarity index 100% rename from src/glyph/glyph.svg rename to css/glyph/glyph.svg diff --git a/src/glyph/glyph.ttf b/css/glyph/glyph.ttf similarity index 100% rename from src/glyph/glyph.ttf rename to css/glyph/glyph.ttf diff --git a/src/glyph/glyph.woff b/css/glyph/glyph.woff similarity index 100% rename from src/glyph/glyph.woff rename to css/glyph/glyph.woff diff --git a/src/includes/base.scss b/css/includes/base.scss similarity index 100% rename from src/includes/base.scss rename to css/includes/base.scss diff --git a/src/includes/breeze.scss b/css/includes/breeze.scss similarity index 100% rename from src/includes/breeze.scss rename to css/includes/breeze.scss diff --git a/src/includes/carousel.scss b/css/includes/carousel.scss similarity index 100% rename from src/includes/carousel.scss rename to css/includes/carousel.scss diff --git a/css/includes/dark-mediawiki.scss b/css/includes/dark-mediawiki.scss new file mode 100644 index 0000000..456214d --- /dev/null +++ b/css/includes/dark-mediawiki.scss @@ -0,0 +1,98 @@ +/** Aether MediaWiki + * Copyright (C) 2017 Ken Vermette + * Copyright (C) 2019 Carl Schwan + * + * This program is free software: you can redistribute it and/or modify + * it under the terms of the GNU Affero General Public License as published by + * the Free Software Foundation, either version 3 of the License, or + * (at your option) any later version. + * + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU Affero General Public License for more details. + * + * You should have received a copy of the GNU Affero General Public License + * along with this program. If not, see . + */ + +@media (prefers-color-scheme: dark) { + .statstable > * > tr > td, + body, .mw-pt-languages, .ext-translate-container .tux-messagelist .tux-message-pagemode .tux-message-item-compact, .uls-language-block > ul > li:hover, .ext-translate-container .tux-messagelist .tux-message-pagemode { + background-color: #232629 !important; + color: #eff0f1; + } + #kHeaderNav .navbar-collapse a, pre, .tux-messagelist .tux-message-pagemode .tux-pagemode-source, .tux-messagelist .tux-message-pagemode .tux-pagemode-translation, .tux-editor-header, .tux-statsbar-info, .ext-translate-language-selector-label, .contributionscores-title { + color: #eff0f1 !important; + } + .diff-context, + #pagehistory li.selected, + .statstable > * > tr > th, + .mw-highlight, + .lqt-post-wrapper .lqt_post_new_message, + .mw-pt-languages-label, .card, footer, .lqt-post-wrapper, .ext-translate-container .tux-messagelist .tux-message-pagemode .tux-message-item-compact:hover, .uls-menu, .uls-search, .uls-lcd, .uls-languagefilter, .tux-action-bar, .contributionscores .header, table.wikitable > tr > th, table.wikitable > * > tr > th, .form-control, .form-control::placeholder { + color: #eff0f1 !important; + background-color: #31363b !important; + background: #31363b !important; + } + a { + color: #5daee9; + } + a:hover { + color: #7daee9; + } + .statstable > * > tr > td:nth-child(6)[data-sort-value="0.00000"], + h1, h2, h3, h4, h5, h6, #kLegal, .lqt-thread-toolbar-timestamp, .lqt-thread-actions-icon, .page-info, .tux-breadcrumb, .tux-message-selector li a{ + color: #bdc3c7 !important; + } + #kFooterIncome, #kFooterIncome h3 { + color: #334545 !important; + } + .form-control { + border: 1px solid #31363b; + } + + .diff-addedline .diffchange, + .diff-deletedline .diffchange { + color: black; + } + + pre.pre-input { + background-color: #bdc3c7; + color: black !important; + } + + .alert-warning { + border-color: #f67400; + color: #eff0f1; + background-color: rgba(246,116,0,0.2); + } + + .alert-error { + border-color: rgb(218,68,83); + color: #eff0f1; + background-color: rgba(218,68,83,0.2); + } + + .alert-success { + background-color: #2f4e42; + color: #eff0f1; + border-color: #27ae60; + } + + .alert-info { + background-color: rgba(61,174,233, 0.2); + color: #eff0f1; + border-color: rgb(61,174,233); + } + + .icon-dark-invert img, + .alert-success img, + .mw-pt-languages-label::after { + filter: invert(1); + } + + .mono-icon img { + background-color: white; + } +} diff --git a/css/includes/dark.scss b/css/includes/dark.scss new file mode 100644 index 0000000..114fbb5 --- /dev/null +++ b/css/includes/dark.scss @@ -0,0 +1,21 @@ +/** Aether MediaWiki + * Copyright (C) 2017 Ken Vermette + * Copyright (C) 2019 Carl Schwan + * + * This program is free software: you can redistribute it and/or modify + * it under the terms of the GNU Affero General Public License as published by + * the Free Software Foundation, either version 3 of the License, or + * (at your option) any later version. + * + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU Affero General Public License for more details. + * + * You should have received a copy of the GNU Affero General Public License + * along with this program. If not, see . + */ + +@media (prefers-color-scheme: dark) { + /* TODO */ +} diff --git a/src/includes/font.scss b/css/includes/font.scss similarity index 100% rename from src/includes/font.scss rename to css/includes/font.scss diff --git a/src/includes/footer.scss b/css/includes/footer.scss similarity index 100% rename from src/includes/footer.scss rename to css/includes/footer.scss diff --git a/src/includes/klayout.scss b/css/includes/klayout.scss similarity index 100% rename from src/includes/klayout.scss rename to css/includes/klayout.scss diff --git a/src/includes/kpatrons.scss b/css/includes/kpatrons.scss similarity index 100% rename from src/includes/kpatrons.scss rename to css/includes/kpatrons.scss diff --git a/css/includes/mediawiki.scss b/css/includes/mediawiki.scss new file mode 100644 index 0000000..f455f8b --- /dev/null +++ b/css/includes/mediawiki.scss @@ -0,0 +1,305 @@ +/** Aether MediaWiki + * Copyright (C) 2019 Carl Schwan + * + * This program is free software: you can redistribute it and/or modify + * it under the terms of the GNU Affero General Public License as published by + * the Free Software Foundation, either version 3 of the License, or + * (at your option) any later version. + * + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU Affero General Public License for more details. + * + * You should have received a copy of the GNU Affero General Public License + * along with this program. If not, see . + */ + +.mw-jump, #jump-to-nav { + display: none; + height: 0; +} + +.wikitable { + border: 1px solid #dee2e6; + border-collapse: collapse; +} + +.wikitable thead td, .wikitable thead th { + border-bottom-width: 2px; +} + +.wikitable thead th { + vertical-align: bottom; + border-bottom: 2px solid #dee2e6; +} + +.wikitable td, .wikitable th { + border: 1px solid #dee2e6; +} + +table.wikitable > tr > th, table.wikitable > * > tr > th { + background-color: #eff0f1; +} + +@media not print { + .printfooter { + display: none; + } +} + +#mw-normal-catlinks { + margin-top: 7px; +} +#mw-normal-catlinks ul { + display: inline-block; + padding-left: 0; +} + +#mw-normal-catlinks ul li { + list-style: none; + display: inline-block; + margin-left: 4px; + margin-right: 4px; + padding-left: 0; +} + +.floatleft { + float: left !important; +} + +.center .floatnone { + text-align: center; +} + +.mw-editsection { + margin-left: 5px; + font-size: small; +} + +#mw-content-text .image, +#mw-content-text img { + max-width: 100%; + height: auto; + display: inline-block; +} + +.mw-enhanced-rc td:nth-child(3) { + width: 99px; +} +.mw-enhanced-rc td:nth-child(1) { + width: 15px; +} + +select { + background-color: white; +} + +.mw-languages-dropdown { + padding-left: 5px; + cursor: pointer; + font-weight: bold; +} + +.mw-pt-languages-label::after { + content: ""; + background: transparent no-repeat scroll left center; + background-image: url(/extensions/UniversalLanguageSelector/lib/jquery.uls/images/language.png?85750); + background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22%3E %3Cpath d=%22M20 18h-1.44a.61.61 0 0 1-.4-.12.81.81 0 0 1-.23-.31L17 15h-5l-1 2.54a.77.77 0 0 1-.22.3.59.59 0 0 1-.4.14H9l4.55-11.47h1.89zm-3.53-4.31L14.89 9.5a11.62 11.62 0 0 1-.39-1.24q-.09.37-.19.69l-.19.56-1.58 4.19zm-6.3-1.58a13.43 13.43 0 0 1-2.91-1.41 11.46 11.46 0 0 0 2.81-5.37H12V4H7.31a4 4 0 0 0-.2-.56C6.87 2.79 6.6 2 6.6 2l-1.47.5s.4.89.6 1.5H0v1.33h2.15A11.23 11.23 0 0 0 5 10.7a17.19 17.19 0 0 1-5 2.1q.56.82.87 1.38a23.28 23.28 0 0 0 5.22-2.51 15.64 15.64 0 0 0 3.56 1.77zM3.63 5.33h4.91a8.11 8.11 0 0 1-2.45 4.45 9.11 9.11 0 0 1-2.46-4.45z%22 fill=%22%2354595d%22/%3E %3C/svg%3E"); + background-size: contain; + padding-left: 24px; +} + +.mw-languages-dropdown::after { + display: inline-block; + margin-left: .255em; + vertical-align: .255em; + content: ""; + border-top: .3em solid; + border-right: .3em solid transparent; + border-bottom: 0; + border-left: .3em solid transparent; +} + +.grid .row .row.tux-message, +.tux-textarea-translation, +.grid .row .row.tux-message-item-compact { + width: 100%; + display: block; +} + +.row.uls-search { + display: inline-block; +} + +.uls-lcd-region-section { + display: block; + width: 100%; +} + +.tux-message-filter-result .button { + display: none !important; +} + +.center .floatnone { + text-align: center; +} + + +.menuchoice, .pager li, +.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button, +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { + color: #232627; + box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.2); + background-image: linear-gradient(to bottom, #eff0f1, #e9eaeb); + position: relative; + display: inline-block; + padding: 2px 5px; + border-radius: 2px; + border: solid 1px rgba(0,0,0,.1); + transition: background-image .2s; +} + +.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button, +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { + padding: 5px 10px; +} + +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active { + background: #3daee9; + background-image: none; +} + +.keycap { + color: #000000; + background-color: #e1e1e1; + text-shadow: none; + padding: 2px 5px; +} + + +code { + background-color: lemonchiffon; + padding: 2px 4px; + background-color: #f5f5f5; + border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, 0.15); +} + +table.vertical-centered td { + padding: 8px; +} + +table:not(.mw-changeslist-line) td:first-child { + padding-left: 0; + min-width: 48px; +} + +.pager { + text-align: center; +} + +.pager li { + display: inline-block; + list-style: none; + padding: 5px 10px; +} + +.pager li a { + color: #232627; +} + +.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover, +.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, +.pager li:hover { + box-shadow: 1px 1px 0px 0px rgba(147, 206, 233, 0.2); + border: solid 1px rgba(147, 206, 233, 0.6); +} + +.thumb .thumbinner, .center .floatnone img { + margin-bottom: 10px; + padding: 4px; + border: 1px solid rgba(0, 0, 0, 0.2); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); + border-radius: 2px; +} + +.center .thumbinner, .tablecenter { + margin-left: auto; + margin-right: auto; +} + +.tleft .thumbinner, .floatleft a { + margin-right: 20px !important; + margin-top: 4px; +} + +div.tleft, div.floatleft, table.floatleft { + float: left; + clear: left; +} + +.mw-content-ltr dd, .mw-content-rtl .mw-content-ltr dd { + margin-left: 1.6em; + margin-right: 0; +} + +dl, ol, ul { + margin-bottom: 0; +} + +@media print { + .noprint, .mw-editsection { + display: none; + } +} + +.oo-ui-panelLayout-framed { + border-radius: 4px; +} + +.alert .alert-heading { + font-size: 16px; + font-weight: bold; +} + +.alert.d-flex .floatleft img { + min-width: 40px; +} + +#pt-uls a.uls-trigger { + padding-left: 25px; +} + +.pre-input { + background-color:lemonchiffon; +} + +.form-inline .form-control { + width: 200px; +} + +a.new { + color: rgb(218,68,83); +} + +.thumbinner { + max-width: 100%; +} + +.mw-plusminus-pos { + color: #27ae60; +} + +@media (max-width: 768px) { + #kHeaderNav .navbar-collapse .navbar-nav .nav-item a { + width: 100%; + } + #kHeaderNav #searchInput { + width: 100%; + margin-top: 5px; + margin-right: 0; + margin-bottom: 5px; + margin-left: 20px; + } +} diff --git a/src/includes/navbar.scss b/css/includes/navbar.scss similarity index 100% rename from src/includes/navbar.scss rename to css/includes/navbar.scss diff --git a/webpack.config.js b/webpack.config.js index 88e577a..abb013c 100644 --- a/webpack.config.js +++ b/webpack.config.js @@ -8,7 +8,7 @@ Encore // only needed for CDN's or sub-directory deploy //.setManifestKeyPrefix('build/') - .addStyleEntry('aether-mediawiki', './src/aether-mediawiki.scss') + .addStyleEntry('aether-mediawiki', './css/aether-mediawiki.scss') // .enableSingleRuntimeChunk() .disableSingleRuntimeChunk() -- GitLab