8,960
edits
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
.ring-chart27 { | |||
position: relative; | |||
width: 200px; | |||
height: 200px; | |||
border-radius: 50%; | |||
background: conic-gradient( | |||
#4caf50 0% 25%, | |||
#ff9800 25% 50%, | |||
#2196f3 50% 75%, | |||
#f44336 75% 100% | |||
); | |||
} | |||
.ring-chart27:before { | |||
content: ''; | |||
position: absolute; | |||
top: 25px; | |||
left: 25px; | |||
width: 150px; | |||
height: 150px; | |||
background-color: white; | |||
border-radius: 50%; | |||
z-index: 1; | |||
} | |||
.ring-chart27 ul { | |||
list-style: none; | |||
padding: 0; | |||
margin: 0; | |||
position: absolute; | |||
width: 100%; | |||
height: 100%; | |||
display: flex; | |||
justify-content: center; | |||
align-items: center; | |||
z-index: 2; | |||
} | |||
.ring-chart27 ul li { | |||
position: absolute; | |||
text-align: center; | |||
font-size: 14px; | |||
} | |||
.ring-chart27 ul li:nth-child(1) { top: 5%; left: 50%; transform: translateX(-50%); } | |||
.ring-chart27 ul li:nth-child(2) { top: 50%; right: 5%; transform: translateY(-50%); } | |||
.ring-chart27 ul li:nth-child(3) { bottom: 5%; left: 50%; transform: translateX(-50%); } | |||
.ring-chart27 ul li:nth-child(4) { top: 50%; left: 5%; transform: translateY(-50%); } | |||
/* Стили для таблицы "New pages" */ | /* Стили для таблицы "New pages" */ | ||
.new-pages-table { | .new-pages-table { | ||