Websites/webkit.org/demos/webgpu/css/style.css

   1 body {
   2     margin: 0;
   3     padding: 0;
   4 }
   5
   6 canvas {
   7     display: block;
   8 }
   9
  10 body.error canvas {
  11     display: none;
  12 }
  13
  14 body.error img {
  15     display: none;
  16 }
  17
  18 body.error input {
  19     display: none;
  20 }
  21
  22 h1 {
  23     font-size: 1.5rem;
  24 }
  25
  26 #container {
  27     position: relative;
  28 }
  29
  30 select {
  31     zoom: 2;
  32 }
  33
  34 div#log {
  35     background-color: rgb(231, 231, 231);
  36     padding: 20px;
  37 }
  38
  39 body.error {
  40     display: flex;
  41     align-items: center;
  42     justify-content: center;
  43     background-color: rgb(85%, 35%, 35%);
  44 }
  45
  46 body.error #contents {
  47     display: none;
  48 }
  49
  50 #error {
  51     margin: 0;
  52     padding: 0;
  53     width: 50vw;
  54     display: none;
  55     text-align: center;
  56 }
  57
  58 @media (max-width: 480px) {
  59     #error {
  60         width: 100vw;
  61     }
  62 }
  63
  64 body.error #error {
  65     display: block;
  66 }
  67
  68 #error h2 {
  69     font-weight: bold;
  70     font-size: 40px;
  71     margin-bottom: 20px;
  72 }
  73
  74 #error p {
  75     font-size: 30px;
  76 }
  77