rsmg/style.css at master · JasonRammoray/rsmg · 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
#main{
	width:800px;
	height:400px;
	position:relative;
	border-radius: 21px;
	background:-webkit-linear-gradient(-181deg,rgba(65, 64, 60, 0.25),rgba(90, 84, 66, 0.53),rgba(78, 76, 71, 0.69),rgba(63, 61, 55, 0.88),#070706);
	background:-ms-linear-gradient(-181deg,rgba(65, 64, 60, 0.25),rgba(90, 84, 66, 0.53),rgba(78, 76, 71, 0.69),rgba(63, 61, 55, 0.88),#070706);
	background:-moz-linear-gradient(-181deg,rgba(65, 64, 60, 0.25),rgba(90, 84, 66, 0.53),rgba(78, 76, 71, 0.69),rgba(63, 61, 55, 0.88),#070706);
	background:-o-linear-gradient(-181deg,rgba(65, 64, 60, 0.25),rgba(90, 84, 66, 0.53),rgba(78, 76, 71, 0.69),rgba(63, 61, 55, 0.88),#070706);
	background:linear-gradient(-181deg,rgba(65, 64, 60, 0.25),rgba(90, 84, 66, 0.53),rgba(78, 76, 71, 0.69),rgba(63, 61, 55, 0.88),#070706);
	border:2px solid #000;
	box-shadow:3px 3px 10px #000;
}
#main, #io{
	border:1px solid #000;
}
#hardlevel, #sequencetype{
	border:1px dashed;
}
#io, #timer, #hardlevel, #generator, #check, #newgame, .message, #sequencetype{
	position:absolute;
}
#io{
	width:443px;
	top:44px;
	left:25px;
}
.sequence.output, .sequence.input{
	background:transparent;
	text-align:center;
}
#timer{
	width:200px;
	height:200px;
	right:50px;
	top:20px;
}
#hardlevel, #sequencetype{
	bottom:40px;
	width:123px;
	height:74px;
}
#hardlevel{
	left:25px;
}
#sequencetype{
	left:165px;
}
#sequencetype div, #hardlevel div{
	color:#9DEC8A;
}
#generator, #check, #newgame{
	bottom:40px;
	width:100px;
	height:60px;
	border:1px solid #000;
	text-align:center;
	line-height:56px;
	font-size:1.3em;
	cursor:pointer;
	color:#FFF;
	border-radius:14px;
	box-shadow:2px 2px #000;
}
#generator, #newgame{
	right:50px;
}
#check{
	right:185px;
	background:#585851;
}
#generator{
	background:#28332E;
}
.sequence{
	display:block;
	width:100%;
	margin:5px auto;
	height:35px;
	font-size:1.4em;
	letter-spacing:2px;
	border:none;
	margin:0 auto;
}
#io.short{
	width:480px;
}
#io.medium{
	width:650px;
}
#io.long{
	width:770px;
}
#main.short{
	width:800px;
}
#main.medium{
	width:945px;
}
#main.long{
	width:1092px;
}
.message{
	top:106px;
	left:25px;
}
.wining{
	color:#4AFF1F;
}
.warning{
	color:#EEFF25;
}
.error{
	color:#FF4522;
}
#check:active, #generator:active{
	bottom:38px;
	box-shadow:1px 1px black;
}