24 |
25 | Closed for scheduled maintenance!
26 | 27 |28 | We're sorry for the inconvenience. 29 | Please check back later. 30 |
31 |
24 |
25 | 28 | We're sorry for the inconvenience. 29 | Please check back later. 30 |
31 |
29 |
30 |
31 | 2 | This project is no longer maintained. The next - Panda Templates 3 |
4 | 5 |
8 |
9 | 
10 |
11 |
31 |
32 | **Pandora** it's free, but the author would appreciate any financial support.
33 |
34 |
35 | 
36 |
37 |
38 | 
39 |
40 |
41 |
30 | 19 | The system of notifications is intended for informing users about the processes occurring on the site or in the application. 20 |
21 |").addClass(statuses[val][1]).html(statuses[val][0]);
104 |
105 | $("").html(td).appendTo(tr);
106 | $(" ").addClass("text-right").html(""+(new Date()).format("%m/%d/%Y %H:%M")).appendTo(tr);
107 |
108 | table.prepend(tr);
109 | }
110 | });
111 |
112 |
--------------------------------------------------------------------------------
/source/login.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 | Pandora :: Log in
13 |
14 |
15 |
16 |
17 |
58 |
59 |
60 |
61 |
62 |
63 |
72 |
73 |
--------------------------------------------------------------------------------
/source/wizard.html:
--------------------------------------------------------------------------------
1 |
2 |
3 | Wizard
4 | wizards
5 |
6 |
7 |
8 |
9 |
14 |
15 |
16 |
17 |
18 | General
19 |
20 |
21 |
22 | Compact default
23 |
24 | Page 1
25 | Page 2
26 | Page 3
27 | Page 4
28 | Page 5
29 |
30 |
31 |
32 |
33 |
34 | Wide
35 |
36 | Page 1
37 | Page 2
38 | Page 3
39 | Page 4
40 | Page 5
41 |
42 |
43 |
44 |
45 |
46 | Control style
47 |
48 |
49 |
50 | Square
51 |
52 |
53 |
54 |
55 |
56 | Cycle
57 |
58 |
59 |
60 |
61 |
62 |
63 |
64 | Outline button
65 |
71 |
72 |
73 |
74 |
75 | Button
76 |
77 |
78 |
79 |
80 |
--------------------------------------------------------------------------------
/source/toasts.html:
--------------------------------------------------------------------------------
1 |
2 |
3 | Toasts
4 | ui elements
5 |
6 |
7 |
8 |
9 |
14 |
15 |
16 |
17 |
18 |
19 | Toasts are used for system messaging. They also display at the bottom of the screen, but may not be swiped off-screen. Metro 4 provides simple methods to create toasts.
20 |
21 |
22 |
23 |
24 |
25 | General
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 | Accent classes
35 |
36 |
37 |
38 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
73 |
--------------------------------------------------------------------------------
/source/register.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 | Pandora :: Register
13 |
14 |
15 |
16 |
17 |
63 |
64 |
65 |
66 |
67 |
68 |
77 |
78 |
--------------------------------------------------------------------------------
/source/splitter.html:
--------------------------------------------------------------------------------
1 |
2 |
3 | Splitter
4 | ui elements
5 |
6 |
7 |
8 |
9 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 | Split horizontal
22 |
23 | This is panel 1
24 | This is panel 2
25 |
26 |
27 |
28 |
29 |
30 | Split vertical
31 |
32 | This is panel 1
33 | This is panel 2
34 |
35 |
36 |
37 |
38 |
39 | Multi split
40 |
41 | This is panel 1
42 |
43 | Panel 1
44 | Panel 2
45 |
46 |
47 |
48 |
49 |
50 |
51 |
52 |
53 |
54 |
55 |
56 | Panels pre-sizes
57 |
58 | This is panel 1
59 | This is panel 2
60 |
61 |
62 |
63 |
64 |
65 | Panels min size
66 |
67 | This is panel 1
68 | This is panel 2
69 |
70 |
71 |
72 |
73 |
74 | Gutter size
75 |
76 | This is panel 1
77 | This is panel 2
78 |
79 |
80 |
81 |
82 |
83 |
--------------------------------------------------------------------------------
/source/price-table.html:
--------------------------------------------------------------------------------
1 |
2 |
3 | Pricing e-commerce
4 |
5 |
6 |
7 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 | Starter
21 | for small teams
22 |
23 |
24 |
25 | $29
26 | monthly per user
27 |
28 |
29 |
30 | Unlimited projects
31 | Unlimited pages
32 | Unlimited disk space
33 | 24 / 7 Free support
34 |
35 |
36 |
37 |
38 | 7 days free trial
39 |
40 |
41 |
42 |
43 |
44 |
45 | Pro
46 | for larger teams
47 |
48 |
49 |
50 | $59
51 | monthly per user
52 |
53 |
54 |
55 | Unlimited projects
56 | Unlimited pages
57 | Unlimited disk space
58 | 24 / 7 Free support
59 | Advanced reporting
60 | Customizable interface
61 | CRM Integration
62 |
63 |
64 |
65 |
66 | 30 days free trial
67 |
68 |
69 |
70 |
71 |
72 |
73 | Enterprise
74 | for big teams
75 |
76 |
77 |
78 | $99
79 | monthly per user
80 |
81 |
82 |
83 | Unlimited projects
84 | Unlimited pages
85 | Unlimited disk space
86 | For full feature list, call us
87 |
88 |
89 |
90 |
91 | 90 days free trial
92 |
93 |
94 |
95 |
96 |
97 |
98 |
--------------------------------------------------------------------------------
/source/vendors/metro4/css/metro-reset.css:
--------------------------------------------------------------------------------
1 | /*
2 | * Metro 4 Components Library v4.4.3 (https://metroui.org.ua)
3 | * Copyright 2012-2020 Sergey Pimenov
4 | * Built at 08/12/2020 18:30:54
5 | * Licensed under MIT
6 | */
7 | *,
8 | *::before,
9 | *::after {
10 | -webkit-box-sizing: border-box;
11 | box-sizing: border-box;
12 | }
13 | html {
14 | -ms-overflow-style: scrollbar;
15 | -webkit-tap-highlight-color: transparent;
16 | -webkit-text-size-adjust: 100%;
17 | -ms-text-size-adjust: 100%;
18 | font-family: sans-serif;
19 | scroll-behavior: smooth;
20 | }
21 | body {
22 | line-height: 1.5;
23 | overflow-x: hidden;
24 | background-color: #ffffff;
25 | min-height: 100vh;
26 | text-rendering: optimizeSpeed;
27 | }
28 | html,
29 | body,
30 | div,
31 | span,
32 | applet,
33 | object,
34 | iframe,
35 | h1,
36 | h2,
37 | h3,
38 | h4,
39 | h5,
40 | h6,
41 | p,
42 | blockquote,
43 | pre,
44 | a,
45 | abbr,
46 | acronym,
47 | address,
48 | big,
49 | cite,
50 | code,
51 | del,
52 | dfn,
53 | em,
54 | img,
55 | ins,
56 | kbd,
57 | q,
58 | s,
59 | samp,
60 | small,
61 | strike,
62 | strong,
63 | sub,
64 | sup,
65 | tt,
66 | var,
67 | b,
68 | u,
69 | i,
70 | center,
71 | dl,
72 | dt,
73 | dd,
74 | ol,
75 | ul,
76 | li,
77 | fieldset,
78 | form,
79 | label,
80 | legend,
81 | table,
82 | caption,
83 | tbody,
84 | tfoot,
85 | thead,
86 | tr,
87 | th,
88 | td,
89 | article,
90 | aside,
91 | canvas,
92 | details,
93 | embed,
94 | figure,
95 | figcaption,
96 | footer,
97 | header,
98 | hgroup,
99 | menu,
100 | nav,
101 | output,
102 | ruby,
103 | section,
104 | summary,
105 | time,
106 | mark,
107 | audio,
108 | video {
109 | margin: 0;
110 | padding: 0;
111 | border: 0;
112 | vertical-align: baseline;
113 | }
114 | article,
115 | aside,
116 | details,
117 | figcaption,
118 | figure,
119 | footer,
120 | header,
121 | hgroup,
122 | menu,
123 | nav,
124 | section {
125 | display: block;
126 | }
127 | blockquote,
128 | q {
129 | quotes: none;
130 | }
131 | blockquote:before,
132 | blockquote:after,
133 | q:before,
134 | q:after {
135 | content: '';
136 | }
137 | table {
138 | border-collapse: collapse;
139 | border-spacing: 0;
140 | }
141 | base,
142 | basefont,
143 | datalist,
144 | head,
145 | meta,
146 | script,
147 | style,
148 | title,
149 | noembed,
150 | param,
151 | template {
152 | display: none;
153 | }
154 | [tabindex="-1"]:focus {
155 | outline: none !important;
156 | }
157 | [hidden] {
158 | display: none !important;
159 | }
160 | ::-webkit-file-upload-button {
161 | font: inherit;
162 | -webkit-appearance: button;
163 | }
164 | [type="search"]::-webkit-search-cancel-button,
165 | [type="search"]::-webkit-search-decoration {
166 | -webkit-appearance: none;
167 | }
168 | [type="number"]::-webkit-inner-spin-button,
169 | [type="number"]::-webkit-outer-spin-button {
170 | height: auto;
171 | }
172 | input[type="date"],
173 | input[type="time"],
174 | input[type="datetime-local"],
175 | input[type="month"] {
176 | -webkit-appearance: listbox;
177 | }
178 | button::-moz-focus-inner,
179 | [type="button"]::-moz-focus-inner,
180 | [type="reset"]::-moz-focus-inner,
181 | [type="submit"]::-moz-focus-inner {
182 | padding: 0;
183 | border-style: none;
184 | }
185 | button,
186 | html [type="button"],
187 | [type="reset"],
188 | [type="submit"] {
189 | -webkit-appearance: button;
190 | }
191 | a,
192 | area,
193 | button,
194 | input,
195 | label,
196 | select,
197 | summary,
198 | textarea {
199 | touch-action: manipulation;
200 | }
201 | svg:not(:root) {
202 | overflow: hidden;
203 | }
204 | img {
205 | vertical-align: middle;
206 | border-style: none;
207 | max-width: 100%;
208 | }
209 | div {
210 | position: relative;
211 | }
212 | article > * + * {
213 | margin-top: 1em;
214 | }
215 | input,
216 | button,
217 | textarea,
218 | select {
219 | font: inherit;
220 | }
221 | @media (prefers-reduced-motion: reduce) {
222 | * {
223 | -webkit-animation-duration: 0.01ms !important;
224 | animation-duration: 0.01ms !important;
225 | -webkit-animation-iteration-count: 1 !important;
226 | animation-iteration-count: 1 !important;
227 | -webkit-transition-duration: 0.01ms !important;
228 | transition-duration: 0.01ms !important;
229 | scroll-behavior: auto !important;
230 | }
231 | }
232 | [disabled] {
233 | pointer-events: none!important;
234 | color: lightgray!important;
235 | }
236 |
--------------------------------------------------------------------------------
/source/vendors/metro4/css/metro-third.min.css:
--------------------------------------------------------------------------------
1 | .sorting,.sorting_asc,.sorting_desc{position:relative;cursor:pointer}.sorting:after,.sorting_asc:after,.sorting_desc:after{position:absolute;content:"";width:1rem;height:1rem;left:100%;margin-left:-1.25rem;top:50%;margin-top:-.5rem;font-size:1rem;line-height:1;color:#1d1d1d}.sorting_asc{background-color:#ebebeb}.sorting_asc:after{content:"\2191"}.sorting_desc{background-color:#ebebeb}.sorting_desc:after{content:"\2193"}.dataTables_length label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.dataTables_length label select{margin:0 10px;width:100px}.dataTables_filter label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.dataTables_filter label input{width:200px;margin-left:10px}.dataTables_paginate{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none inside;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.dataTables_paginate .next,.dataTables_paginate .previous,.dataTables_paginate span a{cursor:pointer;display:block;position:relative;padding:.5rem .75rem;line-height:1;font-size:1rem;text-decoration:none;background-color:#fff;color:#1d1d1d;border:1px solid #dfdfdf;margin:.25rem}.dataTables_paginate .next:hover,.dataTables_paginate .previous:hover,.dataTables_paginate span a:hover{background-color:rgba(29,29,29,.1)}.dataTables_paginate span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap}.dataTables_paginate .current{background-color:#e4e4e4}.dataTables_wrapper{margin-top:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-line-pack:center;align-content:center}.dataTables_filter,.dataTables_length{-webkit-box-flex:1;-ms-flex:1;flex:1}.dataTable,.dataTables_info,.dataTables_paginate{width:100%}.dataTables_info{line-height:42px;text-align:center}@media all and (min-width:576px){.dataTables_filter label{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.dataTables_length label{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}@media all and (min-width:992px){.dataTables_info,.dataTables_paginate{width:auto}.dataTables_info{text-align:left}.dataTables_paginate{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}}.select2-container .selection .select2-selection--single{height:36px;border:1px #d9d9d9 solid}.select2-container .selection .select2-selection--single .select2-selection__rendered{line-height:36px}.select2-container .selection .select2-selection--single .select2-selection__arrow{height:36px}.select2-container .selection .select2-selection--multiple{min-height:36px;border:1px #d9d9d9 solid}.select2-container .selection .select2-selection--multiple .select2-selection__rendered{display:block}.select2-container .selection .select2-selection--multiple .select2-selection__rendered .select2-selection__choice{border-radius:0;background-color:#f8f8f8;font-size:14px;height:26px;line-height:26px}.select2-container .selection .select2-selection--multiple .select2-selection__rendered .select2-search--inline .select2-search__field{margin-top:0}.select2-container .select2-dropdown,.select2-container .select2-selection{border-radius:0}.select2 .selection .select2-selection--multiple,.select2 .selection .select2-selection--single{outline:0}.select2 .selection .select2-selection--multiple:hover,.select2 .selection .select2-selection--single:hover{border-color:silver}.select2 .selection .select2-selection--multiple.focused,.select2 .selection .select2-selection--multiple:focus,.select2 .selection .select2-selection--single.focused,.select2 .selection .select2-selection--single:focus{-webkit-box-shadow:0 0 0 3px rgba(228,228,228,.45);box-shadow:0 0 0 3px rgba(228,228,228,.45)}.select2 .selection .select2-selection--multiple.disabled,.select2 .selection .select2-selection--multiple:disabled,.select2 .selection .select2-selection--single.disabled,.select2 .selection .select2-selection--single:disabled{pointer-events:none;border-color:#ebebeb;background-color:#e9e9e9}
--------------------------------------------------------------------------------
/source/css/index.css.map:
--------------------------------------------------------------------------------
1 | {"version":3,"sources":["index.less","ecommerce.less","mailbox.less","wizards.less"],"names":[],"mappings":"AAAA;EACI,yBAAA;;AAGJ,QACI;EACI,yBAAA;EACA,cAAA;EACA,eAAA;;AAJR,QAOI;EACI,iBAAA;EACA,yBAAA;;AATR,QAYI;EACI,YAAA;EACA,WAAA;;AAdR,QAiBI;EACI,yBAAA;;AAIQ,QALZ,cAGI,GACI,EACK;EACG,WAAA;EACA,mBAAA;;AAIR,QAXR,cAGI,GAQK,OACG;EACI,WAAA;EACA,mBAAA;;AA/BpB,QAiBI,cAmBI,iBAAgB;EACZ,oCAAA;;AArCZ,QAiBI,cAuBI;EACI,cAAA;EACA,mBAAA;EACA,eAAA;;AAMA,QAFR,aACI,QACK;EACG,WAAA;EACA,mBAAA;;AAnDhB,QA+CI,aAQI;EACI,aAAA;EACA,cAAA;;AAzDZ,QA+CI,aAaI,IAAG;EACC,qBAAA;EACA,sBAAA;;AA9DZ,QAkEI,cAAc;EACV,yBAAA;;AAIR;EACI,gBAAA;;AAGJ,QAAS,aAAa;AACtB,QAAQ,UAAW,aAAa;EAE5B,aAAA;;AAGJ,QAAQ,OAAQ,aAAa;AAAM,aAAa,KAAM,aAAa;EAC/D,aAAA;;AAGJ,mBAAsC;EAClC,QAAS,aAAa;IAClB,aAAA;;;AAIR,aACI;AADa,QACb;EACI,WAAA;EACA,YAAA;EACA,kBAAA;EACA,gBAAA;;AAIR,aACI;EACI,yBAAA;;AAFR,aAKI;EACI,gCAAA;;AAIR;EACI,aAAA;;AAGJ,mBAAqC;EACjC;IACI,eAAA;;;AAIR;EACI,gBAAA;EACA,SAAA;EACA,UAAA;;AAGJ;EACI,SAAA;EACA,UAAA;EACA,uBAAA;EACA,aAAA;EACA,mBAAA;EACA,8BAAA;EACA,mBAAA;;AAPJ,UASI;EACI,UAAA;EACA,kBAAA;EACA,cAAA;EACA,aAAA;EACA,eAAA;;AAdR,UASI,GAOI;EACI,kBAAA;EACA,eAAA;EACA,YAAA;EACA,gBAAA;;AAKZ,SACI;EACI,YAAA;EACA,YAAA;EACA,gBAAA;EACA,kBAAA;EACA,uBAAA;;AAIR;EACI,WAAA;EACA,cAAA;EACA,kBAAA;EACA,kBAAA;;AAGJ;EACI,cAAA;EACA,kBAAA;EACA,WAAA;EACA,wCAAA;;AAGJ;EACI,cAAA;EACA,kBAAA;EACA,SAAA;EACA,QAAA;EACA,YAAA;EACA,gBAAA;;AANJ,WAQI;EACI,YAAA;EACA,aAAA;EACA,gBAAA;EACA,kBAAA;EACA,uBAAA;;AAbR,WAQI,QAOI;EACI,WAAA;EACA,YAAA;;AAKZ,mBAAoC;EAChC;IACI,YAAA;;EAGJ;IACI,YAAA;;;AC5MR;EACI,gBAAA;EACA,aAAA;EACA,aAAA;EACA,mBAAA;EACA,2BAAA;EACA,uBAAA;EACA,kBAAA;;AAGJ,aACI;EACI,kBAAA;EACA,aAAA;EACA,iBAAA;EACA,YAAA;EACA,cAAA;EACA,4BAAA;EACA,gBAAA;;AARR,aAWI,mBAEI;AAbR,aAWI,mBAEoB;AAbxB,aAWI,mBAEoC;AAbxC,aAWI,mBAEoD;EAC5C,cAAA;EACA,kBAAA;;AAfZ,aAWI,mBAOI;EACI,WAAA;EACA,YAAA;EACA,gBAAA;EACA,QAAA;;AAtBZ,aAWI,mBAOI,eAMI;EACI,WAAA;EACA,YAAA;EACA,+BAAA;;AAGJ,aAnBR,mBAOI,eAYK,MACG;EACI,WAAW,UAAX;EACA,+BAAA;;AAjCpB,aAWI,mBA0BI;EACI,QAAA;EACA,eAAA;EACA,iBAAA;;AAxCZ,aAWI,mBA+BI;EACI,QAAA;EACA,iBAAA;EACA,iBAAA;EACA,eAAA;;AA9CZ,aAWI,mBA+BI,eAMI;EACI,6BAAA;EACA,gBAAA;EACA,eAAA;;AAnDhB,aAWI,mBA2CI;EACI,aAAA;EACA,QAAA;;AAxDZ,aAWI,mBA+CI;EACI,gBAAA;EACA,QAAA;;AA5DZ,aAWI,mBAmDI;AA9DR,aAWI,mBAmDY;EACJ,aAAA;;AA/DZ,aAWI,mBAuDI;EACI,kBAAA;EACA,SAAA;EACA,0CAAA;EACA,oBAAA;;AAKZ,mBAAqC;EACjC,aAAa,IAAI,eACb;IACI,2BAAA;;;AAIZ,mBAAqC;EACjC,aAAa,IAAI,eACb;IACI,6BAAA;;;AAIZ,mBAAsC;EAClC,aAAa,IAAI,eACb;IACI,2BAAA;;;AAMR,aAAC,aAEG;EACI,cAAA;EACA,aAAA;;AAJR,aAAC,aAOG;EACI,WAAA;EACA,YAAA;;AATR,aAAC,aAYG;AAZJ,aAAC,aAYmB;AAZpB,aAAC,aAYmC;AAZpC,aAAC,aAYkD;EAC3C,kBAAA;;AAbR,aAAC,aAgBG;EACI,gBAAA;EACA,mBAAA;;AAlBR,aAAC,aAqBG;EACI,cAAA;EACA,gBAAA;EACA,mBAAA;;AAxBR,aAAC,aA2BG;EACI,6BAAA;EACA,iBAAA;;AAKZ;EACI,cAAA;EACA,kBAAA;EACA,uBAAA;EACA,UAAA;EACA,SAAA;;AAGJ,aACI;EACI,WAAA;EACA,YAAA;EACA,gBAAA;;AAJR,aACI,eAKI;EACI,WAAA;EACA,YAAA;;AARZ,aAYI;EACI,gBAAA;EACA,eAAA;;AAdR,aAiBI;EACI,cAAA;;AAlBR,aAiBI,eAEI;EACI,6BAAA;EACA,gBAAA;EACA,eAAA;;AAtBZ,aAiBI,eAOI;EACI,gBAAA;EACA,eAAA;;AA1BZ,aAiBI,eAWI,WAAW;EACP,UAAA;;AA7BZ,aAiCI;EACI,aAAA;EACA,qBAAA;EACA,mBAAA;EACA,aAAA;;AAEA,aANJ,gBAMM;EACE,WAAA;;AAGJ,aAVJ,gBAUM;EACE,eAAA;;AAMA,aAFR,aACI,OAAM,OACD;EACG,SAAS,GAAT;EACA,YAAA;;AApDhB,aAyDI,YACI,OAAM;EACF,6BAAA;EACA,qBAAA;EACA,WAAA;;AA7DZ,aAiEI;EACI,gBAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;;AArER,aAiEI,iBAMI;EACI,YAAA;EACA,iBAAA;;AAzEZ,aA6EI;EACI,UAAA;EACA,aAAA;EACA,uBAAA;EACA,aAAA;EACA,mBAAA;;AAlFR,aA6EI,YAOI;EACI,cAAA;EACA,sBAAA;EACA,YAAA;EACA,gBAAA;EACA,WAAA;EACA,6BAAA;EACA,eAAA;;AA3FZ,aA6EI,YAOI,GASI;EACI,WAAA;EACA,YAAA;;AAGJ,aArBR,YAOI,GAcK;EACG,iBAAA;;AAMhB;EACI,uBAAA;EACA,aAAA;EACA,gBAAA;;AAGJ;EACI,SAAA;EACA,UAAA;EACA,uBAAA;EACA,cAAA;EACA,kBAAA;;AAEA,YAAE;EACE,cAAA;EAEA,eAAA;EACA,aAAA;EACA,aAAA;;AAGJ,YAAE,KAAK;EACH,6BAAA;;AAIR;EACI,YAAA;EACA,aAAA;EACA,gBAAA;EACA,WAAA;EACA,WAAA;;AALJ,eAOI;EACI,WAAA;EACA,YAAA;;ACrSR;EACI,cAAA;EACA,kBAAA;EACA,uBAAA;;AAGJ,cACI;EACI,kBAAA;EACA,SAAA;EACA,UAAA;;AAKA,cAFJ,GAEK;EACG,0BAAA;;AAGJ,cANJ,GAMK;EACG,yBAAA;;AAdZ,cAOI,GAUI;EACI,mCAAA;EACA,WAAA;EACA,YAAA;EACA,iBAAA;;AAMZ,YACI;AADJ,YACiB;AADjB,YAC6B;EACrB,WAAA;;AAFR,YAII;EACI,YAAA;;AALR,YAOI;EACI,YAAA;;AARR,YAUI;EACI,YAAA;;AAIR,gBACI;AADJ,gBACiB;AADjB,gBAC8B;EACtB,eAAA;;AAFR,gBAII;EACI,eAAA;;AAIR;EACI,aAAA;EACA,mBAAA;;AAGJ;EACI,YAAA;EACA,aAAA;EACA,aAAA;EACA,iBAAA;EACA,yBAAA;EACA,WAAA;;AANJ,iBAQI;EACI,WAAA;EACA,aAAA;EACA,gBAAA;EACA,aAAA;EACA,uBAAA;EACA,mBAAA;;AAdR,iBAQI,SAQI;EACI,WAAA;EACA,YAAA;EACA,gBAAA;;AAnBZ,iBAQI,SAcI;EACI,eAAA;;AAvBZ,iBA2BI;EACI,YAAA;EACA,gBAAA;EACA,yBAAA;EACA,eAAA;EACA,YAAA;EACA,gBAAA;;AAEA,iBARJ,MAQM,IAAG,IAAI;EACL,kBAAA;;AClGZ;EACI,YAAA;EACA,cAAA;EACA,kBAAA;EACA,WAAA;;AAEJ,gBAAkC;EAC9B;IACI,YAAA;IACA,mBAAA;;;AAGR,gBAAkC;EAC9B;IACI,YAAA;IACA,mBAAA","file":"index.css"}
--------------------------------------------------------------------------------
/source/vendors/metro4/css/third-party/datatables.css:
--------------------------------------------------------------------------------
1 | /*
2 | * Metro 4 Components Library v4.2.46 (https://metroui.org.ua)
3 | * Copyright 2012-2019 Sergey Pimenov
4 | * Licensed under MIT
5 | */
6 | .sorting,
7 | .sorting_asc,
8 | .sorting_desc {
9 | position: relative;
10 | cursor: pointer;
11 | }
12 | .sorting:after,
13 | .sorting_asc:after,
14 | .sorting_desc:after {
15 | position: absolute;
16 | content: "";
17 | width: 1rem;
18 | height: 1rem;
19 | left: 100%;
20 | margin-left: -1.25rem;
21 | top: 50%;
22 | margin-top: -0.5rem;
23 | font-size: 1rem;
24 | line-height: 1;
25 | color: #1d1d1d;
26 | }
27 | .sorting_asc {
28 | background-color: #ebebeb;
29 | }
30 | .sorting_asc:after {
31 | content: "\2191";
32 | }
33 | .sorting_desc {
34 | background-color: #ebebeb;
35 | }
36 | .sorting_desc:after {
37 | content: "\2193";
38 | }
39 | .dataTables_length label {
40 | display: -webkit-box;
41 | display: -ms-flexbox;
42 | display: flex;
43 | -webkit-box-orient: horizontal;
44 | -webkit-box-direction: normal;
45 | -ms-flex-flow: row nowrap;
46 | flex-flow: row nowrap;
47 | -webkit-box-align: center;
48 | -ms-flex-align: center;
49 | align-items: center;
50 | }
51 | .dataTables_length label select {
52 | margin: 0 10px;
53 | width: 100px;
54 | }
55 | .dataTables_filter label {
56 | display: -webkit-box;
57 | display: -ms-flexbox;
58 | display: flex;
59 | -webkit-box-orient: horizontal;
60 | -webkit-box-direction: normal;
61 | -ms-flex-flow: row nowrap;
62 | flex-flow: row nowrap;
63 | -webkit-box-align: center;
64 | -ms-flex-align: center;
65 | align-items: center;
66 | }
67 | .dataTables_filter label input {
68 | width: 200px;
69 | margin-left: 10px;
70 | }
71 | .dataTables_paginate {
72 | display: -webkit-box;
73 | display: -ms-flexbox;
74 | display: flex;
75 | -ms-flex-wrap: wrap;
76 | flex-wrap: wrap;
77 | list-style: none inside;
78 | padding: 0;
79 | -webkit-user-select: none;
80 | -moz-user-select: none;
81 | -ms-user-select: none;
82 | user-select: none;
83 | -webkit-box-pack: center;
84 | -ms-flex-pack: center;
85 | justify-content: center;
86 | }
87 | .dataTables_paginate .previous,
88 | .dataTables_paginate .next,
89 | .dataTables_paginate span a {
90 | cursor: pointer;
91 | display: block;
92 | position: relative;
93 | padding: 0.5rem 0.75rem;
94 | line-height: 1;
95 | font-size: 1rem;
96 | text-decoration: none;
97 | background-color: #ffffff;
98 | color: #1d1d1d;
99 | border: 1px solid #dfdfdf;
100 | margin: 0.25rem;
101 | }
102 | .dataTables_paginate .previous:hover,
103 | .dataTables_paginate .next:hover,
104 | .dataTables_paginate span a:hover {
105 | background-color: rgba(29, 29, 29, 0.1);
106 | }
107 | .dataTables_paginate span {
108 | display: -webkit-box;
109 | display: -ms-flexbox;
110 | display: flex;
111 | -webkit-box-orient: horizontal;
112 | -webkit-box-direction: normal;
113 | -ms-flex-flow: row wrap;
114 | flex-flow: row wrap;
115 | }
116 | .dataTables_paginate .current {
117 | background-color: #e4e4e4;
118 | }
119 | .dataTables_wrapper {
120 | margin-top: 10px;
121 | display: -webkit-box;
122 | display: -ms-flexbox;
123 | display: flex;
124 | -webkit-box-orient: horizontal;
125 | -webkit-box-direction: normal;
126 | -ms-flex-flow: row wrap;
127 | flex-flow: row wrap;
128 | -webkit-box-pack: justify;
129 | -ms-flex-pack: justify;
130 | justify-content: space-between;
131 | -ms-flex-line-pack: center;
132 | align-content: center;
133 | }
134 | .dataTables_length,
135 | .dataTables_filter {
136 | -webkit-box-flex: 1;
137 | -ms-flex: 1;
138 | flex: 1;
139 | }
140 | .dataTables_paginate,
141 | .dataTables_info,
142 | .dataTable {
143 | width: 100%;
144 | }
145 | .dataTables_info {
146 | line-height: 42px;
147 | text-align: center;
148 | }
149 | @media all and (min-width: 576px) {
150 | .dataTables_filter label {
151 | -webkit-box-pack: end;
152 | -ms-flex-pack: end;
153 | justify-content: flex-end;
154 | }
155 | .dataTables_length label {
156 | -webkit-box-pack: start;
157 | -ms-flex-pack: start;
158 | justify-content: flex-start;
159 | }
160 | }
161 | @media all and (min-width: 992px) {
162 | .dataTables_paginate,
163 | .dataTables_info {
164 | width: auto;
165 | }
166 | .dataTables_info {
167 | text-align: left;
168 | }
169 | .dataTables_paginate {
170 | -webkit-box-pack: end;
171 | -ms-flex-pack: end;
172 | justify-content: flex-end;
173 | }
174 | }
175 |
--------------------------------------------------------------------------------
/source/vendors/metro4/css/metro-rtl.css:
--------------------------------------------------------------------------------
1 | /*
2 | * Metro 4 Components Library v4.3.5 (https://metroui.org.ua)
3 | * Copyright 2012-2019 Sergey Pimenov
4 | * Built at 24/12/2019 18:04:54
5 | * Licensed under MIT
6 | */
7 | .accordion.rtl.material > .frame > .heading,
8 | .accordion[dir=rtl].material > .frame > .heading {
9 | padding: 16px 16px 16px 42px;
10 | }
11 | .accordion.rtl.material > .frame > .heading::after,
12 | .accordion[dir=rtl].material > .frame > .heading::after {
13 | left: 16px;
14 | right: auto;
15 | top: 8px;
16 | -webkit-transform: rotate(180deg);
17 | -ms-transform: rotate(180deg);
18 | transform: rotate(180deg);
19 | }
20 | .accordion.rtl.material > .frame.active .heading::after,
21 | .accordion[dir=rtl].material > .frame.active .heading::after {
22 | -webkit-transform: rotate(270deg);
23 | -ms-transform: rotate(270deg);
24 | transform: rotate(270deg);
25 | }
26 | input.rtl,
27 | input[dir=rtl] {
28 | direction: rtl;
29 | }
30 | .input[dir=rtl],
31 | .input.rtl {
32 | -webkit-box-orient: horizontal;
33 | -webkit-box-direction: reverse;
34 | -ms-flex-flow: row-reverse nowrap;
35 | flex-flow: row-reverse nowrap;
36 | }
37 | .input[dir=rtl] input,
38 | .input.rtl input {
39 | -webkit-box-ordinal-group: 4;
40 | -ms-flex-order: 3;
41 | order: 3;
42 | direction: rtl;
43 | }
44 | .input[dir=rtl] .button-group,
45 | .input.rtl .button-group {
46 | -webkit-box-ordinal-group: 3;
47 | -ms-flex-order: 2;
48 | order: 2;
49 | }
50 | .input[dir=rtl] .prepend,
51 | .input.rtl .prepend {
52 | -webkit-box-ordinal-group: 5;
53 | -ms-flex-order: 4;
54 | order: 4;
55 | }
56 | .input[dir=rtl] .append,
57 | .input.rtl .append {
58 | -webkit-box-ordinal-group: 2;
59 | -ms-flex-order: 1;
60 | order: 1;
61 | }
62 | .file[dir=rtl] .append,
63 | .file.rtl .append {
64 | -webkit-box-ordinal-group: 2;
65 | -ms-flex-order: 1;
66 | order: 1;
67 | }
68 | .file[dir=rtl] .prepend,
69 | .file.rtl .prepend {
70 | -webkit-box-ordinal-group: 5;
71 | -ms-flex-order: 4;
72 | order: 4;
73 | }
74 | .file[dir=rtl] .caption,
75 | .file.rtl .caption {
76 | -webkit-box-ordinal-group: 4;
77 | -ms-flex-order: 3;
78 | order: 3;
79 | text-align: right;
80 | }
81 | .file[dir=rtl] button,
82 | .file.rtl button {
83 | -webkit-box-ordinal-group: 3;
84 | -ms-flex-order: 2;
85 | order: 2;
86 | margin-left: 0;
87 | margin-right: auto;
88 | }
89 | .textarea[dir=rtl],
90 | .textarea.rtl {
91 | -webkit-box-orient: horizontal;
92 | -webkit-box-direction: reverse;
93 | -ms-flex-direction: row-reverse;
94 | flex-direction: row-reverse;
95 | }
96 | .textarea[dir=rtl] .prepend,
97 | .textarea.rtl .prepend {
98 | -webkit-box-ordinal-group: 4;
99 | -ms-flex-order: 3;
100 | order: 3;
101 | }
102 | .textarea[dir=rtl] .append,
103 | .textarea.rtl .append {
104 | -webkit-box-ordinal-group: 2;
105 | -ms-flex-order: 1;
106 | order: 1;
107 | }
108 | .textarea[dir=rtl] textarea,
109 | .textarea.rtl textarea {
110 | -webkit-box-ordinal-group: 3;
111 | -ms-flex-order: 2;
112 | order: 2;
113 | }
114 | .textarea[dir=rtl] .input-clear-button,
115 | .textarea.rtl .input-clear-button {
116 | right: auto;
117 | left: 0.25rem;
118 | }
119 | .textarea[dir=rtl] .input-clear-button ~ textarea,
120 | .textarea.rtl .input-clear-button ~ textarea {
121 | padding-left: 48px;
122 | padding-right: 0.75rem;
123 | }
124 | .select[dir=rtl],
125 | .select.rtl {
126 | -webkit-box-orient: horizontal;
127 | -webkit-box-direction: reverse;
128 | -ms-flex-direction: row-reverse;
129 | flex-direction: row-reverse;
130 | }
131 | .select[dir=rtl] .select-input,
132 | .select.rtl .select-input {
133 | -webkit-box-ordinal-group: 4;
134 | -ms-flex-order: 3;
135 | order: 3;
136 | }
137 | .select[dir=rtl] .prepend,
138 | .select.rtl .prepend {
139 | -webkit-box-ordinal-group: 5;
140 | -ms-flex-order: 4;
141 | order: 4;
142 | }
143 | .select[dir=rtl] .append,
144 | .select.rtl .append {
145 | -webkit-box-ordinal-group: 2;
146 | -ms-flex-order: 1;
147 | order: 1;
148 | }
149 | .select[dir=rtl] .button-group,
150 | .select.rtl .button-group {
151 | -webkit-box-ordinal-group: 3;
152 | -ms-flex-order: 2;
153 | order: 2;
154 | }
155 | .select[dir=rtl].dropdown-toggle,
156 | .select.rtl.dropdown-toggle {
157 | padding-right: 0!important;
158 | padding-left: 0.9rem;
159 | }
160 | .select[dir=rtl].dropdown-toggle::before,
161 | .select.rtl.dropdown-toggle::before {
162 | margin-left: 0.9rem;
163 | left: 0;
164 | }
165 |
--------------------------------------------------------------------------------
/source/css/index.less:
--------------------------------------------------------------------------------
1 | body {
2 | background-color: #ECF0F5;
3 | }
4 |
5 | .navview {
6 | .navview-pane {
7 | background-color: #222D32;
8 | color: #b8c7ce;
9 | font-size: 14px;
10 | }
11 |
12 | .navview-content {
13 | padding-top: 52px;
14 | background-color: #ECF0F5;
15 | }
16 |
17 | .pull-button {
18 | height: 52px;
19 | width: 52px;
20 | }
21 |
22 | .navview-menu {
23 | background-color: #222D32;
24 |
25 | li {
26 | a {
27 | &:hover {
28 | color: #fff;
29 | background: #1e282c;
30 | }
31 | }
32 |
33 | &.active {
34 | a {
35 | color: #fff;
36 | background: #1e282c;
37 | }
38 | }
39 | }
40 |
41 | .dropdown-toggle::after {
42 | border-bottom-color: white!important;
43 | }
44 |
45 | .item-header {
46 | color: #4b646f;
47 | background: #1a2226;
48 | font-size: 12px;
49 | }
50 | }
51 |
52 | .suggest-box {
53 | .holder {
54 | &:hover {
55 | color: #fff;
56 | background: #1e282c;
57 | }
58 | }
59 |
60 | .data-box {
61 | display: flex;
62 | padding: 0 8px;
63 | }
64 |
65 | img.holder {
66 | width: 32px!important;
67 | height: auto!important;
68 | }
69 | }
70 |
71 | .navview-menu .navview-menu {
72 | background-color: darken(#1E282C, 2%);
73 | }
74 | }
75 |
76 | .avatar-title {
77 | line-height: 1.2;
78 | }
79 |
80 | .navview .pull-button + h2,
81 | .navview.compacted .pull-button + h2
82 | {
83 | display: none;
84 | }
85 |
86 | .navview.expand .pull-button + h2, .navview-pane.open .pull-button + h2 {
87 | display: flex;
88 | }
89 |
90 | @media screen and (min-width: 1200px) {
91 | .navview .pull-button + h2 {
92 | display: flex;
93 | }
94 | }
95 |
96 | .navview-pane , .app-bar {
97 | .avatar {
98 | width: 32px;
99 | height: 32px;
100 | border-radius: 50%;
101 | overflow: hidden;
102 | }
103 | }
104 |
105 | .navview-pane {
106 | ::-webkit-scrollbar-track {
107 | background-color: #4b646f!important;
108 | }
109 |
110 | * {
111 | scrollbar-color: #1ba1e2 #4b646f!important;
112 | }
113 | }
114 |
115 | .app-bar-name {
116 | display: none;
117 | }
118 |
119 | @media screen and (min-width: 768px) {
120 | .app-bar-name {
121 | display: inline;
122 | }
123 | }
124 |
125 | .dashboard-section-title {
126 | line-height: 1.2;
127 | margin: 0;
128 | padding: 0;
129 | }
130 |
131 | .user-list {
132 | margin: 0;
133 | padding: 0;
134 | list-style: none inside;
135 | display: flex;
136 | flex-flow: row wrap;
137 | justify-content: space-between;
138 | align-items: center;
139 |
140 | li {
141 | width: 25%;
142 | text-align: center;
143 | flex-shrink: 0;
144 | padding: 10px;
145 | font-size: 12px;
146 |
147 | .avatar {
148 | border-radius: 50%;
149 | max-width: 100%;
150 | height: auto;
151 | overflow: hidden;
152 | }
153 | }
154 | }
155 |
156 | .lock-box {
157 | .avatar {
158 | width: 128px;
159 | height: auto;
160 | overflow: hidden;
161 | border-radius: 50%;
162 | border: 2px solid white;
163 | }
164 | }
165 |
166 | .page-error-box {
167 | width: 100%;
168 | display: block;
169 | position: relative;
170 | text-align: center;
171 | }
172 |
173 | .login-box {
174 | display: block;
175 | position: relative;
176 | width: 100%;
177 | box-shadow: 0 1px 1px rgba(0,0,0,0.1);
178 | }
179 |
180 | .user-block {
181 | display: block;
182 | position: absolute;
183 | top: 100%;
184 | right: 0;
185 | width: 280px;
186 | line-height: 1.2;
187 |
188 | .avatar {
189 | width: 128px;
190 | height: 120px;
191 | overflow: hidden;
192 | border-radius: 50%;
193 | border: 2px solid white;
194 |
195 | img {
196 | width: 100%;
197 | height: auto;
198 | }
199 | }
200 | }
201 |
202 | @media screen and (min-width: 640px){
203 | .login-box {
204 | width: 360px;
205 | }
206 |
207 | .page-error-box {
208 | width: 480px;
209 | }
210 | }
211 |
212 | @import (once) "ecommerce";
213 | @import (once) "mailbox";
214 | @import (once) "wizards";
215 |
216 |
--------------------------------------------------------------------------------
/source/forms-layouts.html:
--------------------------------------------------------------------------------
1 |
2 |
3 | Forms layouts
4 |
5 |
6 |
7 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 | Vertical form and form group
20 |
35 |
36 |
37 |
38 |
39 | Grid layout
40 |
50 |
51 |
52 |
53 |
54 |
55 |
56 |
57 | Inline form
58 |
64 |
65 |
66 |
67 |
68 |
69 |
70 |
71 | Horizontal form
72 |
109 |
110 |
111 |
112 |
--------------------------------------------------------------------------------