73 lines
3.3 KiB
CSS
73 lines
3.3 KiB
CSS
.ownership-graphic-button {
|
|
min-height: 40px;
|
|
height: 40px;
|
|
gap: 10px;
|
|
padding: 0 13px;
|
|
border: 1px solid #5b7384;
|
|
border-radius: 10px;
|
|
font-size: 14px;
|
|
line-height: 1;
|
|
}
|
|
.ownership-graphic-button img { width: 24px; height: 20px; }
|
|
|
|
.ownership-shareholders__body--saturn {
|
|
min-height: 410px;
|
|
grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);
|
|
}
|
|
|
|
.ownership-donut-card { display: grid; width: min(100%, 340px); justify-items: center; gap: 10px; justify-self: center; }
|
|
.ownership-donut-svg { display: block; width: min(100%, 280px); height: auto; overflow: visible; }
|
|
.ownership-donut-track,
|
|
.ownership-donut-segment { fill: none; stroke-width: 56; }
|
|
.ownership-donut-track { stroke: #27292b; }
|
|
.ownership-donut-segment { stroke-linecap: butt; }
|
|
.ownership-donut-segment--odk { stroke: #505457; }
|
|
.ownership-donut-segment--rostec { stroke: #668fa9; }
|
|
.ownership-donut-segment--vniief { stroke: #438fbe; }
|
|
.ownership-donut-segment--self { stroke: #2ca2f2; }
|
|
.ownership-donut-segment--minority { stroke: #14a0ff; }
|
|
.ownership-donut-center { fill: #313335; stroke: rgba(255,255,255,.18); stroke-width: 1; }
|
|
.ownership-donut-center__number { fill: #f1f1f1; font: 800 40px "Clear Sans", "Helvetica Neue", Arial, sans-serif; }
|
|
.ownership-donut-center__caption { fill: rgba(255,255,255,.72); font: 700 15px "Clear Sans", "Helvetica Neue", Arial, sans-serif; }
|
|
.ownership-donut-keys { display: grid; width: 100%; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px 10px; }
|
|
.ownership-donut-key { display: flex; min-width: 0; align-items: center; gap: 7px; border-radius: 8px; background: rgba(255,255,255,.035); padding: 6px 8px; color: #e9e9e9; font-size: 13px; }
|
|
.ownership-donut-key:last-child { grid-column: 1/-1; justify-self: center; min-width: calc(50% - 5px); }
|
|
.ownership-donut-key__color { width: 10px; height: 10px; flex: none; border-radius: 3px; }
|
|
.ownership-donut-key__color--odk { background: #505457; }
|
|
.ownership-donut-key__color--rostec { background: #668fa9; }
|
|
.ownership-donut-key__color--vniief { background: #438fbe; }
|
|
.ownership-donut-key__color--self { background: #2ca2f2; }
|
|
.ownership-donut-key__color--minority { background: #14a0ff; }
|
|
.ownership-legend--saturn { gap: 13px; }
|
|
.ownership-legend--saturn .ownership-legend__item { font-size: 17px; }
|
|
.ownership-swatch--odk { background: #505457; }
|
|
.ownership-swatch--rostec { background: #668fa9; }
|
|
.ownership-swatch--vniief { background: #438fbe; }
|
|
.ownership-swatch--self { background: #2ca2f2; }
|
|
.ownership-swatch--minority { background: #14a0ff; }
|
|
|
|
.ownership-related__panel--list {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
gap: 3px;
|
|
color: var(--muted);
|
|
font-size: 18px;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
.ownership-related__panel--list p { margin: 0; }
|
|
.ownership-related__panel--list a { overflow-wrap: anywhere; }
|
|
|
|
@media (max-width: 1000px) {
|
|
.ownership-shareholders__body--saturn { grid-template-columns: 1fr; }
|
|
}
|
|
|
|
@media (max-width: 600px) {
|
|
.ownership-graphic-button { height: auto; min-height: 40px; padding: 8px 13px; line-height: 1.25; }
|
|
.ownership-graphic-button span { font-size: 14px; }
|
|
.ownership-related__panel--list { align-items: flex-start; font-size: 16px; text-align: left; }
|
|
.ownership-donut-keys { grid-template-columns: 1fr; }
|
|
.ownership-donut-key:last-child { grid-column: auto; justify-self: stretch; min-width: 0; }
|
|
}
|