Топ-100 ★ sign-in | Информация | Что это? .content{ padding: 8px; } .content h1{ padding: 24px 0; } .content p{ line-height: 24px; font-size: 16px; } .content input{ border: 1px solid #e0e0e0; width: 100%; max-width: 400px; margin-bottom: 4px; } .content button{ margin-top: 12px; width: 50%; max-width: 200px; } .header{ overflow-x: auto; overflow-y: hidden; border-bottom: 1px solid #e0e0e0; background-color: #fff; padding: 0 10px; max-height: 57px; position: relative; z-index: 999; } .isAmp .header{ max-height: 54px; } .header .wrapper{ height: 56px; white-space: nowrap; } .header .wrapper td{ width: 1px; } .header .wrapper td:last-of-type{ padding-right: 66px; } .header .icon{ width: 1px; font-size: 0; line-height: 0; } .header .icon.back{ padding-right: 4px; } .header .title{ color: #5f6368; font-size: 18px; display: inline-block; } @media screen and (max-width: 680px) { .header .title{ font-size: 15px; } } @media screen and (min-width: 800px) { .isDesktop .header{ position: fixed; top: 0; left: 0; width: 100%; z-index: 999; } .isDesktop .layout{ padding-top: 56px; } } .footer{ border-top: 1px solid #e0e0e0; background-color: #fff; height: 170px; padding: 0 20px; } .isDesktop .footer{ position: absolute; left: 0; bottom: 0px; } .isMobile .footer{ width: calc(100% - 40px); border-right: none; } .isDesktop .footer{ width: calc(100% - 360px); border-right: 1px solid #e0e0e0; } @media screen and (max-width: 800px) { .isDesktop .footer{ width: calc(100% - 40px); border-right: none; } } .footer .copyright{ color: #5f6368; font-size: 14px; margin-top: 6px; } .footer .source_links, .footer .feedback{ color: #5f6368; font-size: 14px; margin-top: 8px; margin-left: 12px; } .footer .source_links{ color: #1a73e8; } .isMobile .content{ padding-bottom: 48px; } .isDesktop .content{ padding-bottom: 230px; }

★ sign-in