|
|
(16 intermediate revisions by 2 users not shown) |
Line 31: |
Line 31: |
| max-width: 100% !important; | | max-width: 100% !important; |
| height: auto !important; | | height: auto !important; |
| }
| |
|
| |
| /* Don't display some stuff on the main page */
| |
| body.page-Main_Page.action-view h1.firstHeading,
| |
| body.page-Main_Page.action-view #contentSub,
| |
| body.page-Main_Page.action-view #siteSub,
| |
| body.page-Main_Page.action-view #catlinks,
| |
| body.page-Main_Page.action-view #lastmod {
| |
| display: none !important;
| |
| }
| |
|
| |
| /* Mark redirects on Special:AllPages and Special:EditWatchlist */
| |
| .allpagesredirect a.mw-redirect, .watchlistredir a.mw-redirect {
| |
| color: #888 !important;
| |
| } | | } |
|
| |
|
Line 55: |
Line 41: |
| table.talkbubble > tr > td:first-child, table.talkbubble > tbody > tr > td:first-child { text-align:center; width:90px; } | | table.talkbubble > tr > td:first-child, table.talkbubble > tbody > tr > td:first-child { text-align:center; width:90px; } |
| table.talkbubble td:first-child img { height:auto !important; max-width:90px; } | | table.talkbubble td:first-child img { height:auto !important; max-width:90px; } |
|
| |
| /* Alignment classes */
| |
| .gocenter {
| |
| margin-left: auto;
| |
| margin-right: auto;
| |
| }
| |
| .goleft {
| |
| clear: left;
| |
| float: left;
| |
| }
| |
| .goright {
| |
| clear: right;
| |
| float: right;
| |
| }
| |
|
| |
|
| /* KHWiki Tabber */ | | /* KHWiki Tabber */ |
Line 104: |
Line 76: |
| } | | } |
|
| |
|
| /* Width fixes */ | | /* Infobox templates */ |
| td, th { overflow: hidden; }
| | .infobox { |
| #content { overflow-x: clip; }
| | float: right; |
| table, .thumbinner { max-width: 100%; }
| | clear: right; |
| @media all and (max-width: 1350px) {
| | margin: 0 0 0.5em 1em; |
| .content-table > table.wikitable, | | padding: 2px; |
| .mw-parser-output > table.wikitable {
| |
| width: auto !important;
| |
| display: block !important;
| |
| overflow: auto !important;
| |
| max-width: max-content !important;
| |
| min-width: 100px !important;
| |
| border: 0 !important;
| |
| }
| |
| } | | } |
| @media all and (max-width: 1250px) {
| | .infobox.journal, |
| .mw-parser-output table img {
| | .infobox.journal-green { |
| max-width: 100% !important;
| | padding: 2px 1em 1em; |
| height: auto !important;
| |
| }
| |
| .mw-parser-output table:not(.wikitable) {
| |
| min-width: 0 !important;
| |
| }
| |
| .tabber.gocenter {
| |
| width: 100% !important;
| |
| }
| |
| .tabbertab > .wikitable,
| |
| .tabbertab > .sortable {
| |
| width: 100% !important;
| |
| }
| |
| .infobox.board div {
| |
| width: auto !important;
| |
| }
| |
| .infobox.board div > div {
| |
| left: 7.5px !important;
| |
| right: 7.5px !important;
| |
| }
| |
| .infobox.board img {
| |
| max-width: 100% !important;
| |
| height: auto !important;
| |
| }
| |
| }
| |
| .tabbertab > .UXdmg {
| |
| width: 100% !important;
| |
| }
| |
| | |
| /* fulltabs class to allow for full tabber width */
| |
| .fulltabs .tabberlive {
| |
| margin-left: 0;
| |
| }
| |
| .fulltabs .goright {
| |
| clear: none; | |
| float: none;
| |
| } | | } |
|
| |
|
Line 172: |
Line 101: |
| .notice-template + .notice-template { | | .notice-template + .notice-template { |
| margin-top: -5px; | | margin-top: -5px; |
| }
| |
|
| |
| /* References */
| |
| ol.references {
| |
| margin-top: 0;
| |
| font-size: 90%;
| |
| }
| |
| ol.references div {
| |
| display: inline;
| |
| }
| |
| ol.references span {
| |
| line-height: 1;
| |
| }
| |
|
| |
| /* Infobox template style */
| |
| .infobox {
| |
| color: #000;
| |
| text-align: center;
| |
| border: 2px solid #000;
| |
| border-radius: 10px;
| |
| background: #f9f9f9;
| |
| float: right;
| |
| clear: right;
| |
| margin: 0 0 0.5em 1em;
| |
| padding: 2px;
| |
| }
| |
| .infobox.journal,
| |
| .infobox.journal-green {
| |
| padding: 2px 1em 1em;
| |
| }
| |
| .infobox.journal {
| |
| border-color: #0089B3;
| |
| background: #C7E2EA;
| |
| }
| |
| .infobox.journal-green {
| |
| border-color: #98C058;
| |
| background: #E8FFEE;
| |
| }
| |
| .infobox td,
| |
| .infobox th {
| |
| vertical-align: top;
| |
| }
| |
| .infobox.data td,
| |
| .infobox.data th {
| |
| vertical-align: middle;
| |
| }
| |
| .infobox big {
| |
| font-size: 125%;
| |
| }
| |
| .infobox caption {
| |
| font-size: larger;
| |
| margin-left: inherit;
| |
| }
| |
| .infobox.bordered {
| |
| border-collapse: collapse;
| |
| }
| |
| .infobox.bordered td,
| |
| .infobox.bordered th {
| |
| border: 1px solid #aaa;
| |
| }
| |
| .infobox.bordered .borderless td,
| |
| .infobox.bordered .borderless th {
| |
| border: 0;
| |
| }
| |
| .infobox .k-player .control-bar {
| |
| position: relative;
| |
| margin: -3px 0 1px;
| |
| }
| |
|
| |
| /* Table of contents */
| |
| #toc, .toc {
| |
| margin-bottom: 3px;
| |
| }
| |
|
| |
| /* Thumbs */
| |
| div.tleft, div.tright {
| |
| margin-top: 0.25em;
| |
| margin-bottom: 0.85em;
| |
| }
| |
|
| |
| /* Galleries */
| |
| ul.gallery, li.gallerybox div.thumb {
| |
| margin-bottom: 0;
| |
| padding-bottom: 0;
| |
| }
| |
| #bodyContent ul.gallery {
| |
| margin: 2px;
| |
| padding: 2px;
| |
| }
| |
| li.gallerycaption {
| |
| text-align: unset;
| |
| }
| |
|
| |
| /* File pages */
| |
| .mw_metadata {
| |
| margin-top: 5px;
| |
| } | | } |
|
| |
|
Line 427: |
Line 260: |
|
| |
|
| /* Thumbnails */ | | /* Thumbnails */ |
| div.thumb div.thumbinner div.magnify {
| | div.thumb.tright { clear: none; } |
| display: none !important;
| |
| }
| |
| div.thumb div.thumbinner div.thumbcaption {
| |
| color: #fff;
| |
| }
| |
| div.thumb div.thumbinner a {
| |
| color: #ddd;
| |
| }
| |
| div.thumb div.thumbinner a:visited {
| |
| color: #aaa;
| |
| }
| |
| div.thumb div.thumbinner a:hover {
| |
| color: #fff;
| |
| }
| |
| div.thumb div.thumbinner {
| |
| background: #454659;
| |
| background: linear-gradient(top,#c1c0c0,#454659);
| |
| padding: 5px !important;
| |
| border: none !important;
| |
| border-radius: 5px;
| |
| box-shadow: 0 2px 6px rgba(0,0,0,0.5);
| |
| }
| |
| div.thumb.tleft div.thumbinner {
| |
| box-shadow: -2px 2px 6px rgba(0,0,0,0.5);
| |
| }
| |
| div.thumb.tright div.thumbinner {
| |
| box-shadow: 2px 2px 6px rgba(0,0,0,0.5);
| |
| }
| |
| div.thumb .thumbimage {
| |
| border-radius: 5px;
| |
| border: none !important;
| |
| background: transparent;
| |
| }
| |
| div.thumb .thumbimage:hover {
| |
| -moz-transform: scale(1.02);
| |
| -webkit-transform: scale(1.02);
| |
| }
| |
| div.thumb.tright { | |
| clear: none;
| |
| } | |
| div.thumb.tright + div.thumb.tright, | | div.thumb.tright + div.thumb.tright, |
| div.thumb.tright + p + div.thumb.tright, | | div.thumb.tright + p + div.thumb.tright, |
Line 479: |
Line 272: |
| div.thumb.tright + p + p + p + div.thumb.tright { | | div.thumb.tright + p + p + p + div.thumb.tright { |
| clear: right; | | clear: right; |
| }
| |
|
| |
| /* Input buttons */
| |
| input[type="submit"], input[type="reset"], input[type="button"],
| |
| .mw-body-content .mw-ui-button,
| |
| .mw-body-content .mw-ui-button:visited,
| |
| #wpLoginAttempt, #wpCreateaccount, #mw-createaccount-join {
| |
| padding: 3px 6px 3px !important;
| |
| border: 3px double #aaa;
| |
| border-radius: 4px;
| |
| cursor: pointer;
| |
| color: #222 !important;
| |
| background: #f7f7f7;
| |
| background: linear-gradient(top,#f7f7f7,#e7e7e7);
| |
| text-shadow: 1px 1px 2px #aaa;
| |
| }
| |
| input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover,
| |
| .mw-body-content .mw-ui-button:hover,
| |
| #wpLoginAttempt:hover, #wpCreateaccount:hover, #mw-createaccount-join:hover {
| |
| border-color: #282828;
| |
| box-shadow: 0 0 5px #640639 !important;
| |
| }
| |
| .oo-ui-widget-disabled > input[type="submit"]:hover {
| |
| box-shadow: none !important;
| |
| }
| |
| input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active,
| |
| .mw-body-content .mw-ui-button:active,
| |
| #wpLoginAttempt:focus, #wpCreateaccount:focus, #mw-createaccount-join:focus,
| |
| #wpLoginAttempt:active:focus, #wpCreateaccount:active:focus, #mw-createaccount-join:active:focus,
| |
| #wpLoginAttempt:active, #wpCreateaccount:active, #mw-createaccount-join:active {
| |
| color: #222 !important;
| |
| padding: 3px 5px 3px 7px !important;
| |
| }
| |
| input[type="button"]:disabled {
| |
| cursor: default !important;
| |
| background: #bbb !important;
| |
| }
| |
| input[type="button"]:disabled:hover {
| |
| box-shadow: none !important;
| |
| border-color: #aaa !important;
| |
| }
| |
|
| |
| /* Category box */
| |
| div.catlinks {
| |
| background: #f9f9f9;
| |
| background: linear-gradient(top,#f9f9f9,#ddd);
| |
| border-radius: 8px;
| |
| padding: 5px 11px !important;
| |
| } | | } |
|
| |
|
Line 542: |
Line 287: |
| display: inline-block; | | display: inline-block; |
| cursor: pointer; | | cursor: pointer; |
| }
| |
|
| |
| /* Upload form */
| |
| #mw-htmlform-description .mw-editTools {
| |
| display: none;
| |
| }
| |
|
| |
| /* Edit box */
| |
| .wikiEditor-ui-toolbar .section-main,
| |
| .wikiEditor-ui-toolbar .tabs {
| |
| height: auto;
| |
| }
| |
| .wikiEditor-ui textarea#wpTextbox1 {
| |
| height: 474px;
| |
| line-height: 1.4em;
| |
| }
| |
| .mw-summary-preview {
| |
| margin-bottom: 0.5em;
| |
| }
| |
| #wpSummaryLabel .oo-ui-textInputWidget textarea,
| |
| #wpSummaryLabel .oo-ui-textInputWidget input {
| |
| padding-bottom: 0.5em;
| |
| }
| |
| #wpSummaryWidget .oo-ui-labelElement-label {
| |
| margin-right: 3px;
| |
| }
| |
| .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button,
| |
| .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:active {
| |
| padding: 0.234375em 0.78125em !important;
| |
| }
| |
|
| |
| /* Watchlist expiry */
| |
| #wpWatchlistExpiry, #wpWatchlistExpiryWidget .oo-ui-dropdownWidget-handle {
| |
| height: auto;
| |
| min-height: 0;
| |
| padding-top: 4px;
| |
| padding-left: 7px;
| |
| padding-bottom: 3px;
| |
| }
| |
|
| |
| /* Edit section */
| |
| .client-js .mw-content-ltr .mw-editsection-bracket:first-of-type,
| |
| .client-js .mw-content-rtl .mw-editsection-bracket:first-of-type,
| |
| .client-js .mw-content-rtl .mw-editsection-bracket:not(:first-of-type),
| |
| .client-js .mw-content-ltr .mw-editsection-bracket:not(:first-of-type) {
| |
| margin: 0;
| |
| color: unset;
| |
| }
| |
|
| |
| /* Diff text */
| |
| .diffchange { font-weight: normal; }
| |
| .diff-addedline, .diff-deletedline, .diff-context {
| |
| font-size: 92%;
| |
| }
| |
|
| |
| /* OOUI fix */
| |
| .oo-ui-optionWidget.oo-ui-labelElement > .oo-ui-labelElement-label {
| |
| overflow: visible;
| |
| }
| |
|
| |
| /* Video widget */
| |
| .infobox .videoWidget,
| |
| .infobox .videoWidget iframe {
| |
| display: block !important;
| |
| }
| |
| .infobox .autoResize {
| |
| margin: 0 auto !important;
| |
| }
| |
| .autoResize:not(.thumbinner) .thumbcaption {
| |
| margin: 0;
| |
| padding: 0;
| |
| }
| |
| .videoWidget + p {
| |
| margin: 0;
| |
| }
| |
|
| |
| /* Dismissable site notice */
| |
| .sitedir-ltr .mw-dismissable-notice-body {
| |
| margin: 0 60px 0 0;
| |
| }
| |
| .sitedir-rtl .mw-dismissable-notice-body {
| |
| margin: 0 0 0 60px;
| |
| }
| |
|
| |
| /* Captcha spacing */
| |
| #editform #wpCaptchaWord {
| |
| margin-top: 2.5px;
| |
| }
| |
| #userloginForm label:not([for]) + .mw-input {
| |
| margin-top: 10px;
| |
| }
| |
| #userloginForm .mw-ui-vform-field:nth-of-type(7) {
| |
| margin-bottom: 5px;
| |
| }
| |
| .mw-htmlform-field-HTMLReCaptchaNoCaptchaField .mw-input {
| |
| margin-top: 1px;
| |
| }
| |
| .editOptions .g-recaptcha {
| |
| margin-bottom: 10px;
| |
| }
| |
| .mw-ui-vform {
| |
| width: 302px;
| |
| } | | } |
|
| |
|
Line 790: |
Line 433: |
| .mw-indicators { | | .mw-indicators { |
| display: flex; | | display: flex; |
| position: relative;
| |
| } | | } |
|
| |
|
| /* New user message box */ | | /* Who's online */ |
| .usermessage {
| | #whosonline { |
| margin-top: 1em; | | margin-bottom: 1px; |
| } | | } |
|
| |
|
| /* Multimedia viewer */ | | /* Width fixes */ |
| .mw-mmv-image img {
| | @media all and (max-width: 1250px) { |
| background: #fff !important; | | .infobox.board div { |
| } | | width: auto !important; |
| .mw-mmv-filepage-buttons, | | } |
| .mw-mmv-reuse-pane .oo-ui-widget-disabled {
| | .infobox.board div > div { |
| display: none !important;
| | left: 7.5px !important; |
| }
| | right: 7.5px !important; |
| .mw-mmv-overlay { | | } |
| z-index: 10000000000; | | .infobox.board img { |
| } | | max-width: 100% !important; |
| .mw-mmv-wrapper { | | height: auto !important; |
| z-index: 10000000001;
| | } |
| font-size: medium;
| |
| } | | } |
|
| |
|
| /* Mobile only */ | | /* fulltabs class to allow for full tabber width */ |
| .mobileonly { | | .fulltabs .tabberlive { |
| display: none; | | margin-left: 0; |
| } | | } |
| | | .fulltabs .goright { |
| /* Who's online */
| | clear: none; |
| #whosonline {
| | float: none; |
| margin-bottom: 1px; | |
| } | | } |