|
|
| Line 1,005: |
Line 1,005: |
|
| |
|
|
| |
|
| | | /*111111111111111111111111111*/ |
|
| |
|
|
| |
|
| Line 1,015: |
Line 1,015: |
| | | |
|
| |
|
| .pie-chart4 {
| |
| width: 200px;
| |
| height: 200px;
| |
| border-radius: 50%;
| |
| position: relative;
| |
| list-style: none;
| |
| margin: 0;
| |
| padding: 0;
| |
| background: url('/images/a/a4/Circle_frame.svg.png') no-repeat center center / cover;
| |
| }
| |
|
| |
| .pie-chart4 li {
| |
| width: 100%;
| |
| height: 100%;
| |
| border-radius: 50%;
| |
| position: absolute;
| |
| clip: rect(0, 200px, 200px, 100px);
| |
| }
| |
|
| |
| .pie-chart4 li:before {
| |
| content: "";
| |
| display: block;
| |
| width: 100%;
| |
| height: 100%;
| |
| border-radius: 50%;
| |
| clip: rect(0, 100px, 200px, 0);
| |
| background-color: var(--color);
| |
| transform: rotate(calc(var(--percentage) * 3.6deg));
| |
| transform-origin: 50% 50%;
| |
| }
| |
|
| |
| .pie-chart4 li:nth-child(2) {
| |
| transform: rotate(calc(25 * 3.6deg));
| |
| }
| |
|
| |
| .pie-chart4 li:nth-child(3) {
| |
| transform: rotate(calc(75 * 3.6deg));
| |
| }
| |
|
| |
| .pie-chart4 li:nth-child(4) {
| |
| transform: rotate(calc(150 * 3.6deg));
| |
| }
| |
|
| |
|
| |
| /* Основной стиль для <li> */
| |
| .tooltip23-container {
| |
| display: inline-block;
| |
| position: relative;
| |
| cursor: pointer;
| |
| }
| |
|
| |
| /* Скрытый по умолчанию всплывающий блок */
| |
| .tooltip23-text {
| |
| visibility: hidden;
| |
| border: 2px solid #C14424;
| |
| background-color: #EFE9DE;
| |
| color: #000;
| |
| text-align: center;
| |
| border-radius: 6px;
| |
| padding: 5px 10px; /* Увеличил боковые отступы для лучшего оформления */
| |
| position: absolute;
| |
| z-index: 1;
| |
| top: 125%; /* Позиция всплывающего блока теперь сверху */
| |
| right: 2px; /* Отступ от правой стороны страницы на 5 пикселей */
| |
| opacity: 0;
| |
| transition: opacity 0.3s;
| |
| white-space: nowrap; /* Запретить перенос текста на новую строку */
| |
| }
| |
|
| |
| /* Треугольник-указатель всплывающего блока */
| |
| .tooltip23-text::after {
| |
| content: "";
| |
| position: absolute;
| |
| bottom: 100%; /* Установлено вверху всплывающего блока */
| |
| left: 50%;
| |
| margin-left: -5px;
| |
| border-width: 5px;
| |
| border-style: solid;
| |
| border-color: transparent transparent #555 transparent; /* Изменён порядок цвета */
| |
| }
| |
|
| |
| /* Показывать всплывающий блок при наведении */
| |
| .tooltip23-container:hover .tooltip23-text {
| |
| visibility: visible;
| |
| opacity: 1;
| |
| }
| |
|
| |
| /* Concerts List Table */
| |
| /* Вставьте этот код в ваш MediaWiki CSS файл (например, Common.css) */
| |
|
| |
| .shows-list {
| |
| width: 65%;
| |
| border: 3px solid #D33328;
| |
| }
| |
|
| |
| .shows-list th,
| |
| .shows-list td {
| |
| border: 1px solid #D33328;
| |
| text-align: center;
| |
| }
| |
|
| |
|
| .shows-list th {
| |
| background-color: #E6E6E6; /* Можно изменить на нужный цвет */
| |
| }
| |
|
| |
|
|
| |
|