.lol-settings-title { font-family: var(--font-display); } .lol-settings-checkbox-label, .lol-settings-nav-title, .lol-blocked-summoners, .no-blocked-summoners, .blocked-summoner-summoner-name, .blocked-summoner-game-name-tagline { font-family: var(--font-body); } .lol-settings-checkbox-label, .lol-settings-title, .lol-settings-nav-title, .lol-blocked-summoners, .no-blocked-summoners, .blocked-summoner-summoner-name, .blocked-summoner-game-name-tagline { -webkit-user-select: none; } .lol-settings-checkbox-label, .lol-settings-title, .lol-settings-nav-title, .lol-blocked-summoners, .no-blocked-summoners, .blocked-summoner-summoner-name, .blocked-summoner-game-name-tagline { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .lol-settings-title { text-transform: uppercase; } .lol-settings-title:lang(ko-kr), .lol-settings-title:lang(ja-jp), .lol-settings-title:lang(tr-tr), .lol-settings-title:lang(el-gr), .lol-settings-title:lang(th-th), .lol-settings-title:lang(zh-tw) { text-transform: none; } .lol-settings-title { color: #f0e6d2; font-size: 18px; font-weight: 700; line-height: 22px; letter-spacing: 0.05em; } .lol-settings-title:lang(ar-ae) { letter-spacing: 0; } .blocked-summoner-summoner-name { color: #a09b8c; font-size: 14px; font-weight: normal; line-height: 20px; letter-spacing: 0.025em; -webkit-font-smoothing: subpixel-antialiased; } .blocked-summoner-summoner-name:lang(ar-ae) { letter-spacing: 0; } .lol-settings-checkbox-label, .lol-settings-nav-title, .lol-blocked-summoners, .no-blocked-summoners, .blocked-summoner-game-name-tagline { color: #a09b8c; font-size: 12px; font-weight: normal; line-height: 16px; letter-spacing: 0.025em; -webkit-font-smoothing: subpixel-antialiased; } .lol-settings-checkbox-label:lang(ja-jp), .lol-settings-nav-title:lang(ja-jp), .lol-blocked-summoners:lang(ja-jp), .no-blocked-summoners:lang(ja-jp), .blocked-summoner-game-name-tagline:lang(ja-jp) { font-size: 13px; } .lol-settings-checkbox-label:lang(ar-ae), .lol-settings-nav-title:lang(ar-ae), .lol-blocked-summoners:lang(ar-ae), .no-blocked-summoners:lang(ar-ae), .blocked-summoner-game-name-tagline:lang(ar-ae) { letter-spacing: 0; } .lol-settings-title { font-family: var(--font-display); } .lol-settings-checkbox-label, .lol-settings-nav-title, .lol-blocked-summoners, .no-blocked-summoners, .blocked-summoner-summoner-name, .blocked-summoner-game-name-tagline { font-family: var(--font-body); } .lol-settings-title { font-family: var(--font-display); } .lol-settings-checkbox-label, .lol-settings-nav-title, .lol-blocked-summoners, .no-blocked-summoners, .blocked-summoner-summoner-name, .blocked-summoner-game-name-tagline { font-family: var(--font-body); } .lol-settings-checkbox-label, .lol-settings-title, .lol-settings-nav-title, .lol-blocked-summoners, .no-blocked-summoners, .blocked-summoner-summoner-name, .blocked-summoner-game-name-tagline { -webkit-user-select: none; } .lol-settings-checkbox-label, .lol-settings-title, .lol-settings-nav-title, .lol-blocked-summoners, .no-blocked-summoners, .blocked-summoner-summoner-name, .blocked-summoner-game-name-tagline { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .lol-settings-title { text-transform: uppercase; } .lol-settings-title:lang(ko-kr), .lol-settings-title:lang(ja-jp), .lol-settings-title:lang(tr-tr), .lol-settings-title:lang(el-gr), .lol-settings-title:lang(th-th), .lol-settings-title:lang(zh-tw) { text-transform: none; } .lol-settings-title { color: #f0e6d2; font-size: 18px; font-weight: 700; line-height: 22px; letter-spacing: 0.05em; } .lol-settings-title:lang(ar-ae) { letter-spacing: 0; } .blocked-summoner-summoner-name { color: #a09b8c; font-size: 14px; font-weight: normal; line-height: 20px; letter-spacing: 0.025em; -webkit-font-smoothing: subpixel-antialiased; } .blocked-summoner-summoner-name:lang(ar-ae) { letter-spacing: 0; } .lol-settings-checkbox-label, .lol-settings-nav-title, .lol-blocked-summoners, .no-blocked-summoners, .blocked-summoner-game-name-tagline { color: #a09b8c; font-size: 12px; font-weight: normal; line-height: 16px; letter-spacing: 0.025em; -webkit-font-smoothing: subpixel-antialiased; } .lol-settings-checkbox-label:lang(ja-jp), .lol-settings-nav-title:lang(ja-jp), .lol-blocked-summoners:lang(ja-jp), .no-blocked-summoners:lang(ja-jp), .blocked-summoner-game-name-tagline:lang(ja-jp) { font-size: 13px; } .lol-settings-checkbox-label:lang(ar-ae), .lol-settings-nav-title:lang(ar-ae), .lol-blocked-summoners:lang(ar-ae), .no-blocked-summoners:lang(ar-ae), .blocked-summoner-game-name-tagline:lang(ar-ae) { letter-spacing: 0; } .lol-settings-container { width: 700px; box-sizing: border-box; background-color: #010a13; -webkit-user-select: none; display: flex; flex-direction: column; } .lol-settings-content { display: flex; flex: 1; height: 482px; } .lol-settings-checkbox { transition: all 0.3s ease; } .lol-settings-checkbox-label { margin-left: 9px; } .lol-settings-title-bar { display: flex; justify-content: space-between; align-items: center; height: 67px; border-bottom: thin solid #1e282d; margin: 0 9px; } .lol-settings-title { color: #a09b8c; direction: rtl; } .lol-settings-title-current { color: #f0e6d2; } .lol-settings-title-break { padding: 0 3px; } .lol-settings-reset-button { position: absolute; right: 18px; top: 20px; min-width: 152px; } .lol-settings-reset-button.hide { display: none; } .lol-settings-options { width: calc(100% - 40px); overflow-x: hidden; padding: 15px 20px; position: relative; } .lol-settings-options.hide { display: none; } .lol-settings-options lol-uikit-flat-checkbox { transition: all 0.3s ease; } .lol-settings-scroll-container { width: calc(100% - 30px); overflow-x: hidden; height: 410px; padding-right: 30px; padding-left: 2px; } .lol-settings-footer { display: flex; justify-content: center; height: 32px; width: 100%; } .lol-settings-close-container { position: relative; bottom: -2px; } .lol-settings-close-button { position: relative; bottom: 0; width: 100px; height: 32px; } .lol-settings-navs { width: 172px; height: 100%; margin-top: 5px; flex-shrink: 0; } .lol-settings-nav-title { margin: 10px 18px 10px 0; direction: rtl; } .lol-settings-nav-title:not(:first-child) { margin-top: 20px; } lol-uikit-navigation-bar[type=tabbed] lol-uikit-navigation-item.lol-settings-nav { padding: 0 14px 0 0; height: auto; min-height: 30px; line-height: 16px; align-items: center; font-size: 12px; transition: all 0.3s ease; width: calc(100% - 14px); color: #cdbe91; direction: rtl; text-align: right; } lol-uikit-navigation-bar[type=tabbed] lol-uikit-navigation-item.lol-settings-nav:hover { background: #1e2328; color: #f0e6d2; } lol-uikit-navigation-bar[type=tabbed] lol-uikit-navigation-item[active].lol-settings-nav { padding: 0 19px 0 0; width: calc(100% - 19px); color: #f0e6d2; } lol-uikit-navigation-bar[type=tabbed] lol-uikit-navigation-item.lol-settings-nav::before { width: 3px; min-height: 32px; line-height: 16px; top: 0; left: auto; right: 0; /* * RTL only: 'will-change' property in scrollbar breaks visiual after click event, * disabling transition here fixes the problem. */ transition: none; } .lol-blocked-summoners { color: #a09b8c; display: flex; flex-direction: column; margin-bottom: 10px; } .block-summoner-text { direction: rtl; margin-bottom: 10px; } .block-summoner-input-group { direction: rtl; display: flex; margin-bottom: 25px; padding-bottom: 25px; border-bottom: thin solid #3c3c41; } .block-summoner-input { flex: 1; margin: 0 0 0 10px; } .block-summoner-input input { height: 32px; } .block-summoner-button { width: 150px; } .blocked-summoners-list { direction: rtl; display: flex; flex-wrap: wrap; align-content: flex-start; flex-direction: row; } .no-blocked-summoners { color: #a09b8c; background: url(/fe/lol-settings/poro_smile.png) no-repeat center; padding-top: 150px; text-align: center; margin-top: 100px; margin-right: 191px; } .blocked-summoners-info { direction: rtl; margin-bottom: 10px; } .confirm-friend-actions p { direction: rtl; text-align: right; } .lol-blocked-summoner { width: 50%; padding: 8px 0 8px 15px; box-sizing: border-box; cursor: pointer; } .lol-blocked-summoner:hover .blocked-summoner-summoner-name { color: #f0e6d2; } .lol-blocked-summoner:hover .blocked-summoner-unblock-button { display: block; margin-bottom: 2px; } .lol-blocked-summoner:hover .blocked-summoner-tagline, .lol-blocked-summoner:hover .blocked-summoner-game-name-tagline { color: #a09b8c; } .lol-blocked-summoner:active .blocked-summoner-summoner-name { color: #5b5a56; } .lol-blocked-summoner:active .blocked-summoner-unblock-button { background-color: #5b5a56; } .lol-blocked-summoner:active .blocked-summoner-tagline, .lol-blocked-summoner:active .blocked-summoner-game-name-tagline { color: #5b5a56; } .lol-block-list-summoner { display: flex; align-items: center; width: 100%; } .blocked-summoner-summoner-name { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 0 10px 0 0; flex: 1; } .blocked-summoner-tagline { color: #5b5a56; } .blocked-summoner-game-name-tagline { display: block; color: #5b5a56; } .blocked-summoner-unblock-button { display: none; width: 18px; height: 18px; -webkit-mask: url(/fe/lol-settings/x_mask.png) no-repeat center; background-color: #f0e6d2; -webkit-mask-size: contain; }