MediaWiki:Mobile.css: Unterschied zwischen den Versionen

Aus Informatik-Box
Zur Navigation springen Zur Suche springen
Keine Bearbeitungszusammenfassung
(Der Seiteninhalt wurde durch einen anderen Text ersetzt: „{{subst:MediaWiki:Common.css}}“)
Markierungen: Mobile Bearbeitung Mobile Web-Bearbeitung
Zeile 1: Zeile 1:
/* Das folgende CSS wird für alle Nutzer der mobilen Ansicht geladen. */
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
body {
    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-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
}
 
 
.clearfix:after {
.clearfix:after {
     content: ".";
     content: ".";
Zeile 84: Zeile 94:
/** Alerts */
/** Alerts */
.alert {
.alert {
    color :#555;
     /*border-radius: 4px;*/
     /*border-radius: 4px;*/
     padding: 8px;
     padding: 8px;
     margin: 8px 0;
     margin: 8px;
     font-size: 0.9em;
     font-size: 0.9em;
border: 1px solid rgba(0,0,0,.125);
color: #fff;
font-weight: 600;
}
}
.alert span {
.alert-title {
     font-weight: bold;
     font-weight: 600;
     text-transform: uppercase;
     text-transform: uppercase;
}
}
Zeile 98: Zeile 110:
}
}
.alert-error {
.alert-error {
     background: #ffecec;
     /*background: #ffecec;
     border: 1px solid #f5aca6;
     border: 1px solid #f5aca6;*/
    background: #dc3545;
}
}
.alert-success {
.alert-success {
     background: #e9ffd9;
     /*background: #e9ffd9;
     border: 1px solid #a6ca8a;
     border: 1px solid #a6ca8a;*/
    background: #28a745;
}
}
.alert-warning {
.alert-warning {
     background: #fff8c4;
     /*background: #fff8c4;
     border: 1px solid #f2c779;
     border: 1px solid #f2c779;*/
    background: #ffc107;
color: #212529;
}
}
.alert-notice {
.alert-notice {
     background: #e3f7fc;
     /*background: #e3f7fc;
     border: 1px solid #8ed9f6;
     border: 1px solid #8ed9f6;*/
    background: #17a2b8;
}
}

Version vom 27. Juni 2018, 21:43 Uhr

/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
body {
    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-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
}


.clearfix:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

code.blocks {
  border: none;
  margin: 0 4px;
  padding: 0;
  background-color: transparent;
  vertical-align: middle;
}
pre.blocks {
  padding: 0;
  background-color: transparent;
  border: none;
  margin: 0.8em 0;
}

.mw-tablefooter {
	font-size: 0.8em;
	color: gray;
	text-align: right;
}
.mw-tablefooter a:link,
.mw-tablefooter a:visited,
.mw-tablefooter a:active,
.mw-tablefooter a:hover {
	color: gray;
}

.lernpfad-nav {

}
.lernpfad-nav .back {
	float:left;
	width: 33%;
}
.lernpfad-nav .next {
	float:right;
	width: 33%;
	text-align: right;
}

.collapsible-info {
	border: 1px solid #aaa;
	background-color: #f9f9f9;
	padding: 5px;
	overflow: auto;
}

/** Wrappers */
.wrapper {
	margin-top: 0.5em;
}
.wrapper p:first-of-type {
margin-top: 0;
padding-top: 0;
}
.wrapper p:last-of-type {
margin-bottom: 0;
padding-bottom: 0;
}
.hintbox {
	border: 1px solid gray;
	font-size: 0.95em;
	color: gray;
}
.taskbox {
	background-color: #BEE599;
	padding: 10px;
	border: 1px solid #a6ca8a;
}
.solutionbox {
background-color: #f5f599;
padding: 10px;
border: 1px solid #d1d183;
}

/** Alerts */
.alert {
    /*border-radius: 4px;*/
    padding: 8px;
    margin: 8px;
    font-size: 0.9em;
border: 1px solid rgba(0,0,0,.125);
color: #fff;
font-weight: 600;
}
.alert-title {
    font-weight: 600;
    text-transform: uppercase;
}
.alert p {
    margin: 0;
}
.alert-error {
    /*background: #ffecec;
    border: 1px solid #f5aca6;*/
    background: #dc3545;
}
.alert-success {
    /*background: #e9ffd9;
    border: 1px solid #a6ca8a;*/
    background: #28a745;
}
.alert-warning {
    /*background: #fff8c4;
    border: 1px solid #f2c779;*/
    background: #ffc107;
color: #212529;
}
.alert-notice {
    /*background: #e3f7fc;
    border: 1px solid #8ed9f6;*/
    background: #17a2b8;
}