848 lines
11 KiB
CSS
848 lines
11 KiB
CSS
/* Single Window / Bars / Header */
|
||
|
||
position: absolute;
|
||
width: 1920px;
|
||
height: 88px;
|
||
|
||
/* Rectangle 2 */
|
||
|
||
position: absolute;
|
||
width: 1920px;
|
||
height: 88px;
|
||
left: 0px;
|
||
top: 0px;
|
||
|
||
background: #022456;
|
||
|
||
/* Frame 1878 */
|
||
|
||
position: absolute;
|
||
width: 1920px;
|
||
height: 88px;
|
||
left: 0px;
|
||
top: 0px;
|
||
|
||
/* Single Window / Elements / Logotypes / Footer Logo 4 */
|
||
|
||
/* Auto layout */
|
||
display: flex;
|
||
flex-direction: row;
|
||
align-items: center;
|
||
padding: 0px;
|
||
gap: 12px;
|
||
|
||
position: absolute;
|
||
width: 236px;
|
||
height: 36px;
|
||
left: 100px;
|
||
top: 26px;
|
||
|
||
/* Frame */
|
||
|
||
width: 36px;
|
||
height: 35px;
|
||
|
||
/* Inside auto layout */
|
||
flex: none;
|
||
order: 0;
|
||
flex-grow: 0;
|
||
|
||
/* Vector */
|
||
|
||
position: absolute;
|
||
left: 0%;
|
||
right: 0%;
|
||
top: 0%;
|
||
bottom: 0%;
|
||
|
||
background: #ffffff;
|
||
|
||
/* ГОСУДАРСТВЕННАЯ ИНФОРМАЦИОННАЯ СИСТЕМА ПРОМЫШЛЕННОСТИ ЗАЩИЩЕННАЯ ЧАСТЬ */
|
||
|
||
width: 188px;
|
||
height: 36px;
|
||
|
||
font-family: 'Clear Sans';
|
||
font-style: normal;
|
||
font-weight: 400;
|
||
font-size: 10px;
|
||
line-height: 10px;
|
||
/* or 100% */
|
||
display: flex;
|
||
align-items: center;
|
||
|
||
color: #ffffff;
|
||
|
||
/* Inside auto layout */
|
||
flex: none;
|
||
order: 1;
|
||
flex-grow: 0;
|
||
|
||
/* Frame 1943564305 */
|
||
|
||
/* Auto layout */
|
||
display: flex;
|
||
flex-direction: row;
|
||
align-items: center;
|
||
padding: 0px;
|
||
gap: 24px;
|
||
|
||
position: absolute;
|
||
width: 1112px;
|
||
height: 68px;
|
||
left: 750px;
|
||
top: 10px;
|
||
|
||
/* Frame 1000004688 */
|
||
|
||
/* Auto layout */
|
||
display: flex;
|
||
flex-direction: row;
|
||
align-items: center;
|
||
padding: 0px;
|
||
gap: 16px;
|
||
|
||
width: 1112px;
|
||
height: 68px;
|
||
|
||
/* Inside auto layout */
|
||
flex: none;
|
||
order: 0;
|
||
flex-grow: 0;
|
||
|
||
/* Frame 2273 */
|
||
|
||
/* Auto layout */
|
||
display: flex;
|
||
flex-direction: row;
|
||
align-items: center;
|
||
padding: 0px 5px;
|
||
gap: 10px;
|
||
|
||
width: 185px;
|
||
height: 68px;
|
||
|
||
/* Inside auto layout */
|
||
flex: none;
|
||
order: 0;
|
||
flex-grow: 0;
|
||
|
||
/* Frame 1966 */
|
||
|
||
/* Auto layout */
|
||
display: flex;
|
||
flex-direction: row;
|
||
align-items: center;
|
||
padding: 0px 5px;
|
||
gap: 10px;
|
||
|
||
width: 175px;
|
||
height: 46px;
|
||
|
||
/* Inside auto layout */
|
||
flex: none;
|
||
order: 0;
|
||
flex-grow: 0;
|
||
|
||
/* Главная страница */
|
||
|
||
width: 165px;
|
||
height: 18px;
|
||
|
||
font-family: 'Clear Sans';
|
||
font-style: normal;
|
||
font-weight: 400;
|
||
font-size: 20px;
|
||
line-height: 18px;
|
||
/* identical to box height, or 90% */
|
||
display: flex;
|
||
align-items: center;
|
||
text-align: center;
|
||
|
||
color: rgba(255, 255, 255, 0.5);
|
||
|
||
/* Inside auto layout */
|
||
flex: none;
|
||
order: 0;
|
||
flex-grow: 0;
|
||
|
||
/* Frame 2275 */
|
||
|
||
/* Auto layout */
|
||
display: flex;
|
||
flex-direction: row;
|
||
align-items: center;
|
||
padding: 0px 5px;
|
||
gap: 10px;
|
||
|
||
width: 142px;
|
||
height: 68px;
|
||
|
||
/* Inside auto layout */
|
||
flex: none;
|
||
order: 1;
|
||
flex-grow: 0;
|
||
|
||
/* Frame 1966 */
|
||
|
||
/* Auto layout */
|
||
display: flex;
|
||
flex-direction: row;
|
||
align-items: center;
|
||
padding: 0px 5px;
|
||
gap: 10px;
|
||
|
||
width: 132px;
|
||
height: 46px;
|
||
|
||
/* Inside auto layout */
|
||
flex: none;
|
||
order: 0;
|
||
flex-grow: 0;
|
||
|
||
/* Все сервисы */
|
||
|
||
width: 122px;
|
||
height: 18px;
|
||
|
||
font-family: 'Clear Sans';
|
||
font-style: normal;
|
||
font-weight: 700;
|
||
font-size: 20px;
|
||
line-height: 18px;
|
||
/* identical to box height, or 90% */
|
||
display: flex;
|
||
align-items: center;
|
||
text-align: center;
|
||
|
||
color: #ffffff;
|
||
|
||
/* Inside auto layout */
|
||
flex: none;
|
||
order: 0;
|
||
flex-grow: 0;
|
||
|
||
/* Frame 2270 */
|
||
|
||
/* Auto layout */
|
||
display: flex;
|
||
flex-direction: row;
|
||
align-items: center;
|
||
padding: 0px 5px;
|
||
gap: 10px;
|
||
|
||
width: 135px;
|
||
height: 68px;
|
||
|
||
/* Inside auto layout */
|
||
flex: none;
|
||
order: 2;
|
||
flex-grow: 0;
|
||
|
||
/* Frame 1966 */
|
||
|
||
/* Auto layout */
|
||
display: flex;
|
||
flex-direction: row;
|
||
align-items: center;
|
||
padding: 0px 5px;
|
||
gap: 10px;
|
||
|
||
width: 125px;
|
||
height: 46px;
|
||
|
||
/* Inside auto layout */
|
||
flex: none;
|
||
order: 0;
|
||
flex-grow: 0;
|
||
|
||
/* База знаний */
|
||
|
||
width: 115px;
|
||
height: 18px;
|
||
|
||
font-family: 'Clear Sans';
|
||
font-style: normal;
|
||
font-weight: 400;
|
||
font-size: 20px;
|
||
line-height: 18px;
|
||
/* identical to box height, or 90% */
|
||
display: flex;
|
||
align-items: center;
|
||
text-align: center;
|
||
|
||
color: rgba(255, 255, 255, 0.5);
|
||
|
||
/* Inside auto layout */
|
||
flex: none;
|
||
order: 0;
|
||
flex-grow: 0;
|
||
|
||
/* Frame 2272 */
|
||
|
||
/* Auto layout */
|
||
display: flex;
|
||
flex-direction: row;
|
||
align-items: center;
|
||
padding: 0px 5px;
|
||
gap: 10px;
|
||
|
||
width: 153px;
|
||
height: 68px;
|
||
|
||
/* Inside auto layout */
|
||
flex: none;
|
||
order: 3;
|
||
flex-grow: 0;
|
||
|
||
/* Frame 1966 */
|
||
|
||
/* Auto layout */
|
||
display: flex;
|
||
flex-direction: row;
|
||
align-items: center;
|
||
padding: 0px 5px;
|
||
gap: 10px;
|
||
|
||
width: 143px;
|
||
height: 46px;
|
||
|
||
/* Inside auto layout */
|
||
flex: none;
|
||
order: 0;
|
||
flex-grow: 0;
|
||
|
||
/* Сообщения */
|
||
|
||
width: 107px;
|
||
height: 18px;
|
||
|
||
font-family: 'Clear Sans';
|
||
font-style: normal;
|
||
font-weight: 400;
|
||
font-size: 20px;
|
||
line-height: 18px;
|
||
/* identical to box height, or 90% */
|
||
display: flex;
|
||
align-items: center;
|
||
text-align: center;
|
||
|
||
color: rgba(255, 255, 255, 0.5);
|
||
|
||
/* Inside auto layout */
|
||
flex: none;
|
||
order: 0;
|
||
flex-grow: 0;
|
||
|
||
/* Frame 1942 */
|
||
|
||
width: 16px;
|
||
height: 16px;
|
||
|
||
/* Inside auto layout */
|
||
flex: none;
|
||
order: 1;
|
||
flex-grow: 0;
|
||
|
||
/* Group 1937 */
|
||
|
||
position: absolute;
|
||
width: 24px;
|
||
height: 24px;
|
||
left: calc(50% - 24px / 2);
|
||
top: calc(50% - 24px / 2);
|
||
|
||
/* Ellipse 1 */
|
||
|
||
position: absolute;
|
||
width: 24px;
|
||
height: 24px;
|
||
left: -4px;
|
||
top: -4px;
|
||
|
||
background: #c90237;
|
||
|
||
/* 99 */
|
||
|
||
position: absolute;
|
||
width: 13px;
|
||
height: 8px;
|
||
left: 1px;
|
||
top: 4px;
|
||
|
||
font-family: 'Clear Sans';
|
||
font-style: normal;
|
||
font-weight: 700;
|
||
font-size: 11px;
|
||
line-height: 17px;
|
||
/* or 155% */
|
||
display: flex;
|
||
align-items: center;
|
||
text-align: center;
|
||
|
||
color: #ffffff;
|
||
|
||
/* + */
|
||
|
||
position: absolute;
|
||
width: 6px;
|
||
height: 8px;
|
||
left: 13px;
|
||
top: 3px;
|
||
|
||
font-family: 'Clear Sans';
|
||
font-style: normal;
|
||
font-weight: 700;
|
||
font-size: 8px;
|
||
line-height: 17px;
|
||
/* or 212% */
|
||
display: flex;
|
||
align-items: center;
|
||
text-align: center;
|
||
|
||
color: #ffffff;
|
||
|
||
/* Frame 2274 */
|
||
|
||
/* Auto layout */
|
||
display: flex;
|
||
flex-direction: row;
|
||
align-items: center;
|
||
padding: 0px 5px;
|
||
gap: 10px;
|
||
|
||
width: 227px;
|
||
height: 68px;
|
||
|
||
/* Inside auto layout */
|
||
flex: none;
|
||
order: 4;
|
||
flex-grow: 0;
|
||
|
||
/* Frame 1966 */
|
||
|
||
/* Auto layout */
|
||
display: flex;
|
||
flex-direction: row;
|
||
align-items: center;
|
||
padding: 0px 5px;
|
||
gap: 10px;
|
||
|
||
width: 217px;
|
||
height: 46px;
|
||
|
||
/* Inside auto layout */
|
||
flex: none;
|
||
order: 0;
|
||
flex-grow: 0;
|
||
|
||
/* Порядок подключения */
|
||
|
||
width: 207px;
|
||
height: 18px;
|
||
|
||
font-family: 'Clear Sans';
|
||
font-style: normal;
|
||
font-weight: 400;
|
||
font-size: 20px;
|
||
line-height: 18px;
|
||
/* identical to box height, or 90% */
|
||
display: flex;
|
||
align-items: center;
|
||
text-align: center;
|
||
|
||
color: rgba(255, 255, 255, 0.5);
|
||
|
||
/* Inside auto layout */
|
||
flex: none;
|
||
order: 0;
|
||
flex-grow: 0;
|
||
|
||
/* Frame 2269 */
|
||
|
||
/* Auto layout */
|
||
display: flex;
|
||
flex-direction: row;
|
||
align-items: center;
|
||
padding: 0px 5px;
|
||
gap: 10px;
|
||
|
||
width: 190px;
|
||
height: 68px;
|
||
|
||
/* Inside auto layout */
|
||
flex: none;
|
||
order: 5;
|
||
flex-grow: 0;
|
||
|
||
/* Frame 1000004689 */
|
||
|
||
/* Auto layout */
|
||
display: flex;
|
||
flex-direction: row;
|
||
align-items: center;
|
||
padding: 0px;
|
||
gap: 16px;
|
||
|
||
position: absolute;
|
||
width: 140px;
|
||
height: 68px;
|
||
left: 1679px;
|
||
top: 10px;
|
||
|
||
/* Frame 2269 */
|
||
|
||
/* Auto layout */
|
||
display: flex;
|
||
flex-direction: row;
|
||
align-items: center;
|
||
padding: 0px;
|
||
gap: 10px;
|
||
|
||
width: 40px;
|
||
height: 68px;
|
||
|
||
/* Inside auto layout */
|
||
flex: none;
|
||
order: 0;
|
||
flex-grow: 0;
|
||
|
||
/* White Icons */
|
||
|
||
width: 40px;
|
||
height: 40px;
|
||
|
||
/* Inside auto layout */
|
||
flex: none;
|
||
order: 0;
|
||
flex-grow: 0;
|
||
|
||
/* IMPZM / Elements / Icons / Icons 24x24 */
|
||
|
||
/* Auto layout */
|
||
display: flex;
|
||
flex-direction: row;
|
||
justify-content: center;
|
||
align-items: center;
|
||
padding: 0px;
|
||
gap: 10px;
|
||
|
||
position: absolute;
|
||
width: 24px;
|
||
height: 24px;
|
||
left: 8px;
|
||
top: 8px;
|
||
|
||
/* Icons */
|
||
|
||
width: 24px;
|
||
height: 24px;
|
||
|
||
/* Inside auto layout */
|
||
flex: none;
|
||
order: 0;
|
||
flex-grow: 0;
|
||
|
||
/* Vector */
|
||
|
||
position: absolute;
|
||
width: 20px;
|
||
height: 20px;
|
||
left: calc(50% - 20px / 2);
|
||
top: calc(50% - 20px / 2);
|
||
|
||
border: 2px solid #ffffff;
|
||
|
||
/* Александр С. */
|
||
|
||
display: none;
|
||
width: 139px;
|
||
height: 34px;
|
||
|
||
font-family: 'Lato';
|
||
font-style: normal;
|
||
font-weight: 400;
|
||
font-size: 22.489px;
|
||
line-height: 34px;
|
||
/* identical to box height, or 150% */
|
||
display: flex;
|
||
align-items: center;
|
||
text-align: center;
|
||
|
||
/* Gosblue */
|
||
color: #0d4cd3;
|
||
|
||
/* Inside auto layout */
|
||
flex: none;
|
||
order: 1;
|
||
flex-grow: 0;
|
||
|
||
/* avatar+menu */
|
||
|
||
width: 84px;
|
||
height: 50px;
|
||
|
||
/* Inside auto layout */
|
||
flex: none;
|
||
order: 2;
|
||
flex-grow: 0;
|
||
|
||
/* img */
|
||
|
||
position: absolute;
|
||
width: 50px;
|
||
height: 40px;
|
||
left: 0px;
|
||
top: 5px;
|
||
|
||
/* Userpic */
|
||
|
||
position: absolute;
|
||
width: 40px;
|
||
height: 40px;
|
||
right: 39.06px;
|
||
top: calc(50% - 40px / 2);
|
||
|
||
background: #ffffff;
|
||
|
||
/* DZ */
|
||
|
||
position: absolute;
|
||
width: 50px;
|
||
height: 29px;
|
||
left: 0px;
|
||
top: 10.94px;
|
||
|
||
font-family: 'Clear Sans';
|
||
font-style: normal;
|
||
font-weight: 700;
|
||
font-size: 20px;
|
||
line-height: 28px;
|
||
/* identical to box height, or 141% */
|
||
display: flex;
|
||
align-items: center;
|
||
text-align: center;
|
||
|
||
color: #022456;
|
||
|
||
/* Arrow Forward */
|
||
|
||
position: absolute;
|
||
width: 24px;
|
||
height: 24px;
|
||
left: 58px;
|
||
top: 13px;
|
||
|
||
transform: rotate(90deg);
|
||
|
||
/* Vector */
|
||
|
||
position: absolute;
|
||
left: 21%;
|
||
right: 44%;
|
||
top: 36.94%;
|
||
bottom: 4.72%;
|
||
|
||
background: #ffffff;
|
||
transform: matrix(0, -1, -1, 0, 0, 0);
|
||
|
||
/* 36 Corp */
|
||
|
||
box-sizing: border-box;
|
||
|
||
position: absolute;
|
||
visibility: hidden;
|
||
left: 62.5%;
|
||
right: -18.75%;
|
||
top: 0%;
|
||
bottom: 0%;
|
||
|
||
/* Pervinca */
|
||
background: #e5eaf5;
|
||
border: 2.81113px solid #bfcceb;
|
||
border-radius: 50.6003px;
|
||
|
||
/* Frame 277131358 */
|
||
|
||
position: absolute;
|
||
width: 25.3px;
|
||
height: 25.3px;
|
||
left: 12.65px;
|
||
top: 12.65px;
|
||
|
||
/* Union */
|
||
|
||
position: absolute;
|
||
width: 25.3px;
|
||
height: 22.77px;
|
||
left: 0px;
|
||
top: 1.27px;
|
||
|
||
/* Text Helper */
|
||
background: #66727f;
|
||
|
||
/* Union */
|
||
|
||
position: absolute;
|
||
width: 25.3px;
|
||
height: 22.77px;
|
||
left: 0px;
|
||
top: 1.27px;
|
||
|
||
background: #000000;
|
||
|
||
/* Union */
|
||
|
||
position: absolute;
|
||
width: 25.3px;
|
||
height: 22.77px;
|
||
left: 0px;
|
||
top: 1.27px;
|
||
|
||
/* RT_Black / 100% */
|
||
background: #101828;
|
||
|
||
/* Union */
|
||
|
||
box-sizing: border-box;
|
||
|
||
position: absolute;
|
||
width: 25.3px;
|
||
height: 18.98px;
|
||
left: 0px;
|
||
top: 5.06px;
|
||
|
||
/* RT_Black / 100% */
|
||
border: 1.89751px solid #101828;
|
||
|
||
/* Rectangle 853 */
|
||
|
||
box-sizing: border-box;
|
||
|
||
position: absolute;
|
||
width: 25.3px;
|
||
height: 18.98px;
|
||
left: calc(50% - 25.3px / 2 - 0px);
|
||
top: calc(50% - 18.98px / 2 + 1.9px);
|
||
|
||
background: #c4c4c4;
|
||
border: 1.89751px solid #000000;
|
||
|
||
/* Union */
|
||
|
||
position: absolute;
|
||
width: 10.73px;
|
||
height: 5.21px;
|
||
left: 7.28px;
|
||
top: 1.27px;
|
||
|
||
background: #000000;
|
||
|
||
/* Rectangle 249 */
|
||
|
||
position: absolute;
|
||
width: 8.86px;
|
||
height: 4.11px;
|
||
left: calc(50% - 8.86px / 2 - 0px);
|
||
top: calc(50% - 4.11px / 2 - 8.38px);
|
||
|
||
border: 1.89751px solid #000000;
|
||
|
||
/* Subtract */
|
||
|
||
position: absolute;
|
||
width: 23.8px;
|
||
height: 4.83px;
|
||
left: 0.75px;
|
||
top: 11.22px;
|
||
|
||
background: #000000;
|
||
|
||
/* Rectangle 853 */
|
||
|
||
box-sizing: border-box;
|
||
|
||
position: absolute;
|
||
width: 22.77px;
|
||
height: 3.23px;
|
||
left: calc(50% - 22.77px / 2 - 0px);
|
||
top: calc(50% - 3.23px / 2 + 0.98px);
|
||
|
||
border: 1.89751px solid #000000;
|
||
border-radius: 3.79502px;
|
||
|
||
/* Rectangle 855 */
|
||
|
||
position: absolute;
|
||
width: 5.06px;
|
||
height: 3.8px;
|
||
left: calc(50% - 5.06px / 2 - 0.01px);
|
||
top: calc(50% - 3.8px / 2 + 1.9px);
|
||
|
||
background: #c4c4c4;
|
||
|
||
/* Rectangle 856 */
|
||
|
||
box-sizing: border-box;
|
||
|
||
position: absolute;
|
||
width: 7.59px;
|
||
height: 7.59px;
|
||
left: calc(50% - 7.59px / 2 - 0px);
|
||
top: calc(50% - 7.59px / 2 + 2.53px);
|
||
|
||
/* RT_Black / 100% */
|
||
border: 1.89751px solid #101828;
|
||
border-radius: 2.53001px;
|
||
|
||
/* img+notif */
|
||
|
||
position: absolute;
|
||
visibility: hidden;
|
||
width: 50.6px;
|
||
height: 50.6px;
|
||
left: 56.22px;
|
||
top: 0px;
|
||
|
||
/* Group 277131056 */
|
||
|
||
position: absolute;
|
||
width: 50.6px;
|
||
height: 50.6px;
|
||
left: 0px;
|
||
top: 0px;
|
||
|
||
/* Group 277130812 */
|
||
|
||
position: absolute;
|
||
width: 50.6px;
|
||
height: 50.6px;
|
||
left: 0px;
|
||
top: 0px;
|
||
|
||
/* Userpic */
|
||
|
||
box-sizing: border-box;
|
||
|
||
position: absolute;
|
||
width: 50.6px;
|
||
height: 50.6px;
|
||
right: 0px;
|
||
top: calc(50% - 50.6px / 2 + 0px);
|
||
|
||
background: url();
|
||
border: 2.81113px solid rgba(13, 76, 211, 0.2);
|
||
|
||
/* Ellipse 11 */
|
||
|
||
position: absolute;
|
||
left: 75.01%;
|
||
right: 2.77%;
|
||
top: 75%;
|
||
bottom: 2.78%;
|
||
|
||
/* Gosred */
|
||
background: #ee3f58;
|
||
/* White */
|
||
border: 2.81113px solid #ffffff;
|