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

← Предыдущая правка Следующая правка →

@@ Строка 373: / Строка 373: @@
 }
-.guide-bg {
+/* TEST */
-   border-radius: 10px;
-  background-position: center;
+.test-guide {
-   background-repeat: no-repeat;
+   display: flex;
-   background-size: 100% 100%;
+   flex-wrap: wrap;
+   gap: 10px;
 }
-.guide-bg-med {
+.test-guide-panel {
-   background: url(https://wiki.ss13-bluemoon.ru/images/1/17/Guide-bg-med.png) no-repeat;
+   flex: 0 1 calc(50% - 10px);
+  box-sizing: border-box;
+  border-radius: 10px;
+  border: 2px solid;
+  background-size: 100% auto !important;
+  overflow: hidden;
 }
-.guide-bg-cargo {
+.test-guide-panel .overlay {
-   background: url(https://wiki.ss13-bluemoon.ru/images/2/28/Guide-bg-cargo.png) no-repeat;
+  backdrop-filter: blur(3px);
+   background-color: rgba(0, 0, 0, 0.1);
 }
-.guide-bg-engi {
+.test-guide-panel .header {
-   background: url(https://wiki.ss13-bluemoon.ru/images/d/dd/Guide-bg-engi.png) no-repeat;
+   display: flex;
+  justify-content: space-between;
+  flex-direction: row;
+  align-items: flex-start;
 }
-.guide-bg-rnd {
+.test-guide-panel .title {
-   background: url(https://wiki.ss13-bluemoon.ru/images/a/a2/Guide-bg-rnd.png) no-repeat;
+  padding: 2px;
+  padding-inline: 30px;
+   border: 2px solid;
+  border-bottom-left-radius: 10px;
+  border-bottom-right-radius: 10px;
+  border-top: none;
+  font-size: 1.1em;
 }
-.guide-bg-sec {
+.test-guide-panel .items {
-   background: url(https://wiki.ss13-bluemoon.ru/images/9/9a/Guide-bg-sec.png) no-repeat;
+   display: flex;
+  justify-content: space-around;
+  flex-wrap: wrap;
+  gap: 10px;
+  padding: 10px;
 }
-.guide-bg-service {
+.test-guide-panel .item {
-   background: url(https://wiki.ss13-bluemoon.ru/images/2/2f/Guide-bg-service.png) no-repeat;
+   flex: 0 1 calc(33% - 10px);
+  box-sizing: border-box;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  border: 2px solid;
+  border-radius: 10px;
+  padding: 5px;
 }
-.guide-bg-antag {
+.test-guide-panel .item-link {
-   background: url() no-repeat;
+   display: block;
+  text-decoration: none;
 }
-.guide-bg-misc {
+.test-guide-panel .logo {
-   background: url(https://wiki.ss13-bluemoon.ru/images/4/47/Guide-bg-misc.png) no-repeat;
+   margin: 5px;
 }