MediaWiki:Common.css: Difference between revisions

MediaWiki:Common.css (view source)

1,145 bytes added , 30 August 2024

no edit summary

8,960

edits

@@ Line 1: / Line 1: @@
+.circular-chart {
+    position: relative;
+    width: 200px;
+    height: 200px;
+    border-radius: 50%;
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    background: conic-gradient(
+        red 0deg 180deg,
+        blue 180deg 252deg,
+        yellow 252deg 324deg,
+        green 324deg 360deg
+    );
+    clip-path: circle(50%);
+}
+.circular-chart .segment {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    border-radius: 50%;
+    clip-path: polygon(50% 50%, 0 0, 100% 0);
+    transition: background 0.3s ease;
+}
+.circular-chart .red {
+    background-color: red;
+}
+.circular-chart .blue {
+    background-color: blue;
+}
+.circular-chart .yellow {
+    background-color: yellow;
+}
+.circular-chart .green {
+    background-color: green;
+}
+.circular-chart .segment:hover {
+    filter: brightness(1.2);
+}
+.circular-chart:before {
+    content: "";
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    width: 60px;
+    height: 60px;
+    background-color: white;
+    border-radius: 50%;
+    transform: translate(-50%, -50%);
+    z-index: 1; /* Чтобы ссылка была выше других элементов */
+}
 li.ring {
      width: 250px;