MediaWiki:Common.css
From BASAkalimantanWiki
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.
/* CSS placed here will be applied to all skins */ .wikithon-winner-tr { display: none; } select[name="Article search[Question]"] { max-width: 800px !important; } .wikithon-question-box { max-width: 400px; padding: 10px; border: 1px solid #a70000; border-radius: 4px; color: red; } /* modif button border orange */ .button--border-orange { border: 2px solid #ffc801; border-radius: 0; } .button--border-orange:hover { background-color: #5c5a5a; } /* CSS placed here will be applied to all skins */ .jury-comments { max-width: 350px; } .button.button-article-search { background-color: #e70101; border-color: #cb0000; } .button.button-article-search > a { color: white !important; text-decoration: none !important; } .library-item.library-item--sponsor { display: flex; text-align: center; justify-content: center; align-items: center; } .library-item--sponsor a { display: flex !important; justify-content: center; align-items: center; } .library-item.library-item--sponsor img { object-fit: initial !important; width: auto; height: auto; } /* main page */ .rootpage-Main_Page main.homepage { height: auto; } .rootpage-Main_Page { display: flex; justify-content: flex-start; flex-direction: column; min-height: 850px; max-height: 100%; } .rootpage-Main_Page footer { margin-top: auto; } @media screen and (max-width: 768px) { .rootpage-Main_Page main.homepage { min-height: 870px; } } /* ------ */ .library-item.library-item--sponsor { display: flex; text-align: center; justify-content: center; align-items: center; } .library-item.library-item--sponsor img { object-fit: initial !important; width: auto; height: auto; } span.required { color: red; } .aksara { font-family: Aksara; font-size: 70px; } .balinese .text-block-more { color: #b23005; } .puzzle-wrapper { margin: 0 0 30px 0; } .puzzle-wrapper .puzzle-text { margin: 20px 0; } .puzzle-wrapper .puzzle-image { margin: 10px 0; padding: 10px; /*border: 1px solid lightgray; border-radius: 4px; -webkit-border-radius: 4px; max-width: 50%;*/ } .puzzle-wrapper .puzzle-image img { width: 100%; height: auto; } #puzzles { clear: left; } #puzzles .puzzle-word-inline-link { display: inline-block; margin: 0 10px 10px 0; } .puzzle-wrapper .add-link::after { content: ""; display: table; clear: right; } .puzzle-wrapper .add-link { float: left; margin-right: 10px; } .puzzle-wrapper .add-link button { font-size: 15px; } .puzzle-page-answers { } .puzzle-page-answers .answers-list { /*display: block;*/ } .puzzle-page-answers .answers-help { /*display: none;*/ margin-bottom: 15px; } .puzzle-page-answers.answers-hidden .answers-list { /*display: none;*/ } .puzzle-page-answers.answers-hidden .answers-help { /*display: block;*/ } .puzzle-page-answers .answers-list img { transition: all .25s; } .puzzle-page-answers.answers-hidden .answers-list img { -webkit-filter: blur(6px); -moz-filter: blur(6px); -ms-filter: blur(6px); -o-filter: blur(6px); /* FF doesn't support blur filter, but SVG */ filter: url("data:image/svg+xml;utf8,<svg height='0' xmlns='http://www.w3.org/2000/svg'><filter id='svgBlur' x='-5%' y='-5%' width='110%' height='110%'><feGaussianBlur in='SourceGraphic' stdDeviation='10'/></filter></svg>#svgBlur"); filter: progid: DXImageTransform.Microsoft.Blur(PixelRadius = '6'); filter: blur(6px); } .puzzle-page-answers-switch { font-size: 15px; } .biography-wrapper { margin-top: 15px; } .biography-wrapper .dl-horizontal dt { width: 120px; } .biography-wrapper .dl-horizontal dd { margin-left: 130px; } .biography-wrapper .biography-example-wrapper .thumbnail { margin-right: 15px; } .biography-wrapper .dl-horizontal { margin-bottom: 0px; } .biography-wrapper .dl-horizontal dt { white-space: normal; } .biography-wrapper .dl-horizontal dd a.external:before { display: none; } .biography-wrapper .dl-horizontal dd a { word-break: break-word; } .biography-wrapper .dl-horizontal ul { margin-left: 18px; margin-top: 0; } .biography-wrapper h3 { margin: 15px 0; } .biography-wrapper .bio-text h3 { margin-top: 0px; } .biography-wrapper .edit-link { font-size: 15px; } .formtable th p { font-weight: 300; color: #888686; font-size: 18px; } .search-results-smw-container { display: flex; flex-wrap: wrap; } .search-results-smw-item { flex-basis: 300px; margin: 0 10px; } .page-Special_RunQuery_Word_search #mw-content-text a.external::before { display: none !important; } .page-Special_RunQuery_Word_search #mw-content-text .mw-editsection { display: none; } #mw-content-text .dl-horizontal dd { word-wrap: break-word; } .wikithon-random-list > ul { display: flex; flex-wrap: wrap; list-style: none; } .wikithon-random-list > ul > li { flex: 1 1 150px; } .library-sponsored-by { display: flex; margin: 5px 0; align-items: center; } .library-sponsored-by span { } .library-sponsored-by a { margin-left: 10px; } .library-sponsored-by img { max-height: 100px; width: auto; } .library-slider-wrapper .library-sponsored-by img { width: 100px; height: auto; } .home-sponsors { position: absolute; top: 0; left: 0; z-index: 2; color: white; padding: 20px; display: flex; } .home-sponsors .library-sponsored-by { margin-right: 25px; } .search-results-smw-container .search-results-smw-item { position: relative; } .search-sponsor-overlay { position: absolute; top: 0; left: -25px; box-shadow: 1px 1px 8px 2px #0000003d; border-radius: 100px; } .search-sponsor-overlay img { border-radius: 100px; width: 80px; height: 80px; z-index: 10; } .text-block-expandable { line-height: 1.4em; } .cb-review-block { padding: 0 10px 0 15px; background-color: #fdfdfd; border-radius: 4px; border: 1px solid #f3f3f3; font-size: 15px; padding-left: 15px; margin: 0; } .cb-review-block .text-block-expandable { max-height: 120px; margin: 0 0 10px 0; } .cb-review-block .text-block-expandable.text-block-expandable--expanded { max-height: 99999px; } .library-slider-wrapper .library-link { flex-wrap: wrap; } .library-slider-wrapper .library-link .library-sponsored-by { flex-wrap: wrap; } #mw-content-text > .library-sponsored-by { justify-content: flex-end; margin-top: 10px; } #mw-content-text > .library-sponsored-by img { max-width: 150px; height: auto; } .library-slider-wrapper .library-link .library-sponsored-by a { margin: 5px 0 0 0; } form.search-horizontal input[type="text"] { /*text-transform: uppercase;*/ } form.search-horizontal { border: 6px solid #ffc801; } main #mw-content-text .word-container { flex-direction: row; position: relative; } main #mw-content-text .word-container .word-forms .word-form { margin-right: 0; margin-bottom: 20px; border-radius: 8px; background-color: #333539; color: #d4d4d4; padding: 10px; } main #mw-content-text .word-container .word-header .entry-title { margin-right: 25%; } main #mw-content-text .word-container .word-header, main #mw-content-text .word-container .word-forms { width: 50%; } main #mw-content-text .word-container + .word-sponsorship { display: flex; justify-content: flex-end; } main #mw-content-text .word-container + .word-sponsorship > div { maring-top: 0 !important; line-height: auto !important; display: flex; align-items: center; } main #mw-content-text .word-container + .word-sponsorship img { margin-left: 20px; } .word-definitions audio { padding: 0; width: 175px; height: 21px; } /* Reducing whitespaces */ header .search-horizontal { margin-top: 10px; } header .container .logo a img { max-width: 45px; } #usage-examples > h2:first-child { margin-top: 0; } .word-definitions > ul { margin-top: 0; } main #mw-content-text .word-row #usage-examples .usage-example { padding: 0 20px; } main #mw-content-text .word-row #usage-examples .usage-example .text-block-expandable { margin: 0; } .navigation-panel ul li a { color: white; } .comment-panel { margin-bottom: 10px; border: 1px solid #e8e8e8; border-radius: 4px; } .comment-panel-panel-heading { font-weight: bold; padding: 5px 10px; border-bottom: 1px solid #e8e8e8; } .comment-panel-panel-body { padding: 5px 10px; } .html5-audio-mini-player { width: 30px; height: 30px; border-radius: 30px; background-color: #363636; display: inline-flex; align-items: center; justify-content: center; } .html5-audio-mini-player:hover { background-color: #424242; cursor: pointer; } .html5-audio-mini-player::after { content: "▶"; color: white; left: 2px; position: relative; font-size: 20px; } .keywords { display: flex; } .keywords .keyword { margin-left: 4px; padding: 4px; color: white; background-color: #505050; text-align: center; border-radius: 3px; font-size: 13px; } .keywords .keyword a, .keywords .keyword a:visited { text-decoration: none; color: white !important; } #comment { max-width: 100%; } #allcomments .c-item.full { max-width: 100%; } .c-comment { overflow: hidden; } .c-actions > p { margin: 0; } .mw-editsection { display: none !important; } #allcomments .f-message { max-width: 100%; } .jury-comments { padding: 12px; background-color: #fff4ce; border-radius: 8px; } .jury-comments h2 { padding: 0; margin: 0; margin-bottom: 8px; } .jury-comments p { padding: 0; margin: 0; } button.autoedit-trigger { border-radius: 4px; background-color: rgb(207, 45, 45); color: #fff; text-align: center; padding: 8px 13px; font-size: 15px; text-decoration: none; font-weight: 400; border: 2px solid #b50e0e; } /* notice alert panel */ .skin-before-title-block { position: relative; z-index: 2; } div.notice-alert-panel { padding: 15px; border-radius: 4px; color: maroon; font-style: italic; } div.notice-alert-panel a { color: maroon; font-weight: bold; text-decoration: underline; } div.notice-alert-panel svg { width: 20px; height: 20px; display: inline-block; float: left; margin: 0 5px 0 0; position: relative; top: -2px; } div.notice-alert-panel > b { font-size: 19px; } div.notice-alert-panel a[target] { text-decoration: underline; } div.notice-alert-panel a[target] > span { color: white; background: maroon; border: 0; font-style: normal; } .page-Main_Page div.notice-alert-panel { background: white; } div.notice-alert-panel.notice-alert-panel--modal { position: fixed; overflow: hidden; top: 50%; left: 50%; background: white; transform: translate(-50%, -50%); width: 600px; z-index: 9999; padding: 0; box-sizing: border-box; border-radius: 8px; display: flex; flex-direction: row; box-shadow: 3px 3px 17px #00000030; } div.notice-alert-panel.notice-alert-panel a:hover { color: #bf0000; } div.notice-alert-panel.notice-alert-panel--modal .notice-alert-panel--text { padding: 40px 20px; font-size: 18px; line-height: 30px; } div.notice-alert-panel.notice-alert-panel--modal .notice-alert-panel--text span { display: block; margin: 15px 0 0 0; } div.notice-alert-panel.notice-alert-panel--modal .notice-alert-panel--text span.notice-alert-panel--dismiss { color: gray; cursor: pointer; margin: 55px 0 0 0; display: block !important; } div.notice-alert-panel.notice-alert-panel--modal .notice-alert-panel--image { display: block !important; max-width: 280px; font-size: 0; line-height: 0; } div.notice-alert-panel--backdrop.notice-alert-panel--backdrop--active { position: fixed; z-index: 99; background: #000000c7; width: 100vw; height: 100vh; top: 0; left: 0; } @media(max-width: 760px) { div.notice-alert-panel.notice-alert-panel--modal { width: 90% !important; flex-direction: column-reverse !important; } }