Шаблон:Home/Styles.css: различия между версиями

/* rgba() поменяем на css global vars */
.wrap {
  border: 1px solid rgba(120, 120, 120, 0.5);
  border-top: 0;
}

.header-image {
  height: 100px;
  border-top: 1px solid rgba(120, 120, 120, 0.5);
  background: url('https://wiki.taucetistation.org/images/tc_assets/home-header.png') center no-repeat;
  background-color: #120806;
}

.header-image p {
  padding-top: 20px;
  text-shadow: 1px 0 2px black, 0 1px 2px black, -1px 0 2px black, 0 -1px 2px black;
  color: white;
  font-size: 170%;
  text-align: center;
}

.header-field {
  background-color: rgba(240, 240, 240, 0.1);
  border-top: 1px solid rgba(120, 120, 120, 0.5);
  border-bottom: 1px solid rgba(120, 120, 120, 0.5);
}

.header-field p {
  margin: 0;
  padding: 10px 0;
  text-align: center;
}

.footer-field {
  background-color: rgba(240, 240, 240, 0.1);
  border-top: 1px solid rgba(120, 120, 120, 0.5);
}

.footer-field p {
  margin: 0;
  padding: 10px 0;
  text-align: center;
  font-weight: bold;
}

.main-field {
  display: flex;
}

.left-content {
  width: 33%;
}

.center-content {
  width: 34%;
  background-color: rgba(240, 240, 240, 0.1);
  text-align: center;
  padding-top: 25px;
  border-left: 1px solid rgba(120, 120, 120, 0.5);
  border-right: 1px solid rgba(120, 120, 120, 0.5);
}

.center-content .image-link {
  display: inline-block;
  padding: 5px;
  transition: all linear 0.1s;
}

.center-content .image-link:hover {
  transform: scale(1.05);
}

.right-content {
  width: 33%;
}

.side-header {
  font-family: "Century Gothic", CenturyGothic, Lucida Grande, sans-serif;
  font-size: 115%;
  font-weight: bold;
  text-align: center;
}

.content-template-column {
  padding-left: 10px;
  padding-right: 10px;
}

/* Кое что тестируем */
.tabs-tabbox .ui-state-default {
 background: #2a2a2a !important; /* Темный фон для неактивных вкладок */
 border-color: #444 !important;
}

.tabs-tabbox .ui-state-active {
 background: #333 !important; /* Еще более темный или акцентный для активной */
 border-color: #777 !important;
}

.tabs-tabbox .ui-state-default a {
 color: #ddd !important; /* Светлый текст */
}