dev/main.css at master · JNATION85/dev · 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

body{
  font-family: 'Open Sans', sans-serif;
}
/*Margins*/
.m-top{margin-top: 15px;}
/*Margins end*/
.ns{box-shadow: none!important;border-radius: 0px!important;}
.setting{width: auto!important;min-width: 160px;padding-left: 44px!important;}
.location{    padding-left: 44px!important;}
.play{     min-width: 120px;width: auto!important;   padding-left: 44px!important;}
.pause{     min-width: 140px;width: auto!important;   padding-left: 44px!important;}
.play::before{
content: "\f144";
font-family: "Font Awesome 5 Free";
display: inline-block;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-rendering: auto;
left:23px;
top: 9px;
font-size: 1.3em;
position: absolute;
-webkit-font-smoothing: antialiased;
}
.pause::before{
content: "\f28b";
font-family: "Font Awesome 5 Free";
display: inline-block;
font-style: normal;
top: 9px;
font-size: 1.3em;
font-variant: normal;
font-weight: normal;
text-rendering: auto;
left:23px;
position: absolute;
-webkit-font-smoothing: antialiased;
}
.location::before{
content: "\f3c5";
font-family: "Font Awesome 5 Free";
display: inline-block;
top: 9px;
font-size: 1.3em;
font-style: normal;
font-variant: normal;
text-rendering: auto;
left:23px;
position: absolute;
-webkit-font-smoothing: antialiased;
}
.setting::before{
content: "\f013";
font-family: "Font Awesome 5 Free";
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
left:23px;
top: 9px;
font-size: 1.3em;
position: absolute;
-webkit-font-smoothing: antialiased;
}

.ns:active{top:0!important;}
.green{background-color: #008e49!important;box-shadow: 0 3px 0 0 #015f31;}
.green:hover{background-color: #00784a!important;}
.blue{background-color: #174363!important;box-shadow: 0 3px 0 0 #072d49;}
.blue:hover{background-color: #124d80!important;}
.btn:hover{color: white;}
.btn:active{top: 3px;}
.btn:active:focus{outline: none;}
.btn:focus{ color: white;  outline: none;
  /*box-shadow: 0 0 0 3px #ff9600;
  filter: none;
color: white;*/}
/*.btn:focus{border: 3px solid #fe781f; outline: none!important; box-shadow: none;color: white;}*/
.btn{
position: relative;
padding: 12px 18px;
margin: 0;
color: #fff;
font-size: 1.3em!important;
font-size: 1rem;
font-weight: 600;
border-radius: 2px!important;
display: inline-block;
text-rendering: optimizeLegibility;
width: 100%;
transition: background-color .2s ease-in,color .2s ease-in,border .2s ease-in;
}