MediaWiki:Mobile.css: Unterschied zwischen den Versionen

Aus Schulgestaltungswiki
Zur Navigation springen Zur Suche springen
KKeine Bearbeitungszusammenfassung
KKeine Bearbeitungszusammenfassung
Zeile 14: Zeile 14:
a.one:hover, a.one:active {
a.one:hover, a.one:active {
   background-color: #008000;
   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;
    font-weight: bold;
    font-size: larger;
    width: 200px;
    height: 7em;
    padding: 0px 10px;
    transition: 0.3s;
}
.flex-cluster > div > a:hover {
    background: #00b500;
    text-decoration: none;
}
}

Version vom 20. Oktober 2021, 19:02 Uhr

/* 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;
    font-weight: bold;
    font-size: larger;
    width: 200px;
    height: 7em;
    padding: 0px 10px;
    transition: 0.3s;
}
.flex-cluster > div > a:hover {
    background: #00b500;
    text-decoration: none;
}