.lol-settings-title, .lol-settings-account-verification-verified-label { font-family: var(--font-display); } .lol-settings-checkbox-label, .lol-settings-nav-title, .lol-settings-repair-title, .lol-settings-window-size-text, .lol-settings-content-targeting-label, .lol-settings-account-verification-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-settings-repair-title, .lol-settings-window-size-text, .lol-settings-content-targeting-label, .lol-settings-account-verification-title, .lol-settings-account-verification-verified-label, .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-settings-repair-title, .lol-settings-window-size-text, .lol-settings-content-targeting-label, .lol-settings-account-verification-title, .lol-settings-account-verification-verified-label, .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, .lol-settings-account-verification-verified-label { text-transform: uppercase; } .lol-settings-title:lang(ko-kr), .lol-settings-account-verification-verified-label:lang(ko-kr), .lol-settings-title:lang(ja-jp), .lol-settings-account-verification-verified-label:lang(ja-jp), .lol-settings-title:lang(tr-tr), .lol-settings-account-verification-verified-label:lang(tr-tr), .lol-settings-title:lang(el-gr), .lol-settings-account-verification-verified-label:lang(el-gr), .lol-settings-title:lang(th-th), .lol-settings-account-verification-verified-label:lang(th-th), .lol-settings-title:lang(zh-tw), .lol-settings-account-verification-verified-label:lang(zh-tw) { text-transform: none; } .lol-settings-title, .lol-settings-account-verification-verified-label { color: #f0e6d2; font-size: 18px; font-weight: 700; line-height: 22px; letter-spacing: 0.05em; } .lol-settings-title:lang(ar-ae), .lol-settings-account-verification-verified-label: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-settings-repair-title, .lol-settings-window-size-text, .lol-settings-content-targeting-label, .lol-settings-account-verification-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-settings-repair-title:lang(ja-jp), .lol-settings-window-size-text:lang(ja-jp), .lol-settings-content-targeting-label:lang(ja-jp), .lol-settings-account-verification-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-settings-repair-title:lang(ar-ae), .lol-settings-window-size-text:lang(ar-ae), .lol-settings-content-targeting-label:lang(ar-ae), .lol-settings-account-verification-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, .lol-settings-account-verification-verified-label { font-family: var(--font-display); } .lol-settings-checkbox-label, .lol-settings-nav-title, .lol-settings-repair-title, .lol-settings-window-size-text, .lol-settings-content-targeting-label, .lol-settings-account-verification-title, .lol-blocked-summoners, .no-blocked-summoners, .blocked-summoner-summoner-name, .blocked-summoner-game-name-tagline { font-family: var(--font-body); } .lol-settings-title, .lol-settings-account-verification-verified-label { font-family: var(--font-display); } .lol-settings-checkbox-label, .lol-settings-nav-title, .lol-settings-repair-title, .lol-settings-window-size-text, .lol-settings-content-targeting-label, .lol-settings-account-verification-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-settings-repair-title, .lol-settings-window-size-text, .lol-settings-content-targeting-label, .lol-settings-account-verification-title, .lol-settings-account-verification-verified-label, .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-settings-repair-title, .lol-settings-window-size-text, .lol-settings-content-targeting-label, .lol-settings-account-verification-title, .lol-settings-account-verification-verified-label, .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, .lol-settings-account-verification-verified-label { text-transform: uppercase; } .lol-settings-title:lang(ko-kr), .lol-settings-account-verification-verified-label:lang(ko-kr), .lol-settings-title:lang(ja-jp), .lol-settings-account-verification-verified-label:lang(ja-jp), .lol-settings-title:lang(tr-tr), .lol-settings-account-verification-verified-label:lang(tr-tr), .lol-settings-title:lang(el-gr), .lol-settings-account-verification-verified-label:lang(el-gr), .lol-settings-title:lang(th-th), .lol-settings-account-verification-verified-label:lang(th-th), .lol-settings-title:lang(zh-tw), .lol-settings-account-verification-verified-label:lang(zh-tw) { text-transform: none; } .lol-settings-title, .lol-settings-account-verification-verified-label { color: #f0e6d2; font-size: 18px; font-weight: 700; line-height: 22px; letter-spacing: 0.05em; } .lol-settings-title:lang(ar-ae), .lol-settings-account-verification-verified-label: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-settings-repair-title, .lol-settings-window-size-text, .lol-settings-content-targeting-label, .lol-settings-account-verification-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-settings-repair-title:lang(ja-jp), .lol-settings-window-size-text:lang(ja-jp), .lol-settings-content-targeting-label:lang(ja-jp), .lol-settings-account-verification-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-settings-repair-title:lang(ar-ae), .lol-settings-window-size-text:lang(ar-ae), .lol-settings-content-targeting-label:lang(ar-ae), .lol-settings-account-verification-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-general-row, .lol-settings-repair-row, .lol-settings-video-row, .lol-settings-content-targeting-row, .lol-settings-content-targeting-label, .lol-settings-content-targeting-dropdown { clear: both; } .lol-settings-general-row:after, .lol-settings-repair-row:after, .lol-settings-video-row:after, .lol-settings-content-targeting-row:after, .lol-settings-content-targeting-label:after, .lol-settings-content-targeting-dropdown:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .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: ltr; } .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% + 5px) ; overflow-x: hidden; height: 410px; padding-right: 2px ; padding-left: 7px ; } .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 0 10px 18px ; direction: ltr; } .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 0 0 14px ; 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: ltr; text-align: left ; } 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 0 0 19px ; 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: 0 ; right: auto ; /* * RTL only: 'will-change' property in scrollbar breaks visiual after click event, * disabling transition here fixes the problem. */ transition: 400ms opacity ; } .lol-settings-general-row { margin-bottom: 15px; } .lol-settings-repair-row { margin-top: 10px; margin-bottom: 15px; max-width: 460px; min-width: 250px; display: inline-block; direction: ltr; float: none ; } .lol-settings-repair-title { color: #a09b8c; margin-bottom: 8px; direction: ltr; } .lol-settings-repair-button { display: inline-block; min-width: 234px; max-width: inherit; float: none ; } .lol-settings-window-size-text { color: #a09b8c; margin-bottom: 8px; direction: ltr; } .lol-settings-video-row { margin-bottom: 15px; margin-top: 25px; direction: ltr; } .lol-settings-window-size-dropdown { width: 234px; display: inline-block; --framed-dropdown-direction-rtl: ltr ; } .lol-settings-window-size-dropdown lol-uikit-dropdown-option { --dropdown-option-direction-rtl: ltr ; } .lol-settings-content-targeting-row { margin-top: 10px; margin-bottom: 15px; max-width: 460px; min-width: 250px; display: inline-block ; direction: ltr; } .lol-settings-content-targeting-label { color: #a09b8c; margin-bottom: 8px; direction: ltr; } .lol-settings-content-targeting-dropdown { display: inline-block; width: 234px; --framed-dropdown-direction-rtl: ltr ; } .lol-settings-content-targeting-dropdown lol-uikit-dropdown-option { --dropdown-option-direction-rtl: ltr ; } .lol-settings-account-verification-row { margin-top: 10px; margin-bottom: 15px; max-width: 460px; min-width: 250px; display: inline-block; } .lol-settings-account-verification-title { color: #a09b8c; margin-bottom: 8px; direction: ltr; } .lol-settings-account-verification-verified-label { padding-top: 5px; direction: ltr; display: block; } .lol-settings-account-verification-button-verify { display: inline-block; min-width: 150px; max-width: inherit; } .lol-settings-account-verification-button-change { display: inline-block; min-width: 250px; max-width: inherit; margin-top: 10px; } .lol-settings-account-verification-icon-mobile { background-image: url(/fe/lol-settings/acc_ver_icon_mobile_sm.png); width: 32px; height: 32px; float: left ; margin: 0 3px 0 0 ; background-repeat: no-repeat; background-size: contain; background-position: 0% 0% ; } .lol-settings-account-verification-icon-verify { background-image: url(/fe/lol-settings/acc_ver_icon_verify.png); width: 32px; height: 32px; float: left ; margin: 0 10px 0 0 ; background-repeat: no-repeat; background-size: contain; display: inline; } .lol-settings-account-verification-icon-denied { background-image: url(/fe/lol-settings/acc_ver_icon_denied.png); width: 32px; height: 32px; float: left ; margin-right: 12px; margin-top: 3px; margin: 3px 12px 0 0 ; background-repeat: no-repeat; background-size: contain; display: inline; } .lol-blocked-summoners { color: #a09b8c; display: flex; flex-direction: column; margin-bottom: 10px; } .block-summoner-text { direction: ltr; margin-bottom: 10px; } .block-summoner-input-group { direction: ltr; display: flex; margin-bottom: 25px; padding-bottom: 25px; border-bottom: thin solid #3c3c41; } .block-summoner-input { flex: 1; margin: 0 10px 0 0 ; } .block-summoner-input input { height: 32px; } .block-summoner-button { width: 150px; } .blocked-summoners-list { direction: ltr; 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: ltr; margin-bottom: 10px; } .confirm-friend-actions p { direction: ltr; text-align: left ; } .lol-blocked-summoner { width: 50%; padding: 8px 15px 8px 0 ; 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 0 0 10px ; 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; } .lol-tooltip-component { display: none; } .decorated-footer .confirm-button-container lol-uikit-primary-magic-button.confirm { text-transform: uppercase; } .decorated-footer .confirm-button-container lol-uikit-primary-magic-button.confirm:lang(ko-kr), .decorated-footer .confirm-button-container lol-uikit-primary-magic-button.confirm:lang(ja-jp), .decorated-footer .confirm-button-container lol-uikit-primary-magic-button.confirm:lang(tr-tr), .decorated-footer .confirm-button-container lol-uikit-primary-magic-button.confirm:lang(el-gr), .decorated-footer .confirm-button-container lol-uikit-primary-magic-button.confirm:lang(th-th), .decorated-footer .confirm-button-container lol-uikit-primary-magic-button.confirm:lang(zh-tw) { text-transform: none; } .decorated-footer { width: 100%; display: flex; flex-direction: row; justify-content: center; padding: 0 0 1px; height: 50px; box-sizing: border-box; } .decorated-footer .confirm-button-container { position: relative; display: flex; flex-direction: row; justify-content: center; padding-bottom: 15px; } .decorated-footer .confirm-button-container lol-uikit-primary-magic-button.confirm { display: flex; min-width: 160px; pointer-events: auto; } .decorated-footer .button-img { width: 30px; height: 30px; background-size: contain; background-color: transparent; border: 0px; outline: 0px; } .decorated-footer .button-img.close { background-image: url(/fe/lol-settings/button_close.png); } .decorated-footer .button-img.close:hover { background-image: url(/fe/lol-settings/button_close_hover.png); } .decorated-footer .button-img.close:active { background-image: url(/fe/lol-settings/button_close_click.png); } .decorated-footer .button-img.close:disabled { background-image: url(/fe/lol-settings/button_close_inactive.png); } .decorated-footer .decorated-footer-decoration { display: flex; position: relative; flex: 1 1 auto; height: 34px; margin-top: 15px; } .decorated-footer .decorated-footer-decoration.decorated-footer-left .button { position: absolute; top: -13px; right: 2px; } .arrow-footer[version="7.13"] .confirm-button-container button.confirm { font-family: var(--font-display); } .arrow-footer[version="7.13"] .confirm-button-container button.confirm { -webkit-user-select: none; } .arrow-footer[version="7.13"] .confirm-button-container button.confirm { font-kerning: normal; -webkit-font-feature-settings: "kern" 1; -webkit-font-smoothing: antialiased; } .arrow-footer[version="7.13"] .confirm-button-container button.confirm { text-transform: uppercase; } .arrow-footer[version="7.13"] .confirm-button-container button.confirm:lang(ko-kr), .arrow-footer[version="7.13"] .confirm-button-container button.confirm:lang(ja-jp), .arrow-footer[version="7.13"] .confirm-button-container button.confirm:lang(tr-tr), .arrow-footer[version="7.13"] .confirm-button-container button.confirm:lang(el-gr), .arrow-footer[version="7.13"] .confirm-button-container button.confirm:lang(th-th), .arrow-footer[version="7.13"] .confirm-button-container button.confirm:lang(zh-tw) { text-transform: none; } .arrow-footer[version="7.13"] .confirm-button-container button.confirm { color: #c8aa6e; font-size: 14px; font-weight: 700; letter-spacing: 0.0325em; } .arrow-footer[version="7.13"] .confirm-button-container button.confirm:lang(ar-ae) { letter-spacing: 0; } .arrow-footer[version="7.13"] .confirm-button-container button.confirm:hover { color: #f0e6d2; } .arrow-footer[version="7.13"] .confirm-button-container button.confirm:disabled, .arrow-footer[version="7.13"] .confirm-button-container button.confirm:disabled:hover, .arrow-footer[version="7.13"] .confirm-button-container button.confirm[disabled='true'], .arrow-footer[version="7.13"] .confirm-button-container button.confirm[disabled='true']:hover { color: #5c5b57; cursor: default; } .arrow-footer[version="7.13"] .confirm-button-container button.confirm:active { color: #785a28; } .arrow-footer[version="7.13"] { width: 100%; display: flex; flex-direction: row; justify-content: center; padding: 0 0 1px; height: 51px; box-sizing: border-box; } .arrow-footer[version="7.13"].hide-close-button .confirm-button-container button.confirm { margin-left: 0px; } .arrow-footer[version="7.13"].hide-close-button .confirm-button-container button.confirm .left-confirm { background-image: url(/fe/lol-settings/LeftStraightDefault.png); } .arrow-footer[version="7.13"].hide-close-button .confirm-button-container button.confirm:hover .left-confirm { background-image: url(/fe/lol-settings/LeftStraightHover.png); } .arrow-footer[version="7.13"].hide-close-button .confirm-button-container button.confirm:active .left-confirm { background-image: url(/fe/lol-settings/LeftStraightClick.png); } .arrow-footer[version="7.13"].hide-close-button .confirm-button-container button.confirm.disabled .left-confirm { background-image: url(/fe/lol-settings/LeftStraightDisabled.png); } .arrow-footer[version="7.13"].hide-close-button .confirm-button-container button.confirm.completed .left-confirm { background-image: url(/fe/lol-settings/LeftStraightCompleted.png); } .arrow-footer[version="7.13"].hide-close-button .confirm-button-container button.close { display: none; } .arrow-footer[version="7.13"].hide-close-button .confirm-button-container .border-bg .left-border-bg { background-image: url(/fe/lol-settings/BGLeftStraight.png); } .arrow-footer[version="7.13"].hide-close-button .confirm-button-container .border-bg .middle-border-bg { margin: 0 7px; } .arrow-footer[version="7.13"].hide-close-button .arrow-footer-decoration { flex-direction: column; justify-content: center; } .arrow-footer[version="7.13"].hide-close-button .arrow-footer-decoration .arrow-footer-decoration-child { background-size: 100% 100%; width: 256px; height: 8px; } .arrow-footer[version="7.13"].hide-close-button .arrow-footer-decoration .arrow-footer-decoration-child.arrow-footer-decoration-left { margin-right: 50px; align-self: flex-end; background-image: url(/fe/lol-settings/FooterMetalDecorationLeft.png); } .arrow-footer[version="7.13"].hide-close-button .arrow-footer-decoration .arrow-footer-decoration-child.arrow-footer-decoration-right { margin-left: 50px; align-self: flex-start; background-image: url(/fe/lol-settings/FooterMetalDecorationRight.png); } .arrow-footer[version="7.13"] .confirm-button-container { position: relative; display: flex; flex-direction: row; justify-content: center; } .arrow-footer[version="7.13"] .confirm-button-container .border-bg { position: absolute; width: 100%; height: 44px; display: flex; top: -5px; } .arrow-footer[version="7.13"] .confirm-button-container .border-bg .left-border-bg { height: 44px; width: 29px; position: absolute; top: 0px; left: -6px; background-size: 100% 100%; background-image: url(/fe/lol-settings/BGLeft.png); } .arrow-footer[version="7.13"] .confirm-button-container .border-bg .middle-border-bg { flex-grow: 1; height: 44px; margin: 0px 12px; background-size: contain; background-image: url(/fe/lol-settings/BGMid.png); } .arrow-footer[version="7.13"] .confirm-button-container .border-bg .right-border-bg { height: 44px; width: 26px; position: absolute; top: 0; right: -6px; background-size: 100% 100%; background-image: url(/fe/lol-settings/BGRight.png); } .arrow-footer[version="7.13"] .confirm-button-container button { border: 0; outline: 0; padding: 0; background-color: transparent; cursor: pointer; } .arrow-footer[version="7.13"] .confirm-button-container button.disabled { cursor: default; } .arrow-footer[version="7.13"] .confirm-button-container button.confirm { height: 34px; min-width: 170px; margin-left: 29px; padding-right: 1px; color: #a3c7c7; position: relative; display: flex; } .arrow-footer[version="7.13"] .confirm-button-container button.confirm > div { background-size: 100% 100%; height: 34px; } .arrow-footer[version="7.13"] .confirm-button-container button.confirm .left-confirm { width: 12px; background-image: url(/fe/lol-settings/LeftDefault.png); } .arrow-footer[version="7.13"] .confirm-button-container button.confirm .middle-confirm { display: flex; justify-content: center; align-items: center; flex-grow: 1; padding: 0px 10px; background-repeat: repeat-x; background-image: url(/fe/lol-settings/MidDefault.png); } .arrow-footer[version="7.13"] .confirm-button-container button.confirm .middle-confirm:lang(ar-ae) { direction: ltr; } .arrow-footer[version="7.13"] .confirm-button-container button.confirm .right-confirm { width: 17px; background-image: url(/fe/lol-settings/RightDefault.png); } .arrow-footer[version="7.13"] .confirm-button-container button.confirm:hover .left-confirm { background-image: url(/fe/lol-settings/LeftHover.png); } .arrow-footer[version="7.13"] .confirm-button-container button.confirm:hover .middle-confirm { background-image: url(/fe/lol-settings/MidHover.png); } .arrow-footer[version="7.13"] .confirm-button-container button.confirm:hover .right-confirm { background-image: url(/fe/lol-settings/RightHover.png); } .arrow-footer[version="7.13"] .confirm-button-container button.confirm:active { color: #005a82; } .arrow-footer[version="7.13"] .confirm-button-container button.confirm:active .left-confirm { background-image: url(/fe/lol-settings/LeftClick.png); } .arrow-footer[version="7.13"] .confirm-button-container button.confirm:active .middle-confirm { background-image: url(/fe/lol-settings/MidClick.png); } .arrow-footer[version="7.13"] .confirm-button-container button.confirm:active .right-confirm { background-image: url(/fe/lol-settings/RightClick.png); } .arrow-footer[version="7.13"] .confirm-button-container button.confirm.disabled { color: #5c5b57; cursor: default; } .arrow-footer[version="7.13"] .confirm-button-container button.confirm.disabled .left-confirm { background-image: url(/fe/lol-settings/LeftDisabled.png); } .arrow-footer[version="7.13"] .confirm-button-container button.confirm.disabled .middle-confirm { background-image: url(/fe/lol-settings/MidDisabled.png); } .arrow-footer[version="7.13"] .confirm-button-container button.confirm.disabled .right-confirm { background-image: url(/fe/lol-settings/RightDisabled.png); } .arrow-footer[version="7.13"] .confirm-button-container button.confirm.completed { color: #c89b3c; cursor: default; } .arrow-footer[version="7.13"] .confirm-button-container button.confirm.completed .left-confirm { background-image: url(/fe/lol-settings/LeftCompleted.png); } .arrow-footer[version="7.13"] .confirm-button-container button.confirm.completed .middle-confirm { background-image: url(/fe/lol-settings/MidCompleted.png); } .arrow-footer[version="7.13"] .confirm-button-container button.confirm.completed .right-confirm { background-image: url(/fe/lol-settings/RightCompleted.png); } .arrow-footer[version="7.13"] .confirm-button-container button.close { width: 34px; height: 34px; background-size: contain; position: absolute; left: 0px; background-image: url(/fe/lol-settings/Normal.png); } .arrow-footer[version="7.13"] .confirm-button-container button.close .close-icon { height: 34px; width: 34px; background-size: 18px; background-repeat: no-repeat; background-position: center; background-image: url(/fe/lol-settings/Exit_Default.png); } .arrow-footer[version="7.13"] .confirm-button-container button.close[type="back"] .close-icon { background-image: url(/fe/lol-settings/Back_default.png); } .arrow-footer[version="7.13"] .confirm-button-container button.close:hover { background-image: url(/fe/lol-settings/Hover.png); } .arrow-footer[version="7.13"] .confirm-button-container button.close:hover .close-icon { background-image: url(/fe/lol-settings/Exit_Hover.png); } .arrow-footer[version="7.13"] .confirm-button-container button.close:hover[type="back"] .close-icon { background-image: url(/fe/lol-settings/Back_Hover.png); } .arrow-footer[version="7.13"] .confirm-button-container button.close:active { background-image: url(/fe/lol-settings/Clicked.png); } .arrow-footer[version="7.13"] .confirm-button-container button.close:active .close-icon { background-image: url(/fe/lol-settings/Exit_Click.png); } .arrow-footer[version="7.13"] .confirm-button-container button.close:active[type="back"] .close-icon { background-image: url(/fe/lol-settings/Back_click.png); } .arrow-footer[version="7.13"] .confirm-button-container button.close.disabled { background-image: url(/fe/lol-settings/Disabled.png); cursor: default; } .arrow-footer[version="7.13"] .confirm-button-container button.close.disabled .close-icon { background-image: url(/fe/lol-settings/Exit_Disabled.png); } .arrow-footer[version="7.13"] .confirm-button-container button.close.disabled[type="back"] .close-icon { background-image: url(/fe/lol-settings/Back_Disabled.png); } .arrow-footer[version="7.13"] .confirm-button-container button.close.completed { cursor: default; background-image: url(/fe/lol-settings/Completed.png); } .arrow-footer[version="7.13"] .confirm-button-container button.close.completed .close-icon { background-image: url(/fe/lol-settings/Checkmark.png); } .arrow-footer[version="7.13"] .confirm-button-container button.close.completed[type="back"] .close-icon { background-image: url(/fe/lol-settings/Checkmark.png); } .arrow-footer[version="7.13"] .arrow-footer-decoration { display: flex; position: relative; flex: 1 1 auto; height: 34px; } .basic-footer .confirm-button-container lol-uikit-primary-magic-button, .basic-footer .confirm-button-container lol-uikit-flat-button { text-transform: uppercase; } .basic-footer .confirm-button-container lol-uikit-primary-magic-button:lang(ko-kr), .basic-footer .confirm-button-container lol-uikit-flat-button:lang(ko-kr), .basic-footer .confirm-button-container lol-uikit-primary-magic-button:lang(ja-jp), .basic-footer .confirm-button-container lol-uikit-flat-button:lang(ja-jp), .basic-footer .confirm-button-container lol-uikit-primary-magic-button:lang(tr-tr), .basic-footer .confirm-button-container lol-uikit-flat-button:lang(tr-tr), .basic-footer .confirm-button-container lol-uikit-primary-magic-button:lang(el-gr), .basic-footer .confirm-button-container lol-uikit-flat-button:lang(el-gr), .basic-footer .confirm-button-container lol-uikit-primary-magic-button:lang(th-th), .basic-footer .confirm-button-container lol-uikit-flat-button:lang(th-th), .basic-footer .confirm-button-container lol-uikit-primary-magic-button:lang(zh-tw), .basic-footer .confirm-button-container lol-uikit-flat-button:lang(zh-tw) { text-transform: none; } .basic-footer { padding-left: 34px; padding-right: 35px; } .basic-footer { width: 100%; display: flex; flex-direction: row; justify-content: center; height: 48px; box-sizing: border-box; } .basic-footer .confirm-button-container { position: relative; display: flex; flex-direction: row; justify-content: center; flex-grow: 1; } .basic-footer .confirm-button-container lol-uikit-primary-magic-button, .basic-footer .confirm-button-container lol-uikit-flat-button { display: flex; min-width: 160px; pointer-events: auto; margin-left: 10px; } .basic-footer .confirm-button-container lol-uikit-primary-magic-button:last-child, .basic-footer .confirm-button-container lol-uikit-flat-button:last-child { margin-right: 10px; } .basic-footer .confirm-button-container::after, .basic-footer .confirm-button-container::before { display: flex; border-top: thin solid #785a28; margin-top: 16px; height: 1px; flex-grow: 1; content: " "; } .media-fader { position: absolute; top: 0; } .media-fader .media-fader-asset { -webkit-user-drag: none; } .media-swapper { position: relative; }