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

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

@@ Строка 18: / Строка 18: @@
     @author [[User:Edokter]]
   */
+/* Only for mobile devices */
+.nomobile {
+display:none;
+}
+.navboxMobile {                     /* Navbox container style */
+    box-sizing: border-box;
+    border: 20px solid transparent !important;
+    padding: 0px !important;
+    border-spacing: 0px !important;
+    border-image: url('https://asciawiki.ru/images/3/31/Border1.png') 24 round !important;
+    border-radius: 35px;
+    background: transparent !important;
+    background-color: #dee3e7 !important;
+    border-collapse: separate !important;
+    width: 100%;
+    clear: both;
+    font-size: 88%;
+    text-align: center;
+    padding: 1px;
+    margin: 1em auto 0;       /* Prevent preceding content from clinging to navboxes */
+}
+.navboxMobile .navboxMobile {
+    margin-top: 0;            /* No top margin for nested navboxes */
+}
+.navboxMobile + .navboxMobile {
+    margin-top: -1px;         /* Single pixel border between adjacent navboxes */
+}
+.navboxMobile-inner,
+.navboxMobile-subgroup {
+    width: 100%;
+}
+.navboxMobile-group,
+.navboxMobile-title,
+.navboxMobile-abovebelow {
+    padding: 0.25em 1em;      /* Title, group and above/below styles */
+    line-height: 1.5em;
+    text-align: center;
+}
+.navboxMobile-group{
+	border-top: 1px solid #545454;
+}
+th.navboxMobile-group {             /* Group style */
+    white-space: nowrap;
+    /* @noflip */
+    text-align: right;
+}
+.navboxMobile,
+.navboxMobile-subgroup {
+    background: #000000;      /* Background color */
+}
+.navboxMobile-list {
+    line-height: 1.5em;
+    border-color: #545454;    /* Must match background color */
+}
+.navboxMobile th,
+.navboxMobile-title {
+    background: #dee3e7;      /* Level 1 color */
+}
+.navboxMobile-abovebelow,
+th.navboxMobile-group,
+.navboxMobile-subgroup .navboxMobile-title {
+    background: #dee3e7;      /* Level 2 color */
+}
+.navboxMobile-subgroup .navboxMobile-group,
+.navboxMobile-subgroup .navboxMobile-abovebelow {
+    background: #ffffff;      /* Level 3 color */
+}
+.navboxMobile-even {
+    background: #dee3e7;      /* Even row striping */
+}
+.navboxMobile-odd {
+    background: #ffffff;  /* Odd row striping */
+}
+.navboxMobile .hlist td dl,
+.navboxMobile .hlist td ol,
+.navboxMobile .hlist td ul,
+.navboxMobile td.hlist dl,
+.navboxMobile td.hlist ol,
+.navboxMobile td.hlist ul {
+    padding: 0.125em 0;       /* Adjust hlist padding in navboxes */
+}
+.codeEditor-status {
+	color: black;
+}
+.navboxMobile .navbar {
+	display:none;
+}
+ .mobile-hide {
+       display: none !important;
+    }
 .hlist dl,
 .hlist ol,
@@ Строка 327: / Строка 425: @@
 .mw-babel-box-level-N  {
          display: none;
-}
-/* Анимация для сдвига вниз остальных кнопок */
-.dropdown.active ~ .dropdown {
-    transform: translateY(100%);
-    transition: transform 0.3s ease-in-out;
-}
-/* Контейнер для всех кнопок */
-.dropdown-container {
-    display: flex;
-    flex-direction: column;
-    gap: 5px; /* Отступ между кнопками */
-    width: 500px; /* Можно изменить ширину */
-}
-/* Контейнер выпадающего списка */
-.dropdown {
-    position: relative;
-    display: inline-block;
-}
-/* Кнопка для открытия списка */
-.dropbtn {
-    background-color: black;
-    color: white;
-    padding: 10px 15px;
-    font-size: 30px;
-    border: none;
-    cursor: pointer;
-    border-radius: 5px;
-    min-width: 500px;
-    text-align: -webkit-center;
-}
-/* Контейнер списка (изначально скрыт) */
-.dropdown-content {
-    display: block; /* Скрываем через height, а не display */
-    text-aling: center;
-    overflow: hidden;
-    max-height: 0;
-    opacity: 0;
-    transition: max-height 0.3s ease-out, opacity 0.3s ease-out;
-}
-/* Стиль для ссылок внутри списка */
-.dropdown-content a {
-    color: black;
-    text-aling: center;
-    padding: 10px 15px;
-    text-decoration: none;
-    display: block;
-    font-size: 25px;
-}
-/* Эффект наведения на ссылки */
-.dropdown-content a:hover {
-    background-color: #f1f1f1;
-}
-/* Показываем список при клике (нужен JS) */
-.dropdown.active .dropdown-content {
-    max-hight: 500px;
-    opacity: 1;
 }