*/
@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 {
}
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] {
/* 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;
yuu.downloadURL(
yuu.canvas.toDataURL("image/png"),
document.title + " (" + date + ").png");
- this.toast("\uf030", 0.5, "screenshot");
+ this.toast("📷", 0.5, "screenshot");
} catch (exc) {
var dialog = yuu.showError(exc);
if (dialog)
yuu.defaultKeybinds.bind("f11", "++fullscreen");
yuu.defaultKeybinds.bind("f12", "screenshot");
yuu.defaultKeybinds.bind(
- "control+s", "++mute && toast \uf026 1 mute || toast \uf028 1 mute");
+ "control+s", "++mute && toast 🔈 1 mute || toast 🔊 1 mute");
var director = yuu.director = new yuu.Director();
/** The standard director */