MediaWiki:Mobile.css

Aus Schulgestaltungswiki
Version vom 20. Oktober 2021, 19:09 Uhr von Mh (Diskussion | Beiträge)
(Unterschied) ← Nächstältere Version | Aktuelle Version (Unterschied) | Nächstjüngere Version → (Unterschied)
Zur Navigation springen Zur Suche springen

Hinweis: Leere nach dem Veröffentlichen den Browser-Cache, um die Änderungen sehen zu können.

  • Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
  • Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
  • Internet Explorer/Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
  • Opera: Strg+F5
/* Das CSS hier wird für die Benutzer der mobilen Website geladen. */

a.one:link, a.one:visited {
  background-color: #00b300;
  color: white;
  padding: 10px 14px;
  border-radius: 3px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  box-shadow: 3px 3px 5px  #e6e6e6;
}

a.one:hover, a.one:active {
  background-color: #008000;
}

/* Button-Cluster für die Projektübersicht */
.flex-cluster {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 900px;
}
.flex-cluster > div {
    margin: 2.5px;
}
.flex-cluster > div > a {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background: #efeeee;
    color: #000;
    width: 140px;
    height: 8em;
    padding: 0px 10px;
    transition: 0.3s;
}
.flex-cluster > div > a:hover {
    background: #00b500;
    text-decoration: none;
}