Informatik-Box

MediaWiki:Common.css: Unterschied zwischen den Versionen

MediaWiki:Common.css (Quelltext anzeigen)

Version vom 30. September 2018, 13:57 Uhr

217 Bytes hinzugefügt ,  13:57, 30. Sep. 2018
keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Zeile 1: Zeile 1:
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */


body,.mw-body, .mw-body-content, .parsoid-body {
body,
/**
.mw-body,
.mw-body-content,
.parsoid-body {
    /**
Native Font-Stack from Bootstrap
Native Font-Stack from Bootstrap
See https://www.smashingmagazine.com/2015/11/using-system-ui-fonts-practical-guide/
See https://www.smashingmagazine.com/2015/11/using-system-ui-fonts-practical-guide/
Zeile 16: Zeile 19:


.mw-editform #wpTextbox1 {
.mw-editform #wpTextbox1 {
font-size: 1rem !important;
    font-size: 1rem !important;
}
}


Zeile 28: Zeile 31:


.text-center {
.text-center {
text-align: center !important;
    text-align: center !important;
}
}
.text-left {
.text-left {
text-align: left !important;
    text-align: left !important;
}
}
.text-right {
.text-right {
text-align: right !important;
    text-align: right !important;
}
}


/* Color utilities */
/* Color utilities */
.text-white {
.text-white {
     color: #FFF !important;
     color: #FFF !important;
}
}
.text-default {
.text-default {
     color: #212529 !important;
     color: #212529 !important;
}
}
.text-muted {
.text-muted {
     color: #AEAEAE !important;
     color: #AEAEAE !important;
}
}
.text-primary {


}
.text-primary {}
.text-secondary {
 
.text-secondary {}


}
.text-hg {
.text-hg {
     color: #00A651 !important;
     color: #00A651 !important;
}
}
.text-hgrot {
.text-hgrot {
     color: #97373d !important;
     color: #97373d !important;
}
}
.bg-primary {


}
.bg-primary {}
.bg-secondary {
 
.bg-secondary {}


}
.bg-dark {
.bg-dark {
     background: #333 !important;
     background: #333 !important;
}
}
.bg-light {
.bg-light {
     background: #EEE !important;
     background: #EEE !important;
}
}
.bg-hg {
.bg-hg {
     background: #00A651 !important;
     background: #00A651 !important;
}
}
.bg-hgrot {
.bg-hgrot {
     background: #97373d !important;
     background: #97373d !important;
Zeile 86: Zeile 97:
     vertical-align: baseline;
     vertical-align: baseline;
}
}
.key, .uibutton {
 
.key,
.uibutton,
.navbutton {
     background-color: #F7F7F7;
     background-color: #F7F7F7;
     background-image: -webkit-linear-gradient(rgba(255,255,255,.4),rgba(127,127,127,.2));
     background-image: -webkit-linear-gradient(rgba(255, 255, 255, .4), rgba(127, 127, 127, .2));
     background-image: -moz-linear-gradient(rgba(255,255,255,.4),rgba(127,127,127,.2));
     background-image: -moz-linear-gradient(rgba(255, 255, 255, .4), rgba(127, 127, 127, .2));
     background-image: -o-linear-gradient(rgba(255,255,255,.4),rgba(127,127,127,.2));
     background-image: -o-linear-gradient(rgba(255, 255, 255, .4), rgba(127, 127, 127, .2));
     background-image: linear-gradient(rgba(255,255,255,.4),rgba(127,127,127,.2));
     background-image: linear-gradient(rgba(255, 255, 255, .4), rgba(127, 127, 127, .2));
border:1px solid;
    border: 1px solid;
border-color:#DDD #AAA #888 #CCC;
    border-color: #DDD #AAA #888 #CCC;
border-radius:2px;
    border-radius: 2px;
font-family:inherit;
    font-family: inherit;
padding:0 .4em;
    padding: 0 .4em;
text-shadow:0 1px rgba(255,255,255,.5);
    text-shadow: 0 1px rgba(255, 255, 255, .5);
white-space:nowrap;
    white-space: nowrap;
}
}
.uibutton {
.uibutton {
border-radius:4px;
    border-radius: 4px;
}
}
.uibutton img {
.uibutton img {
max-height: 1em;
    max-height: 1em;
padding: 1px 0;
    padding: 1px 0;
}
 
.navbutton {
    display: block;
}
}


/* Scratchblocks */
/* Scratchblocks */
Zeile 157: Zeile 178:
     overflow: auto;
     overflow: auto;
}
}




Zeile 205: Zeile 227:
     background: #17a2b8;
     background: #17a2b8;
}
}




/** Wrappers and boxes */
/** Wrappers and boxes */


.wrapper, .hgbox, .hgwindow, .hgdrawer, .hgborder {
.wrapper,
.hgbox,
.hgwindow,
.hgdrawer,
.hgborder {
     margin-top: 0.5em;
     margin-top: 0.5em;
     margin-bottom: 0.5em;
     margin-bottom: 0.5em;
Zeile 215: Zeile 242:
     border: 1px solid rgba(0, 0, 0, .25);
     border: 1px solid rgba(0, 0, 0, .25);
}
}
.wrapper {


}
.wrapper {}


.wrapper .code {
.wrapper .code {
     font-family: monospace,'Courier' !important;
     font-family: monospace, 'Courier' !important;
}
}
.wrapper code,
.wrapper code,
.wrapper pre {
.wrapper pre {
     background-color: rgba(248,249,250,0.75);
     background-color: rgba(248, 249, 250, 0.75);
}
}
.wrapper code.clean,
.wrapper code.clean,
.wrapper pre.clean {
.wrapper pre.clean {
Zeile 232: Zeile 260:
     padding: 0;
     padding: 0;
}
}
.hgbox {
.hgbox {
     background: #E9E9E9;
     background: #E9E9E9;
}
}
.hgwindow {
.hgwindow {
     background: #E9E9E9;
     background: #E9E9E9;
     border-top: 17px solid rgba(0,0,0,.25);
     border-top: 17px solid rgba(0, 0, 0, .25);
}
}
.hgdrawer {
.hgdrawer {
     border-left: 9px solid rgba(0,0,0,.25);
     border-left: 9px solid rgba(0, 0, 0, .25);
}
}
.hgborder {
.hgborder {
     border: 2px solid #212529;
     border: 2px solid #212529;
     background: rgba(0,0,0,0);
     background: rgba(0, 0, 0, 0);
}
}
.hgbox.inverted, .hgwindow.inverted, .hgdrawer.inverted, .hgborder.inverted {
 
     border-color: rgba(255,255,255,.4);
.hgbox.inverted,
.hgwindow.inverted,
.hgdrawer.inverted,
.hgborder.inverted {
     border-color: rgba(255, 255, 255, .4);
}
}




.hgborder > :first-child,
.hgborder> :first-child,
.wrapper > :first-child,
.wrapper> :first-child,
.hgbox > :first-child,
.hgbox> :first-child,
.hgwindow > :first-child,
.hgwindow> :first-child,
.hgdrawer > :first-child {
.hgdrawer> :first-child {
     margin-top: 0;
     margin-top: 0;
     padding-top: 0;
     padding-top: 0;
}
}


.hgborder > :last-child,
.hgborder> :last-child,
.wrapper > :last-child,
.wrapper> :last-child,
.hgbox > :last-child,
.hgbox> :last-child,
.hgwindow > :last-child,
.hgwindow> :last-child,
.hgdrawer > :last-child {
.hgdrawer> :last-child {
     margin-bottom: 0;
     margin-bottom: 0;
     padding-bottom: 0;
     padding-bottom: 0;
Zeile 290: Zeile 326:
}
}


.quote, blockquote {
.quote,
blockquote {
     font-style: italic;
     font-style: italic;
     font-size: 0.85rem;
     font-size: 0.85rem;
}
}
.quote-source {
.quote-source {
     font-style: normal !important;
     font-style: normal !important;
Zeile 305: Zeile 343:
     padding-left: 4px;
     padding-left: 4px;
}
}
.quote blockquote {
.quote blockquote {
     border: none;
     border: none;
Zeile 310: Zeile 349:
     margin: 0;
     margin: 0;
}
}


/* Spaltenlayouts */
/* Spaltenlayouts */
@media ( min-width:50em ){
 
  div.hgrow {
@media ( min-width:50em) {
    display: flex;
    div.hgrow {
    flex-direction: row
        display: flex;
  }
        flex-direction: row
  div.hgrow > .hgcol {
    }
    flex: 1 1 auto;
    div.hgrow>.hgcol {
    width: 100vw;
        flex: 1 1 auto;
    margin: 0 1em 0 0;
        width: 100vw;
  }
        margin: 0 1em 0 0;
  div.hgrow > .hgcol:last-child {
    }
    margin: 0;
    div.hgrow>.hgcol:last-child {
  }
        margin: 0;
  div.hgrow > .hgcol.hgcol-50 {
    }
    width: 50vw;
    div.hgrow>.hgcol.hgcol-50 {
  }
        width: 50vw;
    }
}
}


/* RQuiz */
/* RQuiz */
.rquiz-gapfill table.code input {
.rquiz-gapfill table.code input {
  width: 30px;
    width: 30px;
}
}
Jneug
8.581

Bearbeitungen

Abgerufen von „http://ngb.schule/wiki/Spezial:Mobiler_Unterschied/3102“