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

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

@@ Строка 131: / Строка 131: @@
    from { opacity: 0.5; }
    to { opacity: 1; }
-}
-/* Секретная буква жопа */
-.pashalka-jopa-trigger {
-  position: fixed;
-  bottom: 0;
-  right: 0;
-  width: 100px;
-  height: 100px;
-  cursor: pointer;
-  opacity: 0;
-  z-index: 9999;
-}
-.pashalka-jopa .jopa {
-  color: gold;
-  font-size: 100px;
-  font-weight: bold;
-  text-align: center;
-  animation: fadeIn 1s ease-out;
-}
-@keyframes fadeIn {
-  from { opacity: 0; transform: scale(0.5); }
-  to { opacity: 1; transform: scale(1); }
-}
-/* Панель с информацией о сервере */
-.server-tab {
-  border-radius: 10px;
-  margin: 10px;
-  display: flex;
-  justify-content: right;
-  overflow: hidden;
-}
-.server-tab hr {
-  margin-bottom: 2px;
-  margin-top: 2px;
-}
-.server-tab-btn {
-  width: 35%;
-  font-size: large;
-  background-color: #406ac9;
-  justify-content: center;
-  align-items: center;
-  display: flex;
-}
-.server-tab-btn:hover {
-  background-color: #547fe3;
-  cursor: pointer;
-}
-.server-tab-content {
-  width: 100%;
-  padding: 15px;
-}
-.server-tab-content-blue {
-  width: 100%;
-  padding: 15px;
-  background-color: rgba(33, 141, 168, 0.45);
-}
-.server-tab-content-white {
-  width: 100%;
-  padding: 15px;
-  background-color: rgba(91, 99, 109, 0.45);
-}
-.server-tab-content-red {
-  width: 100%;
-  padding: 15px;
-  background-color: rgba(124, 35, 33, 0.45);
-}
-.server-tab-btn-blue {
-  width: 35%;
-  font-size: large;
-  background-color: rgba(33, 141, 168, 0.45);
-  justify-content: center;
-  align-items: center;
-  display: flex;
-}
-.server-tab-btn-white {
-  width: 35%;
-  font-size: large;
-  background-color: rgba(91, 99, 109, 0.45);
-  justify-content: center;
-  align-items: center;
-  display: flex;
-}
-.server-tab-btn-red {
-  width: 35%;
-  font-size: large;
-  background-color: rgba(124, 35, 33, 0.45);
-  justify-content: center;
-  align-items: center;
-  display: flex;
 }
@@ Строка 269: / Строка 171: @@
-/* TEST */
+/* Главная страница */
 .main-panel {
@@ Строка 389: / Строка 291: @@
 a.back-to-top:hover {
    background-color: transparent;
+}
+/* Панель для гайдов */
+.guide-panel {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  border-radius: 10px;
+}
+.guide-panel .header {
+  display: flex;
+  justify-content: space-between;
+  flex-direction: row;
+  align-items: flex-start;
+}
+.guide-panel .items-row {
+  display: flex;
+  justify-content: space-around;
+  flex-direction: row;
+  flex-wrap: wrap;
+}
+.guide-panel .items-row .item {
+  flex-grow: 1;
+  margin: 10px;
+  padding: 10px;
+  border-radius: 10px;
+  border: 1px solid rgba(0, 0, 0, 0.5);
+  display: flex;
+  justify-content: space-between;
+}
+.guide-panel .items-row .item:hover {
+  cursor: pointer;
+  border-color: rgba(150, 203, 212, 0.5) !important;
+}
+.guide-panel .header .title {
+  padding: 5px;
+  padding-inline: 30px;
+  border-bottom-left-radius: 10px;
+  border-bottom-right-radius: 10px;
+  border: 1px solid rgba(0, 0, 0, 0.5);
+  border-top: none;
+  background-color: #6E7167;
+}
+.guide-panel .header .logo {
+  margin: 5px;
 }