MediaWiki:Common.css: Difference between revisions

MediaWiki:Common.css (view source)

984 bytes added , 30 August 2024

no edit summary

8,960

edits

@@ Line 1: / Line 1: @@
+   .pie-chart {
+    width: 200px;
+    height: 200px;
+    border-radius: 50%;
+    background-image: conic-gradient(
+      #49C2DB 0% 50%,  /* 50% голубого */
+      #A2C063 50% 90%, /* 40% зелёного */
+      #E88F25 90% 100% /* 10% оранжевого */
+    );
+    position: relative;
+    list-style-type: none;
+  }
+  .pie-chart li {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    border-radius: 50%;
+    clip-path: polygon(50% 50%, 100% 0, 100% 100%);
+  }
+  .pie-chart li:hover {
+    opacity: 0.8;
+  }
+  .pie-chart .segment-1 {
+    background-color: #49C2DB;
+    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%);
+    transform: rotate(0deg);
+  }
+  .pie-chart .segment-2 {
+    background-color: #A2C063;
+    clip-path: polygon(50% 50%, 0 0, 100% 100%, 100% 100%);
+    transform: rotate(180deg);
+  }
+  .pie-chart .segment-3 {
+    background-color: #E88F25;
+    clip-path: polygon(50% 50%, 0 0, 100% 0, 0 100%);
+    transform: rotate(324deg);
+  }
 .hole {
    position: absolute;