├── .gitattributes
├── .gitignore
├── css
├── m-buttons.css
├── m-buttons.min.css
├── m-forms.css
├── m-forms.min.css
├── m-icons.css
├── m-icons.min.css
├── m-normalize.css
├── m-normalize.min.css
└── m-styles.min.css
├── img
├── glyphicons-halflings-white.png
├── glyphicons-halflings.png
├── syncfusion-icons-white.png
└── syncfusion-icons.png
├── js
├── m-dropdown.js
├── m-dropdown.min.js
├── m-radio.js
└── m-radio.min.js
└── readme.md
/.gitattributes:
--------------------------------------------------------------------------------
1 | # Auto detect text files and perform LF normalization
2 | * text=auto
3 |
4 | # Custom for Visual Studio
5 | *.cs diff=csharp
6 | *.sln merge=union
7 | *.csproj merge=union
8 | *.vbproj merge=union
9 | *.fsproj merge=union
10 | *.dbproj merge=union
11 |
12 | # Standard to msysgit
13 | *.doc diff=astextplain
14 | *.DOC diff=astextplain
15 | *.docx diff=astextplain
16 | *.DOCX diff=astextplain
17 | *.dot diff=astextplain
18 | *.DOT diff=astextplain
19 | *.pdf diff=astextplain
20 | *.PDF diff=astextplain
21 | *.rtf diff=astextplain
22 | *.RTF diff=astextplain
23 |
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | #################
2 | ## Eclipse
3 | #################
4 |
5 | *.pydevproject
6 | .project
7 | .metadata
8 | bin/
9 | tmp/
10 | *.tmp
11 | *.bak
12 | *.swp
13 | *~.nib
14 | local.properties
15 | .classpath
16 | .settings/
17 | .loadpath
18 |
19 | # External tool builders
20 | .externalToolBuilders/
21 |
22 | # Locally stored "Eclipse launch configurations"
23 | *.launch
24 |
25 | # CDT-specific
26 | .cproject
27 |
28 | # PDT-specific
29 | .buildpath
30 |
31 |
32 | #################
33 | ## Visual Studio
34 | #################
35 |
36 | ## Ignore Visual Studio temporary files, build results, and
37 | ## files generated by popular Visual Studio add-ons.
38 |
39 | # User-specific files
40 | *.suo
41 | *.user
42 | *.sln.docstates
43 |
44 | # Build results
45 | [Dd]ebug/
46 | [Rr]elease/
47 | *_i.c
48 | *_p.c
49 | *.ilk
50 | *.meta
51 | *.obj
52 | *.pch
53 | *.pdb
54 | *.pgc
55 | *.pgd
56 | *.rsp
57 | *.sbr
58 | *.tlb
59 | *.tli
60 | *.tlh
61 | *.tmp
62 | *.vspscc
63 | .builds
64 | *.dotCover
65 |
66 | ## TODO: If you have NuGet Package Restore enabled, uncomment this
67 | #packages/
68 |
69 | # Visual C++ cache files
70 | ipch/
71 | *.aps
72 | *.ncb
73 | *.opensdf
74 | *.sdf
75 |
76 | # Visual Studio profiler
77 | *.psess
78 | *.vsp
79 |
80 | # ReSharper is a .NET coding add-in
81 | _ReSharper*
82 |
83 | # Installshield output folder
84 | [Ee]xpress
85 |
86 | # DocProject is a documentation generator add-in
87 | DocProject/buildhelp/
88 | DocProject/Help/*.HxT
89 | DocProject/Help/*.HxC
90 | DocProject/Help/*.hhc
91 | DocProject/Help/*.hhk
92 | DocProject/Help/*.hhp
93 | DocProject/Help/Html2
94 | DocProject/Help/html
95 |
96 | # Click-Once directory
97 | publish
98 |
99 | # Others
100 | [Bb]in
101 | [Oo]bj
102 | sql
103 | TestResults
104 | *.Cache
105 | ClientBin
106 | stylecop.*
107 | ~$*
108 | *.dbmdl
109 | Generated_Code #added for RIA/Silverlight projects
110 |
111 | # Backup & report files from converting an old project file to a newer
112 | # Visual Studio version. Backup files are not needed, because we have git ;-)
113 | _UpgradeReport_Files/
114 | Backup*/
115 | UpgradeLog*.XML
116 |
117 |
118 |
119 | ############
120 | ## Windows
121 | ############
122 |
123 | # Windows image file caches
124 | Thumbs.db
125 |
126 | # Folder config file
127 | Desktop.ini
128 |
129 |
130 | #############
131 | ## Python
132 | #############
133 |
134 | *.py[co]
135 |
136 | # Packages
137 | *.egg
138 | *.egg-info
139 | dist
140 | build
141 | eggs
142 | parts
143 | bin
144 | var
145 | sdist
146 | develop-eggs
147 | .installed.cfg
148 |
149 | # Installer logs
150 | pip-log.txt
151 |
152 | # Unit test / coverage reports
153 | .coverage
154 | .tox
155 |
156 | #Translations
157 | *.mo
158 |
159 | #Mr Developer
160 | .mr.developer.cfg
161 |
162 | # Mac crap
163 | .DS_Store
164 |
--------------------------------------------------------------------------------
/css/m-buttons.css:
--------------------------------------------------------------------------------
1 | /*!
2 | * CSS3 Microsoft Metro Buttons
3 | * Inspired by Tim O'Donnell's CSS3 Google Buttons, Twitter Bootstrap, and Microsoft. Icons from glyphicons.com and Syncfusion's Metro Studio.
4 | * I do not claim ownership on the origin of design and icons.
5 | * Built by Ace Subido (http://github.com/ace-subido)
6 | */
7 | a:focus {
8 | outline: thin dotted;
9 | outline: 5px auto -webkit-focus-ring-color;
10 | outline-offset: -2px;
11 | }
12 | a:hover, a:active {
13 | outline: 0;
14 | }
15 | button,
16 | input,
17 | select,
18 | textarea {
19 | margin: 0;
20 | font-size: 100%;
21 | /*vertical-align: middle;*/
22 |
23 | }
24 | button, input {
25 | *overflow: visible;
26 | line-height: normal;
27 | }
28 | button::-moz-focus-inner, input::-moz-focus-inner {
29 | padding: 0;
30 | border: 0;
31 | }
32 | button,
33 | input[type="button"],
34 | input[type="reset"],
35 | input[type="submit"] {
36 | cursor: pointer;
37 | -webkit-appearance: button;
38 | -moz-appearance: none;
39 | }
40 | /* overrides button presets for mozilla clients*/
41 | @-moz-document url-prefix() {
42 | button,
43 | input[type="button"],
44 | input[type="reset"],
45 | input[type="submit"] {
46 | cursor: pointer;
47 | padding: 6px 14px;
48 | }
49 | }
50 | input[type="search"] {
51 | -webkit-appearance: textfield;
52 | -webkit-box-sizing: content-box;
53 | -moz-box-sizing: content-box;
54 | box-sizing: content-box;
55 | }
56 | input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
57 | -webkit-appearance: none;
58 | }
59 | .dropdown {
60 | position: relative;
61 | }
62 | .dropdown-toggle {
63 | *margin-bottom: -3px;
64 | }
65 | .dropdown-toggle:active, .open .dropdown-toggle {
66 | outline: 0;
67 | }
68 |
69 | .caret {
70 | display: inline-block;
71 | width: 0;
72 | height: 0;
73 | text-indent: -99999px;
74 | *text-indent: 0;
75 | vertical-align: top;
76 | margin-top: 5px;
77 | margin-left: 2px;
78 | margin-right: 2px;
79 | border-left: 4px solid transparent;
80 | border-right: 4px solid transparent;
81 | border-top: 4px solid black;
82 | opacity: 0.5;
83 | filter: alpha(opacity=50);
84 | content: "\2193";
85 | }
86 | .caret.white{
87 | border-left: 4px solid transparent;
88 | border-right: 4px solid transparent;
89 | border-top: 4px solid white;
90 | opacity: 0.95;
91 | filter: alpha(opacity=95);
92 | }
93 | .dropdown .caret {
94 | margin-top: 8px;
95 | margin-left: 2px;
96 | }
97 |
98 | .dropdown:hover .caret, .open.dropdown .caret {
99 | opacity: 1;
100 | filter: alpha(opacity=100);
101 | }
102 |
103 | .m-dropdown-menu {
104 | position: absolute;
105 | top: 98%;
106 | left: 0;
107 | z-index: 1000;
108 | float: left;
109 | display: none;
110 | min-width: 225px;
111 | max-width: 225px;
112 | padding: 0 0 6px 0;
113 | margin: 0 0 0;
114 | list-style: none;
115 | background-color: white;
116 |
117 | -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
118 | -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
119 | box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
120 |
121 | font-size: 14px;
122 | font-family: "Segoe UI",Helvetica, Arial, sans-serif;
123 |
124 | border: 1px solid #eeeeee;
125 |
126 | }
127 |
128 | .m-dropdown-menu.bottom-up {
129 | top: auto;
130 | bottom: 100%;
131 | margin-bottom: 2px;
132 | }
133 |
134 | .m-dropdown-menu .divider {
135 | border-top: 1px solid #ebebeb;
136 | margin-top: 9px;
137 | margin-bottom: 10px;
138 | padding: 0;
139 | cursor: default;
140 | }
141 | .m-dropdown-menu a {
142 | position: relative;
143 | padding: 6px 0 6px 30px;
144 | color: #333;
145 | text-decoration: none;
146 | display: block;
147 | clear: both;
148 | font-weight: normal;
149 | line-height: 18px;
150 | white-space: nowrap;
151 | }
152 | .m-dropdown-menu a [class^="icon-"] {
153 | position: absolute;
154 | left: 7px;
155 | top: 8px;
156 | }
157 | .m-dropdown-menu li > a:hover, .m-dropdown-menu .active > a, .m-dropdown-menu .active > a:hover {
158 | text-decoration: none;
159 | background-color: #eee;
160 | }
161 | .dropdown.open {
162 | *z-index: 1000;
163 | }
164 | .dropdown.open .dropdown-toggle {
165 | color: #08c;
166 | background: #ccc;
167 | background: rgba(0, 0, 0, 0.3);
168 | }
169 | .dropdown.open .m-dropdown-menu {
170 | display: block;
171 | }
172 |
173 | .m-btn {
174 | position: relative;
175 | display: inline-block;
176 | overflow: visible;
177 | margin: 0;
178 | padding: 10px 14px;
179 | margin-top: 8px;
180 | cursor: pointer;
181 | outline: none;
182 | border: none;
183 | background-color: #eeeeee;
184 | background-image: -moz-linear-gradient(top, #eeeeee, #eeeeee);
185 | background-image: -ms-linear-gradient(top, #eeeeee, #eeeeee);
186 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#eeeeee));
187 | background-image: -webkit-linear-gradient(top, #eeeeee, #eeeeee);
188 | background-image: -o-linear-gradient(top, #eeeeee, #eeeeee);
189 | background-image: linear-gradient(top, #eeeeee, #eeeeee);
190 | background-repeat: repeat-x;
191 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#eeeeee', GradientType=0);
192 | -webkit-background-clip: padding;
193 | -moz-background-clip: padding;
194 | background-clip: padding;
195 | /* IE hacks */
196 |
197 | zoom: 1;
198 | z-index: 1;
199 | *display: inline;
200 | font-family: "Segoe UI", Helvetica, Arial, sans-serif;
201 | font-size: 14px;
202 | line-height: 14px;
203 | color: #333333;
204 | min-width: 42px;
205 |
206 | text-shadow: #ffffff 0 1px 0;
207 | text-align: center;
208 | text-decoration: none;
209 | white-space: nowrap;
210 |
211 | vertical-align: inherit;
212 | }
213 | .m-btn:hover,
214 | .m-btn:focus,
215 | .m-btn:active,
216 | .m-btn.active {
217 | color: #333;
218 | text-decoration: none;
219 | background-color: #dcdcdc;
220 | background-image: -moz-linear-gradient(top, #dcdcdc, #dcdcdc);
221 | background-image: -ms-linear-gradient(top, #dcdcdc, #dcdcdc);
222 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dcdcdc), to(#dcdcdc));
223 | background-image: -webkit-linear-gradient(top, #dcdcdc, #dcdcdc);
224 | background-image: -o-linear-gradient(top, #dcdcdc, #dcdcdc);
225 | background-image: linear-gradient(top, #dcdcdc, #dcdcdc);
226 | background-repeat: repeat-x;
227 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dcdcdc', endColorstr='#dcdcdc', GradientType=0);
228 | z-index: 100;
229 | outline: none;
230 | }
231 | .m-btn:active, .m-btn.active {
232 | background-color: #eeeeee;
233 | background-image: -moz-linear-gradient(top, #eeeeee, #dcdcdc);
234 | background-image: -ms-linear-gradient(top, #eeeeee, #dcdcdc);
235 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#dcdcdc));
236 | background-image: -webkit-linear-gradient(top, #eeeeee, #dcdcdc);
237 | background-image: -o-linear-gradient(top, #eeeeee, #dcdcdc);
238 | background-image: linear-gradient(top, #eeeeee, #dcdcdc);
239 | background-repeat: repeat-x;
240 | -webkit-box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.25);
241 | -moz-box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.25);
242 | box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.25);
243 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dcdcdc', GradientType=0);
244 | }
245 | .m-btn:focus {
246 | /* Blue border on button focus. */
247 | border-color: #4D90FE;
248 | }
249 | /* overrides extra padding on button elements in Firefox */
250 | .m-btn::-moz-focus-inner {
251 | padding: 0;
252 | border: 0;
253 | }
254 | .m-btn.red-stripe
255 | {
256 | border-left: 3px solid #d84a38;
257 | }
258 |
259 | .m-btn.blue-stripe
260 | {
261 | border-left: 3px solid #4d90fe;
262 | }
263 |
264 | .m-btn.purple-stripe
265 | {
266 | border-left: 3px solid #852b99;
267 | }
268 |
269 | .m-btn.green-stripe
270 | {
271 | border-left: 3px solid #35aa47;
272 | }
273 |
274 | /* Common button classes */
275 | .m-btn.red:active,
276 | .m-btn.red.active,
277 | .m-btn.red.disabled,
278 | .m-btn.red[disabled],
279 | .m-btn.blue:active,
280 | .m-btn.blue.active,
281 | .m-btn.blue.disabled,
282 | .m-btn.blue[disabled],
283 | .m-btn.purple:active,
284 | .m-btn.purple.active,
285 | .m-btn.purple.disabled,
286 | .m-btn.purple[disabled],
287 | .m-btn.green:active,
288 | .m-btn.green.active,
289 | .m-btn.green.disabled,
290 | .m-btn.green[disabled],
291 | .m-btn.black:active,
292 | .m-btn.black.active,
293 | .m-btn.black.disabled,
294 | .m-btn.black[disabled]
295 | {
296 | -webkit-box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.25);
297 | -moz-box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.25);
298 | box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.25);
299 | color: white !important;
300 | }
301 | .m-btn.red.disabled,
302 | .m-btn.red[disabled],
303 | .m-btn.blue.disabled,
304 | .m-btn.blue[disabled],
305 | .m-btn.purple.disabled,
306 | .m-btn.purple[disabled],
307 | .m-btn.green.disabled,
308 | .m-btn.green[disabled]
309 | {
310 | opacity: .7;
311 | }
312 |
313 | .m-btn.black.disabled,
314 | .m-btn.black[disabled]
315 | {
316 | opacity: .5;
317 | }
318 |
319 | /* Red */
320 | .m-btn.red {
321 | color: white;
322 | text-shadow: none;
323 | background-color: #d84a38;
324 | background-image: -moz-linear-gradient(top, #dd4b39, #d14836);
325 | background-image: -ms-linear-gradient(top, #dd4b39, #d14836);
326 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dd4b39), to(#d14836));
327 | background-image: -webkit-linear-gradient(top, #dd4b39, #d14836);
328 | background-image: -o-linear-gradient(top, #dd4b39, #d14836);
329 | background-image: linear-gradient(top, #dd4b39, #d14836);
330 | background-repeat: repeat-x;
331 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dd4b39', endColorstr='#d14836', GradientType=0);
332 | }
333 | .m-btn.red:hover,
334 | .m-btn.red:focus,
335 | .m-btn.red:active,
336 | .m-btn.red.active,
337 | .m-btn.red[disabled],
338 | .m-btn.red.disabled {
339 | background-color: #c53727;
340 | background-image: -moz-linear-gradient(top, #c53727, #c53727);
341 | background-image: -ms-linear-gradient(top, #c53727, #c53727);
342 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c53727), to(#c53727));
343 | background-image: -webkit-linear-gradient(top, #c53727, #c53727);
344 | background-image: -o-linear-gradient(top, #c53727, #c53727);
345 | background-image: linear-gradient(top, #c53727, #c53727);
346 | background-repeat: repeat-x;
347 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c53727', endColorstr='#c53727', GradientType=0);
348 | }
349 |
350 |
351 | .m-btn.red:active,
352 | .m-btn.red.active
353 | {
354 | background-color: #dd4b39;
355 | background-image: -moz-linear-gradient(top, #dd4b39, #c53727);
356 | background-image: -ms-linear-gradient(top, #dd4b39, #c53727);
357 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dd4b39), to(#c53727));
358 | background-image: -webkit-linear-gradient(top, #dd4b39, #c53727);
359 | background-image: -o-lineark-gradient(top, #dd4b39, #c53727);
360 | background-image: linear-gradient(top, #dd4b39, #c53727);
361 | background-repeat: repeat-x;
362 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dd4b39', endColorstr='#c53727', GradientType=0);
363 |
364 | }
365 |
366 | /* Blue */
367 | .m-btn.blue
368 | {
369 | color: white;
370 | text-shadow: none;
371 | background-color: #4d90fe;
372 | background-image: -moz-linear-gradient(top, #4d90fe, #4787ed);
373 | background-image: -ms-linear-gradient(top, #4d90fe, #4787ed);
374 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4d90fe), to(#4787ed));
375 | background-image: -webkit-linear-gradient(top, #4d90fe, #4787ed);
376 | background-image: -o-linear-gradient(top, #4d90fe, #4787ed);
377 | background-image: linear-gradient(top, #4d90fe, #4787ed);
378 | background-repeat: repeat-x;
379 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d90fe', endColorstr='#4787ed', GradientType=0);
380 | }
381 | .m-btn.blue:hover,
382 | .m-btn.blue:focus,
383 | .m-btn.blue:active,
384 | .m-btn.blue.active,
385 | .m-btn.blue[disabled],
386 | .m-btn.blue.disabled {
387 | background-color: #0072bb;
388 | background-image: -moz-linear-gradient(top, #0072bb, #0072bb);
389 | background-image: -ms-linear-gradient(top, #0072bb, #0072bb);
390 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0072bb), to(#0072bb));
391 | background-image: -webkit-linear-gradient(top, #0072bb, #0072bb);
392 | background-image: -o-linear-gradient(top, #0072bb, #0072bb);
393 | background-image: linear-gradient(top, #0072bb, #0072bb);
394 | background-repeat: repeat-x;
395 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0072bb', endColorstr='#0072bb', GradientType=0);
396 | }
397 |
398 | .m-btn.blue:active,
399 | .m-btn.blue.active
400 | {
401 | background-color: #4d90fe;
402 | background-image: -moz-linear-gradient(top, #4d90fe, #0072bb);
403 | background-image: -ms-linear-gradient(top, #4d90fe, #0072bb);
404 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4d90fe), to(#0072bb));
405 | background-image: -webkit-linear-gradient(top, #4d90fe, #0072bb);
406 | background-image: -o-linear-gradient(top, #4d90fe, #0072bb);
407 | background-image: linear-gradient(top, #4d90fe, #0072bb);
408 | background-repeat: repeat-x;
409 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d90fe', endColorstr='#0072bb', GradientType=0);
410 |
411 | }
412 | /* Green */
413 | .m-btn.green {
414 | color: white;
415 | text-shadow: none;
416 | background-color: #35aa47;
417 | background-image: -moz-linear-gradient(top, #35aa47, #35aa47);
418 | background-image: -ms-linear-gradient(top, #35aa47, #35aa47);
419 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#35aa47), to(#35aa47));
420 | background-image: -webkit-linear-gradient(top, #35aa47, #35aa47);
421 | background-image: -o-linear-gradient(top, #35aa47, #35aa47);
422 | background-image: linear-gradient(top, #35aa47, #35aa47);
423 | background-repeat: repeat-x;
424 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#35aa47', endColorstr='#35aa47', GradientType=0);
425 | }
426 | .m-btn.green:hover,
427 | .m-btn.green:focus,
428 | .m-btn.green:active,
429 | .m-btn.green.active,
430 | .m-btn.green.disabled,
431 | .m-btn.green[disabled]{
432 | background-color: #1d943b;
433 | background-image: -moz-linear-gradient(top, #1d943b, #1d943b);
434 | background-image: -ms-linear-gradient(top, #1d943b, #1d943b);
435 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1d943b), to(#1d943b));
436 | background-image: -webkit-linear-gradient(top, #1d943b, #1d943b);
437 | background-image: -o-linear-gradient(top, #1d943b, #1d943b);
438 | background-image: linear-gradient(top, #1d943b, #1d943b);
439 | background-repeat: repeat-x;
440 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1d943b', endColorstr='#1d943b', GradientType=0);
441 | }
442 |
443 | .m-btn.green:active,
444 | .m-btn.green.active
445 | {
446 | background-color: #35aa47;
447 | background-image: -moz-linear-gradient(top, #35aa47, #1d943b);
448 | background-image: -ms-linear-gradient(top, #35aa47, #1d943b);
449 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#35aa47), to(#1d943b));
450 | background-image: -webkit-linear-gradient(top, #35aa47, #1d943b);
451 | background-image: -o-linear-gradient(top, #35aa47, #1d943b);
452 | background-image: linear-gradient(top, #35aa47, #1d943b);
453 | background-repeat: repeat-x;
454 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#35aa47', endColorstr='#1d943b', GradientType=0);
455 |
456 | }
457 | /* Purple */
458 | .m-btn.purple {
459 | color: white;
460 | text-shadow: none;
461 | background-color: #852b99;
462 | background-image: -moz-linear-gradient(top, #852b99, #852b99);
463 | background-image: -ms-linear-gradient(top, #852b99, #852b99);
464 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#852b99), to(#852b99));
465 | background-image: -webkit-linear-gradient(top, #852b99, #852b99);
466 | background-image: -o-linear-gradient(top, #852b99, #852b99);
467 | background-image: linear-gradient(top, #852b99, #852b99);
468 | background-repeat: repeat-x;
469 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#852b99', endColorstr='#852b99', GradientType=0);
470 | }
471 | .m-btn.purple:hover,
472 | .m-btn.purple:focus,
473 | .m-btn.purple:active,
474 | .m-btn.purple.active,
475 | .m-btn.purple.disabled,
476 | .m-btn.purple[disabled] {
477 | background-color: #6d1b81;
478 | background-image: -moz-linear-gradient(top, #6d1b81, #6d1b81);
479 | background-image: -ms-linear-gradient(top, #6d1b81, #6d1b81);
480 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6d1b81), to(#6d1b81));
481 | background-image: -webkit-linear-gradient(top, #6d1b81, #6d1b81);
482 | background-image: -o-linear-gradient(top, #6d1b81, #6d1b81);
483 | background-image: linear-gradient(top, #6d1b81, #6d1b81);
484 | background-repeat: repeat-x;
485 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6d1b81', endColorstr='#6d1b81', GradientType=0);
486 | }
487 |
488 | .m-btn.purple:active,
489 | .m-btn.purple.active
490 | {
491 | background-color: #35aa47;
492 | background-image: -moz-linear-gradient(top, #852b99, #6d1b81);
493 | background-image: -ms-linear-gradient(top, #852b99, #6d1b81);
494 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#852b99), to(#6d1b81));
495 | background-image: -webkit-linear-gradient(top, #852b99, #6d1b81);
496 | background-image: -o-linear-gradient(top, #852b99, #6d1b81);
497 | background-image: linear-gradient(top, #852b99, #6d1b81);
498 | background-repeat: repeat-x;
499 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#852b99', endColorstr='#6d1b81', GradientType=0);
500 |
501 | }
502 |
503 |
504 | .m-btn.black {
505 | color: white;
506 | text-shadow: none;
507 | background-color: #555555;
508 | background-image: -moz-linear-gradient(top, #555555, #555555);
509 | background-image: -ms-linear-gradient(top, #555555, #555555);
510 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#555555));
511 | background-image: -webkit-linear-gradient(top, #555555, #555555);
512 | background-image: -o-linear-gradient(top, #555555, #555555);
513 | background-image: linear-gradient(top, #555555, #555555);
514 | background-repeat: repeat-x;
515 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#555555', GradientType=0);
516 | }
517 | .m-btn.black:hover,
518 | .m-btn.black:focus,
519 | .m-btn.black:active,
520 | .m-btn.black.active,
521 | .m-btn.black.disabled,
522 | .m-btn.black[disabled] {
523 | background-color: #222222;
524 | background-image: -moz-linear-gradient(top, #222222, #222222);
525 | background-image: -ms-linear-gradient(top, #222222, #222222);
526 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#222222));
527 | background-image: -webkit-linear-gradient(top, #222222, #222222);
528 | background-image: -o-linear-gradient(top, #222222, #222222);
529 | background-image: linear-gradient(top, #222222, #222222);
530 | background-repeat: repeat-x;
531 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#222222', endColorstr='#222222', GradientType=0);
532 | }
533 |
534 | .m-btn.black:active,
535 | .m-btn.black.active
536 | {
537 | background-color: #222222;
538 | background-image: -moz-linear-gradient(top, #444444, #222222);
539 | background-image: -ms-linear-gradient(top, #444444, #222222);
540 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#222222));
541 | background-image: -webkit-linear-gradient(top, #444444, #222222);
542 | background-image: -o-linear-gradient(top, #444444, #222222);
543 | background-image: linear-gradient(top, #444444, #222222);
544 | background-repeat: repeat-x;
545 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#222222', GradientType=0);
546 |
547 | }
548 | /* Mini-button */
549 | .sm {
550 | font-size: 11px;
551 | }
552 | .mini
553 | {
554 | height: 13px;
555 | font-size: 11px;
556 | line-height: 13px;
557 | padding: 4px 10px;
558 | }
559 | .big
560 | {
561 | height: 38px;
562 | font-size: 18px;
563 | line-height: 38px;
564 | padding: 20px 26px;
565 | }
566 |
567 | .rnd
568 | {
569 | -webkit-border-radius: 5px;
570 | -moz-border-radius: 5px;
571 | border-radius: 5px;
572 | }
573 |
574 | .big.rnd
575 | {
576 | -webkit-border-radius: 11px;
577 | -moz-border-radius: 11px;
578 | border-radius: 11px;
579 | }
580 |
581 | /* Disabled */
582 | .m-btn.disabled, .m-btn[disabled] {
583 | color: #999999;
584 | background-color: #f5f5f5;
585 | background-image: -moz-linear-gradient(top, #eeeeee, #dddddd);
586 | background-image: -ms-linear-gradient(top, #eeeeee, #dddddd);
587 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#dddddd));
588 | background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd);
589 | background-image: -o-linear-gradient(top, #eeeeee, #dddddd);
590 | background-image: linear-gradient(top, #eeeeee, #dddddd);
591 | background-repeat: repeat-x;
592 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd', GradientType=0);
593 | cursor: default;
594 | -webkit-box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.25);
595 | -moz-box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.25);
596 | box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.25);
597 | }
598 | /* Misc */
599 | .m-btn.icn-only {
600 | min-width: 14px;
601 | }
602 | .m-btn.bigicn-only {
603 | min-width: 34px;
604 | }
605 | .m-btn-group {
606 | position: relative;
607 | display: inline-block;
608 | list-style: none;
609 | padding: 0;
610 | margin: 0;
611 | /* IE hacks */
612 |
613 | zoom: 1;
614 | *display: inline;
615 | }
616 | .m-btn + .m-btn,
617 | .m-btn + .m-btn-group,
618 | .m-btn-group + .m-btn,
619 | .m-btn-group + .m-btn-group {
620 | margin-left: 15px;
621 | }
622 |
623 | .m-btn.dropdown-carettoggle {
624 | min-width: 5px;
625 | height: 18px;
626 | padding: 8px;
627 | }
628 | .m-btn.dropdown-carettoggle > .caret {
629 | margin-top: 8px;
630 | }
631 | .m-btn.caret:hover {
632 | opacity: 1;
633 | }
634 |
635 | .m-btn-group .m-btn {
636 | position: relative;
637 | float: left;
638 | margin-left: -1px;
639 | }
640 |
641 | .m-btn-group .m-btn:first-child {
642 | margin-left: 0;
643 | }
644 |
645 | .m-btn-group .m-btn.rnd:first-child {
646 | -webkit-border-radius: 5px 0 0 5px;
647 | -moz-border-radius: 5px 0 0 5px;
648 | border-radius: 5px 0 0 5px;
649 | }
650 |
651 | .m-btn-group .m-btn.rnd.dropdown-carettoggle {
652 | -webkit-border-radius: 0 5px 5px 0;
653 | -moz-border-radius: 0 5px 5px 0;
654 | border-radius: 0 5px 5px 0;
655 | }
656 |
657 | /* BUTTON CONTAINER */
658 | /* For mixing buttons and button groups, e.g., in a navigation bar */
659 | .m-btn-strip .m-btn, .m-btn-strip .m-btn-group {
660 | vertical-align: top;
661 | }
662 | .m-btn-group.open {
663 | *z-index: 1000;
664 | }
665 |
666 | .m-btn-group.open .dropdown-carettoggle,
667 | .m-btn-group.open .dropdown-toggle {
668 | background-image: none;
669 | -webkit-box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.2);
670 | -moz-box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.2);
671 | box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.2);
672 | }
673 |
674 | .m-btn-group.open .m-dropdown-menu {
675 | display: block;
676 | margin-top: 1px;
677 | }
--------------------------------------------------------------------------------
/css/m-buttons.min.css:
--------------------------------------------------------------------------------
1 | /*!
2 | * CSS3 Microsoft Metro Buttons
3 | * Inspired by Tim O'Donnell's CSS3 Google Buttons, Twitter Bootstrap, and Microsoft. Icons from glyphicons.com and Syncfusion's Metro Studio.
4 | * I do not claim ownership on the origin of design and icons.
5 | * Built by Ace Subido (http://github.com/ace-subido)
6 | */a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}a:hover,a:active{outline:0}button,input,select,textarea{margin:0;font-size:100%}button,input{*overflow:visible;line-height:normal}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;-moz-appearance:none}@-moz-document url-prefix(){button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;padding:6px 14px}}input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}.dropdown{position:relative}.dropdown-toggle{*margin-bottom:-3px}.dropdown-toggle:active,.open .dropdown-toggle{outline:0}.caret{display:inline-block;width:0;height:0;text-indent:-99999px;*text-indent:0;vertical-align:top;margin-top:5px;margin-left:2px;margin-right:2px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid black;opacity:.5;filter:alpha(opacity=50);content:"\2193"}.caret.white{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid white;opacity:.95;filter:alpha(opacity=95)}.dropdown .caret{margin-top:8px;margin-left:2px}.dropdown:hover .caret,.open.dropdown .caret{opacity:1;filter:alpha(opacity=100)}.m-dropdown-menu{position:absolute;top:98%;left:0;z-index:1000;float:left;display:none;min-width:225px;max-width:225px;padding:0 0 6px 0;margin:0;list-style:none;background-color:white;-webkit-box-shadow:0 1px 8px rgba(0,0,0,0.1);-moz-box-shadow:0 1px 8px rgba(0,0,0,0.1);box-shadow:0 1px 8px rgba(0,0,0,0.1);font-size:14px;font-family:"Segoe UI",Helvetica,Arial,sans-serif;border:1px solid #eee}.m-dropdown-menu.bottom-up{top:auto;bottom:100%;margin-bottom:2px}.m-dropdown-menu .divider{border-top:1px solid #ebebeb;margin-top:9px;margin-bottom:10px;padding:0;cursor:default}.m-dropdown-menu a{position:relative;padding:6px 0 6px 30px;color:#333;text-decoration:none;display:block;clear:both;font-weight:normal;line-height:18px;white-space:nowrap}.m-dropdown-menu a [class^="icon-"]{position:absolute;left:7px;top:8px}.m-dropdown-menu li>a:hover,.m-dropdown-menu .active>a,.m-dropdown-menu .active>a:hover{text-decoration:none;background-color:#eee}.dropdown.open{*z-index:1000}.dropdown.open .dropdown-toggle{color:#08c;background:#ccc;background:rgba(0,0,0,0.3)}.dropdown.open .m-dropdown-menu{display:block}.m-btn{position:relative;display:inline-block;overflow:visible;margin:0;padding:10px 14px;margin-top:8px;cursor:pointer;outline:0;border:0;background-color:#eee;background-image:-moz-linear-gradient(top,#eee,#eee);background-image:-ms-linear-gradient(top,#eee,#eee);background-image:-webkit-gradient(linear,0 0,0 100%,from(#eee),to(#eee));background-image:-webkit-linear-gradient(top,#eee,#eee);background-image:-o-linear-gradient(top,#eee,#eee);background-image:linear-gradient(top,#eee,#eee);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee',endColorstr='#eeeeee',GradientType=0);-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding;zoom:1;z-index:1;*display:inline;font-family:"Segoe UI",Helvetica,Arial,sans-serif;font-size:14px;line-height:14px;color:#333;min-width:42px;text-shadow:#fff 0 1px 0;text-align:center;text-decoration:none;white-space:nowrap;vertical-align:inherit}.m-btn:hover,.m-btn:focus,.m-btn:active,.m-btn.active{color:#333;text-decoration:none;background-color:#dcdcdc;background-image:-moz-linear-gradient(top,#dcdcdc,#dcdcdc);background-image:-ms-linear-gradient(top,#dcdcdc,#dcdcdc);background-image:-webkit-gradient(linear,0 0,0 100%,from(#dcdcdc),to(#dcdcdc));background-image:-webkit-linear-gradient(top,#dcdcdc,#dcdcdc);background-image:-o-linear-gradient(top,#dcdcdc,#dcdcdc);background-image:linear-gradient(top,#dcdcdc,#dcdcdc);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dcdcdc',endColorstr='#dcdcdc',GradientType=0);z-index:100;outline:0}.m-btn:active,.m-btn.active{background-color:#eee;background-image:-moz-linear-gradient(top,#eee,#dcdcdc);background-image:-ms-linear-gradient(top,#eee,#dcdcdc);background-image:-webkit-gradient(linear,0 0,0 100%,from(#eee),to(#dcdcdc));background-image:-webkit-linear-gradient(top,#eee,#dcdcdc);background-image:-o-linear-gradient(top,#eee,#dcdcdc);background-image:linear-gradient(top,#eee,#dcdcdc);background-repeat:repeat-x;-webkit-box-shadow:inset 0 1px 8px rgba(0,0,0,0.25);-moz-box-shadow:inset 0 1px 8px rgba(0,0,0,0.25);box-shadow:inset 0 1px 8px rgba(0,0,0,0.25);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee',endColorstr='#dcdcdc',GradientType=0)}.m-btn:focus{border-color:#4d90fe}.m-btn::-moz-focus-inner{padding:0;border:0}.m-btn.red-stripe{border-left:3px solid #d84a38}.m-btn.blue-stripe{border-left:3px solid #4d90fe}.m-btn.purple-stripe{border-left:3px solid #852b99}.m-btn.green-stripe{border-left:3px solid #35aa47}.m-btn.red:active,.m-btn.red.active,.m-btn.red.disabled,.m-btn.red[disabled],.m-btn.blue:active,.m-btn.blue.active,.m-btn.blue.disabled,.m-btn.blue[disabled],.m-btn.purple:active,.m-btn.purple.active,.m-btn.purple.disabled,.m-btn.purple[disabled],.m-btn.green:active,.m-btn.green.active,.m-btn.green.disabled,.m-btn.green[disabled],.m-btn.black:active,.m-btn.black.active,.m-btn.black.disabled,.m-btn.black[disabled]{-webkit-box-shadow:inset 0 1px 8px rgba(0,0,0,0.25);-moz-box-shadow:inset 0 1px 8px rgba(0,0,0,0.25);box-shadow:inset 0 1px 8px rgba(0,0,0,0.25);color:white!important}.m-btn.red.disabled,.m-btn.red[disabled],.m-btn.blue.disabled,.m-btn.blue[disabled],.m-btn.purple.disabled,.m-btn.purple[disabled],.m-btn.green.disabled,.m-btn.green[disabled]{opacity:.7}.m-btn.black.disabled,.m-btn.black[disabled]{opacity:.5}.m-btn.red{color:white;text-shadow:none;background-color:#d84a38;background-image:-moz-linear-gradient(top,#dd4b39,#d14836);background-image:-ms-linear-gradient(top,#dd4b39,#d14836);background-image:-webkit-gradient(linear,0 0,0 100%,from(#dd4b39),to(#d14836));background-image:-webkit-linear-gradient(top,#dd4b39,#d14836);background-image:-o-linear-gradient(top,#dd4b39,#d14836);background-image:linear-gradient(top,#dd4b39,#d14836);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dd4b39',endColorstr='#d14836',GradientType=0)}.m-btn.red:hover,.m-btn.red:focus,.m-btn.red:active,.m-btn.red.active,.m-btn.red[disabled],.m-btn.red.disabled{background-color:#c53727;background-image:-moz-linear-gradient(top,#c53727,#c53727);background-image:-ms-linear-gradient(top,#c53727,#c53727);background-image:-webkit-gradient(linear,0 0,0 100%,from(#c53727),to(#c53727));background-image:-webkit-linear-gradient(top,#c53727,#c53727);background-image:-o-linear-gradient(top,#c53727,#c53727);background-image:linear-gradient(top,#c53727,#c53727);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c53727',endColorstr='#c53727',GradientType=0)}.m-btn.red:active,.m-btn.red.active{background-color:#dd4b39;background-image:-moz-linear-gradient(top,#dd4b39,#c53727);background-image:-ms-linear-gradient(top,#dd4b39,#c53727);background-image:-webkit-gradient(linear,0 0,0 100%,from(#dd4b39),to(#c53727));background-image:-webkit-linear-gradient(top,#dd4b39,#c53727);background-image:-o-lineark-gradient(top,#dd4b39,#c53727);background-image:linear-gradient(top,#dd4b39,#c53727);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dd4b39',endColorstr='#c53727',GradientType=0)}.m-btn.blue{color:white;text-shadow:none;background-color:#4d90fe;background-image:-moz-linear-gradient(top,#4d90fe,#4787ed);background-image:-ms-linear-gradient(top,#4d90fe,#4787ed);background-image:-webkit-gradient(linear,0 0,0 100%,from(#4d90fe),to(#4787ed));background-image:-webkit-linear-gradient(top,#4d90fe,#4787ed);background-image:-o-linear-gradient(top,#4d90fe,#4787ed);background-image:linear-gradient(top,#4d90fe,#4787ed);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d90fe',endColorstr='#4787ed',GradientType=0)}.m-btn.blue:hover,.m-btn.blue:focus,.m-btn.blue:active,.m-btn.blue.active,.m-btn.blue[disabled],.m-btn.blue.disabled{background-color:#0072bb;background-image:-moz-linear-gradient(top,#0072bb,#0072bb);background-image:-ms-linear-gradient(top,#0072bb,#0072bb);background-image:-webkit-gradient(linear,0 0,0 100%,from(#0072bb),to(#0072bb));background-image:-webkit-linear-gradient(top,#0072bb,#0072bb);background-image:-o-linear-gradient(top,#0072bb,#0072bb);background-image:linear-gradient(top,#0072bb,#0072bb);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0072bb',endColorstr='#0072bb',GradientType=0)}.m-btn.blue:active,.m-btn.blue.active{background-color:#4d90fe;background-image:-moz-linear-gradient(top,#4d90fe,#0072bb);background-image:-ms-linear-gradient(top,#4d90fe,#0072bb);background-image:-webkit-gradient(linear,0 0,0 100%,from(#4d90fe),to(#0072bb));background-image:-webkit-linear-gradient(top,#4d90fe,#0072bb);background-image:-o-linear-gradient(top,#4d90fe,#0072bb);background-image:linear-gradient(top,#4d90fe,#0072bb);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d90fe',endColorstr='#0072bb',GradientType=0)}.m-btn.green{color:white;text-shadow:none;background-color:#35aa47;background-image:-moz-linear-gradient(top,#35aa47,#35aa47);background-image:-ms-linear-gradient(top,#35aa47,#35aa47);background-image:-webkit-gradient(linear,0 0,0 100%,from(#35aa47),to(#35aa47));background-image:-webkit-linear-gradient(top,#35aa47,#35aa47);background-image:-o-linear-gradient(top,#35aa47,#35aa47);background-image:linear-gradient(top,#35aa47,#35aa47);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#35aa47',endColorstr='#35aa47',GradientType=0)}.m-btn.green:hover,.m-btn.green:focus,.m-btn.green:active,.m-btn.green.active,.m-btn.green.disabled,.m-btn.green[disabled]{background-color:#1d943b;background-image:-moz-linear-gradient(top,#1d943b,#1d943b);background-image:-ms-linear-gradient(top,#1d943b,#1d943b);background-image:-webkit-gradient(linear,0 0,0 100%,from(#1d943b),to(#1d943b));background-image:-webkit-linear-gradient(top,#1d943b,#1d943b);background-image:-o-linear-gradient(top,#1d943b,#1d943b);background-image:linear-gradient(top,#1d943b,#1d943b);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1d943b',endColorstr='#1d943b',GradientType=0)}.m-btn.green:active,.m-btn.green.active{background-color:#35aa47;background-image:-moz-linear-gradient(top,#35aa47,#1d943b);background-image:-ms-linear-gradient(top,#35aa47,#1d943b);background-image:-webkit-gradient(linear,0 0,0 100%,from(#35aa47),to(#1d943b));background-image:-webkit-linear-gradient(top,#35aa47,#1d943b);background-image:-o-linear-gradient(top,#35aa47,#1d943b);background-image:linear-gradient(top,#35aa47,#1d943b);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#35aa47',endColorstr='#1d943b',GradientType=0)}.m-btn.purple{color:white;text-shadow:none;background-color:#852b99;background-image:-moz-linear-gradient(top,#852b99,#852b99);background-image:-ms-linear-gradient(top,#852b99,#852b99);background-image:-webkit-gradient(linear,0 0,0 100%,from(#852b99),to(#852b99));background-image:-webkit-linear-gradient(top,#852b99,#852b99);background-image:-o-linear-gradient(top,#852b99,#852b99);background-image:linear-gradient(top,#852b99,#852b99);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#852b99',endColorstr='#852b99',GradientType=0)}.m-btn.purple:hover,.m-btn.purple:focus,.m-btn.purple:active,.m-btn.purple.active,.m-btn.purple.disabled,.m-btn.purple[disabled]{background-color:#6d1b81;background-image:-moz-linear-gradient(top,#6d1b81,#6d1b81);background-image:-ms-linear-gradient(top,#6d1b81,#6d1b81);background-image:-webkit-gradient(linear,0 0,0 100%,from(#6d1b81),to(#6d1b81));background-image:-webkit-linear-gradient(top,#6d1b81,#6d1b81);background-image:-o-linear-gradient(top,#6d1b81,#6d1b81);background-image:linear-gradient(top,#6d1b81,#6d1b81);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6d1b81',endColorstr='#6d1b81',GradientType=0)}.m-btn.purple:active,.m-btn.purple.active{background-color:#35aa47;background-image:-moz-linear-gradient(top,#852b99,#6d1b81);background-image:-ms-linear-gradient(top,#852b99,#6d1b81);background-image:-webkit-gradient(linear,0 0,0 100%,from(#852b99),to(#6d1b81));background-image:-webkit-linear-gradient(top,#852b99,#6d1b81);background-image:-o-linear-gradient(top,#852b99,#6d1b81);background-image:linear-gradient(top,#852b99,#6d1b81);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#852b99',endColorstr='#6d1b81',GradientType=0)}.m-btn.black{color:white;text-shadow:none;background-color:#555;background-image:-moz-linear-gradient(top,#555,#555);background-image:-ms-linear-gradient(top,#555,#555);background-image:-webkit-gradient(linear,0 0,0 100%,from(#555),to(#555));background-image:-webkit-linear-gradient(top,#555,#555);background-image:-o-linear-gradient(top,#555,#555);background-image:linear-gradient(top,#555,#555);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555',endColorstr='#555555',GradientType=0)}.m-btn.black:hover,.m-btn.black:focus,.m-btn.black:active,.m-btn.black.active,.m-btn.black.disabled,.m-btn.black[disabled]{background-color:#222;background-image:-moz-linear-gradient(top,#222,#222);background-image:-ms-linear-gradient(top,#222,#222);background-image:-webkit-gradient(linear,0 0,0 100%,from(#222),to(#222));background-image:-webkit-linear-gradient(top,#222,#222);background-image:-o-linear-gradient(top,#222,#222);background-image:linear-gradient(top,#222,#222);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#222222',endColorstr='#222222',GradientType=0)}.m-btn.black:active,.m-btn.black.active{background-color:#222;background-image:-moz-linear-gradient(top,#444,#222);background-image:-ms-linear-gradient(top,#444,#222);background-image:-webkit-gradient(linear,0 0,0 100%,from(#222),to(#222));background-image:-webkit-linear-gradient(top,#444,#222);background-image:-o-linear-gradient(top,#444,#222);background-image:linear-gradient(top,#444,#222);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444',endColorstr='#222222',GradientType=0)}.sm{font-size:11px}.mini{height:13px;font-size:11px;line-height:13px;padding:4px 10px}.big{height:38px;font-size:18px;line-height:38px;padding:20px 26px}.rnd{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.big.rnd{-webkit-border-radius:11px;-moz-border-radius:11px;border-radius:11px}.m-btn.disabled,.m-btn[disabled]{color:#999;background-color:#f5f5f5;background-image:-moz-linear-gradient(top,#eee,#ddd);background-image:-ms-linear-gradient(top,#eee,#ddd);background-image:-webkit-gradient(linear,0 0,0 100%,from(#eee),to(#ddd));background-image:-webkit-linear-gradient(top,#eee,#ddd);background-image:-o-linear-gradient(top,#eee,#ddd);background-image:linear-gradient(top,#eee,#ddd);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee',endColorstr='#dddddd',GradientType=0);cursor:default;-webkit-box-shadow:inset 0 1px 6px rgba(0,0,0,0.25);-moz-box-shadow:inset 0 1px 6px rgba(0,0,0,0.25);box-shadow:inset 0 1px 6px rgba(0,0,0,0.25)}.m-btn.icn-only{min-width:14px}.m-btn.bigicn-only{min-width:34px}.m-btn-group{position:relative;display:inline-block;list-style:none;padding:0;margin:0;zoom:1;*display:inline}.m-btn+.m-btn,.m-btn+.m-btn-group,.m-btn-group+.m-btn,.m-btn-group+.m-btn-group{margin-left:15px}.m-btn.dropdown-carettoggle{min-width:5px;height:18px;padding:8px}.m-btn.dropdown-carettoggle>.caret{margin-top:8px}.m-btn.caret:hover{opacity:1}.m-btn-group .m-btn{position:relative;float:left;margin-left:-1px}.m-btn-group .m-btn:first-child{margin-left:0}.m-btn-group .m-btn.rnd:first-child{-webkit-border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px;border-radius:5px 0 0 5px}.m-btn-group .m-btn.rnd.dropdown-carettoggle{-webkit-border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0}.m-btn-strip .m-btn,.m-btn-strip .m-btn-group{vertical-align:top}.m-btn-group.open{*z-index:1000}.m-btn-group.open .dropdown-carettoggle,.m-btn-group.open .dropdown-toggle{background-image:none;-webkit-box-shadow:inset 0 1px 6px rgba(0,0,0,0.2);-moz-box-shadow:inset 0 1px 6px rgba(0,0,0,0.2);box-shadow:inset 0 1px 6px rgba(0,0,0,0.2)}.m-btn-group.open .m-dropdown-menu{display:block;margin-top:1px}
--------------------------------------------------------------------------------
/css/m-forms.css:
--------------------------------------------------------------------------------
1 | label.m-wrap,
2 | input.m-wrap,
3 | button.m-wrap,
4 | select.m-wrap,
5 | textarea.m-wrap {
6 | font-size: 14px;
7 | font-weight: normal;
8 | line-height: 20px;
9 | }
10 |
11 | input.m-wrap,
12 | button.m-wrap,
13 | select.m-wrap,
14 | textarea.m-wrap {
15 | font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
16 | }
17 |
18 | label.m-wrap {
19 | display: block;
20 | margin-bottom: 5px;
21 | }
22 |
23 | select.m-wrap,
24 | textarea.m-wrap,
25 | input[type="text"].m-wrap,
26 | input[type="password"].m-wrap,
27 | input[type="datetime"].m-wrap,
28 | input[type="datetime-local"].m-wrap,
29 | input[type="date"].m-wrap,
30 | input[type="month"].m-wrap,
31 | input[type="time"].m-wrap,
32 | input[type="week"].m-wrap,
33 | input[type="number"].m-wrap,
34 | input[type="email"].m-wrap,
35 | input[type="url"].m-wrap,
36 | input[type="search"].m-wrap,
37 | input[type="tel"].m-wrap,
38 | input[type="color"].m-wrap,
39 | .m-uneditable-input
40 | {
41 | vertical-align: top;
42 | display: inline-block;
43 | height: 20px;
44 | padding: 6px 6px;
45 | margin-bottom: 9px;
46 | margin-top: 0px;
47 | font-size: 14px;
48 | line-height: 20px;
49 | color: #333333;
50 |
51 | background-color: #ffffff;
52 | border: 1px solid #eeeeee;
53 |
54 | -webkit-border-radius: 0;
55 | -moz-border-radius: 0;
56 | border-radius: 0;
57 | }
58 |
59 | input.m-wrap,
60 | textarea.m-wrap,
61 | .m-uneditable-input {
62 | width: 206px;
63 | }
64 |
65 | textarea.m-wrap {
66 | height: auto;
67 | }
68 |
69 | textarea.m-wrap,
70 | input[type="text"].m-wrap,
71 | input[type="password"].m-wrap,
72 | input[type="datetime"].m-wrap,
73 | input[type="datetime-local"].m-wrap,
74 | input[type="date"].m-wrap,
75 | input[type="month"].m-wrap,
76 | input[type="time"].m-wrap,
77 | input[type="week"].m-wrap,
78 | input[type="number"].m-wrap,
79 | input[type="email"].m-wrap,
80 | input[type="url"].m-wrap,
81 | input[type="search"].m-wrap,
82 | input[type="tel"].m-wrap,
83 | input[type="color"].m-wrap,
84 | .m-uneditable-input {
85 | background-color: #ffffff;
86 | border: 1px solid #eeeeee;
87 | -webkit-box-shadow: none;
88 | -moz-box-shadow: none;
89 | box-shadow: none;
90 | -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
91 | -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
92 | -o-transition: border linear 0.2s, box-shadow linear 0.2s;
93 | transition: border linear 0.2s, box-shadow linear 0.2s;
94 | -webkit-border-radius: 0px;
95 | -moz-border-radius: 0px;
96 | border-radius: 0px;
97 | }
98 |
99 | textarea.m-wrap:focus,
100 | input[type="text"].m-wrap:focus,
101 | input[type="password"].m-wrap:focus,
102 | input[type="datetime"].m-wrap:focus,
103 | input[type="datetime-local"].m-wrap:focus,
104 | input[type="date"].m-wrap:focus,
105 | input[type="month"].m-wrap:focus,
106 | input[type="time"].m-wrap:focus,
107 | input[type="week"].m-wrap:focus,
108 | input[type="number"].m-wrap:focus,
109 | input[type="email"].m-wrap:focus,
110 | input[type="url"].m-wrap:focus,
111 | input[type="search"].m-wrap:focus,
112 | input[type="tel"].m-wrap:focus,
113 | input[type="color"].m-wrap:focus,
114 | .m-uneditable-input:focus {
115 | border-color: #111111;
116 | outline: 0;
117 | outline: thin dotted \9;
118 | /* IE6-9 */
119 |
120 | -webkit-box-shadow: none;
121 | -moz-box-shadow: none;
122 | box-shadow: none;
123 | }
124 |
125 | input[type="radio"].m-wrap,
126 | input[type="checkbox"].m-wrap {
127 | margin: 4px 0 0;
128 | margin-top: 1px \9;
129 | *margin-top: 0;
130 | line-height: normal;
131 | cursor: pointer;
132 |
133 | -webkit-box-sizing: border-box;
134 | -moz-box-sizing: border-box;
135 | box-sizing: border-box;
136 |
137 | }
138 |
139 | input[type="file"].m-wrap,
140 | input[type="image"].m-wrap,
141 | input[type="radio"].m-wrap,
142 | input[type="checkbox"].m-wrap {
143 | width: auto;
144 | }
145 |
146 | select.m-wrap,
147 | input[type="file"].m-wrap {
148 | height: 34px;
149 | /* In IE7, the height of the select element cannot be changed by height, only font-size */
150 |
151 | *margin-top: 4px;
152 | /* For IE7, add top margin to align select with labels */
153 |
154 | line-height: 30px;
155 | }
156 |
157 | select.m-wrap {
158 | width: 220px;
159 | background-color: #ffffff;
160 | border: 1px solid #aaaaaa;
161 | }
162 |
163 | select[multiple].m-wrap,
164 | select[size].m-wrap {
165 | height: auto;
166 | }
167 |
168 | select.m-wrap:focus,
169 | input[type="file"].m-wrap:focus,
170 | input[type="radio"].m-wrap:focus,
171 | input[type="checkbox"].m-wrap:focus {
172 | outline: thin dotted #333333;
173 | outline: 5px auto -webkit-focus-ring-color;
174 | outline-offset: -2px;
175 | }
176 |
177 | .m-uneditable-input,
178 | .m-uneditable-textarea {
179 | color: #999999;
180 | cursor: default;
181 | background-color: #fafafa;
182 | border-color: #aaaaaa;
183 | -webkit-box-shadow: none;
184 | -moz-box-shadow: none;
185 | box-shadow: none;
186 | }
187 |
188 | .m-uneditable-input {
189 | overflow: hidden;
190 | white-space: nowrap;
191 | }
192 |
193 | .m-uneditable-textarea {
194 | width: auto;
195 | height: auto;
196 | }
197 |
198 | input.m-wrap:-moz-placeholder,
199 | textarea.m-wrap:-moz-placeholder {
200 | color: #999999;
201 | }
202 |
203 | input.m-wrap:-ms-input-placeholder,
204 | textarea.m-wrap:-ms-input-placeholder {
205 | color: #999999;
206 | }
207 |
208 | input.m-wrap::-webkit-input-placeholder,
209 | textarea.m-wrap::-webkit-input-placeholder {
210 | color: #999999;
211 | }
212 |
213 | .m-radio,
214 | .m-checkbox {
215 | min-height: 18px;
216 | padding-left: 18px;
217 | }
218 |
219 | .m-radio input[type="radio"].m-wrap,
220 | .m-checkbox input[type="checkbox"].m-wrap {
221 | float: left;
222 | margin-left: -18px;
223 | }
224 |
225 | .m-controls > .m-radio:first-child,
226 | .m-controls > .m-checkbox:first-child {
227 | padding-top: 5px;
228 | }
229 |
230 | .m-radio.inline,
231 | .m-checkbox.inline {
232 | display: inline-block;
233 | padding-top: 5px;
234 | margin-bottom: 0;
235 | vertical-align: middle;
236 | }
237 |
238 | .m-radio.inline + .m-radio.inline,
239 | .m-checkbox.inline + .m-checkbox.inline {
240 | margin-left: 10px;
241 | }
242 |
243 | .m-ctrl-small {
244 | width: 120px !important;
245 | }
246 |
247 | .m-ctrl-medium {
248 | width: 206px !important;
249 | }
250 |
251 | .m-ctrl-large {
252 | width: 320px !important;
253 | }
254 |
255 | .m-ctrl-huge
256 | {
257 | width: 480px !important;
258 | font-size: 24px !important;
259 | line-height: 36px !important;
260 | padding: 22px 8px !important;
261 | }
262 |
263 | input[class*="span"].m-wrap,
264 | select[class*="span"].m-wrap,
265 | textarea[class*="span"].m-wrap,
266 | .m-uneditable-input[class*="span"]
267 | {
268 | float: none;
269 | margin-left: 0;
270 | }
271 |
272 | .m-input-append input[class*="span"],
273 | .m-input-append .m-uneditable-input[class*="span"],
274 | .m-input-prepend input[class*="span"],
275 | .m-input-prepend .m-uneditable-input[class*="span"]
276 | {
277 | display: inline-block;
278 | }
279 |
280 | input.m-wrap,
281 | textarea.m-wrap,
282 | .m-uneditable-input {
283 | margin-left: 0;
284 | }
285 |
286 | .m-input-prepend .add-on > [class^="icon-"]
287 | {
288 | margin-top: 5px;
289 | margin-left: 3px;
290 | }
291 |
292 | .m-input-append .add-on > [class^="icon-"]
293 | {
294 | margin-top: 5px;
295 | margin-left: 0px;
296 | }
297 |
298 |
299 | input[disabled].m-wrap,
300 | select[disabled].m-wrap,
301 | textarea[disabled].m-wrap
302 | {
303 | cursor: not-allowed;
304 | background-color: #fafafa;
305 | }
306 | input[readonly].m-wrap,
307 | select[readonly].m-wrap,
308 | textarea[readonly].m-wrap {
309 | cursor: default;
310 | background-color: #fafafa;
311 | }
312 |
313 | input[type="radio"][disabled].m-wrap,
314 | input[type="checkbox"][disabled].m-wrap,
315 | input[type="radio"][readonly].m-wrap,
316 | input[type="checkbox"][readonly].m-wrap {
317 | background-color: transparent;
318 | }
319 |
320 | input.m-wrap:focus:required:invalid,
321 | textarea.m-wrap:focus:required:invalid,
322 | select.m-wrap:focus:required:invalid {
323 | color: #b94a48;
324 | border-color: #444444;
325 | }
326 |
327 | input.m-wrap:focus:required:invalid:focus,
328 | textarea.m-wrap:focus:required:invalid:focus,
329 | select.m-wrap:focus:required:invalid:focus {
330 | border-color: #444444;
331 | }
332 |
333 | .m-input-append,
334 | .m-input-prepend {
335 | margin-bottom: 5px;
336 | font-size: 0;
337 | white-space: nowrap;
338 | }
339 |
340 | .m-input-append input,
341 | .m-input-prepend input,
342 | .m-input-append select,
343 | .m-input-prepend select,
344 | .m-input-append .uneditable-input,
345 | .m-input-prepend .uneditable-input {
346 | position: relative;
347 | margin-bottom: 0;
348 | *margin-left: 0;
349 | font-size: 14px;
350 | vertical-align: top;
351 | -webkit-border-radius: 0px;
352 | -moz-border-radius: 0px;
353 | border-radius: 0px;
354 | }
355 |
356 | .m-input-append input:focus,
357 | .m-input-prepend input:focus,
358 | .m-input-append select:focus,
359 | .m-input-prepend select:focus,
360 | .m-input-append .m-uneditable-input:focus,
361 | .m-input-prepend .m-uneditable-input:focus {
362 | z-index: 2;
363 | }
364 |
365 | .m-input-append .add-on,
366 | .m-input-prepend .add-on {
367 | display: inline-block;
368 | width: auto;
369 | height: 24px;
370 | min-width: 16px;
371 | padding: 4px 5px;
372 | font-size: 14px;
373 | font-weight: normal;
374 | line-height: 24px;
375 | text-align: center;
376 | text-shadow: 0 1px 0 #ffffff;
377 | background-color: #dddddd;
378 | border: 1px solid #eeeeee;
379 | }
380 |
381 | .m-input-append .add-on,
382 | .m-input-prepend .add-on,
383 | .m-input-append .m-btn,
384 | .m-input-prepend .m-btn {
385 | vertical-align: top;
386 | -webkit-border-radius: 0;
387 | -moz-border-radius: 0;
388 | border-radius: 0;
389 | }
390 |
391 | .m-input-append .active,
392 | .m-input-prepend .active {
393 | background-color: #a9dba9;
394 | border-color: #46a546;
395 | }
396 |
397 | .m-input-prepend .add-on,
398 | .m-input-prepend .m-btn {
399 | margin-top: 0px;
400 | margin-right: -1px;
401 | }
402 |
403 | .m-input-prepend .add-on:first-child,
404 | .m-input-prepend .m-btn:first-child {
405 | -webkit-border-radius: 0px;
406 | -moz-border-radius: 0px;
407 | border-radius: 0px;
408 | }
409 |
410 | .m-input-append input,
411 | .m-input-append select,
412 | .m-input-append .m-uneditable-input {
413 | -webkit-border-radius: 0px;
414 | -moz-border-radius: 0px;
415 | border-radius: 0px;
416 | }
417 |
418 | .m-input-append .add-on,
419 | .m-input-append .m-btn {
420 | margin-left: -1px;
421 | margin-top: 0px;
422 | }
423 |
424 | .m-input-append .add-on:last-child,
425 | .m-input-append .m-btn:last-child {
426 | -webkit-border-radius: 0px;
427 | -moz-border-radius: 0px;
428 | border-radius: 0px;
429 | }
430 |
431 | .m-input-prepend.input-append input,
432 | .m-input-prepend.input-append select,
433 | .m-input-prepend.input-append .m-uneditable-input {
434 | -webkit-border-radius: 0;
435 | -moz-border-radius: 0;
436 | border-radius: 0;
437 | }
438 |
439 | .m-input-prepend.m-input-append .add-on:first-child,
440 | .m-input-prepend.m-input-append .m-btn:first-child {
441 | margin-right: -1px;
442 | -webkit-border-radius: 0px;
443 | -moz-border-radius: 0px;
444 | border-radius: 0px;
445 | }
446 |
447 | .m-input-prepend.m-input-append .add-on:last-child,
448 | .m-input-prepend.m-input-append .m-btn:last-child {
449 | margin-left: -1px;
450 | -webkit-border-radius: 0px;
451 | -moz-border-radius: 0px;
452 | border-radius: 0px;
453 | }
454 |
--------------------------------------------------------------------------------
/css/m-forms.min.css:
--------------------------------------------------------------------------------
1 | label.m-wrap,input.m-wrap,button.m-wrap,select.m-wrap,textarea.m-wrap{font-size:14px;font-weight:normal;line-height:20px}input.m-wrap,button.m-wrap,select.m-wrap,textarea.m-wrap{font-family:"Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif}label.m-wrap{display:block;margin-bottom:5px}select.m-wrap,textarea.m-wrap,input[type="text"].m-wrap,input[type="password"].m-wrap,input[type="datetime"].m-wrap,input[type="datetime-local"].m-wrap,input[type="date"].m-wrap,input[type="month"].m-wrap,input[type="time"].m-wrap,input[type="week"].m-wrap,input[type="number"].m-wrap,input[type="email"].m-wrap,input[type="url"].m-wrap,input[type="search"].m-wrap,input[type="tel"].m-wrap,input[type="color"].m-wrap,.m-uneditable-input{vertical-align:top;display:inline-block;height:20px;padding:6px 6px;margin-bottom:9px;margin-top:0;font-size:14px;line-height:20px;color:#333;background-color:#fff;border:1px solid #eee;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}input.m-wrap,textarea.m-wrap,.m-uneditable-input{width:206px}textarea.m-wrap{height:auto}textarea.m-wrap,input[type="text"].m-wrap,input[type="password"].m-wrap,input[type="datetime"].m-wrap,input[type="datetime-local"].m-wrap,input[type="date"].m-wrap,input[type="month"].m-wrap,input[type="time"].m-wrap,input[type="week"].m-wrap,input[type="number"].m-wrap,input[type="email"].m-wrap,input[type="url"].m-wrap,input[type="search"].m-wrap,input[type="tel"].m-wrap,input[type="color"].m-wrap,.m-uneditable-input{background-color:#fff;border:1px solid #eee;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-transition:border linear .2s,box-shadow linear .2s;-moz-transition:border linear .2s,box-shadow linear .2s;-o-transition:border linear .2s,box-shadow linear .2s;transition:border linear .2s,box-shadow linear .2s;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}textarea.m-wrap:focus,input[type="text"].m-wrap:focus,input[type="password"].m-wrap:focus,input[type="datetime"].m-wrap:focus,input[type="datetime-local"].m-wrap:focus,input[type="date"].m-wrap:focus,input[type="month"].m-wrap:focus,input[type="time"].m-wrap:focus,input[type="week"].m-wrap:focus,input[type="number"].m-wrap:focus,input[type="email"].m-wrap:focus,input[type="url"].m-wrap:focus,input[type="search"].m-wrap:focus,input[type="tel"].m-wrap:focus,input[type="color"].m-wrap:focus,.m-uneditable-input:focus{border-color:#111;outline:0;outline:thin dotted \9;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}input[type="radio"].m-wrap,input[type="checkbox"].m-wrap{margin:4px 0 0;margin-top:1px \9;*margin-top:0;line-height:normal;cursor:pointer;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type="file"].m-wrap,input[type="image"].m-wrap,input[type="radio"].m-wrap,input[type="checkbox"].m-wrap{width:auto}select.m-wrap,input[type="file"].m-wrap{height:34px;*margin-top:4px;line-height:30px}select.m-wrap{width:220px;background-color:#fff;border:1px solid #aaa}select[multiple].m-wrap,select[size].m-wrap{height:auto}select.m-wrap:focus,input[type="file"].m-wrap:focus,input[type="radio"].m-wrap:focus,input[type="checkbox"].m-wrap:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.m-uneditable-input,.m-uneditable-textarea{color:#999;cursor:default;background-color:#fafafa;border-color:#aaa;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.m-uneditable-input{overflow:hidden;white-space:nowrap}.m-uneditable-textarea{width:auto;height:auto}input.m-wrap:-moz-placeholder,textarea.m-wrap:-moz-placeholder{color:#999}input.m-wrap:-ms-input-placeholder,textarea.m-wrap:-ms-input-placeholder{color:#999}input.m-wrap::-webkit-input-placeholder,textarea.m-wrap::-webkit-input-placeholder{color:#999}.m-radio,.m-checkbox{min-height:18px;padding-left:18px}.m-radio input[type="radio"].m-wrap,.m-checkbox input[type="checkbox"].m-wrap{float:left;margin-left:-18px}.m-controls>.m-radio:first-child,.m-controls>.m-checkbox:first-child{padding-top:5px}.m-radio.inline,.m-checkbox.inline{display:inline-block;padding-top:5px;margin-bottom:0;vertical-align:middle}.m-radio.inline+.m-radio.inline,.m-checkbox.inline+.m-checkbox.inline{margin-left:10px}.m-ctrl-small{width:120px!important}.m-ctrl-medium{width:206px!important}.m-ctrl-large{width:320px!important}.m-ctrl-huge{width:480px!important;font-size:24px!important;line-height:36px!important;padding:22px 8px!important}input[class*="span"].m-wrap,select[class*="span"].m-wrap,textarea[class*="span"].m-wrap,.m-uneditable-input[class*="span"]{float:none;margin-left:0}.m-input-append input[class*="span"],.m-input-append .m-uneditable-input[class*="span"],.m-input-prepend input[class*="span"],.m-input-prepend .m-uneditable-input[class*="span"]{display:inline-block}input.m-wrap,textarea.m-wrap,.m-uneditable-input{margin-left:0}.m-input-prepend .add-on>[class^="icon-"]{margin-top:5px;margin-left:3px}.m-input-append .add-on>[class^="icon-"]{margin-top:5px;margin-left:0}input[disabled].m-wrap,select[disabled].m-wrap,textarea[disabled].m-wrap{cursor:not-allowed;background-color:#fafafa}input[readonly].m-wrap,select[readonly].m-wrap,textarea[readonly].m-wrap{cursor:default;background-color:#fafafa}input[type="radio"][disabled].m-wrap,input[type="checkbox"][disabled].m-wrap,input[type="radio"][readonly].m-wrap,input[type="checkbox"][readonly].m-wrap{background-color:transparent}input.m-wrap:focus:required:invalid,textarea.m-wrap:focus:required:invalid,select.m-wrap:focus:required:invalid{color:#b94a48;border-color:#444}input.m-wrap:focus:required:invalid:focus,textarea.m-wrap:focus:required:invalid:focus,select.m-wrap:focus:required:invalid:focus{border-color:#444}.m-input-append,.m-input-prepend{margin-bottom:5px;font-size:0;white-space:nowrap}.m-input-append input,.m-input-prepend input,.m-input-append select,.m-input-prepend select,.m-input-append .uneditable-input,.m-input-prepend .uneditable-input{position:relative;margin-bottom:0;*margin-left:0;font-size:14px;vertical-align:top;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.m-input-append input:focus,.m-input-prepend input:focus,.m-input-append select:focus,.m-input-prepend select:focus,.m-input-append .m-uneditable-input:focus,.m-input-prepend .m-uneditable-input:focus{z-index:2}.m-input-append .add-on,.m-input-prepend .add-on{display:inline-block;width:auto;height:24px;min-width:16px;padding:4px 5px;font-size:14px;font-weight:normal;line-height:24px;text-align:center;text-shadow:0 1px 0 #fff;background-color:#ddd;border:1px solid #eee}.m-input-append .add-on,.m-input-prepend .add-on,.m-input-append .m-btn,.m-input-prepend .m-btn{vertical-align:top;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.m-input-append .active,.m-input-prepend .active{background-color:#a9dba9;border-color:#46a546}.m-input-prepend .add-on,.m-input-prepend .m-btn{margin-top:0;margin-right:-1px}.m-input-prepend .add-on:first-child,.m-input-prepend .m-btn:first-child{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.m-input-append input,.m-input-append select,.m-input-append .m-uneditable-input{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.m-input-append .add-on,.m-input-append .m-btn{margin-left:-1px;margin-top:0}.m-input-append .add-on:last-child,.m-input-append .m-btn:last-child{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.m-input-prepend.input-append input,.m-input-prepend.input-append select,.m-input-prepend.input-append .m-uneditable-input{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.m-input-prepend.m-input-append .add-on:first-child,.m-input-prepend.m-input-append .m-btn:first-child{margin-right:-1px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.m-input-prepend.m-input-append .add-on:last-child,.m-input-prepend.m-input-append .m-btn:last-child{margin-left:-1px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
--------------------------------------------------------------------------------
/css/m-icons.css:
--------------------------------------------------------------------------------
1 | /*!
2 | * CSS3 Microsoft Metro Buttons
3 | * Inspired by Tim O'Donnell's CSS3 Google Buttons, Twitter Bootstrap, and Microsoft. Icons from glyphicons.com and Syncfusion's Metro Studio.
4 | * I do not claim ownership on the origin of design and icons.
5 | * Built by Ace Subido (http://github.com/ace-subido)
6 | */
7 | .m-btn [class^="icon-"] {
8 | display: inline-block;
9 |
10 | width: 14px;
11 | height: 14px;
12 | margin-top: 0px;
13 | line-height: 14px;
14 |
15 | vertical-align: top;
16 | background-image: url(../img/glyphicons-halflings.png);
17 |
18 | background-repeat: no-repeat;
19 |
20 | }
21 | .m-btn[class^="icon-"]:last-child {
22 | *margin-left: 0;
23 | }
24 | .m-btn .icon-white {
25 | background-image: url(../img/glyphicons-halflings-white.png);
26 | }
27 | .disabled > [class^="icon-"], [disabled] > [class^="icon-"]{
28 | opacity: 0.5;
29 | filter: alpha(opacity=50);
30 | }
31 | .disabled > [class^="m-icon-"], [disabled] > [class^="m-icon-"] {
32 | opacity: 0.4;
33 | filter: alpha(opacity=40);
34 | }
35 | .icon-glass {
36 | background-position: 0 0;
37 | }
38 |
39 | .icon-music {
40 | background-position: -24px 0;
41 | }
42 |
43 | .icon-search {
44 | background-position: -48px 0;
45 | }
46 |
47 | .icon-envelope {
48 | background-position: -72px 0;
49 | }
50 |
51 | .icon-heart {
52 | background-position: -96px 0;
53 | }
54 |
55 | .icon-star {
56 | background-position: -120px 0;
57 | }
58 |
59 | .icon-star-empty {
60 | background-position: -144px 0;
61 | }
62 |
63 | .icon-user {
64 | background-position: -168px 0;
65 | }
66 |
67 | .icon-film {
68 | background-position: -192px 0;
69 | }
70 |
71 | .icon-th-large {
72 | background-position: -216px 0;
73 | }
74 |
75 | .icon-th {
76 | background-position: -240px 0;
77 | }
78 |
79 | .icon-th-list {
80 | background-position: -264px 0;
81 | }
82 |
83 | .icon-ok {
84 | background-position: -288px 0;
85 | }
86 |
87 | .icon-remove {
88 | background-position: -312px 0;
89 | }
90 |
91 | .icon-zoom-in {
92 | background-position: -336px 0;
93 | }
94 |
95 | .icon-zoom-out {
96 | background-position: -360px 0;
97 | }
98 |
99 | .icon-off {
100 | background-position: -384px 0;
101 | }
102 |
103 | .icon-signal {
104 | background-position: -408px 0;
105 | }
106 |
107 | .icon-cog {
108 | background-position: -432px 0;
109 | }
110 |
111 | .icon-trash {
112 | background-position: -456px 0;
113 | }
114 |
115 | .icon-home {
116 | background-position: 0 -24px;
117 | }
118 |
119 | .icon-file {
120 | background-position: -24px -24px;
121 | }
122 |
123 | .icon-time {
124 | background-position: -48px -24px;
125 | }
126 |
127 | .icon-road {
128 | background-position: -72px -24px;
129 | }
130 |
131 | .icon-download-alt {
132 | background-position: -96px -24px;
133 | }
134 |
135 | .icon-download {
136 | background-position: -120px -24px;
137 | }
138 |
139 | .icon-upload {
140 | background-position: -144px -24px;
141 | }
142 |
143 | .icon-inbox {
144 | background-position: -168px -24px;
145 | }
146 |
147 | .icon-play-circle {
148 | background-position: -192px -24px;
149 | }
150 |
151 | .icon-repeat {
152 | background-position: -216px -24px;
153 | }
154 |
155 | .icon-refresh {
156 | background-position: -240px -24px;
157 | }
158 |
159 | .icon-list-alt {
160 | background-position: -264px -24px;
161 | }
162 |
163 | .icon-lock {
164 | background-position: -287px -24px;
165 | }
166 |
167 | .icon-flag {
168 | background-position: -312px -24px;
169 | }
170 |
171 | .icon-headphones {
172 | background-position: -336px -24px;
173 | }
174 |
175 | .icon-volume-off {
176 | background-position: -360px -24px;
177 | }
178 |
179 | .icon-volume-down {
180 | background-position: -384px -24px;
181 | }
182 |
183 | .icon-volume-up {
184 | background-position: -408px -24px;
185 | }
186 |
187 | .icon-qrcode {
188 | background-position: -432px -24px;
189 | }
190 |
191 | .icon-barcode {
192 | background-position: -456px -24px;
193 | }
194 |
195 | .icon-tag {
196 | background-position: 0 -48px;
197 | }
198 |
199 | .icon-tags {
200 | background-position: -25px -48px;
201 | }
202 |
203 | .icon-book {
204 | background-position: -48px -48px;
205 | }
206 |
207 | .icon-bookmark {
208 | background-position: -72px -48px;
209 | }
210 |
211 | .icon-print {
212 | background-position: -96px -48px;
213 | }
214 |
215 | .icon-camera {
216 | background-position: -120px -48px;
217 | }
218 |
219 | .icon-font {
220 | background-position: -144px -48px;
221 | }
222 |
223 | .icon-bold {
224 | background-position: -167px -48px;
225 | }
226 |
227 | .icon-italic {
228 | background-position: -192px -48px;
229 | }
230 |
231 | .icon-text-height {
232 | background-position: -216px -48px;
233 | }
234 |
235 | .icon-text-width {
236 | background-position: -240px -48px;
237 | }
238 |
239 | .icon-align-left {
240 | background-position: -264px -48px;
241 | }
242 |
243 | .icon-align-center {
244 | background-position: -288px -48px;
245 | }
246 |
247 | .icon-align-right {
248 | background-position: -312px -48px;
249 | }
250 |
251 | .icon-align-justify {
252 | background-position: -336px -48px;
253 | }
254 |
255 | .icon-list {
256 | background-position: -360px -48px;
257 | }
258 |
259 | .icon-indent-left {
260 | background-position: -384px -48px;
261 | }
262 |
263 | .icon-indent-right {
264 | background-position: -408px -48px;
265 | }
266 |
267 | .icon-facetime-video {
268 | background-position: -432px -48px;
269 | }
270 |
271 | .icon-picture {
272 | background-position: -456px -48px;
273 | }
274 |
275 | .icon-pencil {
276 | background-position: 0 -72px;
277 | }
278 |
279 | .icon-map-marker {
280 | background-position: -24px -72px;
281 | }
282 |
283 | .icon-adjust {
284 | background-position: -48px -72px;
285 | }
286 |
287 | .icon-tint {
288 | background-position: -72px -72px;
289 | }
290 |
291 | .icon-edit {
292 | background-position: -96px -72px;
293 | }
294 |
295 | .icon-share {
296 | background-position: -120px -72px;
297 | }
298 |
299 | .icon-check {
300 | background-position: -144px -72px;
301 | }
302 |
303 | .icon-move {
304 | background-position: -168px -72px;
305 | }
306 |
307 | .icon-step-backward {
308 | background-position: -192px -72px;
309 | }
310 |
311 | .icon-fast-backward {
312 | background-position: -216px -72px;
313 | }
314 |
315 | .icon-backward {
316 | background-position: -240px -72px;
317 | }
318 |
319 | .icon-play {
320 | background-position: -264px -72px;
321 | }
322 |
323 | .icon-pause {
324 | background-position: -288px -72px;
325 | }
326 |
327 | .icon-stop {
328 | background-position: -312px -72px;
329 | }
330 |
331 | .icon-forward {
332 | background-position: -336px -72px;
333 | }
334 |
335 | .icon-fast-forward {
336 | background-position: -360px -72px;
337 | }
338 |
339 | .icon-step-forward {
340 | background-position: -384px -72px;
341 | }
342 |
343 | .icon-eject {
344 | background-position: -408px -72px;
345 | }
346 |
347 | .icon-chevron-left {
348 | background-position: -432px -72px;
349 | }
350 |
351 | .icon-chevron-right {
352 | background-position: -456px -72px;
353 | }
354 |
355 | .icon-plus-sign {
356 | background-position: 0 -96px;
357 | }
358 |
359 | .icon-minus-sign {
360 | background-position: -24px -96px;
361 | }
362 |
363 | .icon-remove-sign {
364 | background-position: -48px -96px;
365 | }
366 |
367 | .icon-ok-sign {
368 | background-position: -72px -96px;
369 | }
370 |
371 | .icon-question-sign {
372 | background-position: -96px -96px;
373 | }
374 |
375 | .icon-info-sign {
376 | background-position: -120px -96px;
377 | }
378 |
379 | .icon-screenshot {
380 | background-position: -144px -96px;
381 | }
382 |
383 | .icon-remove-circle {
384 | background-position: -168px -96px;
385 | }
386 |
387 | .icon-ok-circle {
388 | background-position: -192px -96px;
389 | }
390 |
391 | .icon-ban-circle {
392 | background-position: -216px -96px;
393 | }
394 |
395 | .icon-arrow-left {
396 | background-position: -240px -96px;
397 | }
398 |
399 | .icon-arrow-right {
400 | background-position: -264px -96px;
401 | }
402 |
403 | .icon-arrow-up {
404 | background-position: -289px -96px;
405 | }
406 |
407 | .icon-arrow-down {
408 | background-position: -312px -96px;
409 | }
410 |
411 | .icon-share-alt {
412 | background-position: -336px -96px;
413 | }
414 |
415 | .icon-resize-full {
416 | background-position: -360px -96px;
417 | }
418 |
419 | .icon-resize-small {
420 | background-position: -384px -96px;
421 | }
422 |
423 | .icon-plus {
424 | background-position: -408px -96px;
425 | }
426 |
427 | .icon-minus {
428 | background-position: -433px -96px;
429 | }
430 |
431 | .icon-asterisk {
432 | background-position: -456px -96px;
433 | }
434 |
435 | .icon-exclamation-sign {
436 | background-position: 0 -120px;
437 | }
438 |
439 | .icon-gift {
440 | background-position: -24px -120px;
441 | }
442 |
443 | .icon-leaf {
444 | background-position: -48px -120px;
445 | }
446 |
447 | .icon-fire {
448 | background-position: -72px -120px;
449 | }
450 |
451 | .icon-eye-open {
452 | background-position: -96px -120px;
453 | }
454 |
455 | .icon-eye-close {
456 | background-position: -120px -120px;
457 | }
458 |
459 | .icon-warning-sign {
460 | background-position: -144px -120px;
461 | }
462 |
463 | .icon-plane {
464 | background-position: -168px -120px;
465 | }
466 |
467 | .icon-calendar {
468 | background-position: -192px -120px;
469 | }
470 |
471 | .icon-random {
472 | width: 16px;
473 | background-position: -216px -120px;
474 | }
475 |
476 | .icon-comment {
477 | background-position: -240px -120px;
478 | }
479 |
480 | .icon-magnet {
481 | background-position: -264px -120px;
482 | }
483 |
484 | .icon-chevron-up {
485 | background-position: -288px -120px;
486 | }
487 |
488 | .icon-chevron-down {
489 | background-position: -313px -119px;
490 | }
491 |
492 | .icon-retweet {
493 | background-position: -336px -120px;
494 | }
495 |
496 | .icon-shopping-cart {
497 | background-position: -360px -120px;
498 | }
499 |
500 | .icon-folder-close {
501 | background-position: -384px -120px;
502 | }
503 |
504 | .icon-folder-open {
505 | width: 16px;
506 | background-position: -408px -120px;
507 | }
508 |
509 | .icon-resize-vertical {
510 | background-position: -432px -119px;
511 | }
512 |
513 | .icon-resize-horizontal {
514 | background-position: -456px -118px;
515 | }
516 |
517 | .icon-hdd {
518 | background-position: 0 -144px;
519 | }
520 |
521 | .icon-bullhorn {
522 | background-position: -24px -144px;
523 | }
524 |
525 | .icon-bell {
526 | background-position: -48px -144px;
527 | }
528 |
529 | .icon-certificate {
530 | background-position: -72px -144px;
531 | }
532 |
533 | .icon-thumbs-up {
534 | background-position: -96px -144px;
535 | }
536 |
537 | .icon-thumbs-down {
538 | background-position: -120px -144px;
539 | }
540 |
541 | .icon-hand-right {
542 | background-position: -144px -144px;
543 | }
544 |
545 | .icon-hand-left {
546 | background-position: -168px -144px;
547 | }
548 |
549 | .icon-hand-up {
550 | background-position: -192px -144px;
551 | }
552 |
553 | .icon-hand-down {
554 | background-position: -216px -144px;
555 | }
556 |
557 | .icon-circle-arrow-right {
558 | background-position: -240px -144px;
559 | }
560 |
561 | .icon-circle-arrow-left {
562 | background-position: -264px -144px;
563 | }
564 |
565 | .icon-circle-arrow-up {
566 | background-position: -288px -144px;
567 | }
568 |
569 | .icon-circle-arrow-down {
570 | background-position: -312px -144px;
571 | }
572 |
573 | .icon-globe {
574 | background-position: -336px -144px;
575 | }
576 |
577 | .icon-wrench {
578 | background-position: -360px -144px;
579 | }
580 |
581 | .icon-tasks {
582 | background-position: -384px -144px;
583 | }
584 |
585 | .icon-filter {
586 | background-position: -408px -144px;
587 | }
588 |
589 | .icon-briefcase {
590 | background-position: -432px -144px;
591 | }
592 |
593 | .icon-fullscreen {
594 | background-position: -456px -144px;
595 | }
596 |
597 | [class^="m-icon-"] {
598 | display: inline-block;
599 | width: 14px;
600 | height: 14px;
601 |
602 | margin-top: 0px;
603 | line-height: 14px;
604 |
605 | vertical-align: top;
606 | background-image: url(../img/syncfusion-icons.png);
607 | background-position: 0 0;
608 | background-repeat: no-repeat;
609 |
610 | }
611 | [class^="m-icon-big-"] {
612 | display: inline-block;
613 | width: 30px;
614 | height: 30px;
615 | margin: 6px;
616 | vertical-align: top;
617 | background-image: url(../img/syncfusion-icons.png);
618 | background-position: 0 0px;
619 | background-repeat: no-repeat;
620 | }
621 | .m-icon-white {
622 | background-image: url(../img/syncfusion-icons-white.png);
623 | }
624 | [class^="big-"]:last-child {
625 | *margin-left: 0;
626 | }
627 | .m-icon-swapright {
628 | background-position: -27px -10px;
629 | }
630 | .m-icon-swapdown {
631 | background-position: -68px -10px;
632 | }
633 | .m-icon-swapleft {
634 | background-position: -8px -10px;
635 | }
636 | .m-icon-swapup {
637 | background-position: -47px -10px;
638 | }
639 | .m-icon-big-swapright{
640 | background-position: -42px -28px;
641 | }
642 | .m-icon-big-swapdown{
643 | background-position: -115px -28px;
644 | }
645 | .m-icon-big-swapleft{
646 | background-position: -6px -28px;
647 | }
648 | .m-icon-big-swapup{
649 | background-position: -78px -28px;
650 | }
--------------------------------------------------------------------------------
/css/m-icons.min.css:
--------------------------------------------------------------------------------
1 | /*!
2 | * CSS3 Microsoft Metro Buttons
3 | * Inspired by Tim O'Donnell's CSS3 Google Buttons, Twitter Bootstrap, and Microsoft. Icons from glyphicons.com and Syncfusion's Metro Studio.
4 | * I do not claim ownership on the origin of design and icons.
5 | * Built by Ace Subido (http://github.com/ace-subido)
6 | */.m-btn [class^="icon-"]{display:inline-block;width:14px;height:14px;margin-top:0;line-height:14px;vertical-align:top;background-image:url(../img/glyphicons-halflings.png);background-repeat:no-repeat}.m-btn[class^="icon-"]:last-child{*margin-left:0}.m-btn .icon-white{background-image:url(../img/glyphicons-halflings-white.png)}.disabled>[class^="icon-"],[disabled]>[class^="icon-"]{opacity:.5;filter:alpha(opacity=50)}.disabled>[class^="m-icon-"],[disabled]>[class^="m-icon-"]{opacity:.4;filter:alpha(opacity=40)}.icon-glass{background-position:0 0}.icon-music{background-position:-24px 0}.icon-search{background-position:-48px 0}.icon-envelope{background-position:-72px 0}.icon-heart{background-position:-96px 0}.icon-star{background-position:-120px 0}.icon-star-empty{background-position:-144px 0}.icon-user{background-position:-168px 0}.icon-film{background-position:-192px 0}.icon-th-large{background-position:-216px 0}.icon-th{background-position:-240px 0}.icon-th-list{background-position:-264px 0}.icon-ok{background-position:-288px 0}.icon-remove{background-position:-312px 0}.icon-zoom-in{background-position:-336px 0}.icon-zoom-out{background-position:-360px 0}.icon-off{background-position:-384px 0}.icon-signal{background-position:-408px 0}.icon-cog{background-position:-432px 0}.icon-trash{background-position:-456px 0}.icon-home{background-position:0 -24px}.icon-file{background-position:-24px -24px}.icon-time{background-position:-48px -24px}.icon-road{background-position:-72px -24px}.icon-download-alt{background-position:-96px -24px}.icon-download{background-position:-120px -24px}.icon-upload{background-position:-144px -24px}.icon-inbox{background-position:-168px -24px}.icon-play-circle{background-position:-192px -24px}.icon-repeat{background-position:-216px -24px}.icon-refresh{background-position:-240px -24px}.icon-list-alt{background-position:-264px -24px}.icon-lock{background-position:-287px -24px}.icon-flag{background-position:-312px -24px}.icon-headphones{background-position:-336px -24px}.icon-volume-off{background-position:-360px -24px}.icon-volume-down{background-position:-384px -24px}.icon-volume-up{background-position:-408px -24px}.icon-qrcode{background-position:-432px -24px}.icon-barcode{background-position:-456px -24px}.icon-tag{background-position:0 -48px}.icon-tags{background-position:-25px -48px}.icon-book{background-position:-48px -48px}.icon-bookmark{background-position:-72px -48px}.icon-print{background-position:-96px -48px}.icon-camera{background-position:-120px -48px}.icon-font{background-position:-144px -48px}.icon-bold{background-position:-167px -48px}.icon-italic{background-position:-192px -48px}.icon-text-height{background-position:-216px -48px}.icon-text-width{background-position:-240px -48px}.icon-align-left{background-position:-264px -48px}.icon-align-center{background-position:-288px -48px}.icon-align-right{background-position:-312px -48px}.icon-align-justify{background-position:-336px -48px}.icon-list{background-position:-360px -48px}.icon-indent-left{background-position:-384px -48px}.icon-indent-right{background-position:-408px -48px}.icon-facetime-video{background-position:-432px -48px}.icon-picture{background-position:-456px -48px}.icon-pencil{background-position:0 -72px}.icon-map-marker{background-position:-24px -72px}.icon-adjust{background-position:-48px -72px}.icon-tint{background-position:-72px -72px}.icon-edit{background-position:-96px -72px}.icon-share{background-position:-120px -72px}.icon-check{background-position:-144px -72px}.icon-move{background-position:-168px -72px}.icon-step-backward{background-position:-192px -72px}.icon-fast-backward{background-position:-216px -72px}.icon-backward{background-position:-240px -72px}.icon-play{background-position:-264px -72px}.icon-pause{background-position:-288px -72px}.icon-stop{background-position:-312px -72px}.icon-forward{background-position:-336px -72px}.icon-fast-forward{background-position:-360px -72px}.icon-step-forward{background-position:-384px -72px}.icon-eject{background-position:-408px -72px}.icon-chevron-left{background-position:-432px -72px}.icon-chevron-right{background-position:-456px -72px}.icon-plus-sign{background-position:0 -96px}.icon-minus-sign{background-position:-24px -96px}.icon-remove-sign{background-position:-48px -96px}.icon-ok-sign{background-position:-72px -96px}.icon-question-sign{background-position:-96px -96px}.icon-info-sign{background-position:-120px -96px}.icon-screenshot{background-position:-144px -96px}.icon-remove-circle{background-position:-168px -96px}.icon-ok-circle{background-position:-192px -96px}.icon-ban-circle{background-position:-216px -96px}.icon-arrow-left{background-position:-240px -96px}.icon-arrow-right{background-position:-264px -96px}.icon-arrow-up{background-position:-289px -96px}.icon-arrow-down{background-position:-312px -96px}.icon-share-alt{background-position:-336px -96px}.icon-resize-full{background-position:-360px -96px}.icon-resize-small{background-position:-384px -96px}.icon-plus{background-position:-408px -96px}.icon-minus{background-position:-433px -96px}.icon-asterisk{background-position:-456px -96px}.icon-exclamation-sign{background-position:0 -120px}.icon-gift{background-position:-24px -120px}.icon-leaf{background-position:-48px -120px}.icon-fire{background-position:-72px -120px}.icon-eye-open{background-position:-96px -120px}.icon-eye-close{background-position:-120px -120px}.icon-warning-sign{background-position:-144px -120px}.icon-plane{background-position:-168px -120px}.icon-calendar{background-position:-192px -120px}.icon-random{width:16px;background-position:-216px -120px}.icon-comment{background-position:-240px -120px}.icon-magnet{background-position:-264px -120px}.icon-chevron-up{background-position:-288px -120px}.icon-chevron-down{background-position:-313px -119px}.icon-retweet{background-position:-336px -120px}.icon-shopping-cart{background-position:-360px -120px}.icon-folder-close{background-position:-384px -120px}.icon-folder-open{width:16px;background-position:-408px -120px}.icon-resize-vertical{background-position:-432px -119px}.icon-resize-horizontal{background-position:-456px -118px}.icon-hdd{background-position:0 -144px}.icon-bullhorn{background-position:-24px -144px}.icon-bell{background-position:-48px -144px}.icon-certificate{background-position:-72px -144px}.icon-thumbs-up{background-position:-96px -144px}.icon-thumbs-down{background-position:-120px -144px}.icon-hand-right{background-position:-144px -144px}.icon-hand-left{background-position:-168px -144px}.icon-hand-up{background-position:-192px -144px}.icon-hand-down{background-position:-216px -144px}.icon-circle-arrow-right{background-position:-240px -144px}.icon-circle-arrow-left{background-position:-264px -144px}.icon-circle-arrow-up{background-position:-288px -144px}.icon-circle-arrow-down{background-position:-312px -144px}.icon-globe{background-position:-336px -144px}.icon-wrench{background-position:-360px -144px}.icon-tasks{background-position:-384px -144px}.icon-filter{background-position:-408px -144px}.icon-briefcase{background-position:-432px -144px}.icon-fullscreen{background-position:-456px -144px}[class^="m-icon-"]{display:inline-block;width:14px;height:14px;margin-top:0;line-height:14px;vertical-align:top;background-image:url(../img/syncfusion-icons.png);background-position:0 0;background-repeat:no-repeat}[class^="m-icon-big-"]{display:inline-block;width:30px;height:30px;margin:6px;vertical-align:top;background-image:url(../img/syncfusion-icons.png);background-position:0 0;background-repeat:no-repeat}.m-icon-white{background-image:url(../img/syncfusion-icons-white.png)}[class^="big-"]:last-child{*margin-left:0}.m-icon-swapright{background-position:-27px -10px}.m-icon-swapdown{background-position:-68px -10px}.m-icon-swapleft{background-position:-8px -10px}.m-icon-swapup{background-position:-47px -10px}.m-icon-big-swapright{background-position:-42px -28px}.m-icon-big-swapdown{background-position:-115px -28px}.m-icon-big-swapleft{background-position:-6px -28px}.m-icon-big-swapup{background-position:-78px -28px}
--------------------------------------------------------------------------------
/css/m-normalize.css:
--------------------------------------------------------------------------------
1 | /*!
2 | * CSS3 Microsoft Metro Buttons
3 | * Inspired by Tim O'Donnell's CSS3 Google Buttons, Twitter Bootstrap, and Microsoft. Icons from glyphicons.com and Syncfusion's Metro Studio.
4 | * I do not claim ownership on the origin of design and icons.
5 | * Built by Ace Subido (http://github.com/ace-subido)
6 | */
7 | article,
8 | aside,
9 | details,
10 | figcaption,
11 | figure,
12 | footer,
13 | header,
14 | hgroup,
15 | nav,
16 | section {
17 | display: block;
18 | }
19 | audio, canvas, video {
20 | display: inline-block;
21 | *display: inline;
22 | *zoom: 1;
23 | }
24 | audio:not([controls]) {
25 | display: none;
26 | }
27 | html {
28 | font-size: 100%;
29 | -webkit-text-size-adjust: 100%;
30 | -ms-text-size-adjust: 100%;
31 | }
32 |
33 | sub, sup {
34 | position: relative;
35 | font-size: 75%;
36 | line-height: 0;
37 | vertical-align: baseline;
38 | }
39 | sup {
40 | top: -0.5em;
41 | }
42 | sub {
43 | bottom: -0.25em;
44 | }
45 | img {
46 | max-width: 100%;
47 | height: auto;
48 | border: 0;
49 | -ms-interpolation-mode: bicubic;
50 | }
--------------------------------------------------------------------------------
/css/m-normalize.min.css:
--------------------------------------------------------------------------------
1 | /*!
2 | * CSS3 Microsoft Metro Buttons
3 | * Inspired by Tim O'Donnell's CSS3 Google Buttons, Twitter Bootstrap, and Microsoft. Icons from glyphicons.com and Syncfusion's Metro Studio.
4 | * I do not claim ownership on the origin of design and icons.
5 | * Built by Ace Subido (http://github.com/ace-subido)
6 | */article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{max-width:100%;height:auto;border:0;-ms-interpolation-mode:bicubic}
--------------------------------------------------------------------------------
/css/m-styles.min.css:
--------------------------------------------------------------------------------
1 | /*!
2 | * CSS3 Microsoft Metro Buttons
3 | * Inspired by Tim O'Donnell's CSS3 Google Buttons, Twitter Bootstrap, and Microsoft. Icons from glyphicons.com and Syncfusion's Metro Studio.
4 | * I do not claim ownership on the origin of design and icons.
5 | * Built by Ace Subido (http://github.com/ace-subido)
6 | */a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}a:hover,a:active{outline:0}button,input,select,textarea{margin:0;font-size:100%}button,input{*overflow:visible;line-height:normal}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;-moz-appearance:none}@-moz-document url-prefix(){button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;padding:6px 14px}}input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}.dropdown{position:relative}.dropdown-toggle{*margin-bottom:-3px}.dropdown-toggle:active,.open .dropdown-toggle{outline:0}.caret{display:inline-block;width:0;height:0;text-indent:-99999px;*text-indent:0;vertical-align:top;margin-top:5px;margin-left:2px;margin-right:2px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid black;opacity:.5;filter:alpha(opacity=50);content:"\2193"}.caret.white{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid white;opacity:.95;filter:alpha(opacity=95)}.dropdown .caret{margin-top:8px;margin-left:2px}.dropdown:hover .caret,.open.dropdown .caret{opacity:1;filter:alpha(opacity=100)}.m-dropdown-menu{position:absolute;top:98%;left:0;z-index:1000;float:left;display:none;min-width:225px;max-width:225px;padding:0 0 6px 0;margin:0;list-style:none;background-color:white;-webkit-box-shadow:0 1px 8px rgba(0,0,0,0.1);-moz-box-shadow:0 1px 8px rgba(0,0,0,0.1);box-shadow:0 1px 8px rgba(0,0,0,0.1);font-size:14px;font-family:"Segoe UI",Helvetica,Arial,sans-serif;border:1px solid #eee}.m-dropdown-menu.bottom-up{top:auto;bottom:100%;margin-bottom:2px}.m-dropdown-menu .divider{border-top:1px solid #ebebeb;margin-top:9px;margin-bottom:10px;padding:0;cursor:default}.m-dropdown-menu a{position:relative;padding:6px 0 6px 30px;color:#333;text-decoration:none;display:block;clear:both;font-weight:normal;line-height:18px;white-space:nowrap}.m-dropdown-menu a [class^="icon-"]{position:absolute;left:7px;top:8px}.m-dropdown-menu li>a:hover,.m-dropdown-menu .active>a,.m-dropdown-menu .active>a:hover{text-decoration:none;background-color:#eee}.dropdown.open{*z-index:1000}.dropdown.open .dropdown-toggle{color:#08c;background:#ccc;background:rgba(0,0,0,0.3)}.dropdown.open .m-dropdown-menu{display:block}.m-btn{position:relative;display:inline-block;overflow:visible;margin:0;padding:10px 14px;margin-top:8px;cursor:pointer;outline:0;border:0;background-color:#eee;background-image:-moz-linear-gradient(top,#eee,#eee);background-image:-ms-linear-gradient(top,#eee,#eee);background-image:-webkit-gradient(linear,0 0,0 100%,from(#eee),to(#eee));background-image:-webkit-linear-gradient(top,#eee,#eee);background-image:-o-linear-gradient(top,#eee,#eee);background-image:linear-gradient(top,#eee,#eee);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee',endColorstr='#eeeeee',GradientType=0);-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding;zoom:1;z-index:1;*display:inline;font-family:"Segoe UI",Helvetica,Arial,sans-serif;font-size:14px;line-height:14px;color:#333;min-width:42px;text-shadow:#fff 0 1px 0;text-align:center;text-decoration:none;white-space:nowrap;vertical-align:inherit}.m-btn:hover,.m-btn:focus,.m-btn:active,.m-btn.active{color:#333;text-decoration:none;background-color:#dcdcdc;background-image:-moz-linear-gradient(top,#dcdcdc,#dcdcdc);background-image:-ms-linear-gradient(top,#dcdcdc,#dcdcdc);background-image:-webkit-gradient(linear,0 0,0 100%,from(#dcdcdc),to(#dcdcdc));background-image:-webkit-linear-gradient(top,#dcdcdc,#dcdcdc);background-image:-o-linear-gradient(top,#dcdcdc,#dcdcdc);background-image:linear-gradient(top,#dcdcdc,#dcdcdc);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dcdcdc',endColorstr='#dcdcdc',GradientType=0);z-index:100;outline:0}.m-btn:active,.m-btn.active{background-color:#eee;background-image:-moz-linear-gradient(top,#eee,#dcdcdc);background-image:-ms-linear-gradient(top,#eee,#dcdcdc);background-image:-webkit-gradient(linear,0 0,0 100%,from(#eee),to(#dcdcdc));background-image:-webkit-linear-gradient(top,#eee,#dcdcdc);background-image:-o-linear-gradient(top,#eee,#dcdcdc);background-image:linear-gradient(top,#eee,#dcdcdc);background-repeat:repeat-x;-webkit-box-shadow:inset 0 1px 8px rgba(0,0,0,0.25);-moz-box-shadow:inset 0 1px 8px rgba(0,0,0,0.25);box-shadow:inset 0 1px 8px rgba(0,0,0,0.25);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee',endColorstr='#dcdcdc',GradientType=0)}.m-btn:focus{border-color:#4d90fe}.m-btn::-moz-focus-inner{padding:0;border:0}.m-btn.red-stripe{border-left:3px solid #d84a38}.m-btn.blue-stripe{border-left:3px solid #4d90fe}.m-btn.purple-stripe{border-left:3px solid #852b99}.m-btn.green-stripe{border-left:3px solid #35aa47}.m-btn.red:active,.m-btn.red.active,.m-btn.red.disabled,.m-btn.red[disabled],.m-btn.blue:active,.m-btn.blue.active,.m-btn.blue.disabled,.m-btn.blue[disabled],.m-btn.purple:active,.m-btn.purple.active,.m-btn.purple.disabled,.m-btn.purple[disabled],.m-btn.green:active,.m-btn.green.active,.m-btn.green.disabled,.m-btn.green[disabled],.m-btn.black:active,.m-btn.black.active,.m-btn.black.disabled,.m-btn.black[disabled]{-webkit-box-shadow:inset 0 1px 8px rgba(0,0,0,0.25);-moz-box-shadow:inset 0 1px 8px rgba(0,0,0,0.25);box-shadow:inset 0 1px 8px rgba(0,0,0,0.25);color:white!important}.m-btn.red.disabled,.m-btn.red[disabled],.m-btn.blue.disabled,.m-btn.blue[disabled],.m-btn.purple.disabled,.m-btn.purple[disabled],.m-btn.green.disabled,.m-btn.green[disabled]{opacity:.7}.m-btn.black.disabled,.m-btn.black[disabled]{opacity:.5}.m-btn.red{color:white;text-shadow:none;background-color:#d84a38;background-image:-moz-linear-gradient(top,#dd4b39,#d14836);background-image:-ms-linear-gradient(top,#dd4b39,#d14836);background-image:-webkit-gradient(linear,0 0,0 100%,from(#dd4b39),to(#d14836));background-image:-webkit-linear-gradient(top,#dd4b39,#d14836);background-image:-o-linear-gradient(top,#dd4b39,#d14836);background-image:linear-gradient(top,#dd4b39,#d14836);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dd4b39',endColorstr='#d14836',GradientType=0)}.m-btn.red:hover,.m-btn.red:focus,.m-btn.red:active,.m-btn.red.active,.m-btn.red[disabled],.m-btn.red.disabled{background-color:#c53727;background-image:-moz-linear-gradient(top,#c53727,#c53727);background-image:-ms-linear-gradient(top,#c53727,#c53727);background-image:-webkit-gradient(linear,0 0,0 100%,from(#c53727),to(#c53727));background-image:-webkit-linear-gradient(top,#c53727,#c53727);background-image:-o-linear-gradient(top,#c53727,#c53727);background-image:linear-gradient(top,#c53727,#c53727);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c53727',endColorstr='#c53727',GradientType=0)}.m-btn.red:active,.m-btn.red.active{background-color:#dd4b39;background-image:-moz-linear-gradient(top,#dd4b39,#c53727);background-image:-ms-linear-gradient(top,#dd4b39,#c53727);background-image:-webkit-gradient(linear,0 0,0 100%,from(#dd4b39),to(#c53727));background-image:-webkit-linear-gradient(top,#dd4b39,#c53727);background-image:-o-lineark-gradient(top,#dd4b39,#c53727);background-image:linear-gradient(top,#dd4b39,#c53727);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dd4b39',endColorstr='#c53727',GradientType=0)}.m-btn.blue{color:white;text-shadow:none;background-color:#4d90fe;background-image:-moz-linear-gradient(top,#4d90fe,#4787ed);background-image:-ms-linear-gradient(top,#4d90fe,#4787ed);background-image:-webkit-gradient(linear,0 0,0 100%,from(#4d90fe),to(#4787ed));background-image:-webkit-linear-gradient(top,#4d90fe,#4787ed);background-image:-o-linear-gradient(top,#4d90fe,#4787ed);background-image:linear-gradient(top,#4d90fe,#4787ed);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d90fe',endColorstr='#4787ed',GradientType=0)}.m-btn.blue:hover,.m-btn.blue:focus,.m-btn.blue:active,.m-btn.blue.active,.m-btn.blue[disabled],.m-btn.blue.disabled{background-color:#0072bb;background-image:-moz-linear-gradient(top,#0072bb,#0072bb);background-image:-ms-linear-gradient(top,#0072bb,#0072bb);background-image:-webkit-gradient(linear,0 0,0 100%,from(#0072bb),to(#0072bb));background-image:-webkit-linear-gradient(top,#0072bb,#0072bb);background-image:-o-linear-gradient(top,#0072bb,#0072bb);background-image:linear-gradient(top,#0072bb,#0072bb);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0072bb',endColorstr='#0072bb',GradientType=0)}.m-btn.blue:active,.m-btn.blue.active{background-color:#4d90fe;background-image:-moz-linear-gradient(top,#4d90fe,#0072bb);background-image:-ms-linear-gradient(top,#4d90fe,#0072bb);background-image:-webkit-gradient(linear,0 0,0 100%,from(#4d90fe),to(#0072bb));background-image:-webkit-linear-gradient(top,#4d90fe,#0072bb);background-image:-o-linear-gradient(top,#4d90fe,#0072bb);background-image:linear-gradient(top,#4d90fe,#0072bb);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d90fe',endColorstr='#0072bb',GradientType=0)}.m-btn.green{color:white;text-shadow:none;background-color:#35aa47;background-image:-moz-linear-gradient(top,#35aa47,#35aa47);background-image:-ms-linear-gradient(top,#35aa47,#35aa47);background-image:-webkit-gradient(linear,0 0,0 100%,from(#35aa47),to(#35aa47));background-image:-webkit-linear-gradient(top,#35aa47,#35aa47);background-image:-o-linear-gradient(top,#35aa47,#35aa47);background-image:linear-gradient(top,#35aa47,#35aa47);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#35aa47',endColorstr='#35aa47',GradientType=0)}.m-btn.green:hover,.m-btn.green:focus,.m-btn.green:active,.m-btn.green.active,.m-btn.green.disabled,.m-btn.green[disabled]{background-color:#1d943b;background-image:-moz-linear-gradient(top,#1d943b,#1d943b);background-image:-ms-linear-gradient(top,#1d943b,#1d943b);background-image:-webkit-gradient(linear,0 0,0 100%,from(#1d943b),to(#1d943b));background-image:-webkit-linear-gradient(top,#1d943b,#1d943b);background-image:-o-linear-gradient(top,#1d943b,#1d943b);background-image:linear-gradient(top,#1d943b,#1d943b);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1d943b',endColorstr='#1d943b',GradientType=0)}.m-btn.green:active,.m-btn.green.active{background-color:#35aa47;background-image:-moz-linear-gradient(top,#35aa47,#1d943b);background-image:-ms-linear-gradient(top,#35aa47,#1d943b);background-image:-webkit-gradient(linear,0 0,0 100%,from(#35aa47),to(#1d943b));background-image:-webkit-linear-gradient(top,#35aa47,#1d943b);background-image:-o-linear-gradient(top,#35aa47,#1d943b);background-image:linear-gradient(top,#35aa47,#1d943b);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#35aa47',endColorstr='#1d943b',GradientType=0)}.m-btn.purple{color:white;text-shadow:none;background-color:#852b99;background-image:-moz-linear-gradient(top,#852b99,#852b99);background-image:-ms-linear-gradient(top,#852b99,#852b99);background-image:-webkit-gradient(linear,0 0,0 100%,from(#852b99),to(#852b99));background-image:-webkit-linear-gradient(top,#852b99,#852b99);background-image:-o-linear-gradient(top,#852b99,#852b99);background-image:linear-gradient(top,#852b99,#852b99);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#852b99',endColorstr='#852b99',GradientType=0)}.m-btn.purple:hover,.m-btn.purple:focus,.m-btn.purple:active,.m-btn.purple.active,.m-btn.purple.disabled,.m-btn.purple[disabled]{background-color:#6d1b81;background-image:-moz-linear-gradient(top,#6d1b81,#6d1b81);background-image:-ms-linear-gradient(top,#6d1b81,#6d1b81);background-image:-webkit-gradient(linear,0 0,0 100%,from(#6d1b81),to(#6d1b81));background-image:-webkit-linear-gradient(top,#6d1b81,#6d1b81);background-image:-o-linear-gradient(top,#6d1b81,#6d1b81);background-image:linear-gradient(top,#6d1b81,#6d1b81);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6d1b81',endColorstr='#6d1b81',GradientType=0)}.m-btn.purple:active,.m-btn.purple.active{background-color:#35aa47;background-image:-moz-linear-gradient(top,#852b99,#6d1b81);background-image:-ms-linear-gradient(top,#852b99,#6d1b81);background-image:-webkit-gradient(linear,0 0,0 100%,from(#852b99),to(#6d1b81));background-image:-webkit-linear-gradient(top,#852b99,#6d1b81);background-image:-o-linear-gradient(top,#852b99,#6d1b81);background-image:linear-gradient(top,#852b99,#6d1b81);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#852b99',endColorstr='#6d1b81',GradientType=0)}.m-btn.black{color:white;text-shadow:none;background-color:#555;background-image:-moz-linear-gradient(top,#555,#555);background-image:-ms-linear-gradient(top,#555,#555);background-image:-webkit-gradient(linear,0 0,0 100%,from(#555),to(#555));background-image:-webkit-linear-gradient(top,#555,#555);background-image:-o-linear-gradient(top,#555,#555);background-image:linear-gradient(top,#555,#555);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555',endColorstr='#555555',GradientType=0)}.m-btn.black:hover,.m-btn.black:focus,.m-btn.black:active,.m-btn.black.active,.m-btn.black.disabled,.m-btn.black[disabled]{background-color:#222;background-image:-moz-linear-gradient(top,#222,#222);background-image:-ms-linear-gradient(top,#222,#222);background-image:-webkit-gradient(linear,0 0,0 100%,from(#222),to(#222));background-image:-webkit-linear-gradient(top,#222,#222);background-image:-o-linear-gradient(top,#222,#222);background-image:linear-gradient(top,#222,#222);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#222222',endColorstr='#222222',GradientType=0)}.m-btn.black:active,.m-btn.black.active{background-color:#222;background-image:-moz-linear-gradient(top,#444,#222);background-image:-ms-linear-gradient(top,#444,#222);background-image:-webkit-gradient(linear,0 0,0 100%,from(#222),to(#222));background-image:-webkit-linear-gradient(top,#444,#222);background-image:-o-linear-gradient(top,#444,#222);background-image:linear-gradient(top,#444,#222);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444',endColorstr='#222222',GradientType=0)}.sm{font-size:11px}.mini{height:13px;font-size:11px;line-height:13px;padding:4px 10px}.big{height:38px;font-size:18px;line-height:38px;padding:20px 26px}.rnd{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.big.rnd{-webkit-border-radius:11px;-moz-border-radius:11px;border-radius:11px}.m-btn.disabled,.m-btn[disabled]{color:#999;background-color:#f5f5f5;background-image:-moz-linear-gradient(top,#eee,#ddd);background-image:-ms-linear-gradient(top,#eee,#ddd);background-image:-webkit-gradient(linear,0 0,0 100%,from(#eee),to(#ddd));background-image:-webkit-linear-gradient(top,#eee,#ddd);background-image:-o-linear-gradient(top,#eee,#ddd);background-image:linear-gradient(top,#eee,#ddd);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee',endColorstr='#dddddd',GradientType=0);cursor:default;-webkit-box-shadow:inset 0 1px 6px rgba(0,0,0,0.25);-moz-box-shadow:inset 0 1px 6px rgba(0,0,0,0.25);box-shadow:inset 0 1px 6px rgba(0,0,0,0.25)}.m-btn.icn-only{min-width:14px}.m-btn.bigicn-only{min-width:34px}.m-btn-group{position:relative;display:inline-block;list-style:none;padding:0;margin:0;zoom:1;*display:inline}.m-btn+.m-btn,.m-btn+.m-btn-group,.m-btn-group+.m-btn,.m-btn-group+.m-btn-group{margin-left:15px}.m-btn.dropdown-carettoggle{min-width:5px;height:18px;padding:8px}.m-btn.dropdown-carettoggle>.caret{margin-top:8px}.m-btn.caret:hover{opacity:1}.m-btn-group .m-btn{position:relative;float:left;margin-left:-1px}.m-btn-group .m-btn:first-child{margin-left:0}.m-btn-group .m-btn.rnd:first-child{-webkit-border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px;border-radius:5px 0 0 5px}.m-btn-group .m-btn.rnd.dropdown-carettoggle{-webkit-border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0}.m-btn-strip .m-btn,.m-btn-strip .m-btn-group{vertical-align:top}.m-btn-group.open{*z-index:1000}.m-btn-group.open .dropdown-carettoggle,.m-btn-group.open .dropdown-toggle{background-image:none;-webkit-box-shadow:inset 0 1px 6px rgba(0,0,0,0.2);-moz-box-shadow:inset 0 1px 6px rgba(0,0,0,0.2);box-shadow:inset 0 1px 6px rgba(0,0,0,0.2)}.m-btn-group.open .m-dropdown-menu{display:block;margin-top:1px}label.m-wrap,input.m-wrap,button.m-wrap,select.m-wrap,textarea.m-wrap{font-size:14px;font-weight:normal;line-height:20px}input.m-wrap,button.m-wrap,select.m-wrap,textarea.m-wrap{font-family:"Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif}label.m-wrap{display:block;margin-bottom:5px}select.m-wrap,textarea.m-wrap,input[type="text"].m-wrap,input[type="password"].m-wrap,input[type="datetime"].m-wrap,input[type="datetime-local"].m-wrap,input[type="date"].m-wrap,input[type="month"].m-wrap,input[type="time"].m-wrap,input[type="week"].m-wrap,input[type="number"].m-wrap,input[type="email"].m-wrap,input[type="url"].m-wrap,input[type="search"].m-wrap,input[type="tel"].m-wrap,input[type="color"].m-wrap,.m-uneditable-input{vertical-align:top;display:inline-block;height:20px;padding:6px 6px;margin-bottom:9px;margin-top:0;font-size:14px;line-height:20px;color:#333;background-color:#fff;border:1px solid #eee;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}input.m-wrap,textarea.m-wrap,.m-uneditable-input{width:206px}textarea.m-wrap{height:auto}textarea.m-wrap,input[type="text"].m-wrap,input[type="password"].m-wrap,input[type="datetime"].m-wrap,input[type="datetime-local"].m-wrap,input[type="date"].m-wrap,input[type="month"].m-wrap,input[type="time"].m-wrap,input[type="week"].m-wrap,input[type="number"].m-wrap,input[type="email"].m-wrap,input[type="url"].m-wrap,input[type="search"].m-wrap,input[type="tel"].m-wrap,input[type="color"].m-wrap,.m-uneditable-input{background-color:#fff;border:1px solid #eee;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-transition:border linear .2s,box-shadow linear .2s;-moz-transition:border linear .2s,box-shadow linear .2s;-o-transition:border linear .2s,box-shadow linear .2s;transition:border linear .2s,box-shadow linear .2s;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}textarea.m-wrap:focus,input[type="text"].m-wrap:focus,input[type="password"].m-wrap:focus,input[type="datetime"].m-wrap:focus,input[type="datetime-local"].m-wrap:focus,input[type="date"].m-wrap:focus,input[type="month"].m-wrap:focus,input[type="time"].m-wrap:focus,input[type="week"].m-wrap:focus,input[type="number"].m-wrap:focus,input[type="email"].m-wrap:focus,input[type="url"].m-wrap:focus,input[type="search"].m-wrap:focus,input[type="tel"].m-wrap:focus,input[type="color"].m-wrap:focus,.m-uneditable-input:focus{border-color:#111;outline:0;outline:thin dotted \9;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}input[type="radio"].m-wrap,input[type="checkbox"].m-wrap{margin:4px 0 0;margin-top:1px \9;*margin-top:0;line-height:normal;cursor:pointer;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type="file"].m-wrap,input[type="image"].m-wrap,input[type="radio"].m-wrap,input[type="checkbox"].m-wrap{width:auto}select.m-wrap,input[type="file"].m-wrap{height:34px;*margin-top:4px;line-height:30px}select.m-wrap{width:220px;background-color:#fff;border:1px solid #aaa}select[multiple].m-wrap,select[size].m-wrap{height:auto}select.m-wrap:focus,input[type="file"].m-wrap:focus,input[type="radio"].m-wrap:focus,input[type="checkbox"].m-wrap:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.m-uneditable-input,.m-uneditable-textarea{color:#999;cursor:default;background-color:#fafafa;border-color:#aaa;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.m-uneditable-input{overflow:hidden;white-space:nowrap}.m-uneditable-textarea{width:auto;height:auto}input.m-wrap:-moz-placeholder,textarea.m-wrap:-moz-placeholder{color:#999}input.m-wrap:-ms-input-placeholder,textarea.m-wrap:-ms-input-placeholder{color:#999}input.m-wrap::-webkit-input-placeholder,textarea.m-wrap::-webkit-input-placeholder{color:#999}.m-radio,.m-checkbox{min-height:18px;padding-left:18px}.m-radio input[type="radio"].m-wrap,.m-checkbox input[type="checkbox"].m-wrap{float:left;margin-left:-18px}.m-controls>.m-radio:first-child,.m-controls>.m-checkbox:first-child{padding-top:5px}.m-radio.inline,.m-checkbox.inline{display:inline-block;padding-top:5px;margin-bottom:0;vertical-align:middle}.m-radio.inline+.m-radio.inline,.m-checkbox.inline+.m-checkbox.inline{margin-left:10px}.m-ctrl-small{width:120px!important}.m-ctrl-medium{width:206px!important}.m-ctrl-large{width:320px!important}.m-ctrl-huge{width:480px!important;font-size:24px!important;line-height:36px!important;padding:22px 8px!important}input[class*="span"].m-wrap,select[class*="span"].m-wrap,textarea[class*="span"].m-wrap,.m-uneditable-input[class*="span"]{float:none;margin-left:0}.m-input-append input[class*="span"],.m-input-append .m-uneditable-input[class*="span"],.m-input-prepend input[class*="span"],.m-input-prepend .m-uneditable-input[class*="span"]{display:inline-block}input.m-wrap,textarea.m-wrap,.m-uneditable-input{margin-left:0}.m-input-prepend .add-on>[class^="icon-"]{margin-top:5px;margin-left:3px}.m-input-append .add-on>[class^="icon-"]{margin-top:5px;margin-left:0}input[disabled].m-wrap,select[disabled].m-wrap,textarea[disabled].m-wrap{cursor:not-allowed;background-color:#fafafa}input[readonly].m-wrap,select[readonly].m-wrap,textarea[readonly].m-wrap{cursor:default;background-color:#fafafa}input[type="radio"][disabled].m-wrap,input[type="checkbox"][disabled].m-wrap,input[type="radio"][readonly].m-wrap,input[type="checkbox"][readonly].m-wrap{background-color:transparent}input.m-wrap:focus:required:invalid,textarea.m-wrap:focus:required:invalid,select.m-wrap:focus:required:invalid{color:#b94a48;border-color:#444}input.m-wrap:focus:required:invalid:focus,textarea.m-wrap:focus:required:invalid:focus,select.m-wrap:focus:required:invalid:focus{border-color:#444}.m-input-append,.m-input-prepend{margin-bottom:5px;font-size:0;white-space:nowrap}.m-input-append input,.m-input-prepend input,.m-input-append select,.m-input-prepend select,.m-input-append .uneditable-input,.m-input-prepend .uneditable-input{position:relative;margin-bottom:0;*margin-left:0;font-size:14px;vertical-align:top;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.m-input-append input:focus,.m-input-prepend input:focus,.m-input-append select:focus,.m-input-prepend select:focus,.m-input-append .m-uneditable-input:focus,.m-input-prepend .m-uneditable-input:focus{z-index:2}.m-input-append .add-on,.m-input-prepend .add-on{display:inline-block;width:auto;height:24px;min-width:16px;padding:4px 5px;font-size:14px;font-weight:normal;line-height:24px;text-align:center;text-shadow:0 1px 0 #fff;background-color:#ddd;border:1px solid #eee}.m-input-append .add-on,.m-input-prepend .add-on,.m-input-append .m-btn,.m-input-prepend .m-btn{vertical-align:top;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.m-input-append .active,.m-input-prepend .active{background-color:#a9dba9;border-color:#46a546}.m-input-prepend .add-on,.m-input-prepend .m-btn{margin-top:0;margin-right:-1px}.m-input-prepend .add-on:first-child,.m-input-prepend .m-btn:first-child{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.m-input-append input,.m-input-append select,.m-input-append .m-uneditable-input{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.m-input-append .add-on,.m-input-append .m-btn{margin-left:-1px;margin-top:0}.m-input-append .add-on:last-child,.m-input-append .m-btn:last-child{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.m-input-prepend.input-append input,.m-input-prepend.input-append select,.m-input-prepend.input-append .m-uneditable-input{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.m-input-prepend.m-input-append .add-on:first-child,.m-input-prepend.m-input-append .m-btn:first-child{margin-right:-1px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.m-input-prepend.m-input-append .add-on:last-child,.m-input-prepend.m-input-append .m-btn:last-child{margin-left:-1px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}/*!
7 | * CSS3 Microsoft Metro Buttons
8 | * Inspired by Tim O'Donnell's CSS3 Google Buttons, Twitter Bootstrap, and Microsoft. Icons from glyphicons.com and Syncfusion's Metro Studio.
9 | * I do not claim ownership on the origin of design and icons.
10 | * Built by Ace Subido (http://github.com/ace-subido)
11 | */.m-btn [class^="icon-"]{display:inline-block;width:14px;height:14px;margin-top:0;line-height:14px;vertical-align:top;background-image:url(../img/glyphicons-halflings.png);background-repeat:no-repeat}.m-btn[class^="icon-"]:last-child{*margin-left:0}.m-btn .icon-white{background-image:url(../img/glyphicons-halflings-white.png)}.disabled>[class^="icon-"],[disabled]>[class^="icon-"]{opacity:.5;filter:alpha(opacity=50)}.disabled>[class^="m-icon-"],[disabled]>[class^="m-icon-"]{opacity:.4;filter:alpha(opacity=40)}.icon-glass{background-position:0 0}.icon-music{background-position:-24px 0}.icon-search{background-position:-48px 0}.icon-envelope{background-position:-72px 0}.icon-heart{background-position:-96px 0}.icon-star{background-position:-120px 0}.icon-star-empty{background-position:-144px 0}.icon-user{background-position:-168px 0}.icon-film{background-position:-192px 0}.icon-th-large{background-position:-216px 0}.icon-th{background-position:-240px 0}.icon-th-list{background-position:-264px 0}.icon-ok{background-position:-288px 0}.icon-remove{background-position:-312px 0}.icon-zoom-in{background-position:-336px 0}.icon-zoom-out{background-position:-360px 0}.icon-off{background-position:-384px 0}.icon-signal{background-position:-408px 0}.icon-cog{background-position:-432px 0}.icon-trash{background-position:-456px 0}.icon-home{background-position:0 -24px}.icon-file{background-position:-24px -24px}.icon-time{background-position:-48px -24px}.icon-road{background-position:-72px -24px}.icon-download-alt{background-position:-96px -24px}.icon-download{background-position:-120px -24px}.icon-upload{background-position:-144px -24px}.icon-inbox{background-position:-168px -24px}.icon-play-circle{background-position:-192px -24px}.icon-repeat{background-position:-216px -24px}.icon-refresh{background-position:-240px -24px}.icon-list-alt{background-position:-264px -24px}.icon-lock{background-position:-287px -24px}.icon-flag{background-position:-312px -24px}.icon-headphones{background-position:-336px -24px}.icon-volume-off{background-position:-360px -24px}.icon-volume-down{background-position:-384px -24px}.icon-volume-up{background-position:-408px -24px}.icon-qrcode{background-position:-432px -24px}.icon-barcode{background-position:-456px -24px}.icon-tag{background-position:0 -48px}.icon-tags{background-position:-25px -48px}.icon-book{background-position:-48px -48px}.icon-bookmark{background-position:-72px -48px}.icon-print{background-position:-96px -48px}.icon-camera{background-position:-120px -48px}.icon-font{background-position:-144px -48px}.icon-bold{background-position:-167px -48px}.icon-italic{background-position:-192px -48px}.icon-text-height{background-position:-216px -48px}.icon-text-width{background-position:-240px -48px}.icon-align-left{background-position:-264px -48px}.icon-align-center{background-position:-288px -48px}.icon-align-right{background-position:-312px -48px}.icon-align-justify{background-position:-336px -48px}.icon-list{background-position:-360px -48px}.icon-indent-left{background-position:-384px -48px}.icon-indent-right{background-position:-408px -48px}.icon-facetime-video{background-position:-432px -48px}.icon-picture{background-position:-456px -48px}.icon-pencil{background-position:0 -72px}.icon-map-marker{background-position:-24px -72px}.icon-adjust{background-position:-48px -72px}.icon-tint{background-position:-72px -72px}.icon-edit{background-position:-96px -72px}.icon-share{background-position:-120px -72px}.icon-check{background-position:-144px -72px}.icon-move{background-position:-168px -72px}.icon-step-backward{background-position:-192px -72px}.icon-fast-backward{background-position:-216px -72px}.icon-backward{background-position:-240px -72px}.icon-play{background-position:-264px -72px}.icon-pause{background-position:-288px -72px}.icon-stop{background-position:-312px -72px}.icon-forward{background-position:-336px -72px}.icon-fast-forward{background-position:-360px -72px}.icon-step-forward{background-position:-384px -72px}.icon-eject{background-position:-408px -72px}.icon-chevron-left{background-position:-432px -72px}.icon-chevron-right{background-position:-456px -72px}.icon-plus-sign{background-position:0 -96px}.icon-minus-sign{background-position:-24px -96px}.icon-remove-sign{background-position:-48px -96px}.icon-ok-sign{background-position:-72px -96px}.icon-question-sign{background-position:-96px -96px}.icon-info-sign{background-position:-120px -96px}.icon-screenshot{background-position:-144px -96px}.icon-remove-circle{background-position:-168px -96px}.icon-ok-circle{background-position:-192px -96px}.icon-ban-circle{background-position:-216px -96px}.icon-arrow-left{background-position:-240px -96px}.icon-arrow-right{background-position:-264px -96px}.icon-arrow-up{background-position:-289px -96px}.icon-arrow-down{background-position:-312px -96px}.icon-share-alt{background-position:-336px -96px}.icon-resize-full{background-position:-360px -96px}.icon-resize-small{background-position:-384px -96px}.icon-plus{background-position:-408px -96px}.icon-minus{background-position:-433px -96px}.icon-asterisk{background-position:-456px -96px}.icon-exclamation-sign{background-position:0 -120px}.icon-gift{background-position:-24px -120px}.icon-leaf{background-position:-48px -120px}.icon-fire{background-position:-72px -120px}.icon-eye-open{background-position:-96px -120px}.icon-eye-close{background-position:-120px -120px}.icon-warning-sign{background-position:-144px -120px}.icon-plane{background-position:-168px -120px}.icon-calendar{background-position:-192px -120px}.icon-random{width:16px;background-position:-216px -120px}.icon-comment{background-position:-240px -120px}.icon-magnet{background-position:-264px -120px}.icon-chevron-up{background-position:-288px -120px}.icon-chevron-down{background-position:-313px -119px}.icon-retweet{background-position:-336px -120px}.icon-shopping-cart{background-position:-360px -120px}.icon-folder-close{background-position:-384px -120px}.icon-folder-open{width:16px;background-position:-408px -120px}.icon-resize-vertical{background-position:-432px -119px}.icon-resize-horizontal{background-position:-456px -118px}.icon-hdd{background-position:0 -144px}.icon-bullhorn{background-position:-24px -144px}.icon-bell{background-position:-48px -144px}.icon-certificate{background-position:-72px -144px}.icon-thumbs-up{background-position:-96px -144px}.icon-thumbs-down{background-position:-120px -144px}.icon-hand-right{background-position:-144px -144px}.icon-hand-left{background-position:-168px -144px}.icon-hand-up{background-position:-192px -144px}.icon-hand-down{background-position:-216px -144px}.icon-circle-arrow-right{background-position:-240px -144px}.icon-circle-arrow-left{background-position:-264px -144px}.icon-circle-arrow-up{background-position:-288px -144px}.icon-circle-arrow-down{background-position:-312px -144px}.icon-globe{background-position:-336px -144px}.icon-wrench{background-position:-360px -144px}.icon-tasks{background-position:-384px -144px}.icon-filter{background-position:-408px -144px}.icon-briefcase{background-position:-432px -144px}.icon-fullscreen{background-position:-456px -144px}[class^="m-icon-"]{display:inline-block;width:14px;height:14px;margin-top:0;line-height:14px;vertical-align:top;background-image:url(../img/syncfusion-icons.png);background-position:0 0;background-repeat:no-repeat}[class^="m-icon-big-"]{display:inline-block;width:30px;height:30px;margin:6px;vertical-align:top;background-image:url(../img/syncfusion-icons.png);background-position:0 0;background-repeat:no-repeat}.m-icon-white{background-image:url(../img/syncfusion-icons-white.png)}[class^="big-"]:last-child{*margin-left:0}.m-icon-swapright{background-position:-27px -10px}.m-icon-swapdown{background-position:-68px -10px}.m-icon-swapleft{background-position:-8px -10px}.m-icon-swapup{background-position:-47px -10px}.m-icon-big-swapright{background-position:-42px -28px}.m-icon-big-swapdown{background-position:-115px -28px}.m-icon-big-swapleft{background-position:-6px -28px}.m-icon-big-swapup{background-position:-78px -28px}/*!
12 | * CSS3 Microsoft Metro Buttons
13 | * Inspired by Tim O'Donnell's CSS3 Google Buttons, Twitter Bootstrap, and Microsoft. Icons from glyphicons.com and Syncfusion's Metro Studio.
14 | * I do not claim ownership on the origin of design and icons.
15 | * Built by Ace Subido (http://github.com/ace-subido)
16 | */article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{max-width:100%;height:auto;border:0;-ms-interpolation-mode:bicubic}
--------------------------------------------------------------------------------
/img/glyphicons-halflings-white.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ace-subido/css3-microsoft-metro-buttons/b4fc5bb7b779f9658b097763ab6fdc44ba716227/img/glyphicons-halflings-white.png
--------------------------------------------------------------------------------
/img/glyphicons-halflings.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ace-subido/css3-microsoft-metro-buttons/b4fc5bb7b779f9658b097763ab6fdc44ba716227/img/glyphicons-halflings.png
--------------------------------------------------------------------------------
/img/syncfusion-icons-white.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ace-subido/css3-microsoft-metro-buttons/b4fc5bb7b779f9658b097763ab6fdc44ba716227/img/syncfusion-icons-white.png
--------------------------------------------------------------------------------
/img/syncfusion-icons.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ace-subido/css3-microsoft-metro-buttons/b4fc5bb7b779f9658b097763ab6fdc44ba716227/img/syncfusion-icons.png
--------------------------------------------------------------------------------
/js/m-dropdown.js:
--------------------------------------------------------------------------------
1 | /* ============================================================
2 | * bootstrap-dropdown.js v2.0.0
3 | * http://twitter.github.com/bootstrap/javascript.html#dropdowns
4 | * ============================================================
5 | * Copyright 2012 Twitter, Inc.
6 | *
7 | * Licensed under the Apache License, Version 2.0 (the "License");
8 | * you may not use this file except in compliance with the License.
9 | * You may obtain a copy of the License at
10 | *
11 | * http://www.apache.org/licenses/LICENSE-2.0
12 | *
13 | * Unless required by applicable law or agreed to in writing, software
14 | * distributed under the License is distributed on an "AS IS" BASIS,
15 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
16 | * See the License for the specific language governing permissions and
17 | * limitations under the License.
18 | * ============================================================ */
19 |
20 |
21 | !function( $ ){
22 |
23 | "use strict"
24 |
25 | /* DROPDOWN CLASS DEFINITION
26 | * ========================= */
27 |
28 | var toggle = '[data-toggle="dropdown"]'
29 | , Dropdown = function ( element ) {
30 | var $el = $(element).on('click.dropdown.data-api', this.toggle)
31 | $('html').on('click.dropdown.data-api', function () {
32 | $el.parent().removeClass('open')
33 | })
34 | }
35 |
36 | Dropdown.prototype = {
37 |
38 | constructor: Dropdown
39 |
40 | , toggle: function ( e ) {
41 | var $this = $(this)
42 | , selector = $this.attr('data-target')
43 | , $parent
44 | , isActive
45 |
46 | if (!selector) {
47 | selector = $this.attr('href')
48 | selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7
49 | }
50 |
51 | $parent = $(selector)
52 | $parent.length || ($parent = $this.parent())
53 |
54 | isActive = $parent.hasClass('open')
55 |
56 | clearMenus()
57 | !isActive && $parent.toggleClass('open')
58 |
59 | return false
60 | }
61 |
62 | }
63 |
64 | function clearMenus() {
65 | $(toggle).parent().removeClass('open')
66 | }
67 |
68 |
69 | /* DROPDOWN PLUGIN DEFINITION
70 | * ========================== */
71 |
72 | $.fn.dropdown = function ( option ) {
73 | return this.each(function () {
74 | var $this = $(this)
75 | , data = $this.data('dropdown')
76 | if (!data) $this.data('dropdown', (data = new Dropdown(this)))
77 | if (typeof option == 'string') data[option].call($this)
78 | })
79 | }
80 |
81 | $.fn.dropdown.Constructor = Dropdown
82 |
83 |
84 | /* APPLY TO STANDARD DROPDOWN ELEMENTS
85 | * =================================== */
86 |
87 | $(function () {
88 | $('html').on('click.dropdown.data-api', clearMenus)
89 | $('body').on('click.dropdown.data-api', toggle, Dropdown.prototype.toggle)
90 | })
91 |
92 | }( window.jQuery )
93 |
94 |
--------------------------------------------------------------------------------
/js/m-dropdown.min.js:
--------------------------------------------------------------------------------
1 | !function(d){var b='[data-toggle="dropdown"]',a=function(f){var e=d(f).on("click.dropdown.data-api",this.toggle);d("html").on("click.dropdown.data-api",function(){e.parent().removeClass("open")})};a.prototype={constructor:a,toggle:function(j){var i=d(this),f=i.attr("data-target"),h,g;if(!f){f=i.attr("href");f=f&&f.replace(/.*(?=#[^\s]*$)/,"")}h=d(f);h.length||(h=i.parent());g=h.hasClass("open");c();!g&&h.toggleClass("open");return false}};function c(){d(b).parent().removeClass("open")}d.fn.dropdown=function(e){return this.each(function(){var g=d(this),f=g.data("dropdown");if(!f){g.data("dropdown",(f=new a(this)))}if(typeof e=="string"){f[e].call(g)}})};d.fn.dropdown.Constructor=a;d(function(){d("html").on("click.dropdown.data-api",c);d("body").on("click.dropdown.data-api",b,a.prototype.toggle)})}(window.jQuery);
--------------------------------------------------------------------------------
/js/m-radio.js:
--------------------------------------------------------------------------------
1 | $(".toggle-buttons > .m-btn").click(function() {
2 | $(this).siblings(".m-btn").removeClass("active");
3 | $(this).addClass("active");
4 | });
5 |
--------------------------------------------------------------------------------
/js/m-radio.min.js:
--------------------------------------------------------------------------------
1 | $(".toggle-buttons > .m-btn").click(function(){$(this).siblings(".m-btn").removeClass("active");$(this).addClass("active")});
--------------------------------------------------------------------------------
/readme.md:
--------------------------------------------------------------------------------
1 | DEPRECATED
2 | Repo no longer maintained
3 | I made this library around 7 years ago, and there weren't a lot of options back then. It's 2019, and there's a lot of other options out there, but most importantly an official Microsoft Fluent design CSS library made by Microsoft. I highly recommend that you use that instead:
4 |
5 | https://www.microsoft.com/design/fluent/#/web
6 |
7 | Overview
8 | Formerly known as CSS3 Microsoft-Metro Buttons (CMMB)
9 |
10 | Inspired by Microsoft's Modern Design Language, I was in need of a metro-styled CSS3 button library. I wanted to make similar metro-looking buttons used by Microsoft (extensively used in their Microsoft Windows Azure website) So I've built a very small, simple and clean CSS3 library to deal with my problem.
11 |
12 | Thus CSS3 Microsoft-Modern Buttons was born. Weighing in at a healthy 33KB (compressed, 5.5KB gzipped), it's a light-weight and easy-to-use CSS/JS library that uses CSS3 styles for button design. The library can also work with Twitter Bootstrap. The buttons are also cross-browser compatibile from IE8, to the latest version of Chrome, and Firefox so you don't have to spend countless minutes testing on different browsers.
13 |
14 | My goal is to help developers out there shave off some wasted time building that metro-like stylesheet by providing them a library, a starter kit, a base on which they can build upon.
15 |
16 | Demo and Documentation
17 | http://ace-subido.github.com/css3-microsoft-metro-buttons has a live demo and the library documentation.
18 |
19 | Developers
20 | LESS and SASS
21 | LESS makes us write CSS much more like functional programming and it trains us to solve problems that way. I use wearekiss's SIMPLESS. To know more about LESS visit http://www.lesscss.org. To access the LESS and SASSfiles, download the "dsl-branch" branch.
22 |
23 | Though as of 1.1.0, I haven't found the time to do it with LESS or SASS.
24 |
25 | Got a bug to report or a feature request?
26 | https://github.com/ace-subido/css3-microsoft-metro-buttons/issues is the perfect place for that.
27 |
28 |
29 | Author
30 | My name is Ace Subido, I'm a .NET developer from the Philippines.
31 |
32 | Acknowledgements
33 | Inspired by Tim O'Donnell's
34 | CSS3 Google Buttons,
35 | Twitter Bootstrap,
36 | and Microsoft. Icons from glyphicons.com and Syncfusion's
37 | Metro Studio. I do not claim ownership on the origin of design and icons.
38 |
39 |
40 | License
41 |
42 | 
This work is licensed under a Creative Commons Attribution 3.0 Unported License.
43 | (I love this license! The license summary doesn't have any paragraphs in all-caps that seems like the license is angry at you)
44 |
45 |
46 |
--------------------------------------------------------------------------------