style/mandelbrot.css

   1 /* This Source Code Form is subject to the terms of the Mozilla Public
   2  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
   3  * You can obtain one at http://mozilla.org/MPL/2.0/. */
   4
   5 body {
   6   font-family: sans-serif;
   7   background-color: #222222;
   8   color: #FFFFFF;
   9 }
  10
  11 h1 {
  12   display: none;
  13 }
  14
  15 #overlayArea {
  16   position: absolute;
  17 }
  18
  19 #overlayArea:-moz-system-metric(touch-enabled) {
  20   font-size: 3mozmm;
  21 }
  22
  23 #overlayArea input[type="button"]:-moz-system-metric(touch-enabled),
  24 #overlayArea select:-moz-system-metric(touch-enabled) {
  25   font-size: 3mozmm;
  26 }
  27
  28 #settings {
  29   display: none;
  30   background-color: rgba(255, 255, 255, .8);
  31   color: #000000;
  32   border-radius: 3px;
  33   border: 1px solid #FFFFFF;
  34 }
  35
  36 #settings > legend {
  37   background-color: #FFFFFF;
  38   color: #000000;
  39   border-radius: 3px;
  40 }
  41
  42 #mainArea {
  43   text-align: center;
  44   margin: 1em 0;
  45 }
  46
  47 #mbrotImage {
  48   background-color: #444444;
  49 }
  50
  51 @media screen and (max-width: 500px) {
  52   body {
  53     font-size: 10px;
  54   }
  55 }