MediaWiki:Common.css

Revision as of 07:28, 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 */

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