MediaWiki:Common.css: Difference between revisions

Revision as of 09:19, 29 February 2024

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

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