1 line
12 KiB
CSS
1 line
12 KiB
CSS
|
.c-32a0d15eefed4404179ceac8b6ddbbc9 .logo { width: 108px; height: auto; margin-right: 22px; }.c-f467a0ed1ced05782a32b3050cc53355 .logo { height: 28px; width: 122px; margin-right: 12px; }.c-5561377227dcabb28f5c8cd85946c724 .newFooterLinks { display: flex; flex-wrap: wrap; } .c-5561377227dcabb28f5c8cd85946c724 .newFooterLinkGroup { width: 240px; } .c-5561377227dcabb28f5c8cd85946c724 .newFooterLinkGroup.association { width: 240px; } .c-5561377227dcabb28f5c8cd85946c724 .newFooterLinkGroupTitle { font-size: 20px; font-weight: 500; color: #fff; line-height: 68px; } .c-5561377227dcabb28f5c8cd85946c724 .newFooterLinkGroup a, .c-5561377227dcabb28f5c8cd85946c724 .newFooterLinkGroup .newFooterHover { height: 28px; width: fit-content; line-height: 28px; display: block; font-size: 14px; cursor: pointer; color: hsla(0, 0%, 100%, 0.65); } .c-5561377227dcabb28f5c8cd85946c724 .newFooterLinkGroup a:hover { color: hsl(0, 0%, 100%); } .c-5561377227dcabb28f5c8cd85946c724 .newFooterHover { position: relative; } .c-5561377227dcabb28f5c8cd85946c724 .newFooterHover:hover .newFooterHoverMenu { display: block; } .c-5561377227dcabb28f5c8cd85946c724 .newFooterHoverMenu { position: absolute; top: unset !important; bottom: 36px; left: 16px; transform: translate3d(-50%, 0, 0); background-color: #1b2536; width: 240px; border-radius: 2px; display: none; overflow-y: visible; box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 1px 10px 0px rgba(0, 0, 0, 0.12), 0px 4px 5px 0px rgba(0, 0, 0, 0.14); } .c-5561377227dcabb28f5c8cd85946c724 .newFooterHover.newFooterAssociationItem .newFooterHoverMenu { left: 16px; } .c-5561377227dcabb28f5c8cd85946c724 .newFooterHoverContent { overflow-y: auto; height: 350px; } .c-5561377227dcabb28f5c8cd85946c724 .newFooterHoverContent::-webkit-scrollbar { background: transparent; width: 4px; } .c-5561377227dcabb28f5c8cd85946c724 .newFooterHoverContent::-webkit-scrollbar-track { background: transparent; } .c-5561377227dcabb28f5c8cd85946c724 .newFooterHoverContent::-webkit-scrollbar-thumb { border-radius: 2px; background: #cccccc; } .c-5561377227dcabb28f5c8cd85946c724 .newFooterHoverMenu.newFooterReddit .newFooterHoverContent { height: auto; } .c-5561377227dcabb28f5c8cd85946c724 .newFooterQrCode { padding: 28px 0; top: -244px; } .c-5561377227dcabb28f5c8cd85946c724 .newFooterQrCode img { width: 184px; height: 184px; } .c-5561377227dcabb28f5c8cd85946c724 .newFooterHoverMenu::after { border: 6px solid transparent; border-bottom-width: 0; border-top: 6px solid #1b2536; content: ' '; width: 0; height: 0; left: 50%; bottom: -6px; transform: translate3d(-50%, 0, 0); position: absolute; } .c-5561377227dcabb28f5c8cd85946c724 .newFooterHoverMenu a { display: block; width: 100%; height: 48px; line-height: 48px; color: #fff; padding: 0 24px; } .c-5561377227dcabb28f5c8cd85946c724 .newFooterHoverMenu a:hover { background: rgba(255, 255, 255, 0.04); color: #33c6aa; } .c-5561377227dcabb28f5c8cd85946c724 .newFooterAssociationList { display: flex; flex-wrap: wrap; } .c-5561377227dcabb28f5c8cd85946c724 .newFooterAssociationItem { transform: translateY(0); width: 32px!important; height: 32px!important; text-align: center; margin-right: 21px; margin-left: 0; margin-bottom: 21px; transition: all 0.3s ease; } .c-5561377227dcabb28f5c8cd85946c724 .newFooterAssociationItem:hover { transform: translateY(-4px); } .c-5561377227dcabb28f5c8cd85946c724 .newFooterAssociationItem.noMarginBottom { margin-bottom: 0; } .c-5561377227dcabb28f5c8cd85946c724 .newFooterHoverMenu.newFooterQrCode { padding: 28px 0; } .c-5561377227dcabb28f5c8cd85946c724 .newFooterHoverMenu.newFooterQrCode img { width: 184px; }.c-a801d3a5250db5da44ce96f968065873 .new-copyright { font-size: 12px; color: rgba(255, 255, 255, 0.65); }.c-99ac0fde9c395a5030c6836a61f59a15 .new { width: 376px; padding: 24px 26px; background: rgba(20, 30, 50, 0.8); font-size: 16px; } .c-99ac0fde9c395a5030c6836a61f59a15 .new a { color: #ffffff; text-decoration: none; } .c-99ac0fde9c395a5030c6836a61f59a15 .new + .new { margin-top: 20px; }.c-47a5e6ea3174b4a9012e7de6409c478f .menuPanel { display: flex; } .c-47a5e6ea3174b
|