DinoGame/index.css at 472bbe990d5c367236b8de91bc4fee0544ef9fca · The-User-Python/DinoGame · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
/* Copyright 2013 The Chromium Authors. All rights reserved.
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file. */

html, body {
  padding: 0;
  margin: 0;
  width: 100%; /* Adjusted to 100% */
  height: 100%;
}

.icon {
  -webkit-user-select: none;
  user-select: none;
  display: inline-block;
}

.icon-online {
  content: -webkit-image-set( url(assets/default_100_percent/100-error-online.png) 1x, url(assets/default_200_percent/200-error-online.png) 2x); /* Updated online icon */
  position: relative;
}

.hidden {
  display: none;
}

/* Offline page */

.offline .interstitial-wrapper {
  color: #6b3b3b;
  font-size: 1.2em; /* Adjusted font size */
  line-height: 1.5;
  margin: 0 auto;
  max-width: 800px; /* Increased max-width */
  padding-top: 100px; /* Adjusted padding */
  width: 90%; /* Adjusted width */
}

.offline .runner-container {
  height: 120px; /* Adjusted height */
  max-width: 800px;
  overflow: hidden;
  position: absolute;
  top: 30px; /* Adjusted top position */
  width: 40px; /* Adjusted width */
}

.offline .runner-canvas {
  height: 120px;
  max-width: 800px;
  opacity: 0.9; /* Adjusted opacity */
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 2;
}

.offline .controller {
  background: rgba(247, 247, 247, .2); /* Adjusted background opacity */
  height: 100vh;
  left: 0;
  position: absolute;
  top: 0;
  width: 100vw;
  z-index: 1;
}

#offline-resources {
  display: block; /* Set to block for visibility */
}

@media (max-width: 480px) {
  .suggested-left > #control-buttons, .suggested-right > #control-buttons {
    float: left; /* Adjusted float property */
  }
  .snackbar {
    position: fixed; /* Adjusted position */
    left: 0;
    bottom: 10px; /* Adjusted bottom position */
    width: 100%;
    border-radius: 5px; /* Added border-radius */
  }
}

/* Add more media queries and modifications as needed */