MediaWiki:Common.css: Difference between revisions

Jump to navigation Jump to search
no edit summary
No edit summary
No edit summary
Line 1: Line 1:
.pia-chart27 {
.pia-chart27 {
     list-style-type: none;
     list-style-type: none;
     position: relative;
     padding: 0;
    margin: 0;
     width: 200px; /* Ширина диаграммы */
     width: 200px; /* Ширина диаграммы */
     height: 200px; /* Высота диаграммы */
     border-radius: 100px; /* Делаем круг */
    border-radius: 50%;
     overflow: hidden; /* Скрываем переполнение */
     overflow: hidden;
}
}


.sector {
.pia-chart27 li {
     position: absolute;
     text-align: center;
     width: 100%;
     color: white; /* Цвет текста */
     height: 100%;
     transition: height 0.3s ease; /* Плавный переход высоты */
    clip-path: polygon(50% 50%, 100% 0, 100% 100%);
}
     transform-origin: 50% 50%;
 
.pia-chart27 li:hover {
     opacity: 0.8; /* Эффект при наведении */
}
}


.sector1 { background-color: #ff6384; transform: rotate(0deg) translate(50%); }
.sector2 { background-color: #36a2eb; transform: rotate(72deg) translate(50%); }
.sector3 { background-color: #cc65fe; transform: rotate(144deg) translate(50%); }
.sector4 { background-color: #ffce56; transform: rotate(216deg) translate(50%); }
.sector5 { background-color: #4bc0c0; transform: rotate(288deg) translate(50%); }




Navigation menu