MediaWiki:Common.css: различия между версиями
Перейти к навигации
Перейти к поиску
Shaseer (обсуждение | вклад) м |
Shaseer (обсуждение | вклад) |
||
| Строка 26: | Строка 26: | ||
position: fixed; | position: fixed; | ||
bottom: 30px; | bottom: 30px; | ||
| − | right: | + | right: 70px; |
transition: background-color .3s, | transition: background-color .3s, | ||
opacity .5s, visibility .5s; | opacity .5s, visibility .5s; | ||
| Строка 52: | Строка 52: | ||
opacity: 1; | opacity: 1; | ||
visibility: visible; | visibility: visible; | ||
| + | } | ||
| + | |||
| + | #button-dark-mode { | ||
| + | display: inline-block; | ||
| + | background-color: #262626; | ||
| + | width: 50px; | ||
| + | height: 50px; | ||
| + | text-align: center; | ||
| + | border-radius: 4px; | ||
| + | position: fixed; | ||
| + | bottom: 30px; | ||
| + | right: 30px; | ||
| + | transition: background-color .3s, | ||
| + | opacity .5s, visibility .5s; | ||
| + | opacity: 0; | ||
| + | visibility: visible; | ||
| + | z-index: 1000; | ||
| + | } | ||
| + | #button-dark-mode::after { | ||
| + | content: "\f755"; | ||
| + | font-family: FontAwesome; | ||
| + | font-weight: normal; | ||
| + | font-style: normal; | ||
| + | font-size: 2em; | ||
| + | line-height: 50px; | ||
| + | color: #fff; | ||
| + | } | ||
| + | #button-dark-mode:hover { | ||
| + | cursor: pointer; | ||
| + | background-color: #333; | ||
| + | } | ||
| + | #button-dark-mode:active { | ||
| + | background-color: #555; | ||
} | } | ||
Версия 10:37, 19 февраля 2024
/* Размещённый здесь CSS будет применяться ко всем темам оформления */
.mv-head {
position: fixed;
background-image: linear-gradient(#ffffff 50%,#f6f6f6 100%);
}
.tocnumber {
display: none;
}
.autonum .tocnumber {
display: table-cell;
}
.simplechanges-user {
display:none;
}
#button {
display: inline-block;
background-color: #262626;
width: 50px;
height: 50px;
text-align: center;
border-radius: 4px;
position: fixed;
bottom: 30px;
right: 70px;
transition: background-color .3s,
opacity .5s, visibility .5s;
opacity: 0;
visibility: hidden;
z-index: 1000;
}
#button::after {
content: "\f077";
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
font-size: 2em;
line-height: 50px;
color: #fff;
}
#button:hover {
cursor: pointer;
background-color: #333;
}
#button:active {
background-color: #555;
}
#button.show {
opacity: 1;
visibility: visible;
}
#button-dark-mode {
display: inline-block;
background-color: #262626;
width: 50px;
height: 50px;
text-align: center;
border-radius: 4px;
position: fixed;
bottom: 30px;
right: 30px;
transition: background-color .3s,
opacity .5s, visibility .5s;
opacity: 0;
visibility: visible;
z-index: 1000;
}
#button-dark-mode::after {
content: "\f755";
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
font-size: 2em;
line-height: 50px;
color: #fff;
}
#button-dark-mode:hover {
cursor: pointer;
background-color: #333;
}
#button-dark-mode:active {
background-color: #555;
}