jsBlocks/style.css at master · Maxeh/jsBlocks · 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
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
@charset "utf-8";

* {
	padding:0;
 	margin:0;
	color:grey;
	cursor:default;
}
hr {
	border: none;
	border-top: 1px solid #5649ff;
	background-color: #F5F5F5;
	height: 1px;
}
html { background:url(Bilder/html-bg.png); }
#wrapper {
	position:absolute;
	top:100px;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	width:696px;
	height:630px;
}
#tetris-wrapper {
	position:absolute;
	overflow:hidden;
	box-sizing:border-box;
	width:451px;
	height:571px;
	background:url(Bilder/bg.png);
	border:1px solid #5649ff;
}
#info-wrapper {
	position:absolute;
	color:#5649ff;
	box-sizing:border-box;
	left:455px;
	width:242px;
	height:240px;
	padding:10px;
	background:url(Bilder/bg.png);
	border:1px solid #5649ff;
	font-family:Consolas, "Courier New", monospace;
}
#info-wrapper #tetris-caption {
	text-align:center;
	font-size:32px;
	border:1px solid #5649ff;
	border-radius:40px;
}
#info-wrapper table {
	position:absolute;
	top:143px;
}
#info-wrapper td:first-child { padding-right:30px; }
#info-wrapper td {
	padding-top:4px;
	padding-bottom:4px;
	color:#5649ff;
}
#settings-wrapper {
	position:absolute;
	color:#5649ff;
	box-sizing:border-box;
	width:242px;
	height:326px;
	top:245px;
	left:455px;
	padding:10px;
	background:url(Bilder/bg.png);
	border:1px solid #5649ff;
	font-family:Consolas, "Courier New", monospace;
}
#start-button, #pause-button {
	position:relative;
	top:576px;
	padding:7px 10px;
	border:1px solid #5649ff;
	background:url(Bilder/bg.png);
	color:black;
	cursor:pointer;
	outline:none;
	color:#5649ff;
}
#start-button.disabled, #pause-button.disabled {
	color:#666;
}
#control, #level {
	margin:15px 0px;
}
#control-select { width:100% }
input[type="radio"], input[type="checkbox"] {
	margin:7px 5px;
	outline:none;
}
.box, .box2, .nextBox {
	position: absolute;
	border:1px solid black;
	width:29px;
	height:29px;
}
#game-over {
	position:absolute;
	z-index:2;
	left:100px;
	top:100px;
	width:250px;
	height:100px;
	background:#F3F3F3;
	border:1px solid #5649ff;
	border-radius:5px;
	box-shadow:0 0 100px;
}
#game-over-caption {
	display:block;
	position:absolute;
	top:37px;
	width:100%;
	text-align:center;
	font-size:26px;
	color: #5649ff;
	font-family:Consolas, "Courier New", monospace;
}