Открыть меню
Переключить меню настроек
Открыть персональное меню
Вы не представились системе
Ваш IP-адрес будет виден всем, если вы внесёте какие-либо изменения.

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

Страница интерфейса MediaWiki
Нет описания правки
Нет описания правки
Строка 10: Строка 10:
.vtabs {
.vtabs {
   display: flex;
   display: flex;
   max-width: 800px;
   width: 100%;
   border: 1px solid #ccc;
   border: 1px solid #ccc;
   border-radius: 8px;
   border-radius: 6px;
   overflow: hidden;
   overflow: hidden;
   font-family: sans-serif;
   font-family: sans-serif;
  background: #fff;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}
}


Строка 22: Строка 20:
   display: flex;
   display: flex;
   flex-direction: column;
   flex-direction: column;
   min-width: 150px;
   width: 220px;
  background-color: #f0f0f0;
   border-right: 1px solid #ccc;
   border-right: 1px solid #ccc;
  background-color: #f9f9f9;
}
}


.vtabs-button {
.vtabs-button {
   padding: 12px 16px;
   padding: 12px 16px;
  border: none;
  text-align: left;
  background: none;
   cursor: pointer;
   cursor: pointer;
   font-weight: bold;
   font-weight: bold;
   border-bottom: 1px solid #e0e0e0;
  color: #333;
   transition: background-color 0.2s;
   border-bottom: 1px solid #ddd;
   transition: background 0.2s, color 0.2s;
}
}


.vtabs-button:hover {
.vtabs-button:hover {
   background-color: #eee;
   background-color: #e0e0e0;
}
}


Строка 49: Строка 45:


.vtabs-content-wrapper {
.vtabs-content-wrapper {
 
  padding-left: 15px;
   flex-grow: 1;
   flex-grow: 1;
  padding: 20px;
  background: #fff;
}
}



Версия от 22:25, 3 августа 2025

/* Размещённый здесь CSS будет применяться ко всем темам оформления */
#law td {
  text-decoration: underline;
}
#law td:hover {
  cursor: pointer;
  color: #1d4e8a;
}

.vtabs {
  display: flex;
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 6px;
  overflow: hidden;
  font-family: sans-serif;
}

.vtabs-buttons {
  display: flex;
  flex-direction: column;
  width: 220px;
  background-color: #f0f0f0;
  border-right: 1px solid #ccc;
}

.vtabs-button {
  padding: 12px 16px;
  cursor: pointer;
  font-weight: bold;
  color: #333;
  border-bottom: 1px solid #ddd;
  transition: background 0.2s, color 0.2s;
}

.vtabs-button:hover {
  background-color: #e0e0e0;
}

.vtabs-button.active {
  background-color: #fff;
  color: #2a6ddf;
  border-left: 4px solid #2a6ddf;
}

.vtabs-content-wrapper {
  flex-grow: 1;
  padding: 20px;
  background: #fff;
}

.vtabs-content {
  display: none;
}

.vtabs-content.active {
  display: block;
}