| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677 |
- /* Общая оболочка шапки для студента в разделе ОБУЧЕНИЕ */
- .einstein {
- display: flex;
- flex: none;
- flex-direction: row;
- justify-content: center;
- background-color: #000;
- color: #fff;
- max-width: 100vw;
- overflow: hidden;
- user-select: none;
- }
- /* Вывод блока с логотипом */
- .einstein_logo {
- align-self: center;
- justify-content: center;
- text-align: center;
- flex-grow: 1;
- display: flex;
- flex-wrap: nowrap;
- align-items: center;
- color: #fbe746;
- padding: 1rem 0;
- }
- /* Параметры для вывода лого в виде картинки*/
- .einstein_logo img {
- display: block;
- height: 10vw;
- max-height: 10rem;
- min-height: 7rem;
- margin: 0 auto;
- }
- /* Параметры для вывода лого в виде картинки и слогана в виде текста */
- .einstein_logo_img {
- text-align: center;
- border-right: 1px solid currentColor;
- padding-right: 3rem;
- margin-right: 3rem;
- }
- .einstein_logo_img img {
- height: 8rem;
- }
- .einstein_logo_text {
- text-align: left;
- font-size: 1.65rem;
- line-height: 1.15;
- font-weight: 300;
- }
- /* Оформление боковых элементов шапки */
- .einstein_pic1 {
- align-self: flex-start;
- text-align: left;
- }
- .einstein_pic2 {
- align-self: flex-end;
- text-align: right;
- }
- .einstein_pic1 img,
- .einstein_pic2 img {
- display: block;
- height: 15vw;
- min-height: 11rem;
- max-height: 13rem;
- }
- .einstein_pic2 img {
- margin-right: 0;
- margin-left: auto;
- }
|