Update URLs - mostly s/http/https/, a few moved.

[pwl6.git] / src / yuu / data / yuu.css

diff --git a/src/yuu/data/yuu.css b/src/yuu/data/yuu.css
index b572735..c01dcd8 100644 (file)
--- 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;
+}