MediaWiki:Citizen.css: различия между версиями

← Предыдущая правка

@@ Строка 1: / Строка 1: @@
 /* Размещённый здесь CSS-код будет загружаться для пользователей, использующих тему оформления Citizen */
 @import url('https://fonts.googleapis.com/css?family=Merriweather|Cormorant Infant|PT Mono|Neucha|MedievalSharp|Spectral SC|Kurale|El Messiri|Ledger');
+ /* Только для мобильных устройств */
+.onlymobile {
+display:none;
+}
   /* Пример: отключаем Popups на странице "Main Page" */
@@ Строка 101: / Строка 106: @@
 	background: transparent !important;
 }
 .dropdown-content a {
      position: relative;
@@ Строка 144: / Строка 148: @@
 }
 #skin-client-prefs-skin-theme .citizen-client-prefs-radio__label[for='skin-client-pref-skin-theme-value-night'] {
      display: none;
@@ Строка 184: / Строка 186: @@
 /* Контейнер выпадающего списка */
 .dropdown {
-    position: relative;
+   position: relative;
      display: inline-block;
 }
 /* Кнопка для открытия списка */
@@ Строка 203: / Строка 207: @@
 /* Контейнер списка (изначально скрыт) */
 .dropdown-content {
-  text-align: center;
+    display: block; /* Скрываем через height, а не display */
-  overflow: hidden;
+    text-aling: center;
-  max-height: 0;
+    overflow: hidden;
-  opacity: 0;
+    max-height: 0;
-  transition: max-height 0.28s ease-out, opacity 0.22s ease-out;
+    opacity: 0;
-  background: #fff;
+    transition: max-height 0.3s ease-out, opacity 0.3s ease-out;
-  border: 1px solid #ccc;
-  border-radius: 6px;
-  position: absolute;
-  top: calc(100% + 8px);
-  left: 0;
-  right: 0;
-  z-index: 50;
-  padding: 4px 0;
 }
@@ Строка 224: / Строка 221: @@
      color: black;
      text-aling: center;
-    padding: 10px 15px;
      text-decoration: none;
      display: block;
@@ Строка 231: / Строка 227: @@
 /* Эффект наведения на ссылки */
-.dropdown:hover .dropdown-content,
+.dropdown-content a:hover {
-.dropdown:focus-within .dropdown-content {
+    background-color: #f1f1f1;
-  max-height: 500px; /* достаточно для содержимого */
-  opacity: 1;
 }
 /* Показываем список при клике (нужен JS) */
 .dropdown.active .dropdown-content {
-    max-hight: 500px;
+	max-height: 500px;
      opacity: 1;
 }
 /* Анимация сдвига только в рамках своей колонки */
-.menu-column .dropdown:hover ~ .dropdown,
+.menu-column .dropdown.active ~ .dropdown {
-.menu-column .dropdown:focus-within ~ .dropdown {
    transform: translateY(100%);
    transition: transform 0.3s ease-in-out;
@@ Строка 251: / Строка 244: @@
 /* Responsive: на узких экранах колонки идут друг под другом */
-@media (max-width: 800px) {
+max-width: 800px {
    .dropdown-container {
      flex-direction: column;
@@ Строка 692: / Строка 685: @@
-.toc {
-	border: 2px solid #FFFFFF !important;
-    padding: 5px !important;
-    border-image: url('') 30 round !important;
-    border-radius: 10px;
-    background: rgb(0 0 0 / 80%);
-    width: auto;
-    color: white;
-    margin-bottom: 20px;
-}
-.tocnumber {
-	color: white !important;
-}
-#toc {
-	display: inline-block;
-}
-.tocnumber:after { content: '.'
-}
-.toc ul ul{ 	margin-top: 5px !important;
-}
 .nav-link {
    color: #000000;