MediaWiki:Common.css: Difference between revisions

MediaWiki:Common.css (view source)

43 bytes added , 29 August 2024

no edit summary

8,960

edits

@@ Line 1: / Line 1: @@
-.pie-chart-table {
+.ring-table {
    position: relative;
    width: 300px;
    height: 300px;
    border-radius: 50%;
-  clip-path: circle(50%);
    overflow: hidden;
+  background: transparent;
 }
 .pie-slice {
    position: absolute;
-   width: 50%;
+   width: 100%;
-   height: 50%;
+   height: 100%;
-  background-color: #D02019;
+   clip-path: polygon(50% 50%, 0% 100%, 100% 100%);
-  transform-origin: 100% 100%;
-   clip-path: polygon(0% 0%, 100% 0%, 100% 100%);
    display: flex;
    align-items: center;
@@ Line 22: / Line 20: @@
 }
-.slice1 { transform: rotate(0deg) translate(50%); }
+.slice1 {
-.slice2 { transform: rotate(60deg) translate(50%); }
+  background-color: #D02019;
-.slice3 { transform: rotate(120deg) translate(50%); }
+  transform: rotate(0deg);
-.slice4 { transform: rotate(180deg) translate(50%); }
+}
-.slice5 { transform: rotate(240deg) translate(50%); }
+.slice2 {
-.slice6 { transform: rotate(300deg) translate(50%); }
+  background-color: #D08019;
+  transform: rotate(60deg);
+}
+.slice3 {
+  background-color: #D0D019;
+  transform: rotate(120deg);
+}
+.slice4 {
+  background-color: #80D019;
+  transform: rotate(180deg);
+}
+.slice5 {
+  background-color: #19D0D0;
+  transform: rotate(240deg);
+}
+.slice6 {
+  background-color: #1919D0;
+  transform: rotate(300deg);
+}
 .table-photos {