MediaWiki:Common.css

Revision as of 09:47, 29 February 2024 by Niklas (talk | contribs)

Note: After publishing, 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: Press Ctrl-F5.
/* CSS placed here will be applied to all skins */

#vector-main-menu {
  background-color: transparent !important;
}

.vector-feature-page-tools-enabled .vector-pinnable-element > *:not(:last-child),
.vector-dropdown-content > *:not(:last-child) {
  border-bottom: none;
}

.vector-feature-page-tools-enabled .vector-pinnable-element .vector-menu-heading{display: none;}

.vector-pinnable-header-toggle-button:before, .vector-pinnable-header-toggle-button:after {display:none; content:""}

.vector-pinnable-header-toggle-button {
   
    background-color: #DDD;
    padding: 0.2rem 0.4rem;
    border-radius: 0.4rem;
    margin-left: 0.2rem;

.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;
}

@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;
  }
}

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;
}

/* {{pp|small=yes}} */
.div-col {
  margin-top: 0.3em;
  column-width: 30em;
}

.div-col-rules {
  column-rule: 1px solid #aaa;
}

/* Reset top margin for lists in div col */
.div-col dl,
.div-col ol,
.div-col ul {
  margin-top: 0;
}

/* Avoid elements breaking between columns
   See also Template:No col break */
.div-col li,
.div-col dd {
  page-break-inside: avoid; /* Removed from CSS in favor of break-inside c. 2020 */
  break-inside: avoid-column;
}

#rotatingDiv {
  position: absolute;
  transform: translate(0%, 0%);
  transition: transform 0.1s ease;
}

.mw-logo-wordmark {
  color: black !important;
}

.vector-search-box-input {
  border-radius: 3rem;
}

.cdx-search-input {
  border-radius: 3rem;
}

.cdx-text-input__input {
  border-color: transparent;
  box-shadow: none;
  outline: none;
  background-color: transparent;
}

.cdx-button:not(.cdx-button--type-quiet):enabled {
  background-color: transparent;
  border-color: transparent;
}

.cdx-button:hover {
  background-color: transparent;
  border-color: transparent;
}

.vector-typeahead-search--active {
  border-color: transparent;
}

.cdx-text-input__input:enabled {
  border-color: transparent;
  background-color: transparent;
}

.cdx-text-input__input:enabled:focus:hover {
  border-color: transparent;
  background-color: transparent;
}

.cdx-text-input__input:enabled:focus {
  border-color: transparent !important;
  box-shadow: none;
}

.cdx-button:not(.cdx-button--type-quiet):enabled:hover {
  background-color: transparent;
  border-color: transparent !important;
  box-shadow: none;
}

.cdx-text-input__input:enabled:hover {
  border-color: transparent;
}

.cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active) {
  border-color: transparent;
  color: black;
  box-shadow: none;
}

.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.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__start-icon,
.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--expanded .cdx-text-input__start-icon {
  left: 9px;
}