GameLife/style.css at master · IgorShkidchenko/GameLife · 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

#container {
  width: 840px;
  height: 718px;
  border: solid gray 1px;
  margin-left: 15px;
  margin-top: 20px;
  display: flex;
  justify-content: flex-end;
  box-shadow: inset 2px 2px 2px -1px rgba(89,87,89,0.5);
}

#can {
  width: 700px;
  height: 700px;
  border: solid gray 1px;
  margin: 8px 8px 0px 5px;
}

#buttons {
  display: flex;
  flex-direction: column;
}

button {
  margin-top: 10px;
  width: 120px;
  height: 25px;
  border: 0.2px solid gray;
}

/* The Modal (background) */
.modal {
   display: none; /* Hidden by default */
   position: fixed; /* Stay in place */
   z-index: 1; /* Sit on top */
   left: 0;
   top: 0;
   width: 100%; /* Full width */
   height: 100%; /* Full height */
   overflow: auto; /* Enable scroll if needed */
   background-color: rgb(252, 248, 255); /* Fallback color */
   background-color: rgba(252, 248, 255,0.35); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
   color: #404040;
   font-weight: bold;
   text-align: center;
   background-color: #eaecec;
   margin: 20% auto; /* 15% from the top and centered */
   padding: 20px;
   border: 1px solid #595959;
   width: 25%; /* Could be more or less, depending on screen size */
   height: 50%;
}

/* The Close Button */
.close {
   color: #aaa;
   float: right;
   font-size: 28px;
   font-weight: bold;
   margin-right: -20px;
   margin-top: -25px;
}

.close:hover,
.close:focus {
   color: black;
   text-decoration: none;
   cursor: pointer;
}