base.css in shining-1.1.5

- old
+ new

@@ -2,21 +2,21 @@
 ----------------------------------------------------------------------------------------- */
 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
 margin : 0; padding : 0; border : 0; outline : 0; font-size : 100%; vertical-align : baseline; background : transparent; }
 body { line-height : 1; }
 ol, ul { list-style-type : none; }
-:focus { outline : 0 } 
+:focus { outline : 0 }
 ins { text-decoration : none; }
 del { text-decoration : line-through }
 
-body  { 
+body  {
   font: 12px/1.5 "Lucida Grande", Tahoma, serif;
   overflow: hidden;
   text-align: center;
 }
 
-#stage  { 
+#stage  {
   position: relative;
   display: inline-block;
   padding: 40px 20px;
   max-width: 90%;
   text-align: left;
@@ -38,9 +38,22 @@
 
 #stage > * { text-rendering: optimizeLegibility }
 a          { cursor: pointer }
 
 div.slice { position: absolute; display: block; width: 0; top: -10px; bottom: -10px }
+
+#help {
+  display: inline-block;
+  font-size: 200%;
+  opacity: 0;
+  position: fixed;
+  right: 10px;
+  top: 10px;
+  background-color: #000;
+  background-color: rgba(0, 0, 0, 0.2);
+  color: #fff;
+  padding: 10px;
+}
 
 @media all and (min-width: 480px)   { #stage  { font-size: 80% } }
 @media all and (min-width: 640px)   { #stage  { font-size: 100% } }
 @media all and (min-width: 800px)   { #stage  { font-size: 130% } }
 @media all and (min-width: 1024px)  { #stage  { font-size: 160% } }
\ No newline at end of file