/* 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 {
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);
-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 {
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,
}
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] {
input[type=range][data-yuu-command] {
-webkit-appearance: none;
background-color: gray;
+ width: 95%;
}
input[type=range][data-yuu-command]::-moz-range-track {
/* 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 {
}
.yuu-spinner:after {
- content: "◔";
+ content: "\1f501";
-webkit-animation: spin 1s linear infinite;
-moz-animation: spin 1s linear infinite;
animation: spin 1s linear infinite;
dd {
margin-left: 0;
}
+
+body.standalone .browser, body.browser .standalone {
+ display: none;
+}