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

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

@@ Строка 18: / Строка 18: @@
     @author [[User:Edokter]]
   */
- @media screen and (max-width: 720px) {
+/* Only for mobile devices */
-   .my-template { width:100%!important; float:none!important; }
+.nomobile {
+display:none;
 }
- .navbox {
+.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-image: url('https://asciawiki.ru/images/3/31/Border1.png') 24 round !important;
      border-radius: 35px;
      background: transparent !important;
@@ Строка 37: / Строка 39: @@
      text-align: center;
      padding: 1px;
-     margin: 1em auto 0;
+     margin: 1em auto 0;       /* Prevent preceding content from clinging to navboxes */
 }
+.navboxMobile .navboxMobile {
- .navbox,
+    margin-top: 0;            /* No top margin for nested navboxes */
-table.navbox,
+}
-div.navbox,
+.navboxMobile + .navboxMobile {
-.navbox-inner,
+    margin-top: -1px;         /* Single pixel border between adjacent navboxes */
-.mw-navbox,
+}
-table.mw-navbox,
+.navboxMobile-inner,
-div.mw-navbox,
+.navboxMobile-subgroup {
-template[data-navbox],
+    width: 100%;
-.navbox * {
+}
-     display: block !important;
+.navboxMobile-group,
-     visibility: visible !important;
+.navboxMobile-title,
-    float: none !important;
+.navboxMobile-abovebelow {
-    position: relative !important;
+     padding: 0.25em 1em;      /* Title, group and above/below styles */
-    max-height: none !important;
+     line-height: 1.5em;
-     overflow: visible !important;
+     text-align: center;
 }
-/* 2. Специально для table-варианта (обычно Navbox это таблица) */
+.navboxMobile-group{
-table.navbox {
+	border-top: 1px solid #545454;
-    display: table !important;
-    width: 100% !important;
-    box-sizing: border-box;
-    margin-bottom: 12px;
 }
-/* 3. Делаем адаптивными все ячейки */
+th.navboxMobile-group {             /* Group style */
-.navbox th,
+    white-space: nowrap;
-.navbox td {
+    /* @noflip */
-     display: table-cell !important;
+    text-align: right;
-     padding: 6px !important;
+}
-     font-size: 90%;
+.navboxMobile,
+.navboxMobile-subgroup {
+     background: #000000;      /* Background color */
+}
+.navboxMobile-list {
+     line-height: 1.5em;
+     border-color: #545454;    /* Must match background color */
 }
+.navboxMobile th,
-/* 4. Заголовок по центру */
+.navboxMobile-title {
-.navbox-title {
+    background: #dee3e7;      /* Level 1 color */
-     text-align: center !important;
+}
-    font-size: 110% !important;
+.navboxMobile-abovebelow,
-     font-weight: bold;
+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 {
-/* 5. Убираем сворачивание, если MobileFrontend пытается навязать */
+     background: #dee3e7;      /* Even row striping */
-.mw-mf-expandable,
-.mw-collapsible,
-.collapsed,
-.autocollapse {
-     display: block !important;
-    max-height: none !important;
 }
+.navboxMobile-odd {
-/* 6. Стиль под вашу палитру (серо-бело-чёрная) */
+     background: #ffffff;  /* Odd row striping */
-table.navbox {
-    border: 1px solid #888 !important;
-     background: #f9f9f9 !important;
-    color: #000;
 }
-.navbox th {
+.navboxMobile .hlist td dl,
-     background: #e3e3e3 !important;
+.navboxMobile .hlist td ol,
-    color: #000;
+.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 */
 }
-.navbox td {
-    background: #fff !important;
+.codeEditor-status {
+	color: black;
 }
-.navbox-group {
-    background: #efefef !important;
+.navboxMobile .navbar {
-    font-weight: 600;
+	display:none;
 }
   .mobile-hide {