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 {
- .navbox,
+display:none;
-table.navbox,
-div.navbox,
-.navbox-inner,
-.mw-navbox,
-table.mw-navbox,
-div.mw-navbox,
-template[data-navbox],
-.navbox * {
-    display: block !important;
-    visibility: visible !important;
-    float: none !important;
-    position: relative !important;
-    max-height: none !important;
-    overflow: visible !important;
 }
-/* 2. Специально для table-варианта (обычно Navbox это таблица) */
+.navboxMobile {                     /* Navbox container style */
-table.navbox {
-    display: table !important;
-    width: 100% !important;
      box-sizing: border-box;
-     margin-bottom: 12px;
+     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;
 }
-/* 3. Делаем адаптивными все ячейки */
+.navboxMobile-group{
-.navbox th,
+	border-top: 1px solid #545454;
-.navbox td {
-    display: table-cell !important;
-    padding: 6px !important;
-    font-size: 90%;
 }
-/* 4. Заголовок по центру */
+th.navboxMobile-group {             /* Group style */
-.navbox-title {
+    white-space: nowrap;
-     text-align: center !important;
+    /* @noflip */
-     font-size: 110% !important;
+     text-align: right;
-     font-weight: bold;
+}
+.navboxMobile,
+.navboxMobile-subgroup {
+    background: #000000;      /* Background color */
+}
+.navboxMobile-list {
+     line-height: 1.5em;
+     border-color: #545454;    /* Must match background color */
 }
+.navboxMobile th,
-/* 5. Убираем сворачивание, если MobileFrontend пытается навязать */
+.navboxMobile-title {
-.mw-mf-expandable,
+    background: #dee3e7;      /* Level 1 color */
-.mw-collapsible,
+}
-.collapsed,
+.navboxMobile-abovebelow,
-.autocollapse {
+th.navboxMobile-group,
-     display: block !important;
+.navboxMobile-subgroup .navboxMobile-title {
-     max-height: none !important;
+     background: #dee3e7;      /* Level 2 color */
+}
+.navboxMobile-subgroup .navboxMobile-group,
+.navboxMobile-subgroup .navboxMobile-abovebelow {
+     background: #ffffff;      /* Level 3 color */
 }
+.navboxMobile-even {
-/* 6. Стиль под вашу палитру (серо-бело-чёрная) */
+     background: #dee3e7;      /* Even row striping */
-table.navbox {
-    border: 1px solid #888 !important;
-     background: #f9f9f9 !important;
-    color: #000;
 }
-.navbox th {
+.navboxMobile-odd {
-     background: #e3e3e3 !important;
+     background: #ffffff;  /* Odd row striping */
-    color: #000;
 }
-.navbox td {
+.navboxMobile .hlist td dl,
-     background: #fff !important;
+.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 */
 }
-.navbox-group {
-    background: #efefef !important;
+.codeEditor-status {
-    font-weight: 600;
+	color: black;
 }
+.navboxMobile .navbar {
+	display:none;
+}
   .mobile-hide {