initial commit

2021-07-10 16:25:16 +02:00
parent bff57cbf45
commit 20fb7267a8
2426 changed files with 792090 additions and 0 deletions
@@ -0,0 +1,91 @@
+    .pieBackground {
+          background-color: #dde4eb;   //#EAE6D7;
+          position: absolute;
+          width: 70px;
+          height: 70px;
+          top:20px;
+  //        left: 25px;
+          left:35px;
+          -moz-border-radius: 35px;
+          -webkit-border-radius: 35px;
+          -o-border-radius: 35px;
+          border-radius: 35px;
+           clip: rect(0px, 70px, 35px, 0px);
+
+     } 
+     .centercircle{
+           background-color: #dde4eb; //#A2A33F;
+          position: absolute;
+          width: 40px;
+          height: 40px;
+          top:15px;
+          left: 15px;
+          -moz-border-radius: 20px;
+          -webkit-border-radius: 20px;
+          -o-border-radius: 20px;
+          border-radius: 20px;
+           clip: rect(0px, 40px, 20px, 0px);
+     }
+
+     .hold {
+          position: absolute;
+       
+          width: 70px;
+          height: 70px;
+          -moz-border-radius: 35px;
+          -webkit-border-radius: 35px;
+          -o-border-radius: 35px;
+          border-radius: 35px;
+          clip: rect(0px, 70px, 35px, 0px);
+     }
+
+    .pie {
+          background-color: #dc143c; //red
+          -webkit-transform:rotate(0deg);
+          -moz-transform:rotate(0deg);
+          -o-transform:rotate(0deg);
+          transform:rotate(0deg);
+     }
+      .pie2 {
+          background-color: #f38216;  //orange
+          -webkit-transform:rotate(60deg);
+          -moz-transform:rotate(60deg);
+          -o-transform:rotate(60deg);
+          transform:rotate(60deg);
+     }
+        .pie3 {
+          background-color: #12c772;  //green
+          -webkit-transform:rotate(120deg);
+          -moz-transform:rotate(120deg);
+          -o-transform:rotate(120deg);
+          transform:rotate(120deg);
+     }
+     .targetline{
+          position:absolute;
+          width: 35px; height:44px;
+          border-left: 2px solid #ffffff;
+          left:68px;
+          top: 11px;
+          z-index:50;
+           -ms-transform: rotate(-0deg); /* IE 9 */
+         -ms-transform-origin: 0% 100%; /* IE 9 */
+         -webkit-transform: rotate(-0deg); /* Chrome, Safari, Opera */
+         -webkit-transform-origin: 0% 100%; /* Chrome, Safari, Opera */
+         transform: rotate(-0deg);
+         transform-origin: 0% 100%;
+     }
+     .streefline{
+          position:absolute;
+          width: 35px; height:38px;
+          border-left: 2px solid #0b7643;
+          left:68px;
+          top: 17px;
+          z-index:50;
+          -ms-transform: rotate(0deg); /* IE 9 */
+         -ms-transform-origin: 0% 100%; /* IE 9 */
+         -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
+         -webkit-transform-origin: 0% 100%; /* Chrome, Safari, Opera */
+         transform: rotate(-90deg);
+         transform-origin: 0% 100%;
+     }
+