MediaWiki:Common.css: Difference between revisions
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
body{ | |||
background-color: transparent; | |||
} | } | ||
.mw-body h1, .mw-body-content h1, .mw-body-content h2 {font-family: sans-serif;} | |||
.mw-logo-wordmark { | |||
color: black !important; | |||
} | |||
/*Search bar*/ | |||
. | .cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active) { | ||
border-color: transparent; | |||
color: black; | |||
box-shadow: none; | |||
} | |||
.cdx-button:hover { | |||
background-color: transparent; | |||
border-color: transparent; | |||
} | |||
.cdx-button:not(.cdx-button--type-quiet):enabled { | |||
background-color: transparent; | |||
border-color: transparent; | |||
} | } | ||
.cdx-button:not(.cdx-button--type-quiet):enabled:hover { | |||
background-color: transparent !important; | background-color: transparent; | ||
border-color: transparent !important; | |||
box-shadow: none; | |||
} | } | ||
. | .cdx-search-input { | ||
border-radius: 3rem; | |||
border- | |||
} | } | ||
. | .cdx-text-input__input { | ||
border-color: transparent; | |||
box-shadow: none; | |||
outline: none; | |||
background-color: transparent; | |||
} | |||
.cdx-text-input__input:enabled { | |||
border-color: transparent; | |||
background-color: transparent; | |||
} | |||
. | .cdx-text-input__input:enabled:focus { | ||
border-color: transparent !important; | |||
box-shadow: none; | |||
} | } | ||
.cdx-text-input__input:enabled:focus:hover { | |||
border-color: transparent; | |||
background-color: transparent; | |||
} | |||
.cdx-text-input__input:enabled:hover { | |||
. | border-color: transparent; | ||
} | } | ||
. | .cdx-typeahead-search--auto-expand-width:not(.cdx-typeahead-search--expanded) { | ||
margin-left: 24px; | |||
} | } | ||
. | .cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width), | ||
.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded { | |||
margin-left: 24px; | |||
} | } | ||
. | .cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__input, | ||
.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__input { | |||
padding-left: 36px; | |||
} | } | ||
. | .cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__start-icon, | ||
.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__start-icon { | |||
left: 9px; | |||
} | } | ||
.vector-search-box-input { | |||
border-radius: 3rem; | |||
} | |||
.vector-typeahead-search--active { | |||
border-color: transparent; | |||
} | } | ||
/*Columns*/ | |||
.div-col { | .div-col { | ||
margin-top: 0.3em; | margin-top: 0.3em; | ||
Line 110: | Line 101: | ||
} | } | ||
.div-col dl, | .div-col dl, | ||
.div-col ol, | .div-col ol, | ||
Line 121: | Line 107: | ||
} | } | ||
.div-col li, | .div-col li, | ||
.div-col dd { | .div-col dd { | ||
Line 129: | Line 113: | ||
} | } | ||
.div-col-rules { | |||
column-rule: 1px solid #aaa; | |||
} | } | ||
. | |||
/*Image Sizes */ | |||
.full-width img { | |||
width: 100%; | |||
height: auto; | |||
} | } | ||
. | .half-width img { | ||
width: 49.6%; | |||
height: auto; | |||
} | } | ||
. | .third-width img { | ||
border- | width: 32.8%; | ||
height: auto; | |||
} | |||
.quarter-width img { | |||
width: 24.5%; | |||
height: auto; | |||
} | |||
/*Sidebar Menu*/ | |||
#vector-main-menu { | |||
background-color: transparent !important; | |||
} | |||
.vector-pinnable-header-label { | |||
display: inline-block; | |||
color: #222; | |||
font-size: 1.1rem; | |||
margin: 0; | |||
padding: 0; | |||
border: 0; | |||
margin-right: 0.2rem; | |||
} | } | ||
. | .vector-dropdown-content > *:not(:last-child) { | ||
border-bottom: none; | |||
} | } | ||
. | .vector-feature-page-tools-enabled .vector-pinnable-element > *:not(:last-child){ | ||
border-bottom: none; | |||
border- | |||
} | } | ||
. | .vector-feature-page-tools-enabled .vector-pinnable-element .vector-menu-heading{display: none;} | ||
.vector-pinnable-header-pinned .vector-pinnable-header-toggle-button { | |||
color: #222; | |||
background-color: #DDD; | |||
padding: 0.2rem 0.4rem; | |||
border-radius: 0.4rem; | |||
margin-left: 0.2rem; | |||
} | } | ||
.vector- | .vector-pinnable-header-toggle-button:before, .vector-pinnable-header-toggle-button:after {display:none; content:""} | ||
/*Header and Toolbar*/ | |||
.vector-feature-page-tools-enabled .mw-body { | |||
grid-template-areas: | |||
'toolbar columnEnd' | |||
'titlebar-cx .' | |||
'titlebar columnEnd' | |||
'content columnEnd'; | |||
} | } | ||
. | .vector-page-titlebar{box-shadow: none;} | ||
#vector-page-titlebar-toc{ | |||
margin-right: 6px; | |||
} | } | ||
. | .vector-page-toolbar{display: none;} | ||
.mw-editable .vector-page-toolbar{display: block;} | |||
.vector-page-toolbar-container{box-shadow: none;} | |||
#left-navigation{display:none} | |||
#right-navigation{margin-left: -8px;} | |||
.vector-menu-tabs .mw-list-item.vector-tab-noicon > a, | |||
.vector-page-toolbar-container .vector-menu-dropdown > .vector-menu-heading { | |||
padding-top: 9px; | |||
padding-bottom: 4px; | |||
} | } | ||
. | .vector-menu-checkbox:focus{outline: none; border: none;} | ||
Line 233: | Line 238: | ||
} | } | ||
} | } | ||
/*Play arount*/ | |||
#rotatingDiv { | |||
position: absolute; | |||
transform: translate(0%, 0%); | |||
transition: transform 0.1s ease; | |||
} | |||
div.gallerytext > p { | |||
font-size: 1px !important; | |||
color: transparent !important; | |||
line-height: 1% !important; | |||
} | |||
div.gallerytext > p a { | |||
font-size: initial !important; | |||
line-height: initial !important; | |||
color: initial !important; | |||
} |
Revision as of 11:35, 29 February 2024
/* CSS placed here will be applied to all skins */ body{ background-color: transparent; } .mw-body h1, .mw-body-content h1, .mw-body-content h2 {font-family: sans-serif;} .mw-logo-wordmark { color: black !important; } /*Search bar*/ .cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active) { border-color: transparent; color: black; box-shadow: none; } .cdx-button:hover { background-color: transparent; border-color: transparent; } .cdx-button:not(.cdx-button--type-quiet):enabled { background-color: transparent; border-color: transparent; } .cdx-button:not(.cdx-button--type-quiet):enabled:hover { background-color: transparent; border-color: transparent !important; box-shadow: none; } .cdx-search-input { border-radius: 3rem; } .cdx-text-input__input { border-color: transparent; box-shadow: none; outline: none; background-color: transparent; } .cdx-text-input__input:enabled { border-color: transparent; background-color: transparent; } .cdx-text-input__input:enabled:focus { border-color: transparent !important; box-shadow: none; } .cdx-text-input__input:enabled:focus:hover { border-color: transparent; background-color: transparent; } .cdx-text-input__input:enabled:hover { border-color: transparent; } .cdx-typeahead-search--auto-expand-width:not(.cdx-typeahead-search--expanded) { margin-left: 24px; } .cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width), .cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded { margin-left: 24px; } .cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__input, .cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__input { padding-left: 36px; } .cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__start-icon, .cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__start-icon { left: 9px; } .vector-search-box-input { border-radius: 3rem; } .vector-typeahead-search--active { border-color: transparent; } /*Columns*/ .div-col { margin-top: 0.3em; column-width: 30em; } .div-col dl, .div-col ol, .div-col ul { margin-top: 0; } .div-col li, .div-col dd { page-break-inside: avoid; /* Removed from CSS in favor of break-inside c. 2020 */ break-inside: avoid-column; } .div-col-rules { column-rule: 1px solid #aaa; } /*Image Sizes */ .full-width img { width: 100%; height: auto; } .half-width img { width: 49.6%; height: auto; } .third-width img { width: 32.8%; height: auto; } .quarter-width img { width: 24.5%; height: auto; } /*Sidebar Menu*/ #vector-main-menu { background-color: transparent !important; } .vector-pinnable-header-label { display: inline-block; color: #222; font-size: 1.1rem; margin: 0; padding: 0; border: 0; margin-right: 0.2rem; } .vector-dropdown-content > *:not(:last-child) { border-bottom: none; } .vector-feature-page-tools-enabled .vector-pinnable-element > *:not(:last-child){ border-bottom: none; } .vector-feature-page-tools-enabled .vector-pinnable-element .vector-menu-heading{display: none;} .vector-pinnable-header-pinned .vector-pinnable-header-toggle-button { color: #222; background-color: #DDD; padding: 0.2rem 0.4rem; border-radius: 0.4rem; margin-left: 0.2rem; } .vector-pinnable-header-toggle-button:before, .vector-pinnable-header-toggle-button:after {display:none; content:""} /*Header and Toolbar*/ .vector-feature-page-tools-enabled .mw-body { grid-template-areas: 'toolbar columnEnd' 'titlebar-cx .' 'titlebar columnEnd' 'content columnEnd'; } .vector-page-titlebar{box-shadow: none;} #vector-page-titlebar-toc{ margin-right: 6px; } .vector-page-toolbar{display: none;} .mw-editable .vector-page-toolbar{display: block;} .vector-page-toolbar-container{box-shadow: none;} #left-navigation{display:none} #right-navigation{margin-left: -8px;} .vector-menu-tabs .mw-list-item.vector-tab-noicon > a, .vector-page-toolbar-container .vector-menu-dropdown > .vector-menu-heading { padding-top: 9px; padding-bottom: 4px; } .vector-menu-checkbox:focus{outline: none; border: none;} @media (max-width: 1000px) { .half-width img { width: 100%; height: auto; } .third-width img { width: 100%; height: auto; } .quarter-width img { width: 100%; height: auto; } } /*Play arount*/ #rotatingDiv { position: absolute; transform: translate(0%, 0%); transition: transform 0.1s ease; } div.gallerytext > p { font-size: 1px !important; color: transparent !important; line-height: 1% !important; } div.gallerytext > p a { font-size: initial !important; line-height: initial !important; color: initial !important; }