X-Git-Url: https://git.yukkurigames.com/?p=pwl6.git;a=blobdiff_plain;f=src%2Fyuu%2Fdata%2Fyuu.css;h=c01dcd8afb444a1025ec86cdb2fa2ced12579d1d;hp=b572735441961a951645b160d6bc20f0b9d8dbd5;hb=1b36f379858d1f88eb709ebdd59465957081c455;hpb=d2962105772fbdc548118bd65cd5bb4934e66085 diff --git a/src/yuu/data/yuu.css b/src/yuu/data/yuu.css index b572735..c01dcd8 100644 --- a/src/yuu/data/yuu.css +++ b/src/yuu/data/yuu.css @@ -1,81 +1,81 @@ /* Copyright 2014 Yukkuri Games Licensed under the terms of the GNU GPL v2 or later - @license http://www.gnu.org/licenses/gpl-2.0.html - @source: http://yukkurigames.com/yuu/ + @license https://www.gnu.org/licenses/gpl-2.0.html + @source: https://yukkurigames.com/yuu/ */ @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); @@ -196,6 +196,10 @@ pre#yuu-licensing { -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; } +noscript .yuu-overlay { + display: block; +} + /* Overlays are focusable but should not show it - they are always somewhere in the event tree when visible. */ .yuu-overlay:focus { @@ -229,12 +233,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 +283,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] { @@ -293,6 +298,7 @@ input[type=checkbox][data-yuu-command]:focus + label[for] { input[type=range][data-yuu-command] { -webkit-appearance: none; background-color: gray; + width: 95%; } input[type=range][data-yuu-command]::-moz-range-track { @@ -318,11 +324,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 +347,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 +368,7 @@ dt { dd { margin-left: 0; } + +body.standalone .browser, body.browser .standalone { + display: none; +}