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

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

@@ Строка 1: / Строка 1: @@
 /* CSS placed here will affect users of the Tweeki skin */
 @import url('https://fonts.googleapis.com/css?family=Merriweather|Cormorant Infant|PT Mono|Neucha|MedievalSharp|Spectral SC|Kurale|El Messiri|Ledger');
+#content {
+    padding: 2em !important;
+    background: rgb(255 255 255 / 90%);
+    padding: 15px;
+}
+pp {
+    display: block !important;
+	margin-bottom: -5px;
+}
+.bg-light {
+    background-color: #000000 !important;
+}
+/* Исправление отображения текста */
+p {
+	white-space: break-spaces !important;
+    display: block !important;      /* Элементы отображаются как блоки */
+}
+ul {
+	list-style-position: inside; /* Убедись, что маркеры списка отображаются правильно */
+}
+ul li {
+    display: list-item !important; /* Убедись, что элементы списка отображаются как блоки */
+}
+/* Стили для кнопки выпадающего списка */
+.tweeki-dropbtn {
+  background-color: #4CAF50;
+  color: white;
+  padding: 10px;
+  font-size: 16px;
+  border: none;
+  cursor: pointer;
+}
+/* Контейнер для выпадающего списка */
+.tweeki-dropdown {
+  position: relative;
+  display: inline-block;
+}
+/* Содержимое выпадающего списка (скрыто по умолчанию) */
+.tweeki-dropdown-content {
+  display: none;
+  position: absolute;
+  background-color: #f9f9f9;
+  min-width: 160px;
+  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
+  z-index: 1;
+}
+/* Стили для ссылок в выпадающем списке */
+.tweeki-dropdown-content a {
+  color: black;
+  padding: 12px 16px;
+  text-decoration: none;
+  display: block;
+}
+/* Изменение цвета ссылок при наведении */
+.tweeki-dropdown-content a:hover {
+  background-color: #f1f1f1;
+}
+/* Показывать выпадающий список при наведении */
+.tweeki-dropdown:hover .tweeki-dropdown-content {
+  display: block;
+}
+/* Изменение цвета кнопки при наведении */
+.tweeki-dropdown:hover .tweeki-dropbtn {
+  background-color: #3e8e41;
+}
 .page-header-actions .action-edit {
@@ Строка 32: / Строка 111: @@
      line-height: 21px;
      flex-basis: 260px;
-     height: 60px;
+     height: 3rem;
      text-align: center;
-     padding:25px;
+     padding-left: 25px;
+    padding-right: 25px;
+    padding-top: 15px;
      flex-grow: 2;
 }
@@ Строка 68: / Строка 149: @@
 .firstHeading {
-     border-top: 3px solid #0000;
+     border-top: 2px solid #0000;
-     border-bottom: 3px solid #0000;
+     border-bottom: 2px solid #0000;
      border-image: linear-gradient(90deg, #0000 0%, rgba(82, 81, 79, 1) 50%, rgba(82, 81, 79, 1) 50%, #0000 100%);
      border-image-slice: 30;
@@ Строка 99: / Строка 180: @@
 }
-#content {
-    padding: 2em !important;
-    background: rgb(255 255 255 / 90%);
-    padding: 15px;
-}
 a.new {
      color: #795548;
+    text-shadow: 0 0 35px #1a1a1a;
 }
 a {
   color: #607d8b;
+ text-shadow: 0 0 35px #1a1a1a;
   }
@@ Строка 436: / Строка 515: @@
 #tweekiTOC #toc a.active, #tweekiTOC #toc a:focus, #tweekiTOC #toc a:hover {
      /* color: #ffffff; */
-     text-shadow: -1px -1px 0 #ffffff61, 1px -1px 0 #ffffff61, -1px 1px 0 #ffffff61, 1px 1px 0 #ffffff61;
+     text-shadow: 0 0 15px #ffffff;
      color: #ffffff;
 }
@@ Строка 564: / Строка 643: @@
 }
+.panel-container {
+  display: flex;
+  flex-wrap: wrap;
+}
 .panel-body>ul a{
      display: block;
@@ Строка 584: / Строка 669: @@
      letter-spacing: 0.01em;
      font-family: 'Spectral SC' !important;
-     border-bottom: 3px solid #0000;
+     border-bottom: 2px solid #0000;
      border-image: linear-gradient(90deg, #0000 0%, rgba(82, 81, 79, 1) 50%, rgba(82, 81, 79, 1) 50%, #0000 100%);
      border-image-slice: 30;
@@ Строка 713: / Строка 798: @@
 .mw-body-content p , .mw-body-content li {
      color: black; /* Цвет основного текста */
+    display: contents;
 }