|
|
| Line 881: |
Line 881: |
| border: 1px solid #ccc; /* Граница для визуализации */ | | border: 1px solid #ccc; /* Граница для визуализации */ |
| } | | } |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
|
| |
|
|
| |
|
| Line 958: |
Line 994: |
|
| |
|
|
| |
|
| .relative-container {
| | |
| position: relative;
| | |
| min-width: 200px;
| | |
| min-height: 200px;
| | |
| max-width: 200px;
| | |
| overflow: hidden;
| | |
| transform: scaleX(-1) rotate(-90deg);
| | |
| }
| | |
| | |
| | |
|
| |
|
| .orange-box {
| |
| border: solid transparent;
| |
| position: absolute;
| |
| width: 100px;
| |
| height: 100px;
| |
| border: 0;
| |
| background-color: #ffa500;
| |
| }
| |
|
| |
|
| .bottom-left {
| |
| bottom: 100px;
| |
| left: 100px;
| |
| }
| |
|
| |
|
| .bottom-right {
| |
| bottom: 100px;
| |
| right: 100px;
| |
| }
| |
|
| |
|
| .top-right {
| |
| top: 100px;
| |
| right: 100px;
| |
| }
| |
|
| |
|
| .turquoise-box {
| |
| border: solid transparent;
| |
| position: absolute;
| |
| top: 100px;
| |
| left: 100px;
| |
| width: 100px;
| |
| height: 100px;
| |
| border: 0;
| |
| background-color: #008b8b;
| |
| }
| |
|
| |
|
| .turquoise-triangle {
| |
| border: solid transparent;
| |
| position: absolute;
| |
| top: 100px;
| |
| right: 100px;
| |
| width: 100px;
| |
| height: 100px;
| |
| border-width: 58.778525229247px 80.901699437495px 0px 0px;
| |
| border-right-color: #008b8b;
| |
| }
| |
|
| |
|
| .circle-frame {
| |
| position: absolute;
| |
| min-width: 200px;
| |
| min-height: 200px;
| |
| overflow: hidden;
| |
| }
| |
|
| |
|
| | |
| | |
|
| |
|
| .pie-chart4 { | | .pie-chart4 { |