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; }