-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathstyle.css
179 lines (179 loc) · 26 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
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
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
@font-face{font-family:'FontAwesome';src:url('font/fontawesome-webfont.eot');src:url('font/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),url('font/fontawesome-webfont.woff') format('woff'),url('font/fontawesome-webfont.ttf') format('truetype'),url('font/fontawesome-webfont.svgz#FontAwesomeRegular') format('svg'),url('font/fontawesome-webfont.svg#FontAwesomeRegular') format('svg');font-weight:normal;font-style:normal;}[class^="icon-"]:before,[class*=" icon-"]:before{font-family:FontAwesome;font-weight:normal;font-style:normal;display:inline-block;border:0px;}
.icon-large:before{font-size:1.3333333333333333em;}
.btn [class^="icon-"],.btn [class*=" icon-"]{line-height:.9em;border:0px;}
li [class^="icon-"],li [class*=" icon-"]{display:inline-block;width:1.25em;text-align:center;}
li .icon-large[class^="icon-"],li .icon-large[class*=" icon-"]{width:1.875em;}
li[class^="icon-"],li[class*=" icon-"]{margin-left:0;list-style-type:none;}li[class^="icon-"]:before,li[class*=" icon-"]:before{text-indent:-2em;text-align:center;}
li[class^="icon-"].icon-large:before,li[class*=" icon-"].icon-large:before{text-indent:-1.3333333333333333em;}
.icon-glass:before{content:"\f000";}
.icon-music:before{content:"\f001";}
.icon-search:before{content:"\f002";}
.icon-envelope:before{content:"\f003";}
.icon-heart:before{content:"\f004";}
.icon-star:before{content:"\f005";}
.icon-star-empty:before{content:"\f006";}
.icon-user:before{content:"\f007";}
.icon-film:before{content:"\f008";}
.icon-th-large:before{content:"\f009";}
.icon-th:before{content:"\f00a";}
.icon-th-list:before{content:"\f00b";}
.icon-ok:before{content:"\f00c";}
.icon-remove:before{content:"\f00d";}
.icon-zoom-in:before{content:"\f00e";}
.icon-zoom-out:before{content:"\f010";}
.icon-off:before{content:"\f011";}
.icon-signal:before{content:"\f012";}
.icon-cog:before{content:"\f013";}
.icon-trash:before{content:"\f014";}
.icon-home:before{content:"\f015";}
.icon-file:before{content:"\f016";}
.icon-time:before{content:"\f017";}
.icon-road:before{content:"\f018";}
.icon-download-alt:before{content:"\f019";}
.icon-download:before{content:"\f01a";}
.icon-upload:before{content:"\f01b";}
.icon-inbox:before{content:"\f01c";}
.icon-play-circle:before{content:"\f01d";}
.icon-repeat:before{content:"\f01e";}
.icon-refresh:before{content:"\f021";}
.icon-list-alt:before{content:"\f022";}
.icon-lock:before{content:"\f023";}
.icon-flag:before{content:"\f024";}
.icon-headphones:before{content:"\f025";}
.icon-volume-off:before{content:"\f026";}
.icon-volume-down:before{content:"\f027";}
.icon-volume-up:before{content:"\f028";}
.icon-qrcode:before{content:"\f029";}
.icon-barcode:before{content:"\f02a";}
.icon-tag:before{content:"\f02b";}
.icon-tags:before{content:"\f02c";}
.icon-book:before{content:"\f02d";}
.icon-bookmark:before{content:"\f02e";}
.icon-print:before{content:"\f02f";}
.icon-camera:before{content:"\f030";}
.icon-font:before{content:"\f031";}
.icon-bold:before{content:"\f032";}
.icon-italic:before{content:"\f033";}
.icon-text-height:before{content:"\f034";}
.icon-text-width:before{content:"\f035";}
.icon-align-left:before{content:"\f036";}
.icon-align-center:before{content:"\f037";}
.icon-align-right:before{content:"\f038";}
.icon-align-justify:before{content:"\f039";}
.icon-list:before{content:"\f03a";}
.icon-indent-left:before{content:"\f03b";}
.icon-indent-right:before{content:"\f03c";}
.icon-facetime-video:before{content:"\f03d";}
.icon-picture:before{content:"\f03e";}
.icon-pencil:before{content:"\f040";}
.icon-map-marker:before{content:"\f041";}
.icon-adjust:before{content:"\f042";}
.icon-tint:before{content:"\f043";}
.icon-edit:before{content:"\f044";}
.icon-share:before{content:"\f045";}
.icon-check:before{content:"\f046";}
.icon-move:before{content:"\f047";}
.icon-step-backward:before{content:"\f048";}
.icon-fast-backward:before{content:"\f049";}
.icon-backward:before{content:"\f04a";}
.icon-play:before{content:"\f04b";}
.icon-pause:before{content:"\f04c";}
.icon-stop:before{content:"\f04d";}
.icon-forward:before{content:"\f04e";}
.icon-fast-forward:before{content:"\f050";}
.icon-step-forward:before{content:"\f051";}
.icon-eject:before{content:"\f052";}
.icon-chevron-left:before{content:"\f053";}
.icon-chevron-right:before{content:"\f054";}
.icon-plus-sign:before{content:"\f055";}
.icon-minus-sign:before{content:"\f056";}
.icon-remove-sign:before{content:"\f057";}
.icon-ok-sign:before{content:"\f058";}
.icon-question-sign:before{content:"\f059";}
.icon-info-sign:before{content:"\f05a";}
.icon-screenshot:before{content:"\f05b";}
.icon-remove-circle:before{content:"\f05c";}
.icon-ok-circle:before{content:"\f05d";}
.icon-ban-circle:before{content:"\f05e";}
.icon-arrow-left:before{content:"\f060";}
.icon-arrow-right:before{content:"\f061";}
.icon-arrow-up:before{content:"\f062";}
.icon-arrow-down:before{content:"\f063";}
.icon-share-alt:before{content:"\f064";}
.icon-resize-full:before{content:"\f065";}
.icon-resize-small:before{content:"\f066";}
.icon-plus:before{content:"\f067";}
.icon-minus:before{content:"\f068";}
.icon-asterisk:before{content:"\f069";}
.icon-exclamation-sign:before{content:"\f06a";}
.icon-gift:before{content:"\f06b";}
.icon-leaf:before{content:"\f06c";}
.icon-fire:before{content:"\f06d";}
.icon-eye-open:before{content:"\f06e";}
.icon-eye-close:before{content:"\f070";}
.icon-warning-sign:before{content:"\f071";}
.icon-plane:before{content:"\f072";}
.icon-calendar:before{content:"\f073";}
.icon-random:before{content:"\f074";}
.icon-comment:before{content:"\f075";}
.icon-magnet:before{content:"\f076";}
.icon-chevron-up:before{content:"\f077";}
.icon-chevron-down:before{content:"\f078";}
.icon-retweet:before{content:"\f079";}
.icon-shopping-cart:before{content:"\f07a";}
.icon-folder-close:before{content:"\f07b";}
.icon-folder-open:before{content:"\f07c";}
.icon-resize-vertical:before{content:"\f07d";}
.icon-resize-horizontal:before{content:"\f07e";}
.icon-bar-chart:before{content:"\f080";}
.icon-twitter-sign:before{content:"\f081";}
.icon-facebook-sign:before{content:"\f082";}
.icon-camera-retro:before{content:"\f083";}
.icon-key:before{content:"\f084";}
.icon-cogs:before{content:"\f085";}
.icon-comments:before{content:"\f086";}
.icon-thumbs-up:before{content:"\f087";}
.icon-thumbs-down:before{content:"\f088";}
.icon-star-half:before{content:"\f089";}
.icon-heart-empty:before{content:"\f08a";}
.icon-signout:before{content:"\f08b";}
.icon-linkedin-sign:before{content:"\f08c";}
.icon-pushpin:before{content:"\f08d";}
.icon-external-link:before{content:"\f08e";}
.icon-signin:before{content:"\f090";}
.icon-trophy:before{content:"\f091";}
.icon-github-sign:before{content:"\f092";}
.icon-upload-alt:before{content:"\f093";}
.icon-lemon:before{content:"\f094";}
.noise,.noise-light,.noise-heavy{position:relative;z-index:1;}
.noise:before,.body-noise:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background-image:url(test.svg);}
.noise-light:before{content:"";position:absolute;z-index:-1;overflow:hidden;top:0;bottom:0;left:0;right:0;background-image:url(noise-light.svg);}
.noise-heavy:before{content:"";position:absolute;z-index:-1;overflow:hidden;top:0;bottom:0;left:0;right:0;background-image:url(noise-heavy.svg);}
.btn{display:inline-block;line-height:2em;padding:0 2em 0 1.75em;margin:0 0.5em 0 0;color:#fff;position:relative;text-decoration:none;border:1px solid rgba(0, 0, 0, 0.6);font-size:1em;background-color:rgba(0, 0, 0, 0.1);-webkit-box-shadow:inset 0 1px 0px 0px rgba(255, 255, 255, 0.05) , inset 0 -1px 0 0 rgba(0, 0, 0, 0.2) , 0px 1px 0px rgba(255, 255, 255, 0.05);-moz-box-shadow:inset 0 1px 0px 0px rgba(255, 255, 255, 0.05) , inset 0 -1px 0 0 rgba(0, 0, 0, 0.2) , 0px 1px 0px rgba(255, 255, 255, 0.05);box-shadow:inset 0 1px 0px 0px rgba(255, 255, 255, 0.05) , inset 0 -1px 0 0 rgba(0, 0, 0, 0.2) , 0px 1px 0px rgba(255, 255, 255, 0.05);-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-top-left-radius:5px;-moz-border-radius-topright:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;-moz-border-radius-topleft:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;border-top-left-radius:5px;background:rgba(255, 255, 255, 0.1);background:-webkit-gradient(linear, left top, left top, from(#4e4b49), to(#353532));background:-moz-linear-gradient(top, #4e4b49, #353532);background:-webkit-linear-gradient(top, #4e4b49 0%, #353532 100%);background:-o-linear-gradient(top, #4e4b49 0%, #353532 100%);background:-ms-linear-gradient(top, #4e4b49 0%, #353532 100%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#4e4b49,endColorstr=#353532);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#4e4b49,endColorstr=#353532)";background:linear-gradient(top, #4e4b49 0%, #353532 100%);text-shadow:0 1px 0 rgba(0, 0, 0, 0.66);background-clip:padding-box;-moz-background-clip:padding;-webkit-background-clip:padding-box;}.btn[data-bubble]:after{content:attr(data-bubble);position:absolute;top:-0.85em;right:0em;z-index:99999;width:1.5em;height:1.5em;line-height:1.5em;text-align:center;font-weight:bold;color:#333;text-shadow:0px 1px 0px rgba(255, 255, 255, 0.2);-webkit-box-shadow:inset 0px 1px 0px rgba(255, 255, 255, 0.5) , 0px 1px 1px rgba(0, 0, 0, 0.75);-moz-box-shadow:inset 0px 1px 0px rgba(255, 255, 255, 0.5) , 0px 1px 1px rgba(0, 0, 0, 0.75);box-shadow:inset 0px 1px 0px rgba(255, 255, 255, 0.5) , 0px 1px 1px rgba(0, 0, 0, 0.75);-webkit-border-top-right-radius:4em;-webkit-border-bottom-right-radius:4em;-webkit-border-bottom-left-radius:4em;-webkit-border-top-left-radius:4em;-moz-border-radius-topright:4em;-moz-border-radius-bottomright:4em;-moz-border-radius-bottomleft:4em;-moz-border-radius-topleft:4em;border-top-right-radius:4em;border-bottom-right-radius:4em;border-bottom-left-radius:4em;border-top-left-radius:4em;background-image:-webkit-linear-gradient(top, #feda71, #feba48);background-image:-moz-linear-gradient(top, #feda71, #feba48);background-image:-o-linear-gradient(top, #feda71, #feba48);background-image:-ms-linear-gradient(top, #feda71, #feba48);background-image:linear-gradient(top, #feda71, #feba48);filter:progid:dximagetransform.microsoft.gradient(GradientType=0, StartColorStr='#feda71', EndColorStr='#feba48');border:1px solid #dea94f;}
.btn i{margin:0 0.5em 0 0;color:rgba(0, 0, 0, 0.75);text-shadow:0 1px 0 rgba(255, 255, 255, 0.1);}
.btn.active,.btn.active:hover{background:rgba(0, 0, 0, 0.2);background:-webkit-gradient(linear, left top, left top, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.2)));background:-moz-linear-gradient(top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.2));background:-webkit-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.2) 100%);background:-o-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.2) 100%);background:-ms-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.2) 100%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=rgba(0, 0, 0, 0.4),endColorstr=rgba(0, 0, 0, 0.2));-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=rgba(0, 0, 0, 0.4),endColorstr=rgba(0, 0, 0, 0.2))";background:linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.2) 100%);color:#ffcc00;text-shadow:0 1px 0 rgba(0, 0, 0, 0.66);border:1px solid #000;-webkit-box-shadow:inset 0 1px 0 0 rgba(0, 0, 0, 0.3) , 0px 1px 0px rgba(255, 255, 255, 0.075);-moz-box-shadow:inset 0 1px 0 0 rgba(0, 0, 0, 0.3) , 0px 1px 0px rgba(255, 255, 255, 0.075);box-shadow:inset 0 1px 0 0 rgba(0, 0, 0, 0.3) , 0px 1px 0px rgba(255, 255, 255, 0.075);}.btn.active i,.btn.active:hover i{margin:0 0.5em 0 0;color:#ffcc00;text-shadow:0 1px 0 rgba(0, 0, 0, 0.66);}
.btn:hover{color:#ffcc00;}
.multibuttons .btn{-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:0;border-right:0px;margin:0 0 0 0;-webkit-box-shadow:inset 0 1px 0px 0px rgba(255, 255, 255, 0.05) , inset 0 -1px 0 0 rgba(0, 0, 0, 0.2) , 0px 1px 0px rgba(255, 255, 255, 0.05) , inset 1px 0px 0px rgba(255, 255, 255, 0.08);-moz-box-shadow:inset 0 1px 0px 0px rgba(255, 255, 255, 0.05) , inset 0 -1px 0 0 rgba(0, 0, 0, 0.2) , 0px 1px 0px rgba(255, 255, 255, 0.05) , inset 1px 0px 0px rgba(255, 255, 255, 0.08);box-shadow:inset 0 1px 0px 0px rgba(255, 255, 255, 0.05) , inset 0 -1px 0 0 rgba(0, 0, 0, 0.2) , 0px 1px 0px rgba(255, 255, 255, 0.05) , inset 1px 0px 0px rgba(255, 255, 255, 0.08);}.multibuttons .btn:first-child{-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:5px;-webkit-border-top-left-radius:4px;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:5px;-moz-border-radius-topleft:4px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:5px;border-top-left-radius:4px;}
.multibuttons .btn:last-child{-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:0;border-top-left-radius:0;border-right:1px solid rgba(0, 0, 0, 0.5);}
.multibuttons.icons .btn{-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:0;border-right:0px;padding:0 0.5em 0 1em;}.multibuttons.icons .btn:first-child{-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:4px;-webkit-border-top-left-radius:4px;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:4px;-moz-border-radius-topleft:4px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:4px;border-top-left-radius:4px;}
.multibuttons.icons .btn:last-child{-webkit-border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:0;border-top-left-radius:0;border-right:1px solid rgba(0, 0, 0, 0.6);}
.multibuttons.icons .btn:hover i{color:#ffcc00;text-shadow:0 1px 0 #000;}
.multibuttons.icons .wborder{display:inline-block;float:left;margin-left:1em;}.multibuttons.icons .wborder .btn{border-right:0px;border-left:0px;padding:0 .5em;-webkit-box-shadow:inset 0 1px 0px 0px rgba(255, 255, 255, 0.05) , inset 0 -1px 0 0 rgba(0, 0, 0, 0.2) , 0px 1px 0px rgba(255, 255, 255, 0.05) , inset 0px 0px 0px rgba(255, 255, 255, 0.1);-moz-box-shadow:inset 0 1px 0px 0px rgba(255, 255, 255, 0.05) , inset 0 -1px 0 0 rgba(0, 0, 0, 0.2) , 0px 1px 0px rgba(255, 255, 255, 0.05) , inset 0px 0px 0px rgba(255, 255, 255, 0.1);box-shadow:inset 0 1px 0px 0px rgba(255, 255, 255, 0.05) , inset 0 -1px 0 0 rgba(0, 0, 0, 0.2) , 0px 1px 0px rgba(255, 255, 255, 0.05) , inset 0px 0px 0px rgba(255, 255, 255, 0.1);}.multibuttons.icons .wborder .btn:first-child{border-left:1px solid rgba(0, 0, 0, 0.6);padding-left:1.5em;}
.multibuttons.icons .wborder .btn:last-child{border-right:1px solid rgba(0, 0, 0, 0.6);padding-right:1.25em;}
.multibuttons.icons .wborder .btn:hover{color:#ffcc00;}
.dropdown-btn .btn{padding:0 4em 0 2em;}.dropdown-btn .btn i{position:absolute;right:0;top:0;padding:;display:block;height:100%;width:2em;margin:0;border-left:1px solid rgba(0, 0, 0, 0.5);text-align:center;line-height:2em;}
.switch{margin-left:1em;}.switch .btn{-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:0;border-right:0px;padding:0 0.5em 0 1em;margin:0 0 0 0;}.switch .btn i{color:#ffcc00;text-shadow:0 1px 0 #000;}
.switch .btn:first-child{-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:4px;-webkit-border-top-left-radius:4px;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:4px;-moz-border-radius-topleft:4px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:4px;border-top-left-radius:4px;}
.switch .btn:last-child{-webkit-border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:0;border-top-left-radius:0;border-right:1px solid rgba(0, 0, 0, 0.6);}
.switch .btn.inactive{background:rgba(0, 0, 0, 0.2);background:-webkit-gradient(linear, left top, left top, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.2)));background:-moz-linear-gradient(top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.2));background:-webkit-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.2) 100%);background:-o-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.2) 100%);background:-ms-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.2) 100%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=rgba(0, 0, 0, 0.4),endColorstr=rgba(0, 0, 0, 0.2));-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=rgba(0, 0, 0, 0.4),endColorstr=rgba(0, 0, 0, 0.2))";background:linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.2) 100%);color:#999;text-shadow:0 1px 0 rgba(0, 0, 0, 0.66);border:1px solid #000;-webkit-box-shadow:inset 0 1px 0 0 rgba(0, 0, 0, 0.3) , 0px 1px 0px rgba(255, 255, 255, 0.05);-moz-box-shadow:inset 0 1px 0 0 rgba(0, 0, 0, 0.3) , 0px 1px 0px rgba(255, 255, 255, 0.05);box-shadow:inset 0 1px 0 0 rgba(0, 0, 0, 0.3) , 0px 1px 0px rgba(255, 255, 255, 0.05);}.switch .btn.inactive i{margin:0 0.5em 0 0;color:#999;text-shadow:0 1px 0 rgba(0, 0, 0, 0.66);}
.input{display:inline-block;line-height:2em;padding:0px 1.25em 0 1em;margin:0 0.5em 0 0;text-decoration:none;font-size:1em;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-top-left-radius:5px;-moz-border-radius-topright:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;-moz-border-radius-topleft:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;border-top-left-radius:5px;background:rgba(0, 0, 0, 0.5);background:-webkit-gradient(linear, left top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.3)));background:-moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.3));background:-webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.3) 100%);background:-o-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.3) 100%);background:-ms-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.3) 100%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=rgba(0, 0, 0, 0.5),endColorstr=rgba(0, 0, 0, 0.3));-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=rgba(0, 0, 0, 0.5),endColorstr=rgba(0, 0, 0, 0.3))";background:linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.3) 100%);color:#ffcc00;margin:0 1em 0 0;width:140px;float:left;text-shadow:0 1px 0 rgba(0, 0, 0, 0.9);border:1px solid #000;-webkit-box-shadow:inset 0 1px 0 0 rgba(0, 0, 0, 0.9) , inset 0 -1px 0 0 rgba(0, 0, 0, 0.2) , 0px 1px 0px rgba(255, 255, 255, 0.1);-moz-box-shadow:inset 0 1px 0 0 rgba(0, 0, 0, 0.9) , inset 0 -1px 0 0 rgba(0, 0, 0, 0.2) , 0px 1px 0px rgba(255, 255, 255, 0.1);box-shadow:inset 0 1px 0 0 rgba(0, 0, 0, 0.9) , inset 0 -1px 0 0 rgba(0, 0, 0, 0.2) , 0px 1px 0px rgba(255, 255, 255, 0.1);background-clip:padding-box;-moz-background-clip:padding;-webkit-background-clip:padding-box;}.input i{margin:0 0.5em 0 0;}
.input::-webkit-input-placeholder{color:#444;text-shadow:0 1px 0 #000;}
.input:-moz-placeholder{color:#444;text-shadow:0 1px 0 #000;}
.search{float:none;display:inline-block;position:relative;color:#ffcc00;text-shadow:0 1px 0 #000;}.search .input{float:none;margin:0 0 0 0;}
.search .searchicon{position:absolute;top:0.32em;right:0.3em;font-size:1em;color:#333;width:1.25em;height:1.35em;padding:0.15em 0 0.1em 0.4em;display:block;border:1px solid #111;-webkit-box-shadow:inset 0 1px 0px 0px rgba(255, 255, 255, 0.1) , inset 0 -1px 0 0 rgba(0, 0, 0, 0.2);-moz-box-shadow:inset 0 1px 0px 0px rgba(255, 255, 255, 0.1) , inset 0 -1px 0 0 rgba(0, 0, 0, 0.2);box-shadow:inset 0 1px 0px 0px rgba(255, 255, 255, 0.1) , inset 0 -1px 0 0 rgba(0, 0, 0, 0.2);-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-top-left-radius:5px;-moz-border-radius-topright:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;-moz-border-radius-topleft:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;border-top-left-radius:5px;background:rgba(255, 255, 255, 0.1);background:-webkit-gradient(linear, left top, left top, from(#4e4b49), to(#353532));background:-moz-linear-gradient(top, #4e4b49, #353532);background:-webkit-linear-gradient(top, #4e4b49 0%, #353532 100%);background:-o-linear-gradient(top, #4e4b49 0%, #353532 100%);background:-ms-linear-gradient(top, #4e4b49 0%, #353532 100%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#4e4b49,endColorstr=#353532);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#4e4b49,endColorstr=#353532)";background:linear-gradient(top, #4e4b49 0%, #353532 100%);text-shadow:0 1px 0 rgba(255, 255, 255, 0.66);background-clip:padding-box;-moz-background-clip:padding;-webkit-background-clip:padding-box;z-index:999;}.search .searchicon i{color:rgba(0, 0, 0, 0.75);text-shadow:0 1px 0 rgba(255, 255, 255, 0.2);}
.search .searchicon i{margin:0 auto 0;line-height:1.4em;}
.slider{position:relative;margin-left:1em;}.slider .radial{line-height:1.6em;width:1.2em;height:1.2em;z-index:50;cursor:pointer;border-radius:0.6em;background-color:#666;border:rgba(0, 0, 0, 0.3) 1px solid;border-top-color:rgba(0, 0, 0, 0.1);border-left-color:rgba(0, 0, 0, 0.2);border-right-color:rgba(0, 0, 0, 0.2);border-bottom-color:rgba(0, 0, 0, 0.3);background-image: -webkit-radial-gradient(50% 50%, 9% 50%, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%), -webkit-radial-gradient(50% 100%, 11% 50%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%), -webkit-radial-gradient(0% 50%, 50% 9%, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%), -webkit-radial-gradient(100% 50%, 50% 11%, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%), -webkit-repeating-radial-gradient(50% 50%, 100% 100%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 3%, rgba(0, 0, 0, 0.1) 2.5%),-webkit-repeating-radial-gradient(50% 50%, 100% 100%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 6%, rgba(255, 255, 255, 0.1) 7.3%),-webkit-repeating-radial-gradient(50% 50%, 100% 100%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1.2%, rgba(255, 255, 255, 0.2) 2.1%), -webkit-radial-gradient(50% 50%, 150% 50%, rgba(255, 255, 255, 0.8) 9%, rgba(255, 255, 255, 0.66) 32%, rgba(153, 153, 153, 0.66) 100%);}
.slider .slider-base{height:0.4em;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-top-left-radius:5px;-moz-border-radius-topright:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;-moz-border-radius-topleft:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;border-top-left-radius:5px;background:rgba(0, 0, 0, 0.5);background:-webkit-gradient(linear, left top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.3)));background:-moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.3));background:-webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.3) 100%);background:-o-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.3) 100%);background:-ms-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.3) 100%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=rgba(0, 0, 0, 0.5),endColorstr=rgba(0, 0, 0, 0.3));-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=rgba(0, 0, 0, 0.5),endColorstr=rgba(0, 0, 0, 0.3))";background:linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.3) 100%);border:1px solid #000;text-indent:-9999px;position:absolute;left:0;top:0.9em;width:5em;-webkit-box-shadow:0 1px 0 0 rgba(255, 255, 255, 0.08);-moz-box-shadow:0 1px 0 0 rgba(255, 255, 255, 0.08);box-shadow:0 1px 0 0 rgba(255, 255, 255, 0.08);}.slider .slider-base .knob{border:1px solid #000;position:absolute;left:3em;top:-0.5em;-webkit-box-shadow:inset 0 1px 0px 0px rgba(255, 255, 255, 0.5) , inset 0 -1px 0 0 rgba(0, 0, 0, 0.2) , 0 3px 1px 0 rgba(0, 0, 0, 0.25);-moz-box-shadow:inset 0 1px 0px 0px rgba(255, 255, 255, 0.5) , inset 0 -1px 0 0 rgba(0, 0, 0, 0.2) , 0 3px 1px 0 rgba(0, 0, 0, 0.25);box-shadow:inset 0 1px 0px 0px rgba(255, 255, 255, 0.5) , inset 0 -1px 0 0 rgba(0, 0, 0, 0.2) , 0 3px 1px 0 rgba(0, 0, 0, 0.25);}
.bleed{background-clip:padding-box;-moz-background-clip:padding;-webkit-background-clip:padding-box;}
body{background-color:#21201B;}
.frame{margin:100px auto 0;width:400px;font-size:12px;font-family:helvetica;}.frame .buttons,.frame .multibuttons,.frame .inputs,.frame .dropdown{padding:0.5em 0;display:inline-block;}