-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathstyle.css
72 lines (58 loc) · 3.03 KB
/
style.css
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
/* Body */
body {
margin: 20px;
padding: 0;
user-select: none;
cursor: default;
background: #103;
overflow-x: hidden
}
* {font-family: Century Gothic}
::selection {background: #AAAACC}
/* Body */
/* Other */
.txta {
width: 99%;
padding: 10px;
outline: none;
text-align: center;
border-radius: 5px;
border: .8px solid #F0F;
background: #FFF;
color: #F0F;
box-shadow: 0 0 5px #F0F;
text-shadow: 0px 0px 1px #707;
resize: none;
overflow-x: hidden;
font-size: 20px;
font-weight: 900;
transition: .8s
}
.txta:focus,
.txta:hover {
border: .8px solid #FFF;
background: #F0F;
color: #FFF;
box-shadow: 0 0 15px #F0F
}
#result {
padding: 10px;
border: 1px solid #80B;
border-radius: 5px;
transition: .2s;
cursor: pointer
}
#result:hover {background: #609}
#result:active {background: #306}
.rn{-webkit-appearance:none;outline:none;border-radius:5px;vertical-align:middle;width:100%;height:12px;box-shadow:inset 0 0 10px #000;background-color:#F0F;transition:.2s}.rn::-moz-range-track{-moz-appearance:none;outline:none;border-radius:5px;vertical-align:middle;width:100%;height:12px;box-shadow:inset 0 0 10px #000;background-color:#F0F;transition:.2s}.rn:active,.rn:focus{-webkit-appearance:none;outline:none;border-radius:5px;vertical-align:middle;width:100%;height:12px;box-shadow:inset 0 0 15px #000;background-color:#F0F}.rn::-moz-range-track:active,.rn::-moz-range-track:focus{-moz-appearance:none;outline:none;border-radius:5px;vertical-align:middle;width:100%;height:12px;box-shadow:inset 0 0 10px #000;background-color:#F0F}.rn::-webkit-slider-thumb{-webkit-appearance:none!important;cursor:e-resize;background:#D0D;box-shadow:inset 0 0 10px #333;border-radius:5px;height:10px;width:25px;transition:.2s}.rn::-moz-range-thumb{-moz-appearance:none;cursor:e-resize;background:#D0D;box-shadow:inset 0 0 10px #333;border-radius:5px;height:10px;width:25px;transition:.2s}.rn::-webkit-slider-thumb:hover{-webkit-appearance:none!important;background:#E0E;box-shadow:inset 0 0 7px #777;border-radius:5px;height:10px;width:25px}.rn::-moz-range-thumb:hover{-moz-appearance:none;background:#E0E;box-shadow:inset 0 0 7px #777;border-radius:5px;height:10px;width:25px}.rn::-webkit-slider-thumb:active{-webkit-appearance:none!important;background:#B0B;box-shadow:inset 0 0 10px #000;border-radius:5px;height:10px;width:25px}.rn::-moz-range-thumb:active{-moz-appearance:none;background:#B0B;box-shadow:inset 0 0 10px #000;border-radius:5px;height:10px;width:25px}
/* Other */
::-webkit-scrollbar {width: 10px}
::-webkit-scrollbar-track {background: #FFF}
::-webkit-scrollbar-track-piece {background: #B0B}
::-webkit-scrollbar-track-piece:active {background: #909}
::-webkit-scrollbar-thumb {background: #F0F}
::-webkit-scrollbar-thumb:hover {background: #F8F}
::-webkit-scrollbar-thumb:active {background: #D5D}
::-webkit-scrollbar-button {background: #F0F}
::-webkit-scrollbar-button:hover {background: #F8F}
::-webkit-scrollbar-button:active {background: #D5D}