X-Git-Url: https://git.yukkurigames.com/?p=pwl6.git;a=blobdiff_plain;f=src%2Fyuu%2Fdata%2Fyuu.css;h=4e2eb23cfb32720356173d26a581eb1f206b0113;hp=b572735441961a951645b160d6bc20f0b9d8dbd5;hb=5b542bda6765c3dc032990f18ea86958b9e9ece6;hpb=d2962105772fbdc548118bd65cd5bb4934e66085 diff --git a/src/yuu/data/yuu.css b/src/yuu/data/yuu.css index b572735..4e2eb23 100644 --- a/src/yuu/data/yuu.css +++ b/src/yuu/data/yuu.css @@ -5,77 +5,77 @@ */ @font-face { - font-family: 'FontAwesome'; - src: url('../../ext/font-awesome.woff') format('woff'); - font-weight: normal; - font-style: normal; + font-family: 'Icons'; + src: url('../../ext/fontstandard.woff') format('woff'); + font-weight: normal; + font-style: normal; } @font-face { - font-family: 'Fira Sans'; + font-family: 'Sans'; src: url('../../ext/FiraSans-UltraLight.woff'); font-weight: 200; font-style: normal; } @font-face { - font-family: 'Fira Sans'; + font-family: 'Sans'; src: url('../../ext/FiraSans-UltraLightItalic.woff'); font-weight: 200; font-style: italic; } @font-face { - font-family: 'Fira Sans'; + font-family: 'Sans'; src: url('../../ext/FiraSans-Regular.woff'); font-weight: 400; font-style: normal; } @font-face { - font-family: 'Fira Sans'; + font-family: 'Sans'; src: url('../../ext/FiraSans-Italic.woff'); font-weight: 400; font-style: italic; } @font-face { - font-family: 'Fira Sans'; + font-family: 'Sans'; src: url('../../ext/FiraSans-Bold.woff'); font-weight: 700; font-style: normal; } @font-face { - font-family: 'Fira Sans'; + font-family: 'Sans'; src: url('../../ext/FiraSans-BoldItalic.woff'); font-weight: 700; font-style: italic; } @font-face { - font-family: 'Fira Mono'; + font-family: 'Mono'; src: url('../../ext/FiraMono-Regular.woff'); font-weight: 400; font-style: normal; } @font-face { - font-family: 'Fira Mono'; + font-family: 'Mono'; src: url('../../ext/FiraMono-Bold.woff'); font-weight: 700; font-style: normal; } pre, tt, code, kbd { - font-family: 'Fira Mono', FontAwesome, monospace; + font-family: Mono, Icons, monospace; } body { overflow: hidden; margin: 0; padding: 0; - font-family: 'Fira Sans', FontAwesome, sans-serif; + font-family: Sans, Icons, sans-serif; } #yuu-canvas { @@ -188,7 +188,7 @@ pre#yuu-licensing { left: 50%; max-height: 80%; overflow: auto; - padding: 0 1em 1em 1em; + padding: 0 2em 1em 2em; position: fixed; transform: translate(-50%, 10vh) scale(1, 1); -webkit-transform: translate(-50%, 10vh) scale(1, 1); @@ -229,12 +229,13 @@ div[data-yuu-command=dismiss] { width: 1.25em; height: 1.25em; text-align: center; - position: fixed; - margin-left: -0.6667em; + margin-left: -1.3333em; + position: sticky; + top: 0; } div[data-yuu-command=dismiss]:after { - content: "\f00d"; + content: "\274c"; } /* Table layout for options screens. In general, two or three columns, @@ -278,11 +279,11 @@ input[type=checkbox][data-yuu-command] + label[for]:before { } input[type=checkbox][data-yuu-command] + label[for]:before { - content: "\f096"; + content: "\2610"; } input[type=checkbox][data-yuu-command]:checked + label[for]:before { - content: "\f046"; + content: "\2611"; } input[type=checkbox][data-yuu-command]:focus + label[for] { @@ -318,11 +319,11 @@ input[type=range][data-yuu-command]::-moz-range-thumb { /* Special-case icons for the mute checkbox. */ input[type=checkbox][data-yuu-command=mute]:checked + label[for]:before { - content: "\f026"; + content: "\1f508"; } input[type=checkbox][data-yuu-command=mute] + label[for]:before { - content: "\f028"; + content: "\1f50a"; } @-moz-keyframes spin { @@ -341,7 +342,7 @@ input[type=checkbox][data-yuu-command=mute] + label[for]:before { } .yuu-spinner:after { - content: "◔"; + content: "\1f501"; -webkit-animation: spin 1s linear infinite; -moz-animation: spin 1s linear infinite; animation: spin 1s linear infinite; @@ -362,3 +363,7 @@ dt { dd { margin-left: 0; } + +body.standalone .browser, body.browser .standalone { + display: none; +}