Я копался в своём CSS-коде и внес изменения, которые, кажется, необратимы. Боюсь худшего, но я полный новичок в CSS и вообще не должен был лезть туда. Вот как сейчас выглядит мой сайт.
Единственное размытие, которое я добавил к этому изображению, — над именами файлов резервных копий. Всё остальное — это то, как отображается веб-страница.
То же самое и здесь: вы видите, что кнопки «Изменить CSS», куда я раньше заходил для правки CSS темы, больше нет. По сути, я застрял и теперь вежливо прошу кого-нибудь помочь мне найти решение.
К счастью, я не совсем безмозглый и заранее сделал резервную копию старой версии CSS перед редактированием. Вот как всё выглядело до моего рокового удара.
// используем шрифт Roboto
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);
}
// приподнимаем и скругляем кнопки
.btn {
border-radius: 2px;
@include boxShadow;
}
// убираем тень у некоторых кнопок
.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;
}
Из кода выше я удалил
html {
background: url(linktoimage) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
и добавил
.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;
}
Глупо полагая, что я всё продумал, я нажал «Сохранить». Пожалуйста, помогите.
