Audio-Math/landscape.css at master · xkhanhs/Audio-Math · 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
#title {
	font-size: 6vh;
}
td img {
    width: 24.5vh;
}
#text-of-calculation {
	width: 14vh;
	top: 50%;
	transform: translateY(-50%);
    right: 4vh;
    font-size: 7vh;
}
#engine-button {
	bottom: 4vh;
	left: 4vh;
}
.btn-standard {
	font-size: 7vh;
	padding: 1vh 3vh;
	cursor: pointer;
}
#navigation {
	padding: 4vh;
}
.nav-item input, .nav-item select {
	margin-bottom: 32px;
}
label[for="nav-trigger"] {
	top: 4vh;
	left: 4vh;
	width: 10vh;
	height: 10vh;
}
#nav-trigger:checked + label {
	left: 67vh;
}
#nav-trigger:checked ~ #site-wrap {
	left: 63vh;
}
#nav-trigger + label, #site-wrap {
	transition: left 0.2s;
}
.nav-item label, .nav-item p, .nav-item span.range-label  {
	width: 55vh;
	color: #fff;
	font-size: 5vh;
	font-weight: 700;
}
.nav-item input, .nav-item select {
	display: block;
    width: 55vh!important;
	font-size: 5vh;
    border: 0;
    border-radius: 4px;
}
input[type=range].slider::-webkit-slider-runnable-track, .nav-item input, .nav-item select {
	height: 8vh;
}
input[type=range].slider::-webkit-slider-thumb {
	height: 8vh;
	width: 6vh;
}
@media (min-width:961px) {
	td img {
		width: 24.33333vh;
	}
	.btn-standard:hover {
		color: #000;
		background: #604e06;
	}
	.btn-standard[disabled]:hover {
		color: #000;
		background: #111;
	}
	.nav-item input, .nav-item select {
		margin-bottom: 8px;
	}
	#nav-trigger:checked + label {
		left: 35vh;
	}
	#nav-trigger:checked ~ #site-wrap {
		left: 31vh;
	}
	.nav-item label, .nav-item p, .nav-item span.range-label{
		width: 23vh;
		font-size: 2.5vh;
	}
	.nav-item input, .nav-item select {
		width: 23vh!important;
		font-size: 2.5vh;
	}
	input[type=range].slider::-webkit-slider-runnable-track, .nav-item input, .nav-item select {
		height: 4vh;
	}
	input[type=range].slider::-webkit-slider-thumb {
		height: 4vh;
		width: 2.67vh;
	}
}