Ich habe ein bisschen in meinem CSS-Code herumgespielt und einige Änderungen vorgenommen, die scheinbar nicht mehr rückgängig zu machen sind. Ich fürchte das Schlimmste, bin aber ein absoluter Anfänger, wenn es um CSS geht, und hätte eigentlich gar nicht erst mit solchen Experimenten anfangen sollen. So sieht es aktuell auf meiner Website aus:
Das einzige, was ich in diesem Bild unscharf gemacht habe, sind die Dateinamen der Backups. Der Rest entspricht der tatsächlichen Darstellung der Webseite.
Genauso ist es hier: Der Button „CSS bearbeiten“, zu dem ich vorher ging, um das CSS des Themes zu ändern, ist nicht mehr vorhanden. Im Grunde bin ich festgefahren und bitte nun höflich darum, mir bei der Suche nach einer Lösung zu helfen.
Zum Glück bin ich nicht völlig ahnungslos und habe tatsächlich eine alte Version des CSS vor der Bearbeitung gesichert. So sah es vor meinem tödlichen Schlag aus:
// Roboto-Schriftart verwenden
html {
font-family: "Roboto", sans-serif;
font-weight: 400;
}
.background {
position: absolute;
width: 100%;
height: 100%;
}
body input,
body button,
body select,
html {
background: url(linktoimage) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
body textarea {
font-family: "Roboto", Helvetica, Arial, sans-serif;
}
@mixin boxShadow {
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 0 0 0 rgba(0, 0, 0, 0.12);
}
@mixin buttonShadow {
box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
}
// Buttons anheben und abgerundet
.btn {
border-radius: 2px;
@include boxShadow;
}
// Schatten bei einigen Buttons entfernen
.d-editor-button-bar .btn,
.bulk-select-all,
.bulk-clear-all,
.period-chooser-header,
.topic-map .btn.no-text,
.badge-section .btn,
#revision .btn,
#new-account-link,
#login-link {
border-radius: 0;
box-shadow: none;
}
Aus dem oben aufgeführten Code habe ich entfernt:
html {
background: url(linktoimage) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
und hinzugefügt:
.page-bg {
background: url('linktoimage');
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
filter: blur(5px);
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
}
In der törichten Annahme, alles richtig vorbereitet zu haben, habe ich auf „Speichern“ geklickt. Bitte helft mir.
