MediaWiki:Common.css: Unterschied zwischen den Versionen

/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */

@font-face {
  font-family: 'Titilium Web';
  src: url('/fachschaftsguide/fonts/TitilliumWeb-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
}

body, .mw-body h1, .mw-body .mw-heading1, .mw-body-content h1, .mw-body-content .mw-heading1, .mw-body-content h2, .mw-body-content .mw-heading2 {
  font-family: 'Titilium Web', sans-serif;
}

.p-logo img {
  width: 135px;
  height: auto;
}

.mw-wiki-logo {

    background-size: contain;

}

#bodyContent a.extiw[title^="wp:"],
#bodyContent a.extiw[title^="wikipedia:"] {
  padding-left: 10px !important;
  background: url(/w/images/InterWiki-Wikipedia.png) no-repeat left center !important;
}
#bodyContent a.extiw[title^="liandri:"] {
  padding-left: 10px !important;
  background: url(/w/images/InterWiki-Liandri.png) no-repeat left center !important;
}
#bodyContent a.extiw[title^="uadmin:"] {
  padding-left: 16px !important;
  background: url(/w/images/InterWiki-UAWiki.png) no-repeat left center !important;
}
#bodyContent a.extiw[title^="udn2:"],
#bodyContent a.extiw[title^="udn3:"] {
  padding-left: 18px !important;
  background: url(/w/images/InterWiki-UDN.png) no-repeat left center !important;
}

/* 4. Kategorie (Werbe-Cookies) im CookieConsent-Dialog ausblenden */
.oo-ui-fieldsetLayout-group > .oo-ui-fieldLayout:nth-of-type(4) {
    display: none !important;
}



/ Quote style *****************************************************************
 *
 * Description: Display style for quote template.
 */
blockquote.quote-text {
  background: #def;
  border: 1px solid #aaa;
  margin: 1em 10%;
  padding: 0 0.5em;
}

blockquote.quote-text .quote-source {
  text-align: right;
  font-size: 88%;
  font-style: italic;
  margin-bottom: 0.5em;
}

/ Legacy warning **************************************************************
 *
 * Description: Display style for warning shown when editing legacy pages.
 */
#mw-legacypageedit {
  background-color: white;
  border: 1px solid #f80;
  border-left-width: 10px;
  margin: 0.5em 10%;
  padding: 0.2em 0.4em;
}

/** prevent ugly horizontal page expansion *************************************/
pre { overflow: auto; }


/*

get better symbols for PDF-Links
http://en.wikipedia.org/wiki/Template_talk:PDFlink#Changing_the_icon_and_using_it_for_.2Aall.2A_PDF_links

Code copied from http://en.wikipedia.org/w/index.php?title=MediaWiki:Common.css&usemsgcache=yes&ctype=text%2Fcss&smaxage=2678400&action=raw&maxage=2678400


*/

#content a.external[href$=".pdf"], #content a.external[href*=".pdf?"], #content a.external[href*=".pdf#"], #content a.external[href$=".PDF"], #content a.external[href*=".PDF?"], #content a.external[href*=".PDF#"], #mw_content a.external[href$=".pdf"], #mw_content a.external[href*=".pdf?"], #mw_content a.external[href*=".pdf#"], #mw_content a.external[href$=".PDF"], #mw_content a.external[href*=".PDF?"], #mw_content a.external[href*=".PDF#"] {
  background: url("http://upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif") no-repeat scroll right center transparent;
  padding-right: 18px;
}


/* </source><!-- end of preview fix --> */

/* Style für den Container in der FSSeite Vorlage */
.FSSeiteContainer {
  width: 310px;
  float: right;
}

@media only screen and (max-width: 600px) {
  .FSSeiteContainer {
    width: 100%;
    display: block;
    float: none;
  }
}

/* Vector 2022: responsives Fachschaftsguide-Logo */
.skin-vector-2022 .mw-logo-icon {
  display: block;
  width: 40px;
  height: auto;
  max-height: 40px;
  object-fit: contain;
}

@media screen and (min-width: 720px) {
  .skin-vector-2022 .mw-logo-icon {
    width: 150px;
    max-height: 150px;
  }
}

/* Mobil nur den lesbaren Wordmark-Text anzeigen */
@media screen and (max-width: 719px) {
  .skin-vector-2022 .mw-logo-icon {
    display: none;
  }
}

/* Desktop: Wordmark visuell verbergen, fuer Screenreader erhalten */
@media screen and (min-width: 720px) {
  .skin-vector-2022 .mw-logo-wordmark {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }
}