MediaWiki:Common.css: различия между версиями
Страница интерфейса MediaWiki
Дополнительные действия
Admin (обсуждение | вклад) Нет описания правки |
Admin (обсуждение | вклад) Нет описания правки |
||
| Строка 10: | Строка 10: | ||
.vtabs { | .vtabs { | ||
display: flex; | display: flex; | ||
width: 100%; | |||
border: 1px solid #ccc; | border: 1px solid #ccc; | ||
border-radius: | border-radius: 6px; | ||
overflow: hidden; | overflow: hidden; | ||
font-family: sans-serif; | font-family: sans-serif; | ||
} | } | ||
| Строка 22: | Строка 20: | ||
display: flex; | display: flex; | ||
flex-direction: column; | flex-direction: column; | ||
width: 220px; | |||
background-color: #f0f0f0; | |||
border-right: 1px solid #ccc; | border-right: 1px solid #ccc; | ||
} | } | ||
.vtabs-button { | .vtabs-button { | ||
padding: 12px 16px; | padding: 12px 16px; | ||
cursor: pointer; | cursor: pointer; | ||
font-weight: bold; | font-weight: bold; | ||
border-bottom: 1px solid # | color: #333; | ||
transition: background | border-bottom: 1px solid #ddd; | ||
transition: background 0.2s, color 0.2s; | |||
} | } | ||
.vtabs-button:hover { | .vtabs-button:hover { | ||
background-color: # | background-color: #e0e0e0; | ||
} | } | ||
| Строка 49: | Строка 45: | ||
.vtabs-content-wrapper { | .vtabs-content-wrapper { | ||
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;
}