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 */ .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; } #ninja-slider { position: relative; } .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 { margin: 0 0 30px 0; padding: 0 10px 0 15px; background-color: #fdfdfd; border-radius: 4px; border: 1px solid #f3f3f3; } .library-slider-wrapper .library-link { flex-wrap: wrap; } .library-slider-wrapper .library-link .library-sponsored-by { flex-wrap: wrap; } .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 { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; margin-right: 0; } main #mw-content-text .word-container .word-forms .word-form { margin-right: 0; margin-bottom: 20px; border-radius: 8px; background-color: #f9f9f9; padding: 10px; width: 180px; } 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 { position: absolute; right: 50px; top: -50px; } .word-definitions audio { padding: 0; width: 175px; height: 21px; } /* Reducing whitespaces */ header { padding: 5px 0 5px 0; } 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; }