[WebGPU] Fix up demos on and add compute demo to webkit.org/demos
[WebKit-https.git] / 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