Informatik-Box

MediaWiki:Mobile.css: Unterschied zwischen den Versionen

MediaWiki:Mobile.css (Quelltext anzeigen)

Version vom 2. Februar 2019, 20:49 Uhr

2.803 Bytes hinzugefügt ,  20:49, 2. Feb. 2019
Der Seiteninhalt wurde durch einen anderen Text ersetzt: „{{subst:MediaWiki:Common.css}}“
Keine Bearbeitungszusammenfassung
Markierungen: Mobile Bearbeitung Mobile Web-Bearbeitung
(Der Seiteninhalt wurde durch einen anderen Text ersetzt: „{{subst:MediaWiki:Common.css}}“)
Markierungen: Ersetzt Mobile Bearbeitung Mobile Web-Bearbeitung
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 {
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/
*/
*/
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
     font-size: 1.1rem;
     font-size: 1rem;
     font-weight: 400;
     font-weight: 400;
     line-height: 1.5;
     line-height: 1.6;
     color: #212529;
     color: #212529;
     text-align: left;
     text-align: left;
     background-color: #fff;
     background-color: #fff;
}
.mw-editform #wpTextbox1 {
    font-size: 1rem !important;
}
}


Zeile 21: Zeile 28:
     visibility: hidden;
     visibility: hidden;
     height: 0px;
     height: 0px;
}
.hidden {
    display: none !important;
}
.text-small {
    font-size: smaller !important;
}
.text-large {
    font-size: larger !important;
}
.text-center {
    text-align: center !important;
}
.text-left {
    text-align: left !important;
}
.text-right {
    text-align: right !important;
}
}


.content .wikitable tbody {
.pre {
min-width: 100%;
    font-family: monospace,'Courier';
display: table;
    color: #000;
    background-color: #f8f9fa;
    border: 1px solid #eaecf0;
    padding: 1em;
    white-space: pre-wrap;
    display: block;
    line-height: 1.3em;
}
}
.wikitable th {
 
text-align: center;
.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}
}


/* 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 73: Zeile 118:


.inline-img {
.inline-img {
display: inline-block;
    display: inline-block;
max-height: 1.1em;
    max-height: 1.1em;
width: auto;
    width: auto;
vertical-align: middle;
    /*vertical-align: middle;
    vertical-align: initial;*/
    vertical-align: baseline;
}
}
.key, .uibutton {
 
.key,
.uibutton,
.herobutton {
     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 {
    max-height: 1em;
    padding: 1px 0;
}
 
.herobutton {
    /*max-width: 50%;*/
    /*min-width: 240px;*/
    padding: 0;
    border-radius: 4px;
    text-align: center;
    margin-bottom: 0.5em;
}
 
.herobutton a,
.herobutton span {
    display: block;
    padding: 4px 10px;
    border-radius: 4px;
    background-color: transparent;
    min-height: 60px;
}
 
.herobutton a:hover,
.herobutton span:hover {
    background-color: rgba(10, 10, 10, 0.1);
}
 
/* Tables */
.infobox {
position: relative;
float: right !important;
margin: 0 0 8px 12px;
}
.infobox table {
position: relative;
margin-bottom: 0;
background-color: #fff;
max-width: 360px;
border: 1px solid #dddddd;
border-collapse: collapse;
border-spacing: 0;
}
.infobox table caption {
text-align: center;
padding: 0 0 4px;
font-size: smaller;
}
.infobox table .infobox-header {
text-align: center;
font-weight: bold;
background-color: #f5f5f5;
font-size: 19px;
}
.infobox table th {
background-color: #f5f5f5;
font-weight: bold;
border: 1px solid #dddddd;
max-width: 358px;
}
.infobox table td {
border: 1px solid #dddddd;
max-width: 358px;
}
}


/* Scratchblocks */
/* Scratchblocks */


code.blocks {
code.blocks, code.blocks2 {
     border: none;
     border: none;
     margin: 0 4px;
     margin: 0 4px;
     padding: 0;
     padding: 0;
     background-color: transparent;
     background-color: transparent !important;
     vertical-align: middle;
     vertical-align: middle;
}
}


pre.blocks {
pre.blocks, pre.blocks2 {
     padding: 0;
     padding: 0;
     background-color: transparent;
     background-color: transparent;
Zeile 145: Zeile 261:
     overflow: auto;
     overflow: auto;
}
}




Zeile 151: Zeile 270:
.alert {
.alert {
     /*border-radius: 4px;*/
     /*border-radius: 4px;*/
     padding: 8px 16px;
     padding: 8px;
     margin: 0.5em -16px;
     margin: 8px;
     font-size: 0.9em;
     font-size: 0.9em;
     border: 1px solid rgba(0, 0, 0, .125);
     border: 1px solid rgba(0, 0, 0, .125);
    border-left: 0;
    border-right: 0;
     color: #fff;
     color: #fff;
}
}
Zeile 194: Zeile 311:
     border: 1px solid #8ed9f6;*/
     border: 1px solid #8ed9f6;*/
     background: #17a2b8;
     background: #17a2b8;
    color: #333;
}
}




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


.wrapper, .hgbox, .hgwindow, .hgdrawer, .hgborder {
.wrapper,
     padding: 8px 16px;
.hgbox,
.hgwindow,
.hgdrawer,
.hgborder {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
     padding: 8px;
     border: 1px solid rgba(0, 0, 0, .25);
     border: 1px solid rgba(0, 0, 0, .25);
    margin: 0.5em -16px;
    border-left: 0;
    border-right: 0;
}
}


.wrapper {
.wrapper {}
 
.wrapper .code {
    font-family: monospace, 'Courier' !important;
}
 
.wrapper code,
.wrapper pre {
    background-color: rgba(248, 249, 250, 0.75);
}


.wrapper code.clean,
.wrapper pre.clean {
    background: none;
    border: none;
    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);
    padding-left: 7px;
}
}
.hgborder {
.hgborder {
     border: 2px solid #212529;
     border: 2px solid #212529;
     background: rgba(0,0,0,0);
     background: rgba(0, 0, 0, 0);
    padding-left: 14px;
    padding-right: 14px;
}
}


.hgborder > :first-child,
.hgbox.inverted,
.wrapper > :first-child,
.hgwindow.inverted,
.hgbox > :first-child,
.hgdrawer.inverted,
.hgwindow > :first-child,
.hgborder.inverted {
.hgdrawer > :first-child {
    border-color: rgba(255, 255, 255, .4);
}
 
 
.hgborder> :first-child,
.wrapper> :first-child,
.hgbox> :first-child,
.hgwindow> :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 267: Zeile 414:
}
}


.quote {
.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;
     font-size: 0.8rem;
     font-size: 0.8rem;
    display: block;
    margin-top: 0.5em;
}
blockquote {
    border-left: 4px solid silver;
    padding-left: 4px;
}
.quote blockquote {
    border: none;
    padding: 0;
    margin: 0;
}
/* Spaltenlayouts */
@media ( min-width:50em) {
    div.hgrow {
        display: flex;
        flex-direction: row
    }
    div.hgrow>.hgcol {
        flex: 1 1 auto;
        width: 100vw;
        margin: 0 1em 0 0;
    }
    div.hgrow>.hgcol:last-child {
        margin: 0;
    }
    div.hgrow>.hgcol.hgcol-50 {
        width: 50vw;
    }
}
/* RQuiz */
.rquiz-gapfill table.code input {
    width: 30px;
}
}
Abgerufen von „http://ngb.schule/wiki/Spezial:Mobiler_Unterschied/4722“