Fecino
/
Inspinia
Bevaka 3
Stjärnmärk 0
Förgrening 0
Kod Ärenden 0 Pull-förfrågningar 0 Släpp 0 Wiki Aktiviteter
Bläddra i källkod

first commit

Fecino 5 år sedan
incheckning
cded54dbee
100 ändrade filer med 27880 tillägg och 0 borttagningar
Delad Vy Visa Diff Statistik
  1. 43
    0
      404.html
  2. 38
    0
      500.html
  3. 664
    0
      agile_board.html
  4. 575
    0
      article.html
  5. 563
    0
      badges_labels.html
  6. 526
    0
      basic_gallery.html
  7. 712
    0
      blog.html
  8. 962
    0
      buttons.html
  9. 612
    0
      c3.html
  10. 608
    0
      calendar.html
  11. 611
    0
      carousel.html
  12. 678
    0
      chat_view.html
  13. 1552
    0
      clients.html
  14. 519
    0
      clipboard.html
  15. 525
    0
      code_editor.html
  16. 739
    0
      contacts.html
  17. 769
    0
      contacts_2.html
  18. 2848
    0
      css/animate.css
  19. 6760
    0
      css/bootstrap.css
  20. 1
    0
      css/bootstrap.css.map
  21. 6
    0
      css/bootstrap.min.css
  22. 1
    0
      css/bootstrap.min.css.map
  23. Binär
      css/patterns/1.png
  24. Binär
      css/patterns/2.png
  25. Binär
      css/patterns/3.png
  26. Binär
      css/patterns/4.png
  27. Binär
      css/patterns/5.png
  28. Binär
      css/patterns/6.png
  29. Binär
      css/patterns/7.png
  30. Binär
      css/patterns/congruent_pentagon.png
  31. Binär
      css/patterns/header-profile-skin-1.png
  32. Binär
      css/patterns/header-profile-skin-2.png
  33. Binär
      css/patterns/header-profile-skin-3.png
  34. Binär
      css/patterns/header-profile.png
  35. Binär
      css/patterns/otis_redding.png
  36. Binär
      css/patterns/shattered.png
  37. Binär
      css/patterns/triangular.png
  38. 251
    0
      css/plugins/awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.css
  39. 71
    0
      css/plugins/blueimp/css/blueimp-gallery-indicator.css
  40. 87
    0
      css/plugins/blueimp/css/blueimp-gallery-video.css
  41. 226
    0
      css/plugins/blueimp/css/blueimp-gallery.css
  42. 1
    0
      css/plugins/blueimp/css/blueimp-gallery.min.css
  43. 51
    0
      css/plugins/blueimp/css/demo.css
  44. Binär
      css/plugins/blueimp/img/error.png
  45. 5
    0
      css/plugins/blueimp/img/error.svg
  46. Binär
      css/plugins/blueimp/img/loading.gif
  47. Binär
      css/plugins/blueimp/img/play-pause.png
  48. 6
    0
      css/plugins/blueimp/img/play-pause.svg
  49. Binär
      css/plugins/blueimp/img/video-play.png
  50. 5
    0
      css/plugins/blueimp/img/video-play.svg
  51. 1
    0
      css/plugins/bootstrap-markdown/bootstrap-markdown.min.css
  52. 1468
    0
      css/plugins/bootstrap-rtl/bootstrap-rtl.css
  53. 1
    0
      css/plugins/bootstrap-rtl/bootstrap-rtl.css.map
  54. 9
    0
      css/plugins/bootstrap-rtl/bootstrap-rtl.min.css
  55. 22
    0
      css/plugins/bootstrapTour/bootstrap-tour.min.css
  56. 1
    0
      css/plugins/c3/c3.min.css
  57. 773
    0
      css/plugins/chartist/chartist.min.css
  58. Binär
      css/plugins/chosen/chosen-sprite.png
  59. Binär
      css/plugins/chosen/chosen-sprite@2x.png
  60. 429
    0
      css/plugins/chosen/chosen.css
  61. 168
    0
      css/plugins/clockpicker/clockpicker.css
  62. 77
    0
      css/plugins/codemirror/ambiance.css
  63. 309
    0
      css/plugins/codemirror/codemirror.css
  64. 9
    0
      css/plugins/colorpicker/bootstrap-colorpicker.min.css
  65. 9
    0
      css/plugins/cropper/cropper.min.css
  66. 21
    0
      css/plugins/dataTables/datatables.min.css
  67. 789
    0
      css/plugins/datapicker/datepicker3.css
  68. 335
    0
      css/plugins/daterangepicker/daterangepicker-bs3.css
  69. 155
    0
      css/plugins/dropzone/basic.css
  70. 410
    0
      css/plugins/dropzone/dropzone.css
  71. Binär
      css/plugins/footable/fonts/footable.eot
  72. 78
    0
      css/plugins/footable/fonts/footable.svg
  73. Binär
      css/plugins/footable/fonts/footable.ttf
  74. Binär
      css/plugins/footable/fonts/footable.woff
  75. 178
    0
      css/plugins/footable/footable.core.css
  76. 977
    0
      css/plugins/fullcalendar/fullcalendar.css
  77. 202
    0
      css/plugins/fullcalendar/fullcalendar.print.css
  78. 59
    0
      css/plugins/iCheck/custom.css
  79. Binär
      css/plugins/iCheck/green.png
  80. Binär
      css/plugins/iCheck/green@2x.png
  81. Binär
      css/plugins/images/bootstrap-colorpicker/alpha-horizontal.png
  82. Binär
      css/plugins/images/bootstrap-colorpicker/alpha.png
  83. Binär
      css/plugins/images/bootstrap-colorpicker/hue-horizontal.png
  84. Binär
      css/plugins/images/bootstrap-colorpicker/hue.png
  85. Binär
      css/plugins/images/bootstrap-colorpicker/saturation.png
  86. Binär
      css/plugins/images/sort.png
  87. Binär
      css/plugins/images/sort_asc.png
  88. Binär
      css/plugins/images/sort_desc.png
  89. Binär
      css/plugins/images/sprite-skin-flat.png
  90. Binär
      css/plugins/images/sprite-skin-flat2.png
  91. Binär
      css/plugins/images/sprite-skin-nice.png
  92. Binär
      css/plugins/images/sprite-skin-simple.png
  93. Binär
      css/plugins/images/spritemap.png
  94. Binär
      css/plugins/images/spritemap@2x.png
  95. 126
    0
      css/plugins/ionRangeSlider/ion.rangeSlider.css
  96. 89
    0
      css/plugins/ionRangeSlider/ion.rangeSlider.skinFlat.css
  97. 85
    0
      css/plugins/ionRangeSlider/ion.rangeSlider.skinNice.css
  98. 85
    0
      css/plugins/ionRangeSlider/ion.rangeSlider.skinSimple.css
  99. Binär
      css/plugins/jQueryUI/images/animated-overlay.gif
  100. 0
    0
      css/plugins/jQueryUI/images/ui-bg_flat_0_aaaaaa_40x100.png

+ 43
- 0
404.html Visa fil 

@@ -0,0 +1,43 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+
6 
+    <meta charset="utf-8">
7 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
8 
+
9 
+    <title>INSPINIA | 404 Error</title>
10 
+
11 
+    <link href="css/bootstrap.min.css" rel="stylesheet">
12 
+    <link href="font-awesome/css/font-awesome.css" rel="stylesheet">
13 
+
14 
+    <link href="css/animate.css" rel="stylesheet">
15 
+    <link href="css/style.css" rel="stylesheet">
16 
+
17 
+</head>
18 
+
19 
+<body class="gray-bg">
20 
+
21 
+
22 
+    <div class="middle-box text-center animated fadeInDown">
23 
+        <h1>404</h1>
24 
+        <h3 class="font-bold">Page Not Found</h3>
25 
+
26 
+        <div class="error-desc">
27 
+            Sorry, but the page you are looking for has note been found. Try checking the URL for error, then hit the refresh button on your browser or try found something else in our app.
28 
+            <form class="form-inline m-t" role="form">
29 
+                <div class="form-group">
30 
+                    <input type="text" class="form-control" placeholder="Search for page">
31 
+                </div>
32 
+                <button type="submit" class="btn btn-primary">Search</button>
33 
+            </form>
34 
+        </div>
35 
+    </div>
36 
+
37 
+    <!-- Mainly scripts -->
38 
+    <script src="js/jquery-2.1.1.js"></script>
39 
+    <script src="js/bootstrap.min.js"></script>
40 
+
41 
+</body>
42 
+
43 
+</html>

+ 38
- 0
500.html Visa fil 

@@ -0,0 +1,38 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+
6 
+    <meta charset="utf-8">
7 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
8 
+
9 
+    <title>INSPINIA | 404 Error</title>
10 
+
11 
+    <link href="css/bootstrap.min.css" rel="stylesheet">
12 
+    <link href="font-awesome/css/font-awesome.css" rel="stylesheet">
13 
+
14 
+    <link href="css/animate.css" rel="stylesheet">
15 
+    <link href="css/style.css" rel="stylesheet">
16 
+
17 
+</head>
18 
+
19 
+<body class="gray-bg">
20 
+
21 
+
22 
+    <div class="middle-box text-center animated fadeInDown">
23 
+        <h1>500</h1>
24 
+        <h3 class="font-bold">Internal Server Error</h3>
25 
+
26 
+        <div class="error-desc">
27 
+            The server encountered something unexpected that didn't allow it to complete the request. We apologize.<br/>
28 
+            You can go back to main page: <br/><a href="index.html" class="btn btn-primary m-t">Dashboard</a>
29 
+        </div>
30 
+    </div>
31 
+
32 
+    <!-- Mainly scripts -->
33 
+    <script src="js/jquery-2.1.1.js"></script>
34 
+    <script src="js/bootstrap.min.js"></script>
35 
+
36 
+</body>
37 
+
38 
+</html>

+ 664
- 0
agile_board.html Visa fil 

@@ -0,0 +1,664 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+
6 
+    <meta charset="utf-8">
7 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
8 
+
9 
+    <title>INSPINIA | Agile board</title>
10 
+
11 
+    <link href="css/bootstrap.min.css" rel="stylesheet">
12 
+    <link href="font-awesome/css/font-awesome.css" rel="stylesheet">
13 
+
14 
+    <!-- Toastr style -->
15 
+    <link href="css/plugins/toastr/toastr.min.css" rel="stylesheet">
16 
+
17 
+    <link href="css/animate.css" rel="stylesheet">
18 
+    <link href="css/style.css" rel="stylesheet">
19 
+
20 
+
21 
+
22 
+</head>
23 
+
24 
+<body>
25 
+
26 
+    <div id="wrapper">
27 
+
28 
+    <nav class="navbar-default navbar-static-side" role="navigation">
29 
+        <div class="sidebar-collapse">
30 
+            <ul class="nav metismenu" id="side-menu">
31 
+                <li class="nav-header">
32 
+                    <div class="dropdown profile-element"> <span>
33 
+                            <img alt="image" class="img-circle" src="img/profile_small.jpg" />
34 
+                             </span>
35 
+                        <a data-toggle="dropdown" class="dropdown-toggle" href="#">
36 
+                            <span class="clear"> <span class="block m-t-xs"> <strong class="font-bold">David Williams</strong>
37 
+                             </span> <span class="text-muted text-xs block">Art Director <b class="caret"></b></span> </span> </a>
38 
+                        <ul class="dropdown-menu animated fadeInRight m-t-xs">
39 
+                            <li><a href="profile.html">Profile</a></li>
40 
+                            <li><a href="contacts.html">Contacts</a></li>
41 
+                            <li><a href="mailbox.html">Mailbox</a></li>
42 
+                            <li class="divider"></li>
43 
+                            <li><a href="login.html">Logout</a></li>
44 
+                        </ul>
45 
+                    </div>
46 
+                    <div class="logo-element">
47 
+                        IN+
48 
+                    </div>
49 
+                </li>
50 
+                <li>
51 
+                    <a href="index.html"><i class="fa fa-th-large"></i> <span class="nav-label">Dashboards</span> <span class="fa arrow"></span></a>
52 
+                    <ul class="nav nav-second-level collapse">
53 
+                        <li><a href="index.html">Dashboard v.1</a></li>
54 
+                        <li><a href="dashboard_2.html">Dashboard v.2</a></li>
55 
+                        <li><a href="dashboard_3.html">Dashboard v.3</a></li>
56 
+                        <li><a href="dashboard_4_1.html">Dashboard v.4</a></li>
57 
+                        <li><a href="dashboard_5.html">Dashboard v.5 <span class="label label-primary pull-right">NEW</span></a></li>
58 
+                    </ul>
59 
+                </li>
60 
+                <li>
61 
+                    <a href="layouts.html"><i class="fa fa-diamond"></i> <span class="nav-label">Layouts</span></a>
62 
+                </li>
63 
+                <li>
64 
+                    <a href="#"><i class="fa fa-bar-chart-o"></i> <span class="nav-label">Graphs</span><span class="fa arrow"></span></a>
65 
+                    <ul class="nav nav-second-level collapse">
66 
+                        <li><a href="graph_flot.html">Flot Charts</a></li>
67 
+                        <li><a href="graph_morris.html">Morris.js Charts</a></li>
68 
+                        <li><a href="graph_rickshaw.html">Rickshaw Charts</a></li>
69 
+                        <li><a href="graph_chartjs.html">Chart.js</a></li>
70 
+                        <li><a href="graph_chartist.html">Chartist</a></li>
71 
+                        <li><a href="c3.html">c3 charts</a></li>
72 
+                        <li><a href="graph_peity.html">Peity Charts</a></li>
73 
+                        <li><a href="graph_sparkline.html">Sparkline Charts</a></li>
74 
+                    </ul>
75 
+                </li>
76 
+                <li>
77 
+                    <a href="mailbox.html"><i class="fa fa-envelope"></i> <span class="nav-label">Mailbox </span><span class="label label-warning pull-right">16/24</span></a>
78 
+                    <ul class="nav nav-second-level collapse">
79 
+                        <li><a href="mailbox.html">Inbox</a></li>
80 
+                        <li><a href="mail_detail.html">Email view</a></li>
81 
+                        <li><a href="mail_compose.html">Compose email</a></li>
82 
+                        <li><a href="email_template.html">Email templates</a></li>
83 
+                    </ul>
84 
+                </li>
85 
+                <li>
86 
+                    <a href="metrics.html"><i class="fa fa-pie-chart"></i> <span class="nav-label">Metrics</span>  </a>
87 
+                </li>
88 
+                <li>
89 
+                    <a href="widgets.html"><i class="fa fa-flask"></i> <span class="nav-label">Widgets</span></a>
90 
+                </li>
91 
+                <li>
92 
+                    <a href="#"><i class="fa fa-edit"></i> <span class="nav-label">Forms</span><span class="fa arrow"></span></a>
93 
+                    <ul class="nav nav-second-level collapse">
94 
+                        <li><a href="form_basic.html">Basic form</a></li>
95 
+                        <li><a href="form_advanced.html">Advanced Plugins</a></li>
96 
+                        <li><a href="form_wizard.html">Wizard</a></li>
97 
+                        <li><a href="form_file_upload.html">File Upload</a></li>
98 
+                        <li><a href="form_editors.html">Text Editor</a></li>
99 
+                        <li><a href="form_markdown.html">Markdown</a></li>
100 
+                    </ul>
101 
+                </li>
102 
+                <li>
103 
+                    <a href="#"><i class="fa fa-desktop"></i> <span class="nav-label">App Views</span>  <span class="pull-right label label-primary">SPECIAL</span></a>
104 
+                    <ul class="nav nav-second-level collapse">
105 
+                        <li><a href="contacts.html">Contacts</a></li>
106 
+                        <li><a href="profile.html">Profile</a></li>
107 
+                        <li><a href="profile_2.html">Profile v.2</a></li>
108 
+                        <li><a href="contacts_2.html">Contacts v.2</a></li>
109 
+                        <li><a href="projects.html">Projects</a></li>
110 
+                        <li><a href="project_detail.html">Project detail</a></li>
111 
+                        <li><a href="teams_board.html">Teams board</a></li>
112 
+                        <li><a href="social_feed.html">Social feed</a></li>
113 
+                        <li><a href="clients.html">Clients</a></li>
114 
+                        <li><a href="full_height.html">Outlook view</a></li>
115 
+                        <li><a href="vote_list.html">Vote list</a></li>
116 
+                        <li><a href="file_manager.html">File manager</a></li>
117 
+                        <li><a href="calendar.html">Calendar</a></li>
118 
+                        <li><a href="issue_tracker.html">Issue tracker</a></li>
119 
+                        <li><a href="blog.html">Blog</a></li>
120 
+                        <li><a href="article.html">Article</a></li>
121 
+                        <li><a href="faq.html">FAQ</a></li>
122 
+                        <li><a href="timeline.html">Timeline</a></li>
123 
+                        <li><a href="pin_board.html">Pin board</a></li>
124 
+                    </ul>
125 
+                </li>
126 
+                <li>
127 
+                    <a href="#"><i class="fa fa-files-o"></i> <span class="nav-label">Other Pages</span><span class="fa arrow"></span></a>
128 
+                    <ul class="nav nav-second-level collapse">
129 
+                        <li><a href="search_results.html">Search results</a></li>
130 
+                        <li><a href="lockscreen.html">Lockscreen</a></li>
131 
+                        <li><a href="invoice.html">Invoice</a></li>
132 
+                        <li><a href="login.html">Login</a></li>
133 
+                        <li><a href="login_two_columns.html">Login v.2</a></li>
134 
+                        <li><a href="forgot_password.html">Forget password</a></li>
135 
+                        <li><a href="register.html">Register</a></li>
136 
+                        <li><a href="404.html">404 Page</a></li>
137 
+                        <li><a href="500.html">500 Page</a></li>
138 
+                        <li><a href="empty_page.html">Empty page</a></li>
139 
+                    </ul>
140 
+                </li>
141 
+                <li class="active">
142 
+                    <a href="#"><i class="fa fa-globe"></i> <span class="nav-label">Miscellaneous</span><span class="label label-info pull-right">NEW</span></a>
143 
+                    <ul class="nav nav-second-level">
144 
+                        <li><a href="toastr_notifications.html">Notification</a></li>
145 
+                        <li><a href="nestable_list.html">Nestable list</a></li>
146 
+                        <li class="active"><a href="agile_board.html">Agile board</a></li>
147 
+                        <li><a href="timeline_2.html">Timeline v.2</a></li>
148 
+                        <li><a href="diff.html">Diff</a></li>
149 
+                        <li><a href="i18support.html">i18 support</a></li>
150 
+                        <li><a href="sweetalert.html">Sweet alert</a></li>
151 
+                        <li><a href="idle_timer.html">Idle timer</a></li>
152 
+                        <li><a href="truncate.html">Truncate</a></li>
153 
+                        <li><a href="spinners.html">Spinners</a></li>
154 
+                        <li><a href="tinycon.html">Live favicon</a></li>
155 
+                        <li><a href="google_maps.html">Google maps</a></li>
156 
+                        <li><a href="code_editor.html">Code editor</a></li>
157 
+                        <li><a href="modal_window.html">Modal window</a></li>
158 
+                        <li><a href="clipboard.html">Clipboard</a></li>
159 
+                        <li><a href="forum_main.html">Forum view</a></li>
160 
+                        <li><a href="validation.html">Validation</a></li>
161 
+                        <li><a href="tree_view.html">Tree view</a></li>
162 
+                        <li><a href="loading_buttons.html">Loading buttons</a></li>
163 
+                        <li><a href="chat_view.html">Chat view</a></li>
164 
+                        <li><a href="masonry.html">Masonry</a></li>
165 
+                        <li><a href="tour.html">Tour</a></li>
166 
+                    </ul>
167 
+                </li>
168 
+                <li>
169 
+                    <a href="#"><i class="fa fa-flask"></i> <span class="nav-label">UI Elements</span><span class="fa arrow"></span></a>
170 
+                    <ul class="nav nav-second-level collapse">
171 
+                        <li><a href="typography.html">Typography</a></li>
172 
+                        <li><a href="icons.html">Icons</a></li>
173 
+                        <li><a href="draggable_panels.html">Draggable Panels</a></li> <li><a href="resizeable_panels.html">Resizeable Panels</a></li>
174 
+                        <li><a href="buttons.html">Buttons</a></li>
175 
+                        <li><a href="video.html">Video</a></li>
176 
+                        <li><a href="tabs_panels.html">Panels</a></li>
177 
+                        <li><a href="tabs.html">Tabs</a></li>
178 
+                        <li><a href="notifications.html">Notifications & Tooltips</a></li>
179 
+                        <li><a href="badges_labels.html">Badges, Labels, Progress</a></li>
180 
+                    </ul>
181 
+                </li>
182 
+
183 
+                <li>
184 
+                    <a href="grid_options.html"><i class="fa fa-laptop"></i> <span class="nav-label">Grid options</span></a>
185 
+                </li>
186 
+                <li>
187 
+                    <a href="#"><i class="fa fa-table"></i> <span class="nav-label">Tables</span><span class="fa arrow"></span></a>
188 
+                    <ul class="nav nav-second-level collapse">
189 
+                        <li><a href="table_basic.html">Static Tables</a></li>
190 
+                        <li><a href="table_data_tables.html">Data Tables</a></li>
191 
+                        <li><a href="table_foo_table.html">Foo Tables</a></li>
192 
+                        <li><a href="jq_grid.html">jqGrid</a></li>
193 
+                    </ul>
194 
+                </li>
195 
+                <li>
196 
+                    <a href="#"><i class="fa fa-shopping-cart"></i> <span class="nav-label">E-commerce</span><span class="fa arrow"></span></a>
197 
+                    <ul class="nav nav-second-level collapse">
198 
+                        <li><a href="ecommerce_products_grid.html">Products grid</a></li>
199 
+                        <li><a href="ecommerce_product_list.html">Products list</a></li>
200 
+                        <li><a href="ecommerce_product.html">Product edit</a></li>
201 
+                        <li><a href="ecommerce_product_detail.html">Product detail</a></li>
202 
+                        <li><a href="ecommerce-cart.html">Cart</a></li>
203 
+                        <li><a href="ecommerce-orders.html">Orders</a></li>
204 
+                        <li><a href="ecommerce_payments.html">Credit Card form</a></li>
205 
+                    </ul>
206 
+                </li>
207 
+                <li>
208 
+                    <a href="#"><i class="fa fa-picture-o"></i> <span class="nav-label">Gallery</span><span class="fa arrow"></span></a>
209 
+                    <ul class="nav nav-second-level collapse">
210 
+                        <li><a href="basic_gallery.html">Lightbox Gallery</a></li>
211 
+                        <li><a href="slick_carousel.html">Slick Carousel</a></li>
212 
+                        <li><a href="carousel.html">Bootstrap Carousel</a></li>
213 
+
214 
+                    </ul>
215 
+                </li>
216 
+                <li>
217 
+                    <a href="#"><i class="fa fa-sitemap"></i> <span class="nav-label">Menu Levels </span><span class="fa arrow"></span></a>
218 
+                    <ul class="nav nav-second-level collapse">
219 
+                        <li>
220 
+                            <a href="#">Third Level <span class="fa arrow"></span></a>
221 
+                            <ul class="nav nav-third-level">
222 
+                                <li>
223 
+                                    <a href="#">Third Level Item</a>
224 
+                                </li>
225 
+                                <li>
226 
+                                    <a href="#">Third Level Item</a>
227 
+                                </li>
228 
+                                <li>
229 
+                                    <a href="#">Third Level Item</a>
230 
+                                </li>
231 
+
232 
+                            </ul>
233 
+                        </li>
234 
+                        <li><a href="#">Second Level Item</a></li>
235 
+                        <li>
236 
+                            <a href="#">Second Level Item</a></li>
237 
+                        <li>
238 
+                            <a href="#">Second Level Item</a></li>
239 
+                    </ul>
240 
+                </li>
241 
+                <li>
242 
+                    <a href="css_animation.html"><i class="fa fa-magic"></i> <span class="nav-label">CSS Animations </span><span class="label label-info pull-right">62</span></a>
243 
+                </li>
244 
+                <li class="landing_link">
245 
+                    <a target="_blank" href="landing.html"><i class="fa fa-star"></i> <span class="nav-label">Landing Page</span> <span class="label label-warning pull-right">NEW</span></a>
246 
+                </li>
247 
+                <li class="special_link">
248 
+                    <a href="package.html"><i class="fa fa-database"></i> <span class="nav-label">Package</span></a>
249 
+                </li>
250 
+            </ul>
251 
+
252 
+        </div>
253 
+    </nav>
254 
+
255 
+        <div id="page-wrapper" class="gray-bg">
256 
+        <div class="row border-bottom">
257 
+        <nav class="navbar navbar-static-top" role="navigation" style="margin-bottom: 0">
258 
+        <div class="navbar-header">
259 
+            <a class="navbar-minimalize minimalize-styl-2 btn btn-primary " href="#"><i class="fa fa-bars"></i> </a>
260 
+            <form role="search" class="navbar-form-custom" action="search_results.html">
261 
+                <div class="form-group">
262 
+                    <input type="text" placeholder="Search for something..." class="form-control" name="top-search" id="top-search">
263 
+                </div>
264 
+            </form>
265 
+        </div>
266 
+            <ul class="nav navbar-top-links navbar-right">
267 
+                <li>
268 
+                    <span class="m-r-sm text-muted welcome-message">Welcome to INSPINIA+ Admin Theme.</span>
269 
+                </li>
270 
+                <li class="dropdown">
271 
+                    <a class="dropdown-toggle count-info" data-toggle="dropdown" href="#">
272 
+                        <i class="fa fa-envelope"></i>  <span class="label label-warning">16</span>
273 
+                    </a>
274 
+                    <ul class="dropdown-menu dropdown-messages">
275 
+                        <li>
276 
+                            <div class="dropdown-messages-box">
277 
+                                <a href="profile.html" class="pull-left">
278 
+                                    <img alt="image" class="img-circle" src="img/a7.jpg">
279 
+                                </a>
280 
+                                <div class="media-body">
281 
+                                    <small class="pull-right">46h ago</small>
282 
+                                    <strong>Mike Loreipsum</strong> started following <strong>Monica Smith</strong>. <br>
283 
+                                    <small class="text-muted">3 days ago at 7:58 pm - 10.06.2014</small>
284 
+                                </div>
285 
+                            </div>
286 
+                        </li>
287 
+                        <li class="divider"></li>
288 
+                        <li>
289 
+                            <div class="dropdown-messages-box">
290 
+                                <a href="profile.html" class="pull-left">
291 
+                                    <img alt="image" class="img-circle" src="img/a4.jpg">
292 
+                                </a>
293 
+                                <div class="media-body ">
294 
+                                    <small class="pull-right text-navy">5h ago</small>
295 
+                                    <strong>Chris Johnatan Overtunk</strong> started following <strong>Monica Smith</strong>. <br>
296 
+                                    <small class="text-muted">Yesterday 1:21 pm - 11.06.2014</small>
297 
+                                </div>
298 
+                            </div>
299 
+                        </li>
300 
+                        <li class="divider"></li>
301 
+                        <li>
302 
+                            <div class="dropdown-messages-box">
303 
+                                <a href="profile.html" class="pull-left">
304 
+                                    <img alt="image" class="img-circle" src="img/profile.jpg">
305 
+                                </a>
306 
+                                <div class="media-body ">
307 
+                                    <small class="pull-right">23h ago</small>
308 
+                                    <strong>Monica Smith</strong> love <strong>Kim Smith</strong>. <br>
309 
+                                    <small class="text-muted">2 days ago at 2:30 am - 11.06.2014</small>
310 
+                                </div>
311 
+                            </div>
312 
+                        </li>
313 
+                        <li class="divider"></li>
314 
+                        <li>
315 
+                            <div class="text-center link-block">
316 
+                                <a href="mailbox.html">
317 
+                                    <i class="fa fa-envelope"></i> <strong>Read All Messages</strong>
318 
+                                </a>
319 
+                            </div>
320 
+                        </li>
321 
+                    </ul>
322 
+                </li>
323 
+                <li class="dropdown">
324 
+                    <a class="dropdown-toggle count-info" data-toggle="dropdown" href="#">
325 
+                        <i class="fa fa-bell"></i>  <span class="label label-primary">8</span>
326 
+                    </a>
327 
+                    <ul class="dropdown-menu dropdown-alerts">
328 
+                        <li>
329 
+                            <a href="mailbox.html">
330 
+                                <div>
331 
+                                    <i class="fa fa-envelope fa-fw"></i> You have 16 messages
332 
+                                    <span class="pull-right text-muted small">4 minutes ago</span>
333 
+                                </div>
334 
+                            </a>
335 
+                        </li>
336 
+                        <li class="divider"></li>
337 
+                        <li>
338 
+                            <a href="profile.html">
339 
+                                <div>
340 
+                                    <i class="fa fa-twitter fa-fw"></i> 3 New Followers
341 
+                                    <span class="pull-right text-muted small">12 minutes ago</span>
342 
+                                </div>
343 
+                            </a>
344 
+                        </li>
345 
+                        <li class="divider"></li>
346 
+                        <li>
347 
+                            <a href="grid_options.html">
348 
+                                <div>
349 
+                                    <i class="fa fa-upload fa-fw"></i> Server Rebooted
350 
+                                    <span class="pull-right text-muted small">4 minutes ago</span>
351 
+                                </div>
352 
+                            </a>
353 
+                        </li>
354 
+                        <li class="divider"></li>
355 
+                        <li>
356 
+                            <div class="text-center link-block">
357 
+                                <a href="notifications.html">
358 
+                                    <strong>See All Alerts</strong>
359 
+                                    <i class="fa fa-angle-right"></i>
360 
+                                </a>
361 
+                            </div>
362 
+                        </li>
363 
+                    </ul>
364 
+                </li>
365 
+
366 
+
367 
+                <li>
368 
+                    <a href="login.html">
369 
+                        <i class="fa fa-sign-out"></i> Log out
370 
+                    </a>
371 
+                </li>
372 
+            </ul>
373 
+
374 
+        </nav>
375 
+        </div>
376 
+            <div class="row wrapper border-bottom white-bg page-heading">
377 
+                <div class="col-lg-10">
378 
+                    <h2>Agile board</h2>
379 
+                    <ol class="breadcrumb">
380 
+                        <li>
381 
+                            <a href="index.html">Home</a>
382 
+                        </li>
383 
+                        <li>
384 
+                            <a>Miscellaneous</a>
385 
+                        </li>
386 
+                        <li class="active">
387 
+                            <strong>Agile board</strong>
388 
+                        </li>
389 
+                    </ol>
390 
+                </div>
391 
+                <div class="col-lg-2">
392 
+
393 
+                </div>
394 
+            </div>
395 
+
396 
+        <div class="wrapper wrapper-content  animated fadeInRight">
397 
+            <div class="row">
398 
+                <div class="col-lg-4">
399 
+                    <div class="ibox">
400 
+                        <div class="ibox-content">
401 
+                            <h3>To-do</h3>
402 
+                            <p class="small"><i class="fa fa-hand-o-up"></i> Drag task between list</p>
403 
+
404 
+                            <div class="input-group">
405 
+                                <input type="text" placeholder="Add new task. " class="input input-sm form-control">
406 
+                                <span class="input-group-btn">
407 
+                                        <button type="button" class="btn btn-sm btn-white"> <i class="fa fa-plus"></i> Add task</button>
408 
+                                </span>
409 
+                            </div>
410 
+
411 
+                            <ul class="sortable-list connectList agile-list" id="todo">
412 
+                                <li class="warning-element" id="task1">
413 
+                                    Simply dummy text of the printing and typesetting industry.
414 
+                                    <div class="agile-detail">
415 
+                                        <a href="#" class="pull-right btn btn-xs btn-white">Tag</a>
416 
+                                        <i class="fa fa-clock-o"></i> 12.10.2015
417 
+                                    </div>
418 
+                                </li>
419 
+                                <li class="success-element" id="task2">
420 
+                                    Many desktop publishing packages and web page editors now use Lorem Ipsum as their default.
421 
+                                    <div class="agile-detail">
422 
+                                        <a href="#" class="pull-right btn btn-xs btn-white">Mark</a>
423 
+                                        <i class="fa fa-clock-o"></i> 05.04.2015
424 
+                                    </div>
425 
+                                </li>
426 
+                                <li class="info-element" id="task3">
427 
+                                    Sometimes by accident, sometimes on purpose (injected humour and the like).
428 
+                                    <div class="agile-detail">
429 
+                                        <a href="#" class="pull-right btn btn-xs btn-white">Mark</a>
430 
+                                        <i class="fa fa-clock-o"></i> 16.11.2015
431 
+                                    </div>
432 
+                                </li>
433 
+                                <li class="danger-element" id="task4">
434 
+                                    All the Lorem Ipsum generators
435 
+                                    <div class="agile-detail">
436 
+                                        <a href="#" class="pull-right btn btn-xs btn-primary">Done</a>
437 
+                                        <i class="fa fa-clock-o"></i> 06.10.2015
438 
+                                    </div>
439 
+                                </li>
440 
+                                <li class="warning-element" id="task5">
441 
+                                    Which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words etc.
442 
+                                    <div class="agile-detail">
443 
+                                        <a href="#" class="pull-right btn btn-xs btn-white">Tag</a>
444 
+                                        <i class="fa fa-clock-o"></i> 09.12.2015
445 
+                                    </div>
446 
+                                </li>
447 
+                                <li class="warning-element" id="task6">
448 
+                                    Packages and web page editors now use Lorem Ipsum as
449 
+                                    <div class="agile-detail">
450 
+                                        <a href="#" class="pull-right btn btn-xs btn-primary">Done</a>
451 
+                                        <i class="fa fa-clock-o"></i> 08.04.2015
452 
+                                    </div>
453 
+                                </li>
454 
+                                <li class="success-element" id="task7">
455 
+                                    Many desktop publishing packages and web page editors now use Lorem Ipsum as their default.
456 
+                                    <div class="agile-detail">
457 
+                                        <a href="#" class="pull-right btn btn-xs btn-white">Mark</a>
458 
+                                        <i class="fa fa-clock-o"></i> 05.04.2015
459 
+                                    </div>
460 
+                                </li>
461 
+                                <li class="info-element" id="task8">
462 
+                                    Sometimes by accident, sometimes on purpose (injected humour and the like).
463 
+                                    <div class="agile-detail">
464 
+                                        <a href="#" class="pull-right btn btn-xs btn-white">Mark</a>
465 
+                                        <i class="fa fa-clock-o"></i> 16.11.2015
466 
+                                    </div>
467 
+                                </li>
468 
+                            </ul>
469 
+                        </div>
470 
+                    </div>
471 
+                </div>
472 
+                <div class="col-lg-4">
473 
+                    <div class="ibox">
474 
+                        <div class="ibox-content">
475 
+                            <h3>In Progress</h3>
476 
+                            <p class="small"><i class="fa fa-hand-o-up"></i> Drag task between list</p>
477 
+                            <ul class="sortable-list connectList agile-list" id="inprogress">
478 
+                                <li class="success-element" id="task9">
479 
+                                    Quisque venenatis ante in porta suscipit.
480 
+                                    <div class="agile-detail">
481 
+                                        <a href="#" class="pull-right btn btn-xs btn-white">Tag</a>
482 
+                                        <i class="fa fa-clock-o"></i> 12.10.2015
483 
+                                    </div>
484 
+                                </li>
485 
+                                <li class="success-element" id="task10">
486 
+                                    Phasellus sit amet tortor sed enim mollis accumsan in consequat orci.
487 
+                                    <div class="agile-detail">
488 
+                                        <a href="#" class="pull-right btn btn-xs btn-white">Mark</a>
489 
+                                        <i class="fa fa-clock-o"></i> 05.04.2015
490 
+                                    </div>
491 
+                                </li>
492 
+                                <li class="warning-element" id="task11">
493 
+                                    Nunc sed arcu at ligula faucibus tempus ac id felis. Vestibulum et nulla quis turpis sagittis fringilla.
494 
+                                    <div class="agile-detail">
495 
+                                        <a href="#" class="pull-right btn btn-xs btn-white">Mark</a>
496 
+                                        <i class="fa fa-clock-o"></i> 16.11.2015
497 
+                                    </div>
498 
+                                </li>
499 
+                                <li class="warning-element" id="task12">
500 
+                                    Ut porttitor augue non sapien mollis accumsan.
501 
+                                    Nulla non elit eget lacus elementum viverra.
502 
+                                    <div class="agile-detail">
503 
+                                        <a href="#" class="pull-right btn btn-xs btn-white">Tag</a>
504 
+                                        <i class="fa fa-clock-o"></i> 09.12.2015
505 
+                                    </div>
506 
+                                </li>
507 
+                                <li class="info-element" id="task13">
508 
+                                    Packages and web page editors now use Lorem Ipsum as
509 
+                                    <div class="agile-detail">
510 
+                                        <a href="#" class="pull-right btn btn-xs btn-primary">Done</a>
511 
+                                        <i class="fa fa-clock-o"></i> 08.04.2015
512 
+                                    </div>
513 
+                                </li>
514 
+                                <li class="success-element" id="task14">
515 
+                                    Quisque lacinia tellus et odio ornare maximus.
516 
+                                    <div class="agile-detail">
517 
+                                        <a href="#" class="pull-right btn btn-xs btn-white">Mark</a>
518 
+                                        <i class="fa fa-clock-o"></i> 05.04.2015
519 
+                                    </div>
520 
+                                </li>
521 
+                                <li class="danger-element" id="task15">
522 
+                                    Enim mollis accumsan in consequat orci.
523 
+                                    <div class="agile-detail">
524 
+                                        <a href="#" class="pull-right btn btn-xs btn-white">Mark</a>
525 
+                                        <i class="fa fa-clock-o"></i> 11.04.2015
526 
+                                    </div>
527 
+                                </li>
528 
+                            </ul>
529 
+                        </div>
530 
+                    </div>
531 
+                </div>
532 
+                <div class="col-lg-4">
533 
+                    <div class="ibox">
534 
+                        <div class="ibox-content">
535 
+                            <h3>Completed</h3>
536 
+                            <p class="small"><i class="fa fa-hand-o-up"></i> Drag task between list</p>
537 
+                            <ul class="sortable-list connectList agile-list" id="completed">
538 
+                                <li class="info-element" id="task16">
539 
+                                    Sometimes by accident, sometimes on purpose (injected humour and the like).
540 
+                                    <div class="agile-detail">
541 
+                                        <a href="#" class="pull-right btn btn-xs btn-white">Mark</a>
542 
+                                        <i class="fa fa-clock-o"></i> 16.11.2015
543 
+                                    </div>
544 
+                                </li>
545 
+                                <li class="warning-element" id="task17">
546 
+                                    Ut porttitor augue non sapien mollis accumsan.
547 
+                                    Nulla non elit eget lacus elementum viverra.
548 
+                                    <div class="agile-detail">
549 
+                                        <a href="#" class="pull-right btn btn-xs btn-white">Tag</a>
550 
+                                        <i class="fa fa-clock-o"></i> 09.12.2015
551 
+                                    </div>
552 
+                                </li>
553 
+                                <li class="warning-element" id="task18">
554 
+                                    Which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words etc.
555 
+                                    <div class="agile-detail">
556 
+                                        <a href="#" class="pull-right btn btn-xs btn-white">Tag</a>
557 
+                                        <i class="fa fa-clock-o"></i> 09.12.2015
558 
+                                    </div>
559 
+                                </li>
560 
+                                <li class="warning-element" id="task19">
561 
+                                    Packages and web page editors now use Lorem Ipsum as
562 
+                                    <div class="agile-detail">
563 
+                                        <a href="#" class="pull-right btn btn-xs btn-primary">Done</a>
564 
+                                        <i class="fa fa-clock-o"></i> 08.04.2015
565 
+                                    </div>
566 
+                                </li>
567 
+                                <li class="success-element" id="task20">
568 
+                                    Many desktop publishing packages and web page editors now use Lorem Ipsum as their default.
569 
+                                    <div class="agile-detail">
570 
+                                        <a href="#" class="pull-right btn btn-xs btn-white">Mark</a>
571 
+                                        <i class="fa fa-clock-o"></i> 05.04.2015
572 
+                                    </div>
573 
+                                </li>
574 
+                                <li class="info-element" id="task21">
575 
+                                    Sometimes by accident, sometimes on purpose (injected humour and the like).
576 
+                                    <div class="agile-detail">
577 
+                                        <a href="#" class="pull-right btn btn-xs btn-white">Mark</a>
578 
+                                        <i class="fa fa-clock-o"></i> 16.11.2015
579 
+                                    </div>
580 
+                                </li>
581 
+                                <li class="warning-element" id="task22">
582 
+                                    Simply dummy text of the printing and typesetting industry.
583 
+                                    <div class="agile-detail">
584 
+                                        <a href="#" class="pull-right btn btn-xs btn-white">Tag</a>
585 
+                                        <i class="fa fa-clock-o"></i> 12.10.2015
586 
+                                    </div>
587 
+                                </li>
588 
+                                <li class="success-element" id="task23">
589 
+                                    Many desktop publishing packages and web page editors now use Lorem Ipsum as their default.
590 
+                                    <div class="agile-detail">
591 
+                                        <a href="#" class="pull-right btn btn-xs btn-white">Mark</a>
592 
+                                        <i class="fa fa-clock-o"></i> 05.04.2015
593 
+                                    </div>
594 
+                                </li>
595 
+                            </ul>
596 
+                        </div>
597 
+                    </div>
598 
+                </div>
599 
+
600 
+            </div>
601 
+
602 
+            <div class="row">
603 
+                <div class="col-lg-12">
604 
+
605 
+                    <h4>
606 
+                        Serialised Output
607 
+                    </h4>
608 
+                    <p>
609 
+                        Serializes the sortable's item id's into an array of string.
610 
+                    </p>
611 
+
612 
+                    <div class="output p-m m white-bg"></div>
613 
+
614 
+
615 
+                </div>
616 
+            </div>
617 
+
618 
+
619 
+        </div>
620 
+        <div class="footer">
621 
+            <div class="pull-right">
622 
+                10GB of <strong>250GB</strong> Free.
623 
+            </div>
624 
+            <div>
625 
+                <strong>Copyright</strong> Example Company &copy; 2014-2015
626 
+            </div>
627 
+        </div>
628 
+
629 
+        </div>
630 
+        </div>
631 
+
632 
+
633 
+
634 
+    <!-- Mainly scripts -->
635 
+    <script src="js/jquery-2.1.1.js"></script>
636 
+    <script src="js/jquery-ui-1.10.4.min.js"></script>
637 
+    <script src="js/bootstrap.min.js"></script>
638 
+    <script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
639 
+    <script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
640 
+
641 
+    <!-- Custom and plugin javascript -->
642 
+    <script src="js/inspinia.js"></script>
643 
+    <script src="js/plugins/pace/pace.min.js"></script>
644 
+
645 
+    <script>
646 
+        $(document).ready(function(){
647 
+
648 
+            $("#todo, #inprogress, #completed").sortable({
649 
+                connectWith: ".connectList",
650 
+                update: function( event, ui ) {
651 
+
652 
+                    var todo = $( "#todo" ).sortable( "toArray" );
653 
+                    var inprogress = $( "#inprogress" ).sortable( "toArray" );
654 
+                    var completed = $( "#completed" ).sortable( "toArray" );
655 
+                    $('.output').html("ToDo: " + window.JSON.stringify(todo) + "<br/>" + "In Progress: " + window.JSON.stringify(inprogress) + "<br/>" + "Completed: " + window.JSON.stringify(completed));
656 
+                }
657 
+            }).disableSelection();
658 
+
659 
+        });
660 
+    </script>
661 
+
662 
+</body>
663 
+
664 
+</html>

+ 575
- 0
article.html Visa fil 

@@ -0,0 +1,575 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+
6 
+    <meta charset="utf-8">
7 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
8 
+
9 
+    <title>INSPINIA | Article</title>
10 
+
11 
+    <link href="css/bootstrap.min.css" rel="stylesheet">
12 
+    <link href="font-awesome/css/font-awesome.css" rel="stylesheet">
13 
+
14 
+    <!-- Toastr style -->
15 
+    <link href="css/plugins/toastr/toastr.min.css" rel="stylesheet">
16 
+
17 
+    <link href="css/animate.css" rel="stylesheet">
18 
+    <link href="css/style.css" rel="stylesheet">
19 
+
20 
+
21 
+
22 
+</head>
23 
+
24 
+<body>
25 
+
26 
+    <div id="wrapper">
27 
+
28 
+    <nav class="navbar-default navbar-static-side" role="navigation">
29 
+        <div class="sidebar-collapse">
30 
+            <ul class="nav metismenu" id="side-menu">
31 
+                <li class="nav-header">
32 
+                    <div class="dropdown profile-element"> <span>
33 
+                            <img alt="image" class="img-circle" src="img/profile_small.jpg" />
34 
+                             </span>
35 
+                        <a data-toggle="dropdown" class="dropdown-toggle" href="#">
36 
+                            <span class="clear"> <span class="block m-t-xs"> <strong class="font-bold">David Williams</strong>
37 
+                             </span> <span class="text-muted text-xs block">Art Director <b class="caret"></b></span> </span> </a>
38 
+                        <ul class="dropdown-menu animated fadeInRight m-t-xs">
39 
+                            <li><a href="profile.html">Profile</a></li>
40 
+                            <li><a href="contacts.html">Contacts</a></li>
41 
+                            <li><a href="mailbox.html">Mailbox</a></li>
42 
+                            <li class="divider"></li>
43 
+                            <li><a href="login.html">Logout</a></li>
44 
+                        </ul>
45 
+                    </div>
46 
+                    <div class="logo-element">
47 
+                        IN+
48 
+                    </div>
49 
+                </li>
50 
+                <li>
51 
+                    <a href="index.html"><i class="fa fa-th-large"></i> <span class="nav-label">Dashboards</span> <span class="fa arrow"></span></a>
52 
+                    <ul class="nav nav-second-level collapse">
53 
+                        <li><a href="index.html">Dashboard v.1</a></li>
54 
+                        <li><a href="dashboard_2.html">Dashboard v.2</a></li>
55 
+                        <li><a href="dashboard_3.html">Dashboard v.3</a></li>
56 
+                        <li><a href="dashboard_4_1.html">Dashboard v.4</a></li>
57 
+                        <li><a href="dashboard_5.html">Dashboard v.5 <span class="label label-primary pull-right">NEW</span></a></li>
58 
+                    </ul>
59 
+                </li>
60 
+                <li>
61 
+                    <a href="layouts.html"><i class="fa fa-diamond"></i> <span class="nav-label">Layouts</span></a>
62 
+                </li>
63 
+                <li>
64 
+                    <a href="#"><i class="fa fa-bar-chart-o"></i> <span class="nav-label">Graphs</span><span class="fa arrow"></span></a>
65 
+                    <ul class="nav nav-second-level collapse">
66 
+                        <li><a href="graph_flot.html">Flot Charts</a></li>
67 
+                        <li><a href="graph_morris.html">Morris.js Charts</a></li>
68 
+                        <li><a href="graph_rickshaw.html">Rickshaw Charts</a></li>
69 
+                        <li><a href="graph_chartjs.html">Chart.js</a></li>
70 
+                        <li><a href="graph_chartist.html">Chartist</a></li>
71 
+                        <li><a href="c3.html">c3 charts</a></li>
72 
+                        <li><a href="graph_peity.html">Peity Charts</a></li>
73 
+                        <li><a href="graph_sparkline.html">Sparkline Charts</a></li>
74 
+                    </ul>
75 
+                </li>
76 
+                <li>
77 
+                    <a href="mailbox.html"><i class="fa fa-envelope"></i> <span class="nav-label">Mailbox </span><span class="label label-warning pull-right">16/24</span></a>
78 
+                    <ul class="nav nav-second-level collapse">
79 
+                        <li><a href="mailbox.html">Inbox</a></li>
80 
+                        <li><a href="mail_detail.html">Email view</a></li>
81 
+                        <li><a href="mail_compose.html">Compose email</a></li>
82 
+                        <li><a href="email_template.html">Email templates</a></li>
83 
+                    </ul>
84 
+                </li>
85 
+                <li>
86 
+                    <a href="metrics.html"><i class="fa fa-pie-chart"></i> <span class="nav-label">Metrics</span>  </a>
87 
+                </li>
88 
+                <li>
89 
+                    <a href="widgets.html"><i class="fa fa-flask"></i> <span class="nav-label">Widgets</span></a>
90 
+                </li>
91 
+                <li>
92 
+                    <a href="#"><i class="fa fa-edit"></i> <span class="nav-label">Forms</span><span class="fa arrow"></span></a>
93 
+                    <ul class="nav nav-second-level collapse">
94 
+                        <li><a href="form_basic.html">Basic form</a></li>
95 
+                        <li><a href="form_advanced.html">Advanced Plugins</a></li>
96 
+                        <li><a href="form_wizard.html">Wizard</a></li>
97 
+                        <li><a href="form_file_upload.html">File Upload</a></li>
98 
+                        <li><a href="form_editors.html">Text Editor</a></li>
99 
+                        <li><a href="form_markdown.html">Markdown</a></li>
100 
+                    </ul>
101 
+                </li>
102 
+                <li class="active">
103 
+                    <a href="#"><i class="fa fa-desktop"></i> <span class="nav-label">App Views</span>  <span class="pull-right label label-primary">SPECIAL</span></a>
104 
+                    <ul class="nav nav-second-level">
105 
+                        <li><a href="contacts.html">Contacts</a></li>
106 
+                        <li><a href="profile.html">Profile</a></li>
107 
+                        <li><a href="profile_2.html">Profile v.2</a></li>
108 
+                        <li><a href="contacts_2.html">Contacts v.2</a></li>
109 
+                        <li><a href="projects.html">Projects</a></li>
110 
+                        <li><a href="project_detail.html">Project detail</a></li>
111 
+                        <li><a href="teams_board.html">Teams board</a></li>
112 
+                        <li><a href="social_feed.html">Social feed</a></li>
113 
+                        <li><a href="clients.html">Clients</a></li>
114 
+                        <li><a href="full_height.html">Outlook view</a></li>
115 
+                        <li><a href="vote_list.html">Vote list</a></li>
116 
+                        <li><a href="file_manager.html">File manager</a></li>
117 
+                        <li><a href="calendar.html">Calendar</a></li>
118 
+                        <li><a href="issue_tracker.html">Issue tracker</a></li>
119 
+                        <li><a href="blog.html">Blog</a></li>
120 
+                        <li class="active"><a href="article.html">Article</a></li>
121 
+                        <li><a href="faq.html">FAQ</a></li>
122 
+                        <li><a href="timeline.html">Timeline</a></li>
123 
+                        <li><a href="pin_board.html">Pin board</a></li>
124 
+                    </ul>
125 
+                </li>
126 
+                <li>
127 
+                    <a href="#"><i class="fa fa-files-o"></i> <span class="nav-label">Other Pages</span><span class="fa arrow"></span></a>
128 
+                    <ul class="nav nav-second-level collapse">
129 
+                        <li><a href="search_results.html">Search results</a></li>
130 
+                        <li><a href="lockscreen.html">Lockscreen</a></li>
131 
+                        <li><a href="invoice.html">Invoice</a></li>
132 
+                        <li><a href="login.html">Login</a></li>
133 
+                        <li><a href="login_two_columns.html">Login v.2</a></li>
134 
+                        <li><a href="forgot_password.html">Forget password</a></li>
135 
+                        <li><a href="register.html">Register</a></li>
136 
+                        <li><a href="404.html">404 Page</a></li>
137 
+                        <li><a href="500.html">500 Page</a></li>
138 
+                        <li><a href="empty_page.html">Empty page</a></li>
139 
+                    </ul>
140 
+                </li>
141 
+                <li>
142 
+                    <a href="#"><i class="fa fa-globe"></i> <span class="nav-label">Miscellaneous</span><span class="label label-info pull-right">NEW</span></a>
143 
+                    <ul class="nav nav-second-level collapse">
144 
+                        <li><a href="toastr_notifications.html">Notification</a></li>
145 
+                        <li><a href="nestable_list.html">Nestable list</a></li>
146 
+                        <li><a href="agile_board.html">Agile board</a></li>
147 
+                        <li><a href="timeline_2.html">Timeline v.2</a></li>
148 
+                        <li><a href="diff.html">Diff</a></li>
149 
+                        <li><a href="i18support.html">i18 support</a></li>
150 
+                        <li><a href="sweetalert.html">Sweet alert</a></li>
151 
+                        <li><a href="idle_timer.html">Idle timer</a></li>
152 
+                        <li><a href="truncate.html">Truncate</a></li>
153 
+                        <li><a href="spinners.html">Spinners</a></li>
154 
+                        <li><a href="tinycon.html">Live favicon</a></li>
155 
+                        <li><a href="google_maps.html">Google maps</a></li>
156 
+                        <li><a href="code_editor.html">Code editor</a></li>
157 
+                        <li><a href="modal_window.html">Modal window</a></li>
158 
+                        <li><a href="clipboard.html">Clipboard</a></li>
159 
+                        <li><a href="forum_main.html">Forum view</a></li>
160 
+                        <li><a href="validation.html">Validation</a></li>
161 
+                        <li><a href="tree_view.html">Tree view</a></li>
162 
+                        <li><a href="loading_buttons.html">Loading buttons</a></li>
163 
+                        <li><a href="chat_view.html">Chat view</a></li>
164 
+                        <li><a href="masonry.html">Masonry</a></li>
165 
+                        <li><a href="tour.html">Tour</a></li>
166 
+                    </ul>
167 
+                </li>
168 
+                <li>
169 
+                    <a href="#"><i class="fa fa-flask"></i> <span class="nav-label">UI Elements</span><span class="fa arrow"></span></a>
170 
+                    <ul class="nav nav-second-level collapse">
171 
+                        <li><a href="typography.html">Typography</a></li>
172 
+                        <li><a href="icons.html">Icons</a></li>
173 
+                        <li><a href="draggable_panels.html">Draggable Panels</a></li> <li><a href="resizeable_panels.html">Resizeable Panels</a></li>
174 
+                        <li><a href="buttons.html">Buttons</a></li>
175 
+                        <li><a href="video.html">Video</a></li>
176 
+                        <li><a href="tabs_panels.html">Panels</a></li>
177 
+                        <li><a href="tabs.html">Tabs</a></li>
178 
+                        <li><a href="notifications.html">Notifications & Tooltips</a></li>
179 
+                        <li><a href="badges_labels.html">Badges, Labels, Progress</a></li>
180 
+                    </ul>
181 
+                </li>
182 
+
183 
+                <li>
184 
+                    <a href="grid_options.html"><i class="fa fa-laptop"></i> <span class="nav-label">Grid options</span></a>
185 
+                </li>
186 
+                <li>
187 
+                    <a href="#"><i class="fa fa-table"></i> <span class="nav-label">Tables</span><span class="fa arrow"></span></a>
188 
+                    <ul class="nav nav-second-level collapse">
189 
+                        <li><a href="table_basic.html">Static Tables</a></li>
190 
+                        <li><a href="table_data_tables.html">Data Tables</a></li>
191 
+                        <li><a href="table_foo_table.html">Foo Tables</a></li>
192 
+                        <li><a href="jq_grid.html">jqGrid</a></li>
193 
+                    </ul>
194 
+                </li>
195 
+                <li>
196 
+                    <a href="#"><i class="fa fa-shopping-cart"></i> <span class="nav-label">E-commerce</span><span class="fa arrow"></span></a>
197 
+                    <ul class="nav nav-second-level collapse">
198 
+                        <li><a href="ecommerce_products_grid.html">Products grid</a></li>
199 
+                        <li><a href="ecommerce_product_list.html">Products list</a></li>
200 
+                        <li><a href="ecommerce_product.html">Product edit</a></li>
201 
+                        <li><a href="ecommerce_product_detail.html">Product detail</a></li>
202 
+                        <li><a href="ecommerce-cart.html">Cart</a></li>
203 
+                        <li><a href="ecommerce-orders.html">Orders</a></li>
204 
+                        <li><a href="ecommerce_payments.html">Credit Card form</a></li>
205 
+                    </ul>
206 
+                </li>
207 
+                <li>
208 
+                    <a href="#"><i class="fa fa-picture-o"></i> <span class="nav-label">Gallery</span><span class="fa arrow"></span></a>
209 
+                    <ul class="nav nav-second-level collapse">
210 
+                        <li><a href="basic_gallery.html">Lightbox Gallery</a></li>
211 
+                        <li><a href="slick_carousel.html">Slick Carousel</a></li>
212 
+                        <li><a href="carousel.html">Bootstrap Carousel</a></li>
213 
+
214 
+                    </ul>
215 
+                </li>
216 
+                <li>
217 
+                    <a href="#"><i class="fa fa-sitemap"></i> <span class="nav-label">Menu Levels </span><span class="fa arrow"></span></a>
218 
+                    <ul class="nav nav-second-level collapse">
219 
+                        <li>
220 
+                            <a href="#">Third Level <span class="fa arrow"></span></a>
221 
+                            <ul class="nav nav-third-level">
222 
+                                <li>
223 
+                                    <a href="#">Third Level Item</a>
224 
+                                </li>
225 
+                                <li>
226 
+                                    <a href="#">Third Level Item</a>
227 
+                                </li>
228 
+                                <li>
229 
+                                    <a href="#">Third Level Item</a>
230 
+                                </li>
231 
+
232 
+                            </ul>
233 
+                        </li>
234 
+                        <li><a href="#">Second Level Item</a></li>
235 
+                        <li>
236 
+                            <a href="#">Second Level Item</a></li>
237 
+                        <li>
238 
+                            <a href="#">Second Level Item</a></li>
239 
+                    </ul>
240 
+                </li>
241 
+                <li>
242 
+                    <a href="css_animation.html"><i class="fa fa-magic"></i> <span class="nav-label">CSS Animations </span><span class="label label-info pull-right">62</span></a>
243 
+                </li>
244 
+                <li class="landing_link">
245 
+                    <a target="_blank" href="landing.html"><i class="fa fa-star"></i> <span class="nav-label">Landing Page</span> <span class="label label-warning pull-right">NEW</span></a>
246 
+                </li>
247 
+                <li class="special_link">
248 
+                    <a href="package.html"><i class="fa fa-database"></i> <span class="nav-label">Package</span></a>
249 
+                </li>
250 
+            </ul>
251 
+
252 
+        </div>
253 
+    </nav>
254 
+
255 
+        <div id="page-wrapper" class="gray-bg">
256 
+        <div class="row border-bottom">
257 
+        <nav class="navbar navbar-static-top" role="navigation" style="margin-bottom: 0">
258 
+        <div class="navbar-header">
259 
+            <a class="navbar-minimalize minimalize-styl-2 btn btn-primary " href="#"><i class="fa fa-bars"></i> </a>
260 
+            <form role="search" class="navbar-form-custom" action="search_results.html">
261 
+                <div class="form-group">
262 
+                    <input type="text" placeholder="Search for something..." class="form-control" name="top-search" id="top-search">
263 
+                </div>
264 
+            </form>
265 
+        </div>
266 
+            <ul class="nav navbar-top-links navbar-right">
267 
+                <li>
268 
+                    <span class="m-r-sm text-muted welcome-message">Welcome to INSPINIA+ Admin Theme.</span>
269 
+                </li>
270 
+                <li class="dropdown">
271 
+                    <a class="dropdown-toggle count-info" data-toggle="dropdown" href="#">
272 
+                        <i class="fa fa-envelope"></i>  <span class="label label-warning">16</span>
273 
+                    </a>
274 
+                    <ul class="dropdown-menu dropdown-messages">
275 
+                        <li>
276 
+                            <div class="dropdown-messages-box">
277 
+                                <a href="profile.html" class="pull-left">
278 
+                                    <img alt="image" class="img-circle" src="img/a7.jpg">
279 
+                                </a>
280 
+                                <div class="media-body">
281 
+                                    <small class="pull-right">46h ago</small>
282 
+                                    <strong>Mike Loreipsum</strong> started following <strong>Monica Smith</strong>. <br>
283 
+                                    <small class="text-muted">3 days ago at 7:58 pm - 10.06.2014</small>
284 
+                                </div>
285 
+                            </div>
286 
+                        </li>
287 
+                        <li class="divider"></li>
288 
+                        <li>
289 
+                            <div class="dropdown-messages-box">
290 
+                                <a href="profile.html" class="pull-left">
291 
+                                    <img alt="image" class="img-circle" src="img/a4.jpg">
292 
+                                </a>
293 
+                                <div class="media-body ">
294 
+                                    <small class="pull-right text-navy">5h ago</small>
295 
+                                    <strong>Chris Johnatan Overtunk</strong> started following <strong>Monica Smith</strong>. <br>
296 
+                                    <small class="text-muted">Yesterday 1:21 pm - 11.06.2014</small>
297 
+                                </div>
298 
+                            </div>
299 
+                        </li>
300 
+                        <li class="divider"></li>
301 
+                        <li>
302 
+                            <div class="dropdown-messages-box">
303 
+                                <a href="profile.html" class="pull-left">
304 
+                                    <img alt="image" class="img-circle" src="img/profile.jpg">
305 
+                                </a>
306 
+                                <div class="media-body ">
307 
+                                    <small class="pull-right">23h ago</small>
308 
+                                    <strong>Monica Smith</strong> love <strong>Kim Smith</strong>. <br>
309 
+                                    <small class="text-muted">2 days ago at 2:30 am - 11.06.2014</small>
310 
+                                </div>
311 
+                            </div>
312 
+                        </li>
313 
+                        <li class="divider"></li>
314 
+                        <li>
315 
+                            <div class="text-center link-block">
316 
+                                <a href="mailbox.html">
317 
+                                    <i class="fa fa-envelope"></i> <strong>Read All Messages</strong>
318 
+                                </a>
319 
+                            </div>
320 
+                        </li>
321 
+                    </ul>
322 
+                </li>
323 
+                <li class="dropdown">
324 
+                    <a class="dropdown-toggle count-info" data-toggle="dropdown" href="#">
325 
+                        <i class="fa fa-bell"></i>  <span class="label label-primary">8</span>
326 
+                    </a>
327 
+                    <ul class="dropdown-menu dropdown-alerts">
328 
+                        <li>
329 
+                            <a href="mailbox.html">
330 
+                                <div>
331 
+                                    <i class="fa fa-envelope fa-fw"></i> You have 16 messages
332 
+                                    <span class="pull-right text-muted small">4 minutes ago</span>
333 
+                                </div>
334 
+                            </a>
335 
+                        </li>
336 
+                        <li class="divider"></li>
337 
+                        <li>
338 
+                            <a href="profile.html">
339 
+                                <div>
340 
+                                    <i class="fa fa-twitter fa-fw"></i> 3 New Followers
341 
+                                    <span class="pull-right text-muted small">12 minutes ago</span>
342 
+                                </div>
343 
+                            </a>
344 
+                        </li>
345 
+                        <li class="divider"></li>
346 
+                        <li>
347 
+                            <a href="grid_options.html">
348 
+                                <div>
349 
+                                    <i class="fa fa-upload fa-fw"></i> Server Rebooted
350 
+                                    <span class="pull-right text-muted small">4 minutes ago</span>
351 
+                                </div>
352 
+                            </a>
353 
+                        </li>
354 
+                        <li class="divider"></li>
355 
+                        <li>
356 
+                            <div class="text-center link-block">
357 
+                                <a href="notifications.html">
358 
+                                    <strong>See All Alerts</strong>
359 
+                                    <i class="fa fa-angle-right"></i>
360 
+                                </a>
361 
+                            </div>
362 
+                        </li>
363 
+                    </ul>
364 
+                </li>
365 
+
366 
+
367 
+                <li>
368 
+                    <a href="login.html">
369 
+                        <i class="fa fa-sign-out"></i> Log out
370 
+                    </a>
371 
+                </li>
372 
+            </ul>
373 
+
374 
+        </nav>
375 
+        </div>
376 
+            <div class="row wrapper border-bottom white-bg page-heading">
377 
+                <div class="col-lg-10">
378 
+                    <h2>Article</h2>
379 
+                    <ol class="breadcrumb">
380 
+                        <li>
381 
+                            <a href="index.html">Home</a>
382 
+                        </li>
383 
+                        <li>
384 
+                            <a>Miscellaneous</a>
385 
+                        </li>
386 
+                        <li class="active">
387 
+                            <strong>Article</strong>
388 
+                        </li>
389 
+                    </ol>
390 
+                </div>
391 
+                <div class="col-lg-2">
392 
+
393 
+                </div>
394 
+            </div>
395 
+
396 
+        <div class="wrapper wrapper-content  animated fadeInRight article">
397 
+            <div class="row">
398 
+                <div class="col-lg-10 col-lg-offset-1">
399 
+                    <div class="ibox">
400 
+                        <div class="ibox-content">
401 
+                            <div class="pull-right">
402 
+                                <button class="btn btn-white btn-xs" type="button">Model</button>
403 
+                                <button class="btn btn-white btn-xs" type="button">Publishing</button>
404 
+                                <button class="btn btn-white btn-xs" type="button">Modern</button>
405 
+                            </div>
406 
+                            <div class="text-center article-title">
407 
+                            <span class="text-muted"><i class="fa fa-clock-o"></i> 28th Oct 2015</span>
408 
+                                <h1>
409 
+                                    Behind the word mountains
410 
+                                </h1>
411 
+                            </div>
412 
+                            <p>
413 
+                                Many desktop publishing packages and web page editors now use <strong>Lorem Ipsum as their default model text</strong>, and a search for 'lorem ipsum' will uncover many web
414 
+                            </p>
415 
+                            <p>
416 
+                                One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin. He lay on his armour-like back, and if he lifted his head a little he could see his brown belly, slightly domed and divided by arches into stiff sections. The bedding was hardly able to cover it and seemed ready to slide off any moment. His many legs, pitifully thin compared with the size of the rest of him, waved about helplessly as he looked. "What's happened to me?" he thought. It wasn't a dream. His room, a proper human room although a little too small, lay peacefully between its four familiar walls. A collection of textile samples lay spread out on the table - Samsa was a travelling salesman - and above it there hung a picture that he had recently cut out of an illustrated magazine and housed in a nice, gilded frame. It showed a lady fitted out with a fur hat and fur boa who sat upright, raising a heavy fur muff that covered the whole of her lower arm towards the viewer. Gregor then turned to look out the window at the dull weather. Drops
417 
+                            </p>
418 
+                            <p>
419 
+                                <i>
420 
+                                Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.
421 
+                                </i>
422 
+                            </p>
423 
+                            <p>
424 
+                                The Big Oxmox advised her not to do so, because there were thousands of bad Commas, wild Question Marks and devious Semikoli, but the Little Blind Text didn’t listen. She packed her seven versalia, put her initial into the belt and made herself on the way. When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road, the Line Lane. Pityful a rethoric question ran over her cheek,
425 
+                            </p>
426 
+                            <p>
427 
+                                Two driven jocks help fax my big quiz. Quick, Baz, get my woven flax jodhpurs! "Now fax quiz Jack!" my brave ghost pled. Five quacking zephyrs jolt my wax bed. Flummoxed by job, kvetching W. zaps Iraq. Cozy sphinx waves quart jug of bad milk. A very bad quack might jinx zippy fowls. Few quips galvanized the mock jury box. Quick brown dogs jump over the lazy fox. The jay, pig, fox, zebra, and my wolves quack! Blowzy red vixens fight for a quick jump. Joaquin Phoenix was gazed by MTV for luck. A wizard’s job is to vex chumps quickly in fog. Watch "Jeopardy!", Alex Trebek's fun TV quiz game. Woven silk pyjamas exchanged for blue quartz. Brawny gods just
428 
+                            </p>
429 
+                            <p>
430 
+                                Brick quiz whangs jumpy veldt fox. Bright vixens jump; dozy fowl quack. Quick wafting zephyrs vex bold Jim. Quick zephyrs blow, vexing daft Jim. Sex-charged fop blew my junk TV quiz. How quickly daft jumping zebras vex.
431 
+                            </p>
432 
+                            <hr>
433 
+                            <div class="row">
434 
+                                <div class="col-md-6">
435 
+                                        <h5>Tags:</h5>
436 
+                                        <button class="btn btn-primary btn-xs" type="button">Model</button>
437 
+                                        <button class="btn btn-white btn-xs" type="button">Publishing</button>
438 
+                                </div>
439 
+                                <div class="col-md-6">
440 
+                                    <div class="small text-right">
441 
+                                        <h5>Stats:</h5>
442 
+                                        <div> <i class="fa fa-comments-o"> </i> 56 comments </div>
443 
+                                        <i class="fa fa-eye"> </i> 144 views
444 
+                                    </div>
445 
+                                </div>
446 
+                            </div>
447 
+
448 
+                            <div class="row">
449 
+                                <div class="col-lg-12">
450 
+
451 
+                                    <h2>Comments:</h2>
452 
+                                    <div class="social-feed-box">
453 
+                                        <div class="social-avatar">
454 
+                                            <a href="" class="pull-left">
455 
+                                                <img alt="image" src="img/a1.jpg">
456 
+                                            </a>
457 
+                                            <div class="media-body">
458 
+                                                <a href="#">
459 
+                                                    Andrew Williams
460 
+                                                </a>
461 
+                                                <small class="text-muted">Today 4:21 pm - 12.06.2014</small>
462 
+                                            </div>
463 
+                                        </div>
464 
+                                        <div class="social-body">
465 
+                                            <p>
466 
+                                                Many desktop publishing packages and web page editors now use Lorem Ipsum as their
467 
+                                                default model text, and a search for 'lorem ipsum' will uncover many web sites still
468 
+                                                default model text.
469 
+                                            </p>
470 
+                                        </div>
471 
+                                    </div>
472 
+                                    <div class="social-feed-box">
473 
+                                        <div class="social-avatar">
474 
+                                            <a href="" class="pull-left">
475 
+                                                <img alt="image" src="img/a2.jpg">
476 
+                                            </a>
477 
+                                            <div class="media-body">
478 
+                                                <a href="#">
479 
+                                                    Michael Novek
480 
+                                                </a>
481 
+                                                <small class="text-muted">Today 4:21 pm - 12.06.2014</small>
482 
+                                            </div>
483 
+                                        </div>
484 
+                                        <div class="social-body">
485 
+                                            <p>
486 
+                                                Many desktop publishing packages and web page editors now use Lorem Ipsum as their
487 
+                                                default model text, and a search for 'lorem ipsum' will uncover many web sites still
488 
+                                                default model text, and a search for 'lorem ipsum' will uncover many web sites still
489 
+                                                in their infancy. Packages and web page editors now use Lorem Ipsum as their
490 
+                                                default model text.
491 
+                                            </p>
492 
+                                        </div>
493 
+                                    </div>
494 
+                                    <div class="social-feed-box">
495 
+                                        <div class="social-avatar">
496 
+                                            <a href="" class="pull-left">
497 
+                                                <img alt="image" src="img/a3.jpg">
498 
+                                            </a>
499 
+                                            <div class="media-body">
500 
+                                                <a href="#">
501 
+                                                    Alice Mediater
502 
+                                                </a>
503 
+                                                <small class="text-muted">Today 4:21 pm - 12.06.2014</small>
504 
+                                            </div>
505 
+                                        </div>
506 
+                                        <div class="social-body">
507 
+                                            <p>
508 
+                                                Many desktop publishing packages and web page editors now use Lorem Ipsum as their
509 
+                                                default model text, and a search for 'lorem ipsum' will uncover many web sites still
510 
+                                                in their infancy. Packages and web page editors now use Lorem Ipsum as their
511 
+                                                default model text.
512 
+                                            </p>
513 
+                                        </div>
514 
+                                    </div>
515 
+                                    <div class="social-feed-box">
516 
+                                        <div class="social-avatar">
517 
+                                            <a href="" class="pull-left">
518 
+                                                <img alt="image" src="img/a5.jpg">
519 
+                                            </a>
520 
+                                            <div class="media-body">
521 
+                                                <a href="#">
522 
+                                                    Monica Flex
523 
+                                                </a>
524 
+                                                <small class="text-muted">Today 4:21 pm - 12.06.2014</small>
525 
+                                            </div>
526 
+                                        </div>
527 
+                                        <div class="social-body">
528 
+                                            <p>
529 
+                                                Many desktop publishing packages and web page editors now use Lorem Ipsum as their
530 
+                                                default model text, and a search for 'lorem ipsum' will uncover many web sites still
531 
+                                                in their infancy. Packages and web page editors now use Lorem Ipsum as their
532 
+                                                default model text.
533 
+                                            </p>
534 
+                                        </div>
535 
+                                    </div>
536 
+
537 
+
538 
+                                </div>
539 
+                            </div>
540 
+
541 
+
542 
+                        </div>
543 
+                    </div>
544 
+                </div>
545 
+            </div>
546 
+
547 
+
548 
+        </div>
549 
+        <div class="footer">
550 
+            <div class="pull-right">
551 
+                10GB of <strong>250GB</strong> Free.
552 
+            </div>
553 
+            <div>
554 
+                <strong>Copyright</strong> Example Company &copy; 2014-2015
555 
+            </div>
556 
+        </div>
557 
+
558 
+        </div>
559 
+        </div>
560 
+
561 
+
562 
+
563 
+    <!-- Mainly scripts -->
564 
+    <script src="js/jquery-2.1.1.js"></script>
565 
+    <script src="js/bootstrap.min.js"></script>
566 
+    <script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
567 
+    <script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
568 
+
569 
+    <!-- Custom and plugin javascript -->
570 
+    <script src="js/inspinia.js"></script>
571 
+    <script src="js/plugins/pace/pace.min.js"></script>
572 
+
573 
+</body>
574 
+
575 
+</html>

+ 563
- 0
badges_labels.html Visa fil 

@@ -0,0 +1,563 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+
6 
+    <meta charset="utf-8">
7 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
8 
+
9 
+    <title>INSPINIA | Badges, Labels, Progress</title>
10 
+
11 
+    <link href="css/bootstrap.min.css" rel="stylesheet">
12 
+    <link href="font-awesome/css/font-awesome.css" rel="stylesheet">
13 
+
14 
+    <link href="css/animate.css" rel="stylesheet">
15 
+    <link href="css/style.css" rel="stylesheet">
16 
+
17 
+</head>
18 
+
19 
+<body>
20 
+
21 
+    <div id="wrapper">
22 
+
23 
+    <nav class="navbar-default navbar-static-side" role="navigation">
24 
+        <div class="sidebar-collapse">
25 
+            <ul class="nav metismenu" id="side-menu">
26 
+                <li class="nav-header">
27 
+                    <div class="dropdown profile-element"> <span>
28 
+                            <img alt="image" class="img-circle" src="img/profile_small.jpg" />
29 
+                             </span>
30 
+                        <a data-toggle="dropdown" class="dropdown-toggle" href="#">
31 
+                            <span class="clear"> <span class="block m-t-xs"> <strong class="font-bold">David Williams</strong>
32 
+                             </span> <span class="text-muted text-xs block">Art Director <b class="caret"></b></span> </span> </a>
33 
+                        <ul class="dropdown-menu animated fadeInRight m-t-xs">
34 
+                            <li><a href="profile.html">Profile</a></li>
35 
+                            <li><a href="contacts.html">Contacts</a></li>
36 
+                            <li><a href="mailbox.html">Mailbox</a></li>
37 
+                            <li class="divider"></li>
38 
+                            <li><a href="login.html">Logout</a></li>
39 
+                        </ul>
40 
+                    </div>
41 
+                    <div class="logo-element">
42 
+                        IN+
43 
+                    </div>
44 
+                </li>
45 
+                <li>
46 
+                    <a href="index.html"><i class="fa fa-th-large"></i> <span class="nav-label">Dashboards</span> <span class="fa arrow"></span></a>
47 
+                    <ul class="nav nav-second-level collapse">
48 
+                        <li><a href="index.html">Dashboard v.1</a></li>
49 
+                        <li><a href="dashboard_2.html">Dashboard v.2</a></li>
50 
+                        <li><a href="dashboard_3.html">Dashboard v.3</a></li>
51 
+                        <li><a href="dashboard_4_1.html">Dashboard v.4</a></li>
52 
+                        <li><a href="dashboard_5.html">Dashboard v.5 <span class="label label-primary pull-right">NEW</span></a></li>
53 
+                    </ul>
54 
+                </li>
55 
+                <li>
56 
+                    <a href="layouts.html"><i class="fa fa-diamond"></i> <span class="nav-label">Layouts</span></a>
57 
+                </li>
58 
+                <li>
59 
+                    <a href="#"><i class="fa fa-bar-chart-o"></i> <span class="nav-label">Graphs</span><span class="fa arrow"></span></a>
60 
+                    <ul class="nav nav-second-level collapse">
61 
+                        <li><a href="graph_flot.html">Flot Charts</a></li>
62 
+                        <li><a href="graph_morris.html">Morris.js Charts</a></li>
63 
+                        <li><a href="graph_rickshaw.html">Rickshaw Charts</a></li>
64 
+                        <li><a href="graph_chartjs.html">Chart.js</a></li>
65 
+                        <li><a href="graph_chartist.html">Chartist</a></li>
66 
+                        <li><a href="c3.html">c3 charts</a></li>
67 
+                        <li><a href="graph_peity.html">Peity Charts</a></li>
68 
+                        <li><a href="graph_sparkline.html">Sparkline Charts</a></li>
69 
+                    </ul>
70 
+                </li>
71 
+                <li>
72 
+                    <a href="mailbox.html"><i class="fa fa-envelope"></i> <span class="nav-label">Mailbox </span><span class="label label-warning pull-right">16/24</span></a>
73 
+                    <ul class="nav nav-second-level collapse">
74 
+                        <li><a href="mailbox.html">Inbox</a></li>
75 
+                        <li><a href="mail_detail.html">Email view</a></li>
76 
+                        <li><a href="mail_compose.html">Compose email</a></li>
77 
+                        <li><a href="email_template.html">Email templates</a></li>
78 
+                    </ul>
79 
+                </li>
80 
+                <li>
81 
+                    <a href="metrics.html"><i class="fa fa-pie-chart"></i> <span class="nav-label">Metrics</span>  </a>
82 
+                </li>
83 
+                <li>
84 
+                    <a href="widgets.html"><i class="fa fa-flask"></i> <span class="nav-label">Widgets</span></a>
85 
+                </li>
86 
+                <li>
87 
+                    <a href="#"><i class="fa fa-edit"></i> <span class="nav-label">Forms</span><span class="fa arrow"></span></a>
88 
+                    <ul class="nav nav-second-level collapse">
89 
+                        <li><a href="form_basic.html">Basic form</a></li>
90 
+                        <li><a href="form_advanced.html">Advanced Plugins</a></li>
91 
+                        <li><a href="form_wizard.html">Wizard</a></li>
92 
+                        <li><a href="form_file_upload.html">File Upload</a></li>
93 
+                        <li><a href="form_editors.html">Text Editor</a></li>
94 
+                        <li><a href="form_markdown.html">Markdown</a></li>
95 
+                    </ul>
96 
+                </li>
97 
+                <li>
98 
+                    <a href="#"><i class="fa fa-desktop"></i> <span class="nav-label">App Views</span>  <span class="pull-right label label-primary">SPECIAL</span></a>
99 
+                    <ul class="nav nav-second-level collapse">
100 
+                        <li><a href="contacts.html">Contacts</a></li>
101 
+                        <li><a href="profile.html">Profile</a></li>
102 
+                        <li><a href="profile_2.html">Profile v.2</a></li>
103 
+                        <li><a href="contacts_2.html">Contacts v.2</a></li>
104 
+                        <li><a href="projects.html">Projects</a></li>
105 
+                        <li><a href="project_detail.html">Project detail</a></li>
106 
+                        <li><a href="teams_board.html">Teams board</a></li>
107 
+                        <li><a href="social_feed.html">Social feed</a></li>
108 
+                        <li><a href="clients.html">Clients</a></li>
109 
+                        <li><a href="full_height.html">Outlook view</a></li>
110 
+                        <li><a href="vote_list.html">Vote list</a></li>
111 
+                        <li><a href="file_manager.html">File manager</a></li>
112 
+                        <li><a href="calendar.html">Calendar</a></li>
113 
+                        <li><a href="issue_tracker.html">Issue tracker</a></li>
114 
+                        <li><a href="blog.html">Blog</a></li>
115 
+                        <li><a href="article.html">Article</a></li>
116 
+                        <li><a href="faq.html">FAQ</a></li>
117 
+                        <li><a href="timeline.html">Timeline</a></li>
118 
+                        <li><a href="pin_board.html">Pin board</a></li>
119 
+                    </ul>
120 
+                </li>
121 
+                <li>
122 
+                    <a href="#"><i class="fa fa-files-o"></i> <span class="nav-label">Other Pages</span><span class="fa arrow"></span></a>
123 
+                    <ul class="nav nav-second-level collapse">
124 
+                        <li><a href="search_results.html">Search results</a></li>
125 
+                        <li><a href="lockscreen.html">Lockscreen</a></li>
126 
+                        <li><a href="invoice.html">Invoice</a></li>
127 
+                        <li><a href="login.html">Login</a></li>
128 
+                        <li><a href="login_two_columns.html">Login v.2</a></li>
129 
+                        <li><a href="forgot_password.html">Forget password</a></li>
130 
+                        <li><a href="register.html">Register</a></li>
131 
+                        <li><a href="404.html">404 Page</a></li>
132 
+                        <li><a href="500.html">500 Page</a></li>
133 
+                        <li><a href="empty_page.html">Empty page</a></li>
134 
+                    </ul>
135 
+                </li>
136 
+                <li>
137 
+                    <a href="#"><i class="fa fa-globe"></i> <span class="nav-label">Miscellaneous</span><span class="label label-info pull-right">NEW</span></a>
138 
+                    <ul class="nav nav-second-level collapse">
139 
+                        <li><a href="toastr_notifications.html">Notification</a></li>
140 
+                        <li><a href="nestable_list.html">Nestable list</a></li>
141 
+                        <li><a href="agile_board.html">Agile board</a></li>
142 
+                        <li><a href="timeline_2.html">Timeline v.2</a></li>
143 
+                        <li><a href="diff.html">Diff</a></li>
144 
+                        <li><a href="i18support.html">i18 support</a></li>
145 
+                        <li><a href="sweetalert.html">Sweet alert</a></li>
146 
+                        <li><a href="idle_timer.html">Idle timer</a></li>
147 
+                        <li><a href="truncate.html">Truncate</a></li>
148 
+                        <li><a href="spinners.html">Spinners</a></li>
149 
+                        <li><a href="tinycon.html">Live favicon</a></li>
150 
+                        <li><a href="google_maps.html">Google maps</a></li>
151 
+                        <li><a href="code_editor.html">Code editor</a></li>
152 
+                        <li><a href="modal_window.html">Modal window</a></li>
153 
+                        <li><a href="clipboard.html">Clipboard</a></li>
154 
+                        <li><a href="forum_main.html">Forum view</a></li>
155 
+                        <li><a href="validation.html">Validation</a></li>
156 
+                        <li><a href="tree_view.html">Tree view</a></li>
157 
+                        <li><a href="loading_buttons.html">Loading buttons</a></li>
158 
+                        <li><a href="chat_view.html">Chat view</a></li>
159 
+                        <li><a href="masonry.html">Masonry</a></li>
160 
+                        <li><a href="tour.html">Tour</a></li>
161 
+                    </ul>
162 
+                </li>
163 
+                <li class="active">
164 
+                    <a href="#"><i class="fa fa-flask"></i> <span class="nav-label">UI Elements</span><span class="fa arrow"></span></a>
165 
+                    <ul class="nav nav-second-level">
166 
+                        <li><a href="typography.html">Typography</a></li>
167 
+                        <li><a href="icons.html">Icons</a></li>
168 
+                        <li><a href="draggable_panels.html">Draggable Panels</a></li> <li><a href="resizeable_panels.html">Resizeable Panels</a></li>
169 
+                        <li><a href="buttons.html">Buttons</a></li>
170 
+                        <li><a href="video.html">Video</a></li>
171 
+                        <li><a href="tabs_panels.html">Panels</a></li>
172 
+                        <li><a href="tabs.html">Tabs</a></li>
173 
+                        <li><a href="notifications.html">Notifications & Tooltips</a></li>
174 
+                        <li class="active"><a href="badges_labels.html">Badges, Labels, Progress</a></li>
175 
+                    </ul>
176 
+                </li>
177 
+
178 
+                <li>
179 
+                    <a href="grid_options.html"><i class="fa fa-laptop"></i> <span class="nav-label">Grid options</span></a>
180 
+                </li>
181 
+                <li>
182 
+                    <a href="#"><i class="fa fa-table"></i> <span class="nav-label">Tables</span><span class="fa arrow"></span></a>
183 
+                    <ul class="nav nav-second-level collapse">
184 
+                        <li><a href="table_basic.html">Static Tables</a></li>
185 
+                        <li><a href="table_data_tables.html">Data Tables</a></li>
186 
+                        <li><a href="table_foo_table.html">Foo Tables</a></li>
187 
+                        <li><a href="jq_grid.html">jqGrid</a></li>
188 
+                    </ul>
189 
+                </li>
190 
+                <li>
191 
+                    <a href="#"><i class="fa fa-shopping-cart"></i> <span class="nav-label">E-commerce</span><span class="fa arrow"></span></a>
192 
+                    <ul class="nav nav-second-level collapse">
193 
+                        <li><a href="ecommerce_products_grid.html">Products grid</a></li>
194 
+                        <li><a href="ecommerce_product_list.html">Products list</a></li>
195 
+                        <li><a href="ecommerce_product.html">Product edit</a></li>
196 
+                        <li><a href="ecommerce_product_detail.html">Product detail</a></li>
197 
+                        <li><a href="ecommerce-cart.html">Cart</a></li>
198 
+                        <li><a href="ecommerce-orders.html">Orders</a></li>
199 
+                        <li><a href="ecommerce_payments.html">Credit Card form</a></li>
200 
+                    </ul>
201 
+                </li>
202 
+                <li>
203 
+                    <a href="#"><i class="fa fa-picture-o"></i> <span class="nav-label">Gallery</span><span class="fa arrow"></span></a>
204 
+                    <ul class="nav nav-second-level collapse">
205 
+                        <li><a href="basic_gallery.html">Lightbox Gallery</a></li>
206 
+                        <li><a href="slick_carousel.html">Slick Carousel</a></li>
207 
+                        <li><a href="carousel.html">Bootstrap Carousel</a></li>
208 
+
209 
+                    </ul>
210 
+                </li>
211 
+                <li>
212 
+                    <a href="#"><i class="fa fa-sitemap"></i> <span class="nav-label">Menu Levels </span><span class="fa arrow"></span></a>
213 
+                    <ul class="nav nav-second-level collapse">
214 
+                        <li>
215 
+                            <a href="#">Third Level <span class="fa arrow"></span></a>
216 
+                            <ul class="nav nav-third-level">
217 
+                                <li>
218 
+                                    <a href="#">Third Level Item</a>
219 
+                                </li>
220 
+                                <li>
221 
+                                    <a href="#">Third Level Item</a>
222 
+                                </li>
223 
+                                <li>
224 
+                                    <a href="#">Third Level Item</a>
225 
+                                </li>
226 
+
227 
+                            </ul>
228 
+                        </li>
229 
+                        <li><a href="#">Second Level Item</a></li>
230 
+                        <li>
231 
+                            <a href="#">Second Level Item</a></li>
232 
+                        <li>
233 
+                            <a href="#">Second Level Item</a></li>
234 
+                    </ul>
235 
+                </li>
236 
+                <li>
237 
+                    <a href="css_animation.html"><i class="fa fa-magic"></i> <span class="nav-label">CSS Animations </span><span class="label label-info pull-right">62</span></a>
238 
+                </li>
239 
+                <li class="landing_link">
240 
+                    <a target="_blank" href="landing.html"><i class="fa fa-star"></i> <span class="nav-label">Landing Page</span> <span class="label label-warning pull-right">NEW</span></a>
241 
+                </li>
242 
+                <li class="special_link">
243 
+                    <a href="package.html"><i class="fa fa-database"></i> <span class="nav-label">Package</span></a>
244 
+                </li>
245 
+            </ul>
246 
+
247 
+        </div>
248 
+    </nav>
249 
+
250 
+        <div id="page-wrapper" class="gray-bg">
251 
+        <div class="row border-bottom">
252 
+        <nav class="navbar navbar-static-top" role="navigation" style="margin-bottom: 0">
253 
+            <div class="navbar-header">
254 
+                <a class="navbar-minimalize minimalize-styl-2 btn btn-primary " href="#"><i class="fa fa-bars"></i> </a>
255 
+                <form role="search" class="navbar-form-custom" action="search_results.html">
256 
+                    <div class="form-group">
257 
+                        <input type="text" placeholder="Search for something..." class="form-control" name="top-search" id="top-search">
258 
+                    </div>
259 
+                </form>
260 
+            </div>
261 
+            <ul class="nav navbar-top-links navbar-right">
262 
+                <li>
263 
+                    <span class="m-r-sm text-muted welcome-message">Welcome to INSPINIA+ Admin Theme.</span>
264 
+                </li>
265 
+                <li class="dropdown">
266 
+                    <a class="dropdown-toggle count-info" data-toggle="dropdown" href="#">
267 
+                        <i class="fa fa-envelope"></i>  <span class="label label-warning">16</span>
268 
+                    </a>
269 
+                    <ul class="dropdown-menu dropdown-messages">
270 
+                        <li>
271 
+                            <div class="dropdown-messages-box">
272 
+                                <a href="profile.html" class="pull-left">
273 
+                                    <img alt="image" class="img-circle" src="img/a7.jpg">
274 
+                                </a>
275 
+                                <div class="media-body">
276 
+                                    <small class="pull-right">46h ago</small>
277 
+                                    <strong>Mike Loreipsum</strong> started following <strong>Monica Smith</strong>. <br>
278 
+                                    <small class="text-muted">3 days ago at 7:58 pm - 10.06.2014</small>
279 
+                                </div>
280 
+                            </div>
281 
+                        </li>
282 
+                        <li class="divider"></li>
283 
+                        <li>
284 
+                            <div class="dropdown-messages-box">
285 
+                                <a href="profile.html" class="pull-left">
286 
+                                    <img alt="image" class="img-circle" src="img/a4.jpg">
287 
+                                </a>
288 
+                                <div class="media-body ">
289 
+                                    <small class="pull-right text-navy">5h ago</small>
290 
+                                    <strong>Chris Johnatan Overtunk</strong> started following <strong>Monica Smith</strong>. <br>
291 
+                                    <small class="text-muted">Yesterday 1:21 pm - 11.06.2014</small>
292 
+                                </div>
293 
+                            </div>
294 
+                        </li>
295 
+                        <li class="divider"></li>
296 
+                        <li>
297 
+                            <div class="dropdown-messages-box">
298 
+                                <a href="profile.html" class="pull-left">
299 
+                                    <img alt="image" class="img-circle" src="img/profile.jpg">
300 
+                                </a>
301 
+                                <div class="media-body ">
302 
+                                    <small class="pull-right">23h ago</small>
303 
+                                    <strong>Monica Smith</strong> love <strong>Kim Smith</strong>. <br>
304 
+                                    <small class="text-muted">2 days ago at 2:30 am - 11.06.2014</small>
305 
+                                </div>
306 
+                            </div>
307 
+                        </li>
308 
+                        <li class="divider"></li>
309 
+                        <li>
310 
+                            <div class="text-center link-block">
311 
+                                <a href="mailbox.html">
312 
+                                    <i class="fa fa-envelope"></i> <strong>Read All Messages</strong>
313 
+                                </a>
314 
+                            </div>
315 
+                        </li>
316 
+                    </ul>
317 
+                </li>
318 
+                <li class="dropdown">
319 
+                    <a class="dropdown-toggle count-info" data-toggle="dropdown" href="#">
320 
+                        <i class="fa fa-bell"></i>  <span class="label label-primary">8</span>
321 
+                    </a>
322 
+                    <ul class="dropdown-menu dropdown-alerts">
323 
+                        <li>
324 
+                            <a href="mailbox.html">
325 
+                                <div>
326 
+                                    <i class="fa fa-envelope fa-fw"></i> You have 16 messages
327 
+                                    <span class="pull-right text-muted small">4 minutes ago</span>
328 
+                                </div>
329 
+                            </a>
330 
+                        </li>
331 
+                        <li class="divider"></li>
332 
+                        <li>
333 
+                            <a href="profile.html">
334 
+                                <div>
335 
+                                    <i class="fa fa-twitter fa-fw"></i> 3 New Followers
336 
+                                    <span class="pull-right text-muted small">12 minutes ago</span>
337 
+                                </div>
338 
+                            </a>
339 
+                        </li>
340 
+                        <li class="divider"></li>
341 
+                        <li>
342 
+                            <a href="grid_options.html">
343 
+                                <div>
344 
+                                    <i class="fa fa-upload fa-fw"></i> Server Rebooted
345 
+                                    <span class="pull-right text-muted small">4 minutes ago</span>
346 
+                                </div>
347 
+                            </a>
348 
+                        </li>
349 
+                        <li class="divider"></li>
350 
+                        <li>
351 
+                            <div class="text-center link-block">
352 
+                                <a href="notifications.html">
353 
+                                    <strong>See All Alerts</strong>
354 
+                                    <i class="fa fa-angle-right"></i>
355 
+                                </a>
356 
+                            </div>
357 
+                        </li>
358 
+                    </ul>
359 
+                </li>
360 
+
361 
+
362 
+                <li>
363 
+                    <a href="login.html">
364 
+                        <i class="fa fa-sign-out"></i> Log out
365 
+                    </a>
366 
+                </li>
367 
+            </ul>
368 
+
369 
+        </nav>
370 
+        </div>
371 
+            <div class="row wrapper border-bottom white-bg page-heading">
372 
+                <div class="col-lg-10">
373 
+                    <h2>Badges, Labels, Progress</h2>
374 
+                    <ol class="breadcrumb">
375 
+                        <li>
376 
+                            <a href="index.html">Home</a>
377 
+                        </li>
378 
+                        <li>
379 
+                            <a>UI Elements</a>
380 
+                        </li>
381 
+                        <li class="active">
382 
+                            <strong>Badges, Labels, Progress</strong>
383 
+                        </li>
384 
+                    </ol>
385 
+                </div>
386 
+                <div class="col-lg-2">
387 
+
388 
+                </div>
389 
+            </div>
390 
+        <div class="wrapper wrapper-content animated fadeInRight">
391 
+            <div class="row">
392 
+                <div class="col-lg-6">
393 
+                <div class="ibox float-e-margins">
394 
+                    <div class="ibox-title">
395 
+                        <h5>Badges</h5>
396 
+                        <div class="ibox-tools">
397 
+                            <a class="collapse-link">
398 
+                                <i class="fa fa-chevron-up"></i>
399 
+                            </a>
400 
+                            <a class="dropdown-toggle" data-toggle="dropdown" href="#">
401 
+                                <i class="fa fa-wrench"></i>
402 
+                            </a>
403 
+                            <ul class="dropdown-menu dropdown-user">
404 
+                                <li><a href="#">Config option 1</a>
405 
+                                </li>
406 
+                                <li><a href="#">Config option 2</a>
407 
+                                </li>
408 
+                            </ul>
409 
+                            <a class="close-link">
410 
+                                <i class="fa fa-times"></i>
411 
+                            </a>
412 
+                        </div>
413 
+                    </div>
414 
+                    <div class="ibox-content">
415 
+                        <p>
416 
+                            To add a badge style You have to add <code>.badge</code>class to element. To change a color od badge you can add extra class like <code>.badge-primary</code>.
417 
+                        </p>
418 
+                            <p><span class="badge">Plain</span></p>
419 
+                            <p><span class="badge badge-primary">Primary</span></p>
420 
+                            <p><span class="badge badge-info">Information</span></p>
421 
+                            <p><span class="badge badge-success">Success</span></p>
422 
+                            <p><span class="badge badge-warning">Warning</span></p>
423 
+                            <p><span class="badge badge-danger">Danger</span></p>
424 
+                    </div>
425 
+                </div>
426 
+            </div>
427 
+
428 
+                <div class="col-lg-6">
429 
+                    <div class="ibox float-e-margins">
430 
+                        <div class="ibox-title">
431 
+                            <h5>Labels</h5>
432 
+                            <div class="ibox-tools">
433 
+                                <a class="collapse-link">
434 
+                                    <i class="fa fa-chevron-up"></i>
435 
+                                </a>
436 
+                                <a class="dropdown-toggle" data-toggle="dropdown" href="#">
437 
+                                    <i class="fa fa-wrench"></i>
438 
+                                </a>
439 
+                                <ul class="dropdown-menu dropdown-user">
440 
+                                    <li><a href="#">Config option 1</a>
441 
+                                    </li>
442 
+                                    <li><a href="#">Config option 2</a>
443 
+                                    </li>
444 
+                                </ul>
445 
+                                <a class="close-link">
446 
+                                    <i class="fa fa-times"></i>
447 
+                                </a>
448 
+                            </div>
449 
+                        </div>
450 
+                        <div class="ibox-content">
451 
+                            <p>
452 
+                                Analogic to badge. To add a label style You have to add <code>.label</code>class to element. To change a color od label you can add extra class like <code>.label-primary</code>.
453 
+                            </p>
454 
+                            <p><span class="label">Plain</span></p>
455 
+                            <p><span class="label label-primary">Primary</span></p>
456 
+                            <p><span class="label label-info">Information</span></p>
457 
+                            <p><span class="label label-success">Success</span></p>
458 
+                            <p><span class="label label-warning">Warning</span></p>
459 
+                            <p><span class="label label-danger">Danger</span></p>
460 
+                        </div>
461 
+                    </div>
462 
+                </div>
463 
+
464 
+            </div>
465 
+            <div class="row">
466 
+                <div class="col-lg-12">
467 
+                    <div class="ibox float-e-margins">
468 
+                        <div class="ibox-title">
469 
+                            <h5>Progress Bars</h5>
470 
+                            <div class="ibox-tools">
471 
+                                <a class="collapse-link">
472 
+                                    <i class="fa fa-chevron-up"></i>
473 
+                                </a>
474 
+                                <a class="dropdown-toggle" data-toggle="dropdown" href="#">
475 
+                                    <i class="fa fa-wrench"></i>
476 
+                                </a>
477 
+                                <ul class="dropdown-menu dropdown-user">
478 
+                                    <li><a href="#">Config option 1</a>
479 
+                                    </li>
480 
+                                    <li><a href="#">Config option 2</a>
481 
+                                    </li>
482 
+                                </ul>
483 
+                                <a class="close-link">
484 
+                                    <i class="fa fa-times"></i>
485 
+                                </a>
486 
+                            </div>
487 
+                        </div>
488 
+                        <div class="ibox-content">
489 
+                            <h5>Basic ProgressBars</h5>
490 
+                            <div class="progress">
491 
+                                <div style="width: 35%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="35" role="progressbar" class="progress-bar progress-bar-success">
492 
+                                    <span class="sr-only">35% Complete (success)</span>
493 
+                                </div>
494 
+                            </div>
495 
+
496 
+                            <div class="progress progress-bar-default">
497 
+                                <div style="width: 43%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="43" role="progressbar" class="progress-bar">
498 
+                                    <span class="sr-only">43% Complete (success)</span>
499 
+                                </div>
500 
+                            </div>
501 
+
502 
+                            <h5>Striped Progressbars</h5>
503 
+
504 
+                            <div class="progress progress-striped">
505 
+                                <div style="width: 50%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="50" role="progressbar" class="progress-bar progress-bar-warning">
506 
+                                    <span class="sr-only">40% Complete (success)</span>
507 
+                                </div>
508 
+                            </div>
509 
+
510 
+                            <h5>Active Progressbars</h5>
511 
+
512 
+                            <div class="progress progress-striped active">
513 
+                                <div style="width: 75%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="75" role="progressbar" class="progress-bar progress-bar-danger">
514 
+                                    <span class="sr-only">40% Complete (success)</span>
515 
+                                </div>
516 
+                            </div>
517 
+
518 
+                            <h5>Stacked Progressbars</h5>
519 
+
520 
+                            <div class="progress progress-striped active">
521 
+                                <div style="width: 30%" class="progress-bar progress-bar-success">
522 
+                                    <span class="sr-only">30% Complete (success)</span>
523 
+                                </div>
524 
+                                <div style="width: 20%" class="progress-bar progress-bar-warning">
525 
+                                    <span class="sr-only">15% Complete (warning)</span>
526 
+                                </div>
527 
+                                <div style="width: 40%" class="progress-bar progress-bar-danger">
528 
+                                    <span class="sr-only">40% Complete (danger)</span>
529 
+                                </div>
530 
+                            </div>
531 
+
532 
+                        </div>
533 
+                    </div>
534 
+                </div>
535 
+            </div>
536 
+        </div>
537 
+        <div class="footer">
538 
+            <div class="pull-right">
539 
+                10GB of <strong>250GB</strong> Free.
540 
+            </div>
541 
+            <div>
542 
+                <strong>Copyright</strong> Example Company &copy; 2014-2015
543 
+            </div>
544 
+        </div>
545 
+
546 
+        </div>
547 
+        </div>
548 
+
549 
+
550 
+    <!-- Mainly scripts -->
551 
+    <script src="js/jquery-2.1.1.js"></script>
552 
+    <script src="js/bootstrap.min.js"></script>
553 
+    <script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
554 
+    <script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
555 
+
556 
+    <!-- Custom and plugin javascript -->
557 
+    <script src="js/inspinia.js"></script>
558 
+    <script src="js/plugins/pace/pace.min.js"></script>
559 
+
560 
+
561 
+</body>
562 
+
563 
+</html>

+ 526
- 0
basic_gallery.html Visa fil 

@@ -0,0 +1,526 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+
6 
+    <meta charset="utf-8">
7 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
8 
+
9 
+    <title>INSPINIA | Lightbox Gallery</title>
10 
+
11 
+    <link href="css/bootstrap.min.css" rel="stylesheet">
12 
+    <link href="font-awesome/css/font-awesome.css" rel="stylesheet">
13 
+    <link href="css/plugins/blueimp/css/blueimp-gallery.min.css" rel="stylesheet">
14 
+    <link href="css/animate.css" rel="stylesheet">
15 
+    <link href="css/style.css" rel="stylesheet">
16 
+
17 
+</head>
18 
+
19 
+<body>
20 
+
21 
+    <div id="wrapper">
22 
+
23 
+    <nav class="navbar-default navbar-static-side" role="navigation">
24 
+        <div class="sidebar-collapse">
25 
+            <ul class="nav metismenu" id="side-menu">
26 
+                <li class="nav-header">
27 
+                    <div class="dropdown profile-element"> <span>
28 
+                            <img alt="image" class="img-circle" src="img/profile_small.jpg" />
29 
+                             </span>
30 
+                        <a data-toggle="dropdown" class="dropdown-toggle" href="#">
31 
+                            <span class="clear"> <span class="block m-t-xs"> <strong class="font-bold">David Williams</strong>
32 
+                             </span> <span class="text-muted text-xs block">Art Director <b class="caret"></b></span> </span> </a>
33 
+                        <ul class="dropdown-menu animated fadeInRight m-t-xs">
34 
+                            <li><a href="profile.html">Profile</a></li>
35 
+                            <li><a href="contacts.html">Contacts</a></li>
36 
+                            <li><a href="mailbox.html">Mailbox</a></li>
37 
+                            <li class="divider"></li>
38 
+                            <li><a href="login.html">Logout</a></li>
39 
+                        </ul>
40 
+                    </div>
41 
+                    <div class="logo-element">
42 
+                        IN+
43 
+                    </div>
44 
+                </li>
45 
+                <li>
46 
+                    <a href="index.html"><i class="fa fa-th-large"></i> <span class="nav-label">Dashboards</span> <span class="fa arrow"></span></a>
47 
+                    <ul class="nav nav-second-level collapse">
48 
+                        <li><a href="index.html">Dashboard v.1</a></li>
49 
+                        <li><a href="dashboard_2.html">Dashboard v.2</a></li>
50 
+                        <li><a href="dashboard_3.html">Dashboard v.3</a></li>
51 
+                        <li><a href="dashboard_4_1.html">Dashboard v.4</a></li>
52 
+                        <li><a href="dashboard_5.html">Dashboard v.5 <span class="label label-primary pull-right">NEW</span></a></li>
53 
+                    </ul>
54 
+                </li>
55 
+                <li>
56 
+                    <a href="layouts.html"><i class="fa fa-diamond"></i> <span class="nav-label">Layouts</span></a>
57 
+                </li>
58 
+                <li>
59 
+                    <a href="#"><i class="fa fa-bar-chart-o"></i> <span class="nav-label">Graphs</span><span class="fa arrow"></span></a>
60 
+                    <ul class="nav nav-second-level collapse">
61 
+                        <li><a href="graph_flot.html">Flot Charts</a></li>
62 
+                        <li><a href="graph_morris.html">Morris.js Charts</a></li>
63 
+                        <li><a href="graph_rickshaw.html">Rickshaw Charts</a></li>
64 
+                        <li><a href="graph_chartjs.html">Chart.js</a></li>
65 
+                        <li><a href="graph_chartist.html">Chartist</a></li>
66 
+                        <li><a href="c3.html">c3 charts</a></li>
67 
+                        <li><a href="graph_peity.html">Peity Charts</a></li>
68 
+                        <li><a href="graph_sparkline.html">Sparkline Charts</a></li>
69 
+                    </ul>
70 
+                </li>
71 
+                <li>
72 
+                    <a href="mailbox.html"><i class="fa fa-envelope"></i> <span class="nav-label">Mailbox </span><span class="label label-warning pull-right">16/24</span></a>
73 
+                    <ul class="nav nav-second-level collapse">
74 
+                        <li><a href="mailbox.html">Inbox</a></li>
75 
+                        <li><a href="mail_detail.html">Email view</a></li>
76 
+                        <li><a href="mail_compose.html">Compose email</a></li>
77 
+                        <li><a href="email_template.html">Email templates</a></li>
78 
+                    </ul>
79 
+                </li>
80 
+                <li>
81 
+                    <a href="metrics.html"><i class="fa fa-pie-chart"></i> <span class="nav-label">Metrics</span>  </a>
82 
+                </li>
83 
+                <li>
84 
+                    <a href="widgets.html"><i class="fa fa-flask"></i> <span class="nav-label">Widgets</span></a>
85 
+                </li>
86 
+                <li>
87 
+                    <a href="#"><i class="fa fa-edit"></i> <span class="nav-label">Forms</span><span class="fa arrow"></span></a>
88 
+                    <ul class="nav nav-second-level collapse">
89 
+                        <li><a href="form_basic.html">Basic form</a></li>
90 
+                        <li><a href="form_advanced.html">Advanced Plugins</a></li>
91 
+                        <li><a href="form_wizard.html">Wizard</a></li>
92 
+                        <li><a href="form_file_upload.html">File Upload</a></li>
93 
+                        <li><a href="form_editors.html">Text Editor</a></li>
94 
+                        <li><a href="form_markdown.html">Markdown</a></li>
95 
+                    </ul>
96 
+                </li>
97 
+                <li>
98 
+                    <a href="#"><i class="fa fa-desktop"></i> <span class="nav-label">App Views</span>  <span class="pull-right label label-primary">SPECIAL</span></a>
99 
+                    <ul class="nav nav-second-level collapse">
100 
+                        <li><a href="contacts.html">Contacts</a></li>
101 
+                        <li><a href="profile.html">Profile</a></li>
102 
+                        <li><a href="profile_2.html">Profile v.2</a></li>
103 
+                        <li><a href="contacts_2.html">Contacts v.2</a></li>
104 
+                        <li><a href="projects.html">Projects</a></li>
105 
+                        <li><a href="project_detail.html">Project detail</a></li>
106 
+                        <li><a href="teams_board.html">Teams board</a></li>
107 
+                        <li><a href="social_feed.html">Social feed</a></li>
108 
+                        <li><a href="clients.html">Clients</a></li>
109 
+                        <li><a href="full_height.html">Outlook view</a></li>
110 
+                        <li><a href="vote_list.html">Vote list</a></li>
111 
+                        <li><a href="file_manager.html">File manager</a></li>
112 
+                        <li><a href="calendar.html">Calendar</a></li>
113 
+                        <li><a href="issue_tracker.html">Issue tracker</a></li>
114 
+                        <li><a href="blog.html">Blog</a></li>
115 
+                        <li><a href="article.html">Article</a></li>
116 
+                        <li><a href="faq.html">FAQ</a></li>
117 
+                        <li><a href="timeline.html">Timeline</a></li>
118 
+                        <li><a href="pin_board.html">Pin board</a></li>
119 
+                    </ul>
120 
+                </li>
121 
+                <li>
122 
+                    <a href="#"><i class="fa fa-files-o"></i> <span class="nav-label">Other Pages</span><span class="fa arrow"></span></a>
123 
+                    <ul class="nav nav-second-level collapse">
124 
+                        <li><a href="search_results.html">Search results</a></li>
125 
+                        <li><a href="lockscreen.html">Lockscreen</a></li>
126 
+                        <li><a href="invoice.html">Invoice</a></li>
127 
+                        <li><a href="login.html">Login</a></li>
128 
+                        <li><a href="login_two_columns.html">Login v.2</a></li>
129 
+                        <li><a href="forgot_password.html">Forget password</a></li>
130 
+                        <li><a href="register.html">Register</a></li>
131 
+                        <li><a href="404.html">404 Page</a></li>
132 
+                        <li><a href="500.html">500 Page</a></li>
133 
+                        <li><a href="empty_page.html">Empty page</a></li>
134 
+                    </ul>
135 
+                </li>
136 
+                <li>
137 
+                    <a href="#"><i class="fa fa-globe"></i> <span class="nav-label">Miscellaneous</span><span class="label label-info pull-right">NEW</span></a>
138 
+                    <ul class="nav nav-second-level collapse">
139 
+                        <li><a href="toastr_notifications.html">Notification</a></li>
140 
+                        <li><a href="nestable_list.html">Nestable list</a></li>
141 
+                        <li><a href="agile_board.html">Agile board</a></li>
142 
+                        <li><a href="timeline_2.html">Timeline v.2</a></li>
143 
+                        <li><a href="diff.html">Diff</a></li>
144 
+                        <li><a href="i18support.html">i18 support</a></li>
145 
+                        <li><a href="sweetalert.html">Sweet alert</a></li>
146 
+                        <li><a href="idle_timer.html">Idle timer</a></li>
147 
+                        <li><a href="truncate.html">Truncate</a></li>
148 
+                        <li><a href="spinners.html">Spinners</a></li>
149 
+                        <li><a href="tinycon.html">Live favicon</a></li>
150 
+                        <li><a href="google_maps.html">Google maps</a></li>
151 
+                        <li><a href="code_editor.html">Code editor</a></li>
152 
+                        <li><a href="modal_window.html">Modal window</a></li>
153 
+                        <li><a href="clipboard.html">Clipboard</a></li>
154 
+                        <li><a href="forum_main.html">Forum view</a></li>
155 
+                        <li><a href="validation.html">Validation</a></li>
156 
+                        <li><a href="tree_view.html">Tree view</a></li>
157 
+                        <li><a href="loading_buttons.html">Loading buttons</a></li>
158 
+                        <li><a href="chat_view.html">Chat view</a></li>
159 
+                        <li><a href="masonry.html">Masonry</a></li>
160 
+                        <li><a href="tour.html">Tour</a></li>
161 
+                    </ul>
162 
+                </li>
163 
+                <li>
164 
+                    <a href="#"><i class="fa fa-flask"></i> <span class="nav-label">UI Elements</span><span class="fa arrow"></span></a>
165 
+                    <ul class="nav nav-second-level collapse">
166 
+                        <li><a href="typography.html">Typography</a></li>
167 
+                        <li><a href="icons.html">Icons</a></li>
168 
+                        <li><a href="draggable_panels.html">Draggable Panels</a></li> <li><a href="resizeable_panels.html">Resizeable Panels</a></li>
169 
+                        <li><a href="buttons.html">Buttons</a></li>
170 
+                        <li><a href="video.html">Video</a></li>
171 
+                        <li><a href="tabs_panels.html">Panels</a></li>
172 
+                        <li><a href="tabs.html">Tabs</a></li>
173 
+                        <li><a href="notifications.html">Notifications & Tooltips</a></li>
174 
+                        <li><a href="badges_labels.html">Badges, Labels, Progress</a></li>
175 
+                    </ul>
176 
+                </li>
177 
+
178 
+                <li>
179 
+                    <a href="grid_options.html"><i class="fa fa-laptop"></i> <span class="nav-label">Grid options</span></a>
180 
+                </li>
181 
+                <li>
182 
+                    <a href="#"><i class="fa fa-table"></i> <span class="nav-label">Tables</span><span class="fa arrow"></span></a>
183 
+                    <ul class="nav nav-second-level collapse">
184 
+                        <li><a href="table_basic.html">Static Tables</a></li>
185 
+                        <li><a href="table_data_tables.html">Data Tables</a></li>
186 
+                        <li><a href="table_foo_table.html">Foo Tables</a></li>
187 
+                        <li><a href="jq_grid.html">jqGrid</a></li>
188 
+                    </ul>
189 
+                </li>
190 
+                <li>
191 
+                    <a href="#"><i class="fa fa-shopping-cart"></i> <span class="nav-label">E-commerce</span><span class="fa arrow"></span></a>
192 
+                    <ul class="nav nav-second-level collapse">
193 
+                        <li><a href="ecommerce_products_grid.html">Products grid</a></li>
194 
+                        <li><a href="ecommerce_product_list.html">Products list</a></li>
195 
+                        <li><a href="ecommerce_product.html">Product edit</a></li>
196 
+                        <li><a href="ecommerce_product_detail.html">Product detail</a></li>
197 
+                        <li><a href="ecommerce-cart.html">Cart</a></li>
198 
+                        <li><a href="ecommerce-orders.html">Orders</a></li>
199 
+                        <li><a href="ecommerce_payments.html">Credit Card form</a></li>
200 
+                    </ul>
201 
+                </li>
202 
+                <li class="active">
203 
+                    <a href="#"><i class="fa fa-picture-o"></i> <span class="nav-label">Gallery</span><span class="fa arrow"></span></a>
204 
+                    <ul class="nav nav-second-level">
205 
+                        <li class="active"><a href="basic_gallery.html">Lightbox Gallery</a></li>
206 
+                        <li><a href="slick_carousel.html">Slick Carousel</a></li>
207 
+                        <li><a href="carousel.html">Bootstrap Carousel</a></li>
208 
+
209 
+                    </ul>
210 
+                </li>
211 
+                <li>
212 
+                    <a href="#"><i class="fa fa-sitemap"></i> <span class="nav-label">Menu Levels </span><span class="fa arrow"></span></a>
213 
+                    <ul class="nav nav-second-level collapse">
214 
+                        <li>
215 
+                            <a href="#">Third Level <span class="fa arrow"></span></a>
216 
+                            <ul class="nav nav-third-level">
217 
+                                <li>
218 
+                                    <a href="#">Third Level Item</a>
219 
+                                </li>
220 
+                                <li>
221 
+                                    <a href="#">Third Level Item</a>
222 
+                                </li>
223 
+                                <li>
224 
+                                    <a href="#">Third Level Item</a>
225 
+                                </li>
226 
+
227 
+                            </ul>
228 
+                        </li>
229 
+                        <li><a href="#">Second Level Item</a></li>
230 
+                        <li>
231 
+                            <a href="#">Second Level Item</a></li>
232 
+                        <li>
233 
+                            <a href="#">Second Level Item</a></li>
234 
+                    </ul>
235 
+                </li>
236 
+                <li>
237 
+                    <a href="css_animation.html"><i class="fa fa-magic"></i> <span class="nav-label">CSS Animations </span><span class="label label-info pull-right">62</span></a>
238 
+                </li>
239 
+                <li class="landing_link">
240 
+                    <a target="_blank" href="landing.html"><i class="fa fa-star"></i> <span class="nav-label">Landing Page</span> <span class="label label-warning pull-right">NEW</span></a>
241 
+                </li>
242 
+                <li class="special_link">
243 
+                    <a href="package.html"><i class="fa fa-database"></i> <span class="nav-label">Package</span></a>
244 
+                </li>
245 
+            </ul>
246 
+
247 
+        </div>
248 
+    </nav>
249 
+
250 
+        <div id="page-wrapper" class="gray-bg">
251 
+        <div class="row border-bottom">
252 
+        <nav class="navbar navbar-static-top" role="navigation" style="margin-bottom: 0">
253 
+        <div class="navbar-header">
254 
+            <a class="navbar-minimalize minimalize-styl-2 btn btn-primary " href="#"><i class="fa fa-bars"></i> </a>
255 
+            <form role="search" class="navbar-form-custom" action="search_results.html">
256 
+                <div class="form-group">
257 
+                    <input type="text" placeholder="Search for something..." class="form-control" name="top-search" id="top-search">
258 
+                </div>
259 
+            </form>
260 
+        </div>
261 
+            <ul class="nav navbar-top-links navbar-right">
262 
+                <li>
263 
+                    <span class="m-r-sm text-muted welcome-message">Welcome to INSPINIA+ Admin Theme.</span>
264 
+                </li>
265 
+                <li class="dropdown">
266 
+                    <a class="dropdown-toggle count-info" data-toggle="dropdown" href="#">
267 
+                        <i class="fa fa-envelope"></i>  <span class="label label-warning">16</span>
268 
+                    </a>
269 
+                    <ul class="dropdown-menu dropdown-messages">
270 
+                        <li>
271 
+                            <div class="dropdown-messages-box">
272 
+                                <a href="profile.html" class="pull-left">
273 
+                                    <img alt="image" class="img-circle" src="img/a7.jpg">
274 
+                                </a>
275 
+                                <div class="media-body">
276 
+                                    <small class="pull-right">46h ago</small>
277 
+                                    <strong>Mike Loreipsum</strong> started following <strong>Monica Smith</strong>. <br>
278 
+                                    <small class="text-muted">3 days ago at 7:58 pm - 10.06.2014</small>
279 
+                                </div>
280 
+                            </div>
281 
+                        </li>
282 
+                        <li class="divider"></li>
283 
+                        <li>
284 
+                            <div class="dropdown-messages-box">
285 
+                                <a href="profile.html" class="pull-left">
286 
+                                    <img alt="image" class="img-circle" src="img/a4.jpg">
287 
+                                </a>
288 
+                                <div class="media-body ">
289 
+                                    <small class="pull-right text-navy">5h ago</small>
290 
+                                    <strong>Chris Johnatan Overtunk</strong> started following <strong>Monica Smith</strong>. <br>
291 
+                                    <small class="text-muted">Yesterday 1:21 pm - 11.06.2014</small>
292 
+                                </div>
293 
+                            </div>
294 
+                        </li>
295 
+                        <li class="divider"></li>
296 
+                        <li>
297 
+                            <div class="dropdown-messages-box">
298 
+                                <a href="profile.html" class="pull-left">
299 
+                                    <img alt="image" class="img-circle" src="img/profile.jpg">
300 
+                                </a>
301 
+                                <div class="media-body ">
302 
+                                    <small class="pull-right">23h ago</small>
303 
+                                    <strong>Monica Smith</strong> love <strong>Kim Smith</strong>. <br>
304 
+                                    <small class="text-muted">2 days ago at 2:30 am - 11.06.2014</small>
305 
+                                </div>
306 
+                            </div>
307 
+                        </li>
308 
+                        <li class="divider"></li>
309 
+                        <li>
310 
+                            <div class="text-center link-block">
311 
+                                <a href="mailbox.html">
312 
+                                    <i class="fa fa-envelope"></i> <strong>Read All Messages</strong>
313 
+                                </a>
314 
+                            </div>
315 
+                        </li>
316 
+                    </ul>
317 
+                </li>
318 
+                <li class="dropdown">
319 
+                    <a class="dropdown-toggle count-info" data-toggle="dropdown" href="#">
320 
+                        <i class="fa fa-bell"></i>  <span class="label label-primary">8</span>
321 
+                    </a>
322 
+                    <ul class="dropdown-menu dropdown-alerts">
323 
+                        <li>
324 
+                            <a href="mailbox.html">
325 
+                                <div>
326 
+                                    <i class="fa fa-envelope fa-fw"></i> You have 16 messages
327 
+                                    <span class="pull-right text-muted small">4 minutes ago</span>
328 
+                                </div>
329 
+                            </a>
330 
+                        </li>
331 
+                        <li class="divider"></li>
332 
+                        <li>
333 
+                            <a href="profile.html">
334 
+                                <div>
335 
+                                    <i class="fa fa-twitter fa-fw"></i> 3 New Followers
336 
+                                    <span class="pull-right text-muted small">12 minutes ago</span>
337 
+                                </div>
338 
+                            </a>
339 
+                        </li>
340 
+                        <li class="divider"></li>
341 
+                        <li>
342 
+                            <a href="grid_options.html">
343 
+                                <div>
344 
+                                    <i class="fa fa-upload fa-fw"></i> Server Rebooted
345 
+                                    <span class="pull-right text-muted small">4 minutes ago</span>
346 
+                                </div>
347 
+                            </a>
348 
+                        </li>
349 
+                        <li class="divider"></li>
350 
+                        <li>
351 
+                            <div class="text-center link-block">
352 
+                                <a href="notifications.html">
353 
+                                    <strong>See All Alerts</strong>
354 
+                                    <i class="fa fa-angle-right"></i>
355 
+                                </a>
356 
+                            </div>
357 
+                        </li>
358 
+                    </ul>
359 
+                </li>
360 
+
361 
+
362 
+                <li>
363 
+                    <a href="login.html">
364 
+                        <i class="fa fa-sign-out"></i> Log out
365 
+                    </a>
366 
+                </li>
367 
+            </ul>
368 
+
369 
+        </nav>
370 
+        </div>
371 
+            <div class="row wrapper border-bottom white-bg page-heading">
372 
+                <div class="col-lg-10">
373 
+                    <h2>Lightbox Gallery</h2>
374 
+                    <ol class="breadcrumb">
375 
+                        <li>
376 
+                            <a href="index.html">Home</a>
377 
+                        </li>
378 
+                        <li>
379 
+                            <a>Gallery</a>
380 
+                        </li>
381 
+                        <li class="active">
382 
+                            <strong>Lightbox Gallery</strong>
383 
+                        </li>
384 
+                    </ol>
385 
+                </div>
386 
+                <div class="col-lg-2">
387 
+
388 
+                </div>
389 
+            </div>
390 
+        <div class="wrapper wrapper-content">
391 
+            <div class="row">
392 
+                <div class="col-lg-12">
393 
+                <div class="ibox float-e-margins">
394 
+
395 
+                    <div class="ibox-content">
396 
+
397 
+                        <h2>Lightbox image gallery</h2>
398 
+                        <p>
399 
+                            <strong>blueimp Gallery</strong> is a touch-enabled, responsive and customizable image & video gallery, carousel and lightbox, optimized for both mobile and desktop web browsers.
400 
+                            It features swipe, mouse and keyboard navigation, transition effects, slideshow functionality, fullscreen support and on-demand content loading and can be extended to display additional content types.
401 
+                            Full documentation you can find at: <a href="https://github.com/blueimp/Gallery/blob/master/README.md" target="_blank">https://github.com/blueimp/Gallery/blob/master/README.md</a>
402 
+                        </p>
403 
+
404 
+                        <div class="lightBoxGallery">
405 
+                            <a href="img/gallery/1.jpg" title="Image from Unsplash" data-gallery=""><img src="img/gallery/1s.jpg"></a>
406 
+                            <a href="img/gallery/2.jpg" title="Image from Unsplash" data-gallery=""><img src="img/gallery/2s.jpg"></a>
407 
+                            <a href="img/gallery/3.jpg" title="Image from Unsplash" data-gallery=""><img src="img/gallery/3s.jpg"></a>
408 
+                            <a href="img/gallery/4.jpg" title="Image from Unsplash" data-gallery=""><img src="img/gallery/4s.jpg"></a>
409 
+                            <a href="img/gallery/5.jpg" title="Image from Unsplash" data-gallery=""><img src="img/gallery/5s.jpg"></a>
410 
+                            <a href="img/gallery/6.jpg" title="Image from Unsplash" data-gallery=""><img src="img/gallery/6s.jpg"></a>
411 
+                            <a href="img/gallery/7.jpg" title="Image from Unsplash" data-gallery=""><img src="img/gallery/7s.jpg"></a>
412 
+                            <a href="img/gallery/8.jpg" title="Image from Unsplash" data-gallery=""><img src="img/gallery/8s.jpg"></a>
413 
+                            <a href="img/gallery/9.jpg" title="Image from Unsplash" data-gallery=""><img src="img/gallery/9s.jpg"></a>
414 
+                            <a href="img/gallery/10.jpg" title="Image from Unsplash" data-gallery=""><img src="img/gallery/10s.jpg"></a>
415 
+                            <a href="img/gallery/12.jpg" title="Image from Unsplash" data-gallery=""><img src="img/gallery/12s.jpg"></a>
416 
+                            <a href="img/gallery/4.jpg" title="Image from Unsplash" data-gallery=""><img src="img/gallery/4s.jpg"></a>
417 
+                            <a href="img/gallery/5.jpg" title="Image from Unsplash" data-gallery=""><img src="img/gallery/5s.jpg"></a>
418 
+                            <a href="img/gallery/6.jpg" title="Image from Unsplash" data-gallery=""><img src="img/gallery/6s.jpg"></a>
419 
+                            <a href="img/gallery/7.jpg" title="Image from Unsplash" data-gallery=""><img src="img/gallery/7s.jpg"></a>
420 
+                            <a href="img/gallery/2.jpg" title="Image from Unsplash" data-gallery=""><img src="img/gallery/2s.jpg"></a>
421 
+                            <a href="img/gallery/3.jpg" title="Image from Unsplash" data-gallery=""><img src="img/gallery/3s.jpg"></a>
422 
+                            <a href="img/gallery/1.jpg" title="Image from Unsplash" data-gallery=""><img src="img/gallery/1s.jpg"></a>
423 
+                            <a href="img/gallery/9.jpg" title="Image from Unsplash" data-gallery=""><img src="img/gallery/9s.jpg"></a>
424 
+                            <a href="img/gallery/10.jpg" title="Image from Unsplash" data-gallery=""><img src="img/gallery/10s.jpg"></a>
425 
+                            <a href="img/gallery/11.jpg" title="Image from Unsplash" data-gallery=""><img src="img/gallery/11s.jpg"></a>
426 
+                            <a href="img/gallery/12.jpg" title="Image from Unsplash" data-gallery=""><img src="img/gallery/12s.jpg"></a>
427 
+                            <a href="img/gallery/4.jpg" title="Image from Unsplash" data-gallery=""><img src="img/gallery/4s.jpg"></a>
428 
+                            <a href="img/gallery/5.jpg" title="Image from Unsplash" data-gallery=""><img src="img/gallery/5s.jpg"></a>
429 
+                            <a href="img/gallery/4.jpg" title="Image from Unsplash" data-gallery=""><img src="img/gallery/4s.jpg"></a>
430 
+                            <a href="img/gallery/5.jpg" title="Image from Unsplash" data-gallery=""><img src="img/gallery/5s.jpg"></a>
431 
+                            <a href="img/gallery/6.jpg" title="Image from Unsplash" data-gallery=""><img src="img/gallery/6s.jpg"></a>
432 
+                            <a href="img/gallery/12.jpg" title="Image from Unsplash" data-gallery=""><img src="img/gallery/12s.jpg"></a>
433 
+                            <a href="img/gallery/4.jpg" title="Image from Unsplash" data-gallery=""><img src="img/gallery/4s.jpg"></a>
434 
+                            <a href="img/gallery/5.jpg" title="Image from Unsplash" data-gallery=""><img src="img/gallery/5s.jpg"></a>
435 
+                            <a href="img/gallery/10.jpg" title="Image from Unsplash" data-gallery=""><img src="img/gallery/10s.jpg"></a>
436 
+                            <a href="img/gallery/1.jpg" title="Image from Unsplash" data-gallery=""><img src="img/gallery/1s.jpg"></a>
437 
+                            <a href="img/gallery/2.jpg" title="Image from Unsplash" data-gallery=""><img src="img/gallery/2s.jpg"></a>
438 
+                            <a href="img/gallery/3.jpg" title="Image from Unsplash" data-gallery=""><img src="img/gallery/3s.jpg"></a>
439 
+                            <a href="img/gallery/4.jpg" title="Image from Unsplash" data-gallery=""><img src="img/gallery/4s.jpg"></a>
440 
+                            <a href="img/gallery/5.jpg" title="Image from Unsplash" data-gallery=""><img src="img/gallery/5s.jpg"></a>
441 
+                            <a href="img/gallery/6.jpg" title="Image from Unsplash" data-gallery=""><img src="img/gallery/6s.jpg"></a>
442 
+                            <a href="img/gallery/7.jpg" title="Image from Unsplash" data-gallery=""><img src="img/gallery/7s.jpg"></a>
443 
+                            <a href="img/gallery/8.jpg" title="Image from Unsplash" data-gallery=""><img src="img/gallery/8s.jpg"></a>
444 
+                            <a href="img/gallery/9.jpg" title="Image from Unsplash" data-gallery=""><img src="img/gallery/9s.jpg"></a>
445 
+                            <a href="img/gallery/10.jpg" title="Image from Unsplash" data-gallery=""><img src="img/gallery/10s.jpg"></a>
446 
+                            <a href="img/gallery/11.jpg" title="Image from Unsplash" data-gallery=""><img src="img/gallery/11s.jpg"></a>
447 
+                            <a href="img/gallery/12.jpg" title="Image from Unsplash" data-gallery=""><img src="img/gallery/12s.jpg"></a>
448 
+                            <a href="img/gallery/4.jpg" title="Image from Unsplash" data-gallery=""><img src="img/gallery/4s.jpg"></a>
449 
+                            <a href="img/gallery/5.jpg" title="Image from Unsplash" data-gallery=""><img src="img/gallery/5s.jpg"></a>
450 
+                            <a href="img/gallery/6.jpg" title="Image from Unsplash" data-gallery=""><img src="img/gallery/6s.jpg"></a>
451 
+                            <a href="img/gallery/7.jpg" title="Image from Unsplash" data-gallery=""><img src="img/gallery/7s.jpg"></a>
452 
+                            <a href="img/gallery/2.jpg" title="Image from Unsplash" data-gallery=""><img src="img/gallery/2s.jpg"></a>
453 
+                            <a href="img/gallery/3.jpg" title="Image from Unsplash" data-gallery=""><img src="img/gallery/3s.jpg"></a>
454 
+                            <a href="img/gallery/1.jpg" title="Image from Unsplash" data-gallery=""><img src="img/gallery/1s.jpg"></a>
455 
+                            <a href="img/gallery/9.jpg" title="Image from Unsplash" data-gallery=""><img src="img/gallery/9s.jpg"></a>
456 
+                            <a href="img/gallery/10.jpg" title="Image from Unsplash" data-gallery=""><img src="img/gallery/10s.jpg"></a>
457 
+                            <a href="img/gallery/11.jpg" title="Image from Unsplash" data-gallery=""><img src="img/gallery/11s.jpg"></a>
458 
+                            <a href="img/gallery/12.jpg" title="Image from Unsplash" data-gallery=""><img src="img/gallery/12s.jpg"></a>
459 
+                            <a href="img/gallery/4.jpg" title="Image from Unsplash" data-gallery=""><img src="img/gallery/4s.jpg"></a>
460 
+                            <a href="img/gallery/7.jpg" title="Image from Unsplash" data-gallery=""><img src="img/gallery/7s.jpg"></a>
461 
+                            <a href="img/gallery/8.jpg" title="Image from Unsplash" data-gallery=""><img src="img/gallery/8s.jpg"></a>
462 
+                            <a href="img/gallery/9.jpg" title="Image from Unsplash" data-gallery=""><img src="img/gallery/9s.jpg"></a>
463 
+                            <a href="img/gallery/10.jpg" title="Image from Unsplash" data-gallery=""><img src="img/gallery/10s.jpg"></a>
464 
+                            <a href="img/gallery/11.jpg" title="Image from Unsplash" data-gallery=""><img src="img/gallery/11s.jpg"></a>
465 
+                            <a href="img/gallery/12.jpg" title="Image from Unsplash" data-gallery=""><img src="img/gallery/12s.jpg"></a>
466 
+                            <a href="img/gallery/4.jpg" title="Image from Unsplash" data-gallery=""><img src="img/gallery/4s.jpg"></a>
467 
+                            <a href="img/gallery/5.jpg" title="Image from Unsplash" data-gallery=""><img src="img/gallery/5s.jpg"></a>
468 
+                            <a href="img/gallery/5.jpg" title="Image from Unsplash" data-gallery=""><img src="img/gallery/5s.jpg"></a>
469 
+                            <a href="img/gallery/4.jpg" title="Image from Unsplash" data-gallery=""><img src="img/gallery/4s.jpg"></a>
470 
+                            <a href="img/gallery/5.jpg" title="Image from Unsplash" data-gallery=""><img src="img/gallery/5s.jpg"></a>
471 
+                            <a href="img/gallery/6.jpg" title="Image from Unsplash" data-gallery=""><img src="img/gallery/6s.jpg"></a>
472 
+                            <a href="img/gallery/12.jpg" title="Image from Unsplash" data-gallery=""><img src="img/gallery/12s.jpg"></a>
473 
+                            <a href="img/gallery/4.jpg" title="Image from Unsplash" data-gallery=""><img src="img/gallery/4s.jpg"></a>
474 
+                            <a href="img/gallery/5.jpg" title="Image from Unsplash" data-gallery=""><img src="img/gallery/5s.jpg"></a>
475 
+                            <a href="img/gallery/10.jpg" title="Image from Unsplash" data-gallery=""><img src="img/gallery/10s.jpg"></a>
476 
+                            <a href="img/gallery/11.jpg" title="Image from Unsplash" data-gallery=""><img src="img/gallery/11s.jpg"></a>
477 
+
478 
+                            <!-- The Gallery as lightbox dialog, should be a child element of the document body -->
479 
+                            <div id="blueimp-gallery" class="blueimp-gallery">
480 
+                                <div class="slides"></div>
481 
+                                <h3 class="title"></h3>
482 
+                                <a class="prev">‹</a>
483 
+                                <a class="next">›</a>
484 
+                                <a class="close">×</a>
485 
+                                <a class="play-pause"></a>
486 
+                                <ol class="indicator"></ol>
487 
+                            </div>
488 
+
489 
+                        </div>
490 
+
491 
+                    </div>
492 
+                </div>
493 
+            </div>
494 
+
495 
+            </div>
496 
+        </div>
497 
+        <div class="footer">
498 
+            <div class="pull-right">
499 
+                10GB of <strong>250GB</strong> Free.
500 
+            </div>
501 
+            <div>
502 
+                <strong>Copyright</strong> Example Company &copy; 2014-2015
503 
+            </div>
504 
+        </div>
505 
+
506 
+        </div>
507 
+        </div>
508 
+
509 
+
510 
+
511 
+    <!-- Mainly scripts -->
512 
+    <script src="js/jquery-2.1.1.js"></script>
513 
+    <script src="js/bootstrap.min.js"></script>
514 
+    <script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
515 
+    <script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
516 
+
517 
+    <!-- Custom and plugin javascript -->
518 
+    <script src="js/inspinia.js"></script>
519 
+    <script src="js/plugins/pace/pace.min.js"></script>
520 
+
521 
+    <!-- blueimp gallery -->
522 
+    <script src="js/plugins/blueimp/jquery.blueimp-gallery.min.js"></script>
523 
+
524 
+</body>
525 
+
526 
+</html>

+ 712
- 0
blog.html Visa fil 

@@ -0,0 +1,712 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+
6 
+    <meta charset="utf-8">
7 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
8 
+
9 
+    <title>INSPINIA | Blog</title>
10 
+
11 
+    <link href="css/bootstrap.min.css" rel="stylesheet">
12 
+    <link href="font-awesome/css/font-awesome.css" rel="stylesheet">
13 
+
14 
+    <!-- Toastr style -->
15 
+    <link href="css/plugins/toastr/toastr.min.css" rel="stylesheet">
16 
+
17 
+    <link href="css/animate.css" rel="stylesheet">
18 
+    <link href="css/style.css" rel="stylesheet">
19 
+
20 
+
21 
+
22 
+</head>
23 
+
24 
+<body>
25 
+
26 
+    <div id="wrapper">
27 
+
28 
+    <nav class="navbar-default navbar-static-side" role="navigation">
29 
+        <div class="sidebar-collapse">
30 
+            <ul class="nav metismenu" id="side-menu">
31 
+                <li class="nav-header">
32 
+                    <div class="dropdown profile-element"> <span>
33 
+                            <img alt="image" class="img-circle" src="img/profile_small.jpg" />
34 
+                             </span>
35 
+                        <a data-toggle="dropdown" class="dropdown-toggle" href="#">
36 
+                            <span class="clear"> <span class="block m-t-xs"> <strong class="font-bold">David Williams</strong>
37 
+                             </span> <span class="text-muted text-xs block">Art Director <b class="caret"></b></span> </span> </a>
38 
+                        <ul class="dropdown-menu animated fadeInRight m-t-xs">
39 
+                            <li><a href="profile.html">Profile</a></li>
40 
+                            <li><a href="contacts.html">Contacts</a></li>
41 
+                            <li><a href="mailbox.html">Mailbox</a></li>
42 
+                            <li class="divider"></li>
43 
+                            <li><a href="login.html">Logout</a></li>
44 
+                        </ul>
45 
+                    </div>
46 
+                    <div class="logo-element">
47 
+                        IN+
48 
+                    </div>
49 
+                </li>
50 
+                <li>
51 
+                    <a href="index.html"><i class="fa fa-th-large"></i> <span class="nav-label">Dashboards</span> <span class="fa arrow"></span></a>
52 
+                    <ul class="nav nav-second-level collapse">
53 
+                        <li><a href="index.html">Dashboard v.1</a></li>
54 
+                        <li><a href="dashboard_2.html">Dashboard v.2</a></li>
55 
+                        <li><a href="dashboard_3.html">Dashboard v.3</a></li>
56 
+                        <li><a href="dashboard_4_1.html">Dashboard v.4</a></li>
57 
+                        <li><a href="dashboard_5.html">Dashboard v.5 <span class="label label-primary pull-right">NEW</span></a></li>
58 
+                    </ul>
59 
+                </li>
60 
+                <li>
61 
+                    <a href="layouts.html"><i class="fa fa-diamond"></i> <span class="nav-label">Layouts</span></a>
62 
+                </li>
63 
+                <li>
64 
+                    <a href="#"><i class="fa fa-bar-chart-o"></i> <span class="nav-label">Graphs</span><span class="fa arrow"></span></a>
65 
+                    <ul class="nav nav-second-level collapse">
66 
+                        <li><a href="graph_flot.html">Flot Charts</a></li>
67 
+                        <li><a href="graph_morris.html">Morris.js Charts</a></li>
68 
+                        <li><a href="graph_rickshaw.html">Rickshaw Charts</a></li>
69 
+                        <li><a href="graph_chartjs.html">Chart.js</a></li>
70 
+                        <li><a href="graph_chartist.html">Chartist</a></li>
71 
+                        <li><a href="c3.html">c3 charts</a></li>
72 
+                        <li><a href="graph_peity.html">Peity Charts</a></li>
73 
+                        <li><a href="graph_sparkline.html">Sparkline Charts</a></li>
74 
+                    </ul>
75 
+                </li>
76 
+                <li>
77 
+                    <a href="mailbox.html"><i class="fa fa-envelope"></i> <span class="nav-label">Mailbox </span><span class="label label-warning pull-right">16/24</span></a>
78 
+                    <ul class="nav nav-second-level collapse">
79 
+                        <li><a href="mailbox.html">Inbox</a></li>
80 
+                        <li><a href="mail_detail.html">Email view</a></li>
81 
+                        <li><a href="mail_compose.html">Compose email</a></li>
82 
+                        <li><a href="email_template.html">Email templates</a></li>
83 
+                    </ul>
84 
+                </li>
85 
+                <li>
86 
+                    <a href="metrics.html"><i class="fa fa-pie-chart"></i> <span class="nav-label">Metrics</span>  </a>
87 
+                </li>
88 
+                <li>
89 
+                    <a href="widgets.html"><i class="fa fa-flask"></i> <span class="nav-label">Widgets</span></a>
90 
+                </li>
91 
+                <li>
92 
+                    <a href="#"><i class="fa fa-edit"></i> <span class="nav-label">Forms</span><span class="fa arrow"></span></a>
93 
+                    <ul class="nav nav-second-level collapse">
94 
+                        <li><a href="form_basic.html">Basic form</a></li>
95 
+                        <li><a href="form_advanced.html">Advanced Plugins</a></li>
96 
+                        <li><a href="form_wizard.html">Wizard</a></li>
97 
+                        <li><a href="form_file_upload.html">File Upload</a></li>
98 
+                        <li><a href="form_editors.html">Text Editor</a></li>
99 
+                        <li><a href="form_markdown.html">Markdown</a></li>
100 
+                    </ul>
101 
+                </li>
102 
+                <li class="active">
103 
+                    <a href="#"><i class="fa fa-desktop"></i> <span class="nav-label">App Views</span>  <span class="pull-right label label-primary">SPECIAL</span></a>
104 
+                    <ul class="nav nav-second-level">
105 
+                        <li><a href="contacts.html">Contacts</a></li>
106 
+                        <li><a href="profile.html">Profile</a></li>
107 
+                        <li><a href="profile_2.html">Profile v.2</a></li>
108 
+                        <li><a href="contacts_2.html">Contacts v.2</a></li>
109 
+                        <li><a href="projects.html">Projects</a></li>
110 
+                        <li><a href="project_detail.html">Project detail</a></li>
111 
+                        <li><a href="teams_board.html">Teams board</a></li>
112 
+                        <li><a href="social_feed.html">Social feed</a></li>
113 
+                        <li><a href="clients.html">Clients</a></li>
114 
+                        <li><a href="full_height.html">Outlook view</a></li>
115 
+                        <li><a href="vote_list.html">Vote list</a></li>
116 
+                        <li><a href="file_manager.html">File manager</a></li>
117 
+                        <li><a href="calendar.html">Calendar</a></li>
118 
+                        <li><a href="issue_tracker.html">Issue tracker</a></li>
119 
+                        <li class="active"><a href="blog.html">Blog</a></li>
120 
+                        <li><a href="article.html">Article</a></li>
121 
+                        <li><a href="faq.html">FAQ</a></li>
122 
+                        <li><a href="timeline.html">Timeline</a></li>
123 
+                        <li><a href="pin_board.html">Pin board</a></li>
124 
+                    </ul>
125 
+                </li>
126 
+                <li>
127 
+                    <a href="#"><i class="fa fa-files-o"></i> <span class="nav-label">Other Pages</span><span class="fa arrow"></span></a>
128 
+                    <ul class="nav nav-second-level collapse">
129 
+                        <li><a href="search_results.html">Search results</a></li>
130 
+                        <li><a href="lockscreen.html">Lockscreen</a></li>
131 
+                        <li><a href="invoice.html">Invoice</a></li>
132 
+                        <li><a href="login.html">Login</a></li>
133 
+                        <li><a href="login_two_columns.html">Login v.2</a></li>
134 
+                        <li><a href="forgot_password.html">Forget password</a></li>
135 
+                        <li><a href="register.html">Register</a></li>
136 
+                        <li><a href="404.html">404 Page</a></li>
137 
+                        <li><a href="500.html">500 Page</a></li>
138 
+                        <li><a href="empty_page.html">Empty page</a></li>
139 
+                    </ul>
140 
+                </li>
141 
+                <li>
142 
+                    <a href="#"><i class="fa fa-globe"></i> <span class="nav-label">Miscellaneous</span><span class="label label-info pull-right">NEW</span></a>
143 
+                    <ul class="nav nav-second-level collapse">
144 
+                        <li><a href="toastr_notifications.html">Notification</a></li>
145 
+                        <li><a href="nestable_list.html">Nestable list</a></li>
146 
+                        <li><a href="agile_board.html">Agile board</a></li>
147 
+                        <li><a href="timeline_2.html">Timeline v.2</a></li>
148 
+                        <li><a href="diff.html">Diff</a></li>
149 
+                        <li><a href="i18support.html">i18 support</a></li>
150 
+                        <li><a href="sweetalert.html">Sweet alert</a></li>
151 
+                        <li><a href="idle_timer.html">Idle timer</a></li>
152 
+                        <li><a href="truncate.html">Truncate</a></li>
153 
+                        <li><a href="spinners.html">Spinners</a></li>
154 
+                        <li><a href="tinycon.html">Live favicon</a></li>
155 
+                        <li><a href="google_maps.html">Google maps</a></li>
156 
+                        <li><a href="code_editor.html">Code editor</a></li>
157 
+                        <li><a href="modal_window.html">Modal window</a></li>
158 
+                        <li><a href="clipboard.html">Clipboard</a></li>
159 
+                        <li><a href="forum_main.html">Forum view</a></li>
160 
+                        <li><a href="validation.html">Validation</a></li>
161 
+                        <li><a href="tree_view.html">Tree view</a></li>
162 
+                        <li><a href="loading_buttons.html">Loading buttons</a></li>
163 
+                        <li><a href="chat_view.html">Chat view</a></li>
164 
+                        <li><a href="masonry.html">Masonry</a></li>
165 
+                        <li><a href="tour.html">Tour</a></li>
166 
+                    </ul>
167 
+                </li>
168 
+                <li>
169 
+                    <a href="#"><i class="fa fa-flask"></i> <span class="nav-label">UI Elements</span><span class="fa arrow"></span></a>
170 
+                    <ul class="nav nav-second-level collapse">
171 
+                        <li><a href="typography.html">Typography</a></li>
172 
+                        <li><a href="icons.html">Icons</a></li>
173 
+                        <li><a href="draggable_panels.html">Draggable Panels</a></li> <li><a href="resizeable_panels.html">Resizeable Panels</a></li>
174 
+                        <li><a href="buttons.html">Buttons</a></li>
175 
+                        <li><a href="video.html">Video</a></li>
176 
+                        <li><a href="tabs_panels.html">Panels</a></li>
177 
+                        <li><a href="tabs.html">Tabs</a></li>
178 
+                        <li><a href="notifications.html">Notifications & Tooltips</a></li>
179 
+                        <li><a href="badges_labels.html">Badges, Labels, Progress</a></li>
180 
+                    </ul>
181 
+                </li>
182 
+
183 
+                <li>
184 
+                    <a href="grid_options.html"><i class="fa fa-laptop"></i> <span class="nav-label">Grid options</span></a>
185 
+                </li>
186 
+                <li>
187 
+                    <a href="#"><i class="fa fa-table"></i> <span class="nav-label">Tables</span><span class="fa arrow"></span></a>
188 
+                    <ul class="nav nav-second-level collapse">
189 
+                        <li><a href="table_basic.html">Static Tables</a></li>
190 
+                        <li><a href="table_data_tables.html">Data Tables</a></li>
191 
+                        <li><a href="table_foo_table.html">Foo Tables</a></li>
192 
+                        <li><a href="jq_grid.html">jqGrid</a></li>
193 
+                    </ul>
194 
+                </li>
195 
+                <li>
196 
+                    <a href="#"><i class="fa fa-shopping-cart"></i> <span class="nav-label">E-commerce</span><span class="fa arrow"></span></a>
197 
+                    <ul class="nav nav-second-level collapse">
198 
+                        <li><a href="ecommerce_products_grid.html">Products grid</a></li>
199 
+                        <li><a href="ecommerce_product_list.html">Products list</a></li>
200 
+                        <li><a href="ecommerce_product.html">Product edit</a></li>
201 
+                        <li><a href="ecommerce_product_detail.html">Product detail</a></li>
202 
+                        <li><a href="ecommerce-cart.html">Cart</a></li>
203 
+                        <li><a href="ecommerce-orders.html">Orders</a></li>
204 
+                        <li><a href="ecommerce_payments.html">Credit Card form</a></li>
205 
+                    </ul>
206 
+                </li>
207 
+                <li>
208 
+                    <a href="#"><i class="fa fa-picture-o"></i> <span class="nav-label">Gallery</span><span class="fa arrow"></span></a>
209 
+                    <ul class="nav nav-second-level collapse">
210 
+                        <li><a href="basic_gallery.html">Lightbox Gallery</a></li>
211 
+                        <li><a href="slick_carousel.html">Slick Carousel</a></li>
212 
+                        <li><a href="carousel.html">Bootstrap Carousel</a></li>
213 
+
214 
+                    </ul>
215 
+                </li>
216 
+                <li>
217 
+                    <a href="#"><i class="fa fa-sitemap"></i> <span class="nav-label">Menu Levels </span><span class="fa arrow"></span></a>
218 
+                    <ul class="nav nav-second-level collapse">
219 
+                        <li>
220 
+                            <a href="#">Third Level <span class="fa arrow"></span></a>
221 
+                            <ul class="nav nav-third-level">
222 
+                                <li>
223 
+                                    <a href="#">Third Level Item</a>
224 
+                                </li>
225 
+                                <li>
226 
+                                    <a href="#">Third Level Item</a>
227 
+                                </li>
228 
+                                <li>
229 
+                                    <a href="#">Third Level Item</a>
230 
+                                </li>
231 
+
232 
+                            </ul>
233 
+                        </li>
234 
+                        <li><a href="#">Second Level Item</a></li>
235 
+                        <li>
236 
+                            <a href="#">Second Level Item</a></li>
237 
+                        <li>
238 
+                            <a href="#">Second Level Item</a></li>
239 
+                    </ul>
240 
+                </li>
241 
+                <li>
242 
+                    <a href="css_animation.html"><i class="fa fa-magic"></i> <span class="nav-label">CSS Animations </span><span class="label label-info pull-right">62</span></a>
243 
+                </li>
244 
+                <li class="landing_link">
245 
+                    <a target="_blank" href="landing.html"><i class="fa fa-star"></i> <span class="nav-label">Landing Page</span> <span class="label label-warning pull-right">NEW</span></a>
246 
+                </li>
247 
+                <li class="special_link">
248 
+                    <a href="package.html"><i class="fa fa-database"></i> <span class="nav-label">Package</span></a>
249 
+                </li>
250 
+            </ul>
251 
+
252 
+        </div>
253 
+    </nav>
254 
+
255 
+        <div id="page-wrapper" class="gray-bg">
256 
+        <div class="row border-bottom">
257 
+        <nav class="navbar navbar-static-top" role="navigation" style="margin-bottom: 0">
258 
+        <div class="navbar-header">
259 
+            <a class="navbar-minimalize minimalize-styl-2 btn btn-primary " href="#"><i class="fa fa-bars"></i> </a>
260 
+            <form role="search" class="navbar-form-custom" action="search_results.html">
261 
+                <div class="form-group">
262 
+                    <input type="text" placeholder="Search for something..." class="form-control" name="top-search" id="top-search">
263 
+                </div>
264 
+            </form>
265 
+        </div>
266 
+            <ul class="nav navbar-top-links navbar-right">
267 
+                <li>
268 
+                    <span class="m-r-sm text-muted welcome-message">Welcome to INSPINIA+ Admin Theme.</span>
269 
+                </li>
270 
+                <li class="dropdown">
271 
+                    <a class="dropdown-toggle count-info" data-toggle="dropdown" href="#">
272 
+                        <i class="fa fa-envelope"></i>  <span class="label label-warning">16</span>
273 
+                    </a>
274 
+                    <ul class="dropdown-menu dropdown-messages">
275 
+                        <li>
276 
+                            <div class="dropdown-messages-box">
277 
+                                <a href="profile.html" class="pull-left">
278 
+                                    <img alt="image" class="img-circle" src="img/a7.jpg">
279 
+                                </a>
280 
+                                <div class="media-body">
281 
+                                    <small class="pull-right">46h ago</small>
282 
+                                    <strong>Mike Loreipsum</strong> started following <strong>Monica Smith</strong>. <br>
283 
+                                    <small class="text-muted">3 days ago at 7:58 pm - 10.06.2014</small>
284 
+                                </div>
285 
+                            </div>
286 
+                        </li>
287 
+                        <li class="divider"></li>
288 
+                        <li>
289 
+                            <div class="dropdown-messages-box">
290 
+                                <a href="profile.html" class="pull-left">
291 
+                                    <img alt="image" class="img-circle" src="img/a4.jpg">
292 
+                                </a>
293 
+                                <div class="media-body ">
294 
+                                    <small class="pull-right text-navy">5h ago</small>
295 
+                                    <strong>Chris Johnatan Overtunk</strong> started following <strong>Monica Smith</strong>. <br>
296 
+                                    <small class="text-muted">Yesterday 1:21 pm - 11.06.2014</small>
297 
+                                </div>
298 
+                            </div>
299 
+                        </li>
300 
+                        <li class="divider"></li>
301 
+                        <li>
302 
+                            <div class="dropdown-messages-box">
303 
+                                <a href="profile.html" class="pull-left">
304 
+                                    <img alt="image" class="img-circle" src="img/profile.jpg">
305 
+                                </a>
306 
+                                <div class="media-body ">
307 
+                                    <small class="pull-right">23h ago</small>
308 
+                                    <strong>Monica Smith</strong> love <strong>Kim Smith</strong>. <br>
309 
+                                    <small class="text-muted">2 days ago at 2:30 am - 11.06.2014</small>
310 
+                                </div>
311 
+                            </div>
312 
+                        </li>
313 
+                        <li class="divider"></li>
314 
+                        <li>
315 
+                            <div class="text-center link-block">
316 
+                                <a href="mailbox.html">
317 
+                                    <i class="fa fa-envelope"></i> <strong>Read All Messages</strong>
318 
+                                </a>
319 
+                            </div>
320 
+                        </li>
321 
+                    </ul>
322 
+                </li>
323 
+                <li class="dropdown">
324 
+                    <a class="dropdown-toggle count-info" data-toggle="dropdown" href="#">
325 
+                        <i class="fa fa-bell"></i>  <span class="label label-primary">8</span>
326 
+                    </a>
327 
+                    <ul class="dropdown-menu dropdown-alerts">
328 
+                        <li>
329 
+                            <a href="mailbox.html">
330 
+                                <div>
331 
+                                    <i class="fa fa-envelope fa-fw"></i> You have 16 messages
332 
+                                    <span class="pull-right text-muted small">4 minutes ago</span>
333 
+                                </div>
334 
+                            </a>
335 
+                        </li>
336 
+                        <li class="divider"></li>
337 
+                        <li>
338 
+                            <a href="profile.html">
339 
+                                <div>
340 
+                                    <i class="fa fa-twitter fa-fw"></i> 3 New Followers
341 
+                                    <span class="pull-right text-muted small">12 minutes ago</span>
342 
+                                </div>
343 
+                            </a>
344 
+                        </li>
345 
+                        <li class="divider"></li>
346 
+                        <li>
347 
+                            <a href="grid_options.html">
348 
+                                <div>
349 
+                                    <i class="fa fa-upload fa-fw"></i> Server Rebooted
350 
+                                    <span class="pull-right text-muted small">4 minutes ago</span>
351 
+                                </div>
352 
+                            </a>
353 
+                        </li>
354 
+                        <li class="divider"></li>
355 
+                        <li>
356 
+                            <div class="text-center link-block">
357 
+                                <a href="notifications.html">
358 
+                                    <strong>See All Alerts</strong>
359 
+                                    <i class="fa fa-angle-right"></i>
360 
+                                </a>
361 
+                            </div>
362 
+                        </li>
363 
+                    </ul>
364 
+                </li>
365 
+
366 
+
367 
+                <li>
368 
+                    <a href="login.html">
369 
+                        <i class="fa fa-sign-out"></i> Log out
370 
+                    </a>
371 
+                </li>
372 
+            </ul>
373 
+
374 
+        </nav>
375 
+        </div>
376 
+            <div class="row wrapper border-bottom white-bg page-heading">
377 
+                <div class="col-lg-10">
378 
+                    <h2>Blog</h2>
379 
+                    <ol class="breadcrumb">
380 
+                        <li>
381 
+                            <a href="index.html">Home</a>
382 
+                        </li>
383 
+                        <li>
384 
+                            <a>Miscellaneous</a>
385 
+                        </li>
386 
+                        <li class="active">
387 
+                            <strong>Blog</strong>
388 
+                        </li>
389 
+                    </ol>
390 
+                </div>
391 
+                <div class="col-lg-2">
392 
+
393 
+                </div>
394 
+            </div>
395 
+
396 
+        <div class="wrapper wrapper-content  animated fadeInRight blog">
397 
+            <div class="row">
398 
+                <div class="col-lg-4">
399 
+                    <div class="ibox">
400 
+                        <div class="ibox-content">
401 
+                            <a href="article.html" class="btn-link">
402 
+                                <h2>
403 
+                                    One morning, when Gregor Samsa
404 
+                                </h2>
405 
+                            </a>
406 
+                            <div class="small m-b-xs">
407 
+                                <strong>Adam Novak</strong> <span class="text-muted"><i class="fa fa-clock-o"></i> 28th Oct 2015</span>
408 
+                            </div>
409 
+                            <p>
410 
+                                English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web
411 
+                            </p>
412 
+                            <div class="row">
413 
+                                <div class="col-md-6">
414 
+                                        <h5>Tags:</h5>
415 
+                                        <button class="btn btn-primary btn-xs" type="button">Model</button>
416 
+                                        <button class="btn btn-white btn-xs" type="button">Publishing</button>
417 
+                                </div>
418 
+                                <div class="col-md-6">
419 
+                                    <div class="small text-right">
420 
+                                        <h5>Stats:</h5>
421 
+                                        <div> <i class="fa fa-comments-o"> </i> 56 comments </div>
422 
+                                        <i class="fa fa-eye"> </i> 144 views
423 
+                                    </div>
424 
+                                </div>
425 
+                            </div>
426 
+                        </div>
427 
+                    </div>
428 
+                    <div class="ibox">
429 
+                        <div class="ibox-content">
430 
+                            <a href="article.html" class="btn-link">
431 
+                                <h2>
432 
+                                    It showed a lady fitted out with
433 
+                                </h2>
434 
+                            </a>
435 
+                            <div class="small m-b-xs">
436 
+                                <strong>Mike Smith</strong> <span class="text-muted"><i class="fa fa-clock-o"></i> 11th May 2015</span>
437 
+                            </div>
438 
+                            <p>
439 
+                                The bedding was hardly able to cover it and seemed ready to slide off any moment. His many legs, pitifully thin compared with the size of.
440 
+                            </p>
441 
+                            <p>
442 
+                                No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences
443 
+                            </p>
444 
+                            <div class="row">
445 
+                                <div class="col-md-6">
446 
+                                    <h5>Tags:</h5>
447 
+                                    <button class="btn btn-primary btn-xs" type="button">New</button>
448 
+                                    <button class="btn btn-white btn-xs" type="button">Model</button>
449 
+                                    <button class="btn btn-white btn-xs" type="button">Publishing</button>
450 
+                                </div>
451 
+                                <div class="col-md-6">
452 
+                                    <div class="small text-right">
453 
+                                        <h5>Stats:</h5>
454 
+                                        <div> <i class="fa fa-comments-o"> </i> 36 comments </div>
455 
+                                        <i class="fa fa-eye"> </i> 100 views
456 
+                                    </div>
457 
+                                </div>
458 
+                            </div>
459 
+                        </div>
460 
+                    </div>
461 
+                    <div class="ibox">
462 
+                        <div class="ibox-content">
463 
+                            <a href="article.html" class="btn-link">
464 
+                                <h2>
465 
+                                    The bedding was hardly able to cover
466 
+                                </h2>
467 
+                            </a>
468 
+                            <div class="small m-b-xs">
469 
+                                <strong>Anthony Dvorak</strong> <span class="text-muted"><i class="fa fa-clock-o"></i> 11th Dec 2014</span>
470 
+                            </div>
471 
+                            <p>
472 
+                                A collection of textile samples lay spread out on the table - Samsa was a travelling salesman.
473 
+                            </p>
474 
+                            <div class="row">
475 
+                                <div class="col-md-6">
476 
+                                    <h5>Tags:</h5>
477 
+                                    <button class="btn btn-white btn-xs" type="button">Publishing</button>
478 
+                                </div>
479 
+                                <div class="col-md-6">
480 
+                                    <div class="small text-right">
481 
+                                        <h5>Stats:</h5>
482 
+                                        <div> <i class="fa fa-comments-o"> </i> 11 comments </div>
483 
+                                        <i class="fa fa-eye"> </i> 46 views
484 
+                                    </div>
485 
+                                </div>
486 
+                            </div>
487 
+                        </div>
488 
+                    </div>
489 
+                </div>
490 
+                <div class="col-lg-4">
491 
+                    <div class="ibox">
492 
+                        <div class="ibox-content">
493 
+                            <a href="article.html" class="btn-link">
494 
+                                <h2>
495 
+                                    Junk MTV quiz graced by fox whelps.
496 
+                                </h2>
497 
+                            </a>
498 
+                            <div class="small m-b-xs">
499 
+                                <strong>alex Trebek</strong> <span class="text-muted"><i class="fa fa-clock-o"></i> 07 Apr 2015</span>
500 
+                            </div>
501 
+                            <p>
502 
+                                Alex Trebek's fun TV quiz game. Woven silk pyjamas exchanged for blue quartz. Brawny gods just zebra, and my wolves quack! Blowzy red vixens fight for a quick.
503 
+                            </p>
504 
+                            <p>
505 
+                                On the other hand, we denounce with righteous indignation and dislike men who are so beguiled and demoralized by the.
506 
+                            </p>
507 
+                            <div class="row">
508 
+                                <div class="col-md-6">
509 
+                                    <h5>Tags:</h5>
510 
+                                    <button class="btn btn-white btn-xs" type="button">Model</button>
511 
+                                    <button class="btn btn-white btn-xs" type="button">Publishing</button>
512 
+                                    <button class="btn btn-white btn-xs" type="button">Modern</button>
513 
+                                    <button class="btn btn-white btn-xs" type="button">Premium</button>
514 
+                                </div>
515 
+                                <div class="col-md-6">
516 
+                                    <div class="small text-right">
517 
+                                        <h5>Stats:</h5>
518 
+                                        <div> <i class="fa fa-comments-o"> </i> 23 comments </div>
519 
+                                        <i class="fa fa-eye"> </i> 34 views
520 
+                                    </div>
521 
+                                </div>
522 
+                            </div>
523 
+                        </div>
524 
+                    </div>
525 
+                    <div class="ibox">
526 
+                        <div class="ibox-content">
527 
+                            <a href="article.html" class="btn-link">
528 
+                                <h2>
529 
+                                    Two driven jocks help fax my big
530 
+                                </h2>
531 
+                            </a>
532 
+                            <div class="small m-b-xs">
533 
+                                <strong>Monica Jackson</strong> <span class="text-muted"><i class="fa fa-clock-o"></i> 14th Oct 2015</span>
534 
+                            </div>
535 
+                            <p>
536 
+                                Flummoxed by job, kvetching W. zaps Iraq. Cozy sphinx waves quart jug of bad milk. A very bad quack might jinx zippy fowls. Few quips galvanized
537 
+                            </p>
538 
+                            <p>
539 
+                                It wasn't a dream. His room, a proper human room although a little too small, lay peacefully between its four familiar walls.
540 
+                            </p>
541 
+                            <div class="row">
542 
+                                <div class="col-md-6">
543 
+                                    <h5>Tags:</h5>
544 
+                                    <button class="btn btn-white btn-xs" type="button">Modern</button>
545 
+                                    <button class="btn btn-white btn-xs" type="button">Model</button>
546 
+                                </div>
547 
+                                <div class="col-md-6">
548 
+                                    <div class="small text-right">
549 
+                                        <h5>Stats:</h5>
550 
+                                        <div> <i class="fa fa-comments-o"> </i> 32 comments </div>
551 
+                                        <i class="fa fa-eye"> </i> 10 views
552 
+                                    </div>
553 
+                                </div>
554 
+                            </div>
555 
+                        </div>
556 
+                    </div>
557 
+                    <div class="ibox">
558 
+                        <div class="ibox-content">
559 
+                            <a href="article.html" class="btn-link">
560 
+                                <h2>
561 
+                                    I feel the presence of the Almighty
562 
+                                </h2>
563 
+                            </a>
564 
+                            <div class="small m-b-xs">
565 
+                                <strong>John Smith</strong> <span class="text-muted"><i class="fa fa-clock-o"></i> 04 Dec 2015</span>
566 
+                            </div>
567 
+                            <p>
568 
+                                I hear the buzz of the little world among the stalks, and grow familiar with the countless indescribable forms of the insects and flies, then I feel the presence of the Almighty, who formed us in his own image, and the breath
569 
+                                Gregor then turned to look out the window at the dull weather.
570 
+                            </p>
571 
+                            <div class="row">
572 
+                                <div class="col-md-6">
573 
+                                    <h5>Tags:</h5>
574 
+                                    <button class="btn btn-white btn-xs" type="button">Publishing</button>
575 
+                                    <button class="btn btn-white btn-xs" type="button">Premium</button>
576 
+
577 
+                                </div>
578 
+                                <div class="col-md-6">
579 
+                                    <div class="small text-right">
580 
+                                        <h5>Stats:</h5>
581 
+                                        <div> <i class="fa fa-comments-o"> </i> 22 comments </div>
582 
+                                        <i class="fa fa-eye"> </i> 17 views
583 
+                                    </div>
584 
+                                </div>
585 
+                            </div>
586 
+                        </div>
587 
+                    </div>
588 
+                </div>
589 
+                <div class="col-lg-4">
590 
+                    <div class="ibox">
591 
+                        <div class="ibox-content">
592 
+                            <a href="article.html" class="btn-link">
593 
+                                <h2>
594 
+                                    The European languages are members
595 
+                                </h2>
596 
+                            </a>
597 
+                            <div class="small m-b-xs">
598 
+                                <strong>Anthony Pits</strong> <span class="text-muted"><i class="fa fa-clock-o"></i> 04 Jan 2015</span>
599 
+                            </div>
600 
+                            <p>
601 
+                                The languages only differ in their grammar, their pronunciation and their most common words. Everyone realizes why a new common language would be desirable: one could refuse to pay expensive translators.
602 
+                            </p>
603 
+                            <div class="row">
604 
+                                <div class="col-md-6">
605 
+                                    <h5>Tags:</h5>
606 
+                                    <button class="btn btn-primary btn-xs" type="button">Publishing</button>
607 
+                                    <button class="btn btn-white btn-xs" type="button">Model</button>
608 
+                                </div>
609 
+                                <div class="col-md-6">
610 
+                                    <div class="small text-right">
611 
+                                        <h5>Stats:</h5>
612 
+                                        <div> <i class="fa fa-comments-o"> </i> 54 comments </div>
613 
+                                        <i class="fa fa-eye"> </i> 52 views
614 
+                                    </div>
615 
+                                </div>
616 
+                            </div>
617 
+                        </div>
618 
+                    </div>
619 
+                    <div class="ibox">
620 
+                        <div class="ibox-content">
621 
+                            <a href="article.html" class="btn-link">
622 
+                                <h2>
623 
+                                    The new common language
624 
+                                </h2>
625 
+                            </a>
626 
+                            <div class="small m-b-xs">
627 
+                                <strong>Adam Novak</strong> <span class="text-muted"><i class="fa fa-clock-o"></i> 14th Oct 2015</span>
628 
+                            </div>
629 
+                            <p>
630 
+                                English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web
631 
+                            </p>
632 
+                            <p>
633 
+                                The bedding was hardly able to cover it and seemed ready to slide off any moment. His many legs, pitifully thin compared with the size of the rest of him, waved about helplessly as he
634 
+                            </p>
635 
+                            <div class="row">
636 
+                                <div class="col-md-6">
637 
+                                    <h5>Tags:</h5>
638 
+                                    <button class="btn btn-white btn-xs" type="button">Publishing</button>
639 
+                                    <button class="btn btn-white btn-xs" type="button">Model</button>
640 
+                                    <button class="btn btn-white btn-xs" type="button">Premium</button>
641 
+                                </div>
642 
+                                <div class="col-md-6">
643 
+                                    <div class="small text-right">
644 
+                                        <h5>Stats:</h5>
645 
+                                        <div> <i class="fa fa-comments-o"> </i> 47 comments </div>
646 
+                                        <i class="fa fa-eye"> </i> 138 views
647 
+                                    </div>
648 
+                                </div>
649 
+                            </div>
650 
+                        </div>
651 
+                    </div>
652 
+                    <div class="ibox">
653 
+                        <div class="ibox-content">
654 
+                            <a href="article.html" class="btn-link">
655 
+                                <h2>
656 
+                                    Their pronunciation and their most
657 
+                                </h2>
658 
+                            </a>
659 
+                            <div class="small m-b-xs">
660 
+                                <strong>Mike Johnson</strong> <span class="text-muted"><i class="fa fa-clock-o"></i> 11th Oct 2015</span>
661 
+                            </div>
662 
+                            <p>
663 
+                                To take a trivial example, which of us ever undertakes laborious physical exercise, except to obtain some advantage from it? But who has any right to find fault with a man who chooses
664 
+                            </p>
665 
+                            <div class="row">
666 
+                                <div class="col-md-6">
667 
+                                    <h5>Tags:</h5>
668 
+                                    <button class="btn btn-primary btn-xs" type="button">Publishing</button>
669 
+                                    <button class="btn btn-white btn-xs" type="button">Model</button>
670 
+                                </div>
671 
+                                <div class="col-md-6">
672 
+                                    <div class="small text-right">
673 
+                                        <h5>Stats:</h5>
674 
+                                        <div> <i class="fa fa-comments-o"> </i> 54 comments </div>
675 
+                                        <i class="fa fa-eye"> </i> 52 views
676 
+                                    </div>
677 
+                                </div>
678 
+                            </div>
679 
+                        </div>
680 
+                    </div>
681 
+                </div>
682 
+            </div>
683 
+
684 
+
685 
+        </div>
686 
+        <div class="footer">
687 
+            <div class="pull-right">
688 
+                10GB of <strong>250GB</strong> Free.
689 
+            </div>
690 
+            <div>
691 
+                <strong>Copyright</strong> Example Company &copy; 2014-2015
692 
+            </div>
693 
+        </div>
694 
+
695 
+        </div>
696 
+        </div>
697 
+
698 
+
699 
+
700 
+    <!-- Mainly scripts -->
701 
+    <script src="js/jquery-2.1.1.js"></script>
702 
+    <script src="js/bootstrap.min.js"></script>
703 
+    <script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
704 
+    <script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
705 
+
706 
+    <!-- Custom and plugin javascript -->
707 
+    <script src="js/inspinia.js"></script>
708 
+    <script src="js/plugins/pace/pace.min.js"></script>
709 
+
710 
+</body>
711 
+
712 
+</html>

+ 962
- 0
buttons.html Visa fil 

@@ -0,0 +1,962 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+
6 
+    <meta charset="utf-8">
7 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
8 
+
9 
+    <title>INSPINIA | Dashboard</title>
10 
+
11 
+    <link href="css/bootstrap.min.css" rel="stylesheet">
12 
+    <link href="font-awesome/css/font-awesome.css" rel="stylesheet">
13 
+
14 
+    <link href="css/animate.css" rel="stylesheet">
15 
+    <link href="css/style.css" rel="stylesheet">
16 
+
17 
+</head>
18 
+
19 
+<body>
20 
+
21 
+    <div id="wrapper">
22 
+
23 
+    <nav class="navbar-default navbar-static-side" role="navigation">
24 
+        <div class="sidebar-collapse">
25 
+            <ul class="nav metismenu" id="side-menu">
26 
+                <li class="nav-header">
27 
+                    <div class="dropdown profile-element"> <span>
28 
+                            <img alt="image" class="img-circle" src="img/profile_small.jpg" />
29 
+                             </span>
30 
+                        <a data-toggle="dropdown" class="dropdown-toggle" href="#">
31 
+                            <span class="clear"> <span class="block m-t-xs"> <strong class="font-bold">David Williams</strong>
32 
+                             </span> <span class="text-muted text-xs block">Art Director <b class="caret"></b></span> </span> </a>
33 
+                        <ul class="dropdown-menu animated fadeInRight m-t-xs">
34 
+                            <li><a href="profile.html">Profile</a></li>
35 
+                            <li><a href="contacts.html">Contacts</a></li>
36 
+                            <li><a href="mailbox.html">Mailbox</a></li>
37 
+                            <li class="divider"></li>
38 
+                            <li><a href="login.html">Logout</a></li>
39 
+                        </ul>
40 
+                    </div>
41 
+                    <div class="logo-element">
42 
+                        IN+
43 
+                    </div>
44 
+                </li>
45 
+                <li>
46 
+                    <a href="index.html"><i class="fa fa-th-large"></i> <span class="nav-label">Dashboards</span> <span class="fa arrow"></span></a>
47 
+                    <ul class="nav nav-second-level collapse">
48 
+                        <li><a href="index.html">Dashboard v.1</a></li>
49 
+                        <li><a href="dashboard_2.html">Dashboard v.2</a></li>
50 
+                        <li><a href="dashboard_3.html">Dashboard v.3</a></li>
51 
+                        <li><a href="dashboard_4_1.html">Dashboard v.4</a></li>
52 
+                        <li><a href="dashboard_5.html">Dashboard v.5 <span class="label label-primary pull-right">NEW</span></a></li>
53 
+                    </ul>
54 
+                </li>
55 
+                <li>
56 
+                    <a href="layouts.html"><i class="fa fa-diamond"></i> <span class="nav-label">Layouts</span></a>
57 
+                </li>
58 
+                <li>
59 
+                    <a href="#"><i class="fa fa-bar-chart-o"></i> <span class="nav-label">Graphs</span><span class="fa arrow"></span></a>
60 
+                    <ul class="nav nav-second-level collapse">
61 
+                        <li><a href="graph_flot.html">Flot Charts</a></li>
62 
+                        <li><a href="graph_morris.html">Morris.js Charts</a></li>
63 
+                        <li><a href="graph_rickshaw.html">Rickshaw Charts</a></li>
64 
+                        <li><a href="graph_chartjs.html">Chart.js</a></li>
65 
+                        <li><a href="graph_chartist.html">Chartist</a></li>
66 
+                        <li><a href="c3.html">c3 charts</a></li>
67 
+                        <li><a href="graph_peity.html">Peity Charts</a></li>
68 
+                        <li><a href="graph_sparkline.html">Sparkline Charts</a></li>
69 
+                    </ul>
70 
+                </li>
71 
+                <li>
72 
+                    <a href="mailbox.html"><i class="fa fa-envelope"></i> <span class="nav-label">Mailbox </span><span class="label label-warning pull-right">16/24</span></a>
73 
+                    <ul class="nav nav-second-level collapse">
74 
+                        <li><a href="mailbox.html">Inbox</a></li>
75 
+                        <li><a href="mail_detail.html">Email view</a></li>
76 
+                        <li><a href="mail_compose.html">Compose email</a></li>
77 
+                        <li><a href="email_template.html">Email templates</a></li>
78 
+                    </ul>
79 
+                </li>
80 
+                <li>
81 
+                    <a href="metrics.html"><i class="fa fa-pie-chart"></i> <span class="nav-label">Metrics</span>  </a>
82 
+                </li>
83 
+                <li>
84 
+                    <a href="widgets.html"><i class="fa fa-flask"></i> <span class="nav-label">Widgets</span></a>
85 
+                </li>
86 
+                <li>
87 
+                    <a href="#"><i class="fa fa-edit"></i> <span class="nav-label">Forms</span><span class="fa arrow"></span></a>
88 
+                    <ul class="nav nav-second-level collapse">
89 
+                        <li><a href="form_basic.html">Basic form</a></li>
90 
+                        <li><a href="form_advanced.html">Advanced Plugins</a></li>
91 
+                        <li><a href="form_wizard.html">Wizard</a></li>
92 
+                        <li><a href="form_file_upload.html">File Upload</a></li>
93 
+                        <li><a href="form_editors.html">Text Editor</a></li>
94 
+                        <li><a href="form_markdown.html">Markdown</a></li>
95 
+                    </ul>
96 
+                </li>
97 
+                <li>
98 
+                    <a href="#"><i class="fa fa-desktop"></i> <span class="nav-label">App Views</span>  <span class="pull-right label label-primary">SPECIAL</span></a>
99 
+                    <ul class="nav nav-second-level collapse">
100 
+                        <li><a href="contacts.html">Contacts</a></li>
101 
+                        <li><a href="profile.html">Profile</a></li>
102 
+                        <li><a href="profile_2.html">Profile v.2</a></li>
103 
+                        <li><a href="contacts_2.html">Contacts v.2</a></li>
104 
+                        <li><a href="projects.html">Projects</a></li>
105 
+                        <li><a href="project_detail.html">Project detail</a></li>
106 
+                        <li><a href="teams_board.html">Teams board</a></li>
107 
+                        <li><a href="social_feed.html">Social feed</a></li>
108 
+                        <li><a href="clients.html">Clients</a></li>
109 
+                        <li><a href="full_height.html">Outlook view</a></li>
110 
+                        <li><a href="vote_list.html">Vote list</a></li>
111 
+                        <li><a href="file_manager.html">File manager</a></li>
112 
+                        <li><a href="calendar.html">Calendar</a></li>
113 
+                        <li><a href="issue_tracker.html">Issue tracker</a></li>
114 
+                        <li><a href="blog.html">Blog</a></li>
115 
+                        <li><a href="article.html">Article</a></li>
116 
+                        <li><a href="faq.html">FAQ</a></li>
117 
+                        <li><a href="timeline.html">Timeline</a></li>
118 
+                        <li><a href="pin_board.html">Pin board</a></li>
119 
+                    </ul>
120 
+                </li>
121 
+                <li>
122 
+                    <a href="#"><i class="fa fa-files-o"></i> <span class="nav-label">Other Pages</span><span class="fa arrow"></span></a>
123 
+                    <ul class="nav nav-second-level collapse">
124 
+                        <li><a href="search_results.html">Search results</a></li>
125 
+                        <li><a href="lockscreen.html">Lockscreen</a></li>
126 
+                        <li><a href="invoice.html">Invoice</a></li>
127 
+                        <li><a href="login.html">Login</a></li>
128 
+                        <li><a href="login_two_columns.html">Login v.2</a></li>
129 
+                        <li><a href="forgot_password.html">Forget password</a></li>
130 
+                        <li><a href="register.html">Register</a></li>
131 
+                        <li><a href="404.html">404 Page</a></li>
132 
+                        <li><a href="500.html">500 Page</a></li>
133 
+                        <li><a href="empty_page.html">Empty page</a></li>
134 
+                    </ul>
135 
+                </li>
136 
+                <li>
137 
+                    <a href="#"><i class="fa fa-globe"></i> <span class="nav-label">Miscellaneous</span><span class="label label-info pull-right">NEW</span></a>
138 
+                    <ul class="nav nav-second-level collapse">
139 
+                        <li><a href="toastr_notifications.html">Notification</a></li>
140 
+                        <li><a href="nestable_list.html">Nestable list</a></li>
141 
+                        <li><a href="agile_board.html">Agile board</a></li>
142 
+                        <li><a href="timeline_2.html">Timeline v.2</a></li>
143 
+                        <li><a href="diff.html">Diff</a></li>
144 
+                        <li><a href="i18support.html">i18 support</a></li>
145 
+                        <li><a href="sweetalert.html">Sweet alert</a></li>
146 
+                        <li><a href="idle_timer.html">Idle timer</a></li>
147 
+                        <li><a href="truncate.html">Truncate</a></li>
148 
+                        <li><a href="spinners.html">Spinners</a></li>
149 
+                        <li><a href="tinycon.html">Live favicon</a></li>
150 
+                        <li><a href="google_maps.html">Google maps</a></li>
151 
+                        <li><a href="code_editor.html">Code editor</a></li>
152 
+                        <li><a href="modal_window.html">Modal window</a></li>
153 
+                        <li><a href="clipboard.html">Clipboard</a></li>
154 
+                        <li><a href="forum_main.html">Forum view</a></li>
155 
+                        <li><a href="validation.html">Validation</a></li>
156 
+                        <li><a href="tree_view.html">Tree view</a></li>
157 
+                        <li><a href="loading_buttons.html">Loading buttons</a></li>
158 
+                        <li><a href="chat_view.html">Chat view</a></li>
159 
+                        <li><a href="masonry.html">Masonry</a></li>
160 
+                        <li><a href="tour.html">Tour</a></li>
161 
+                    </ul>
162 
+                </li>
163 
+                <li class="active">
164 
+                    <a href="#"><i class="fa fa-flask"></i> <span class="nav-label">UI Elements</span><span class="fa arrow"></span></a>
165 
+                    <ul class="nav nav-second-level">
166 
+                        <li><a href="typography.html">Typography</a></li>
167 
+                        <li><a href="icons.html">Icons</a></li>
168 
+                        <li><a href="draggable_panels.html">Draggable Panels</a></li> <li><a href="resizeable_panels.html">Resizeable Panels</a></li>
169 
+                        <li class="active"><a href="buttons.html">Buttons</a></li>
170 
+                        <li><a href="video.html">Video</a></li>
171 
+                        <li><a href="tabs_panels.html">Panels</a></li>
172 
+                        <li><a href="tabs.html">Tabs</a></li>
173 
+                        <li><a href="notifications.html">Notifications & Tooltips</a></li>
174 
+                        <li><a href="badges_labels.html">Badges, Labels, Progress</a></li>
175 
+                    </ul>
176 
+                </li>
177 
+
178 
+                <li>
179 
+                    <a href="grid_options.html"><i class="fa fa-laptop"></i> <span class="nav-label">Grid options</span></a>
180 
+                </li>
181 
+                <li>
182 
+                    <a href="#"><i class="fa fa-table"></i> <span class="nav-label">Tables</span><span class="fa arrow"></span></a>
183 
+                    <ul class="nav nav-second-level collapse">
184 
+                        <li><a href="table_basic.html">Static Tables</a></li>
185 
+                        <li><a href="table_data_tables.html">Data Tables</a></li>
186 
+                        <li><a href="table_foo_table.html">Foo Tables</a></li>
187 
+                        <li><a href="jq_grid.html">jqGrid</a></li>
188 
+                    </ul>
189 
+                </li>
190 
+                <li>
191 
+                    <a href="#"><i class="fa fa-shopping-cart"></i> <span class="nav-label">E-commerce</span><span class="fa arrow"></span></a>
192 
+                    <ul class="nav nav-second-level collapse">
193 
+                        <li><a href="ecommerce_products_grid.html">Products grid</a></li>
194 
+                        <li><a href="ecommerce_product_list.html">Products list</a></li>
195 
+                        <li><a href="ecommerce_product.html">Product edit</a></li>
196 
+                        <li><a href="ecommerce_product_detail.html">Product detail</a></li>
197 
+                        <li><a href="ecommerce-cart.html">Cart</a></li>
198 
+                        <li><a href="ecommerce-orders.html">Orders</a></li>
199 
+                        <li><a href="ecommerce_payments.html">Credit Card form</a></li>
200 
+                    </ul>
201 
+                </li>
202 
+                <li>
203 
+                    <a href="#"><i class="fa fa-picture-o"></i> <span class="nav-label">Gallery</span><span class="fa arrow"></span></a>
204 
+                    <ul class="nav nav-second-level collapse">
205 
+                        <li><a href="basic_gallery.html">Lightbox Gallery</a></li>
206 
+                        <li><a href="slick_carousel.html">Slick Carousel</a></li>
207 
+                        <li><a href="carousel.html">Bootstrap Carousel</a></li>
208 
+
209 
+                    </ul>
210 
+                </li>
211 
+                <li>
212 
+                    <a href="#"><i class="fa fa-sitemap"></i> <span class="nav-label">Menu Levels </span><span class="fa arrow"></span></a>
213 
+                    <ul class="nav nav-second-level collapse">
214 
+                        <li>
215 
+                            <a href="#">Third Level <span class="fa arrow"></span></a>
216 
+                            <ul class="nav nav-third-level">
217 
+                                <li>
218 
+                                    <a href="#">Third Level Item</a>
219 
+                                </li>
220 
+                                <li>
221 
+                                    <a href="#">Third Level Item</a>
222 
+                                </li>
223 
+                                <li>
224 
+                                    <a href="#">Third Level Item</a>
225 
+                                </li>
226 
+
227 
+                            </ul>
228 
+                        </li>
229 
+                        <li><a href="#">Second Level Item</a></li>
230 
+                        <li>
231 
+                            <a href="#">Second Level Item</a></li>
232 
+                        <li>
233 
+                            <a href="#">Second Level Item</a></li>
234 
+                    </ul>
235 
+                </li>
236 
+                <li>
237 
+                    <a href="css_animation.html"><i class="fa fa-magic"></i> <span class="nav-label">CSS Animations </span><span class="label label-info pull-right">62</span></a>
238 
+                </li>
239 
+                <li class="landing_link">
240 
+                    <a target="_blank" href="landing.html"><i class="fa fa-star"></i> <span class="nav-label">Landing Page</span> <span class="label label-warning pull-right">NEW</span></a>
241 
+                </li>
242 
+                <li class="special_link">
243 
+                    <a href="package.html"><i class="fa fa-database"></i> <span class="nav-label">Package</span></a>
244 
+                </li>
245 
+            </ul>
246 
+
247 
+        </div>
248 
+    </nav>
249 
+
250 
+        <div id="page-wrapper" class="gray-bg">
251 
+        <div class="row border-bottom">
252 
+        <nav class="navbar navbar-static-top" role="navigation" style="margin-bottom: 0">
253 
+            <div class="navbar-header">
254 
+                <a class="navbar-minimalize minimalize-styl-2 btn btn-primary " href="#"><i class="fa fa-bars"></i> </a>
255 
+                <form role="search" class="navbar-form-custom" action="search_results.html">
256 
+                    <div class="form-group">
257 
+                        <input type="text" placeholder="Search for something..." class="form-control" name="top-search" id="top-search">
258 
+                    </div>
259 
+                </form>
260 
+            </div>
261 
+            <ul class="nav navbar-top-links navbar-right">
262 
+                <li>
263 
+                    <span class="m-r-sm text-muted welcome-message">Welcome to INSPINIA+ Admin Theme.</span>
264 
+                </li>
265 
+                <li class="dropdown">
266 
+                    <a class="dropdown-toggle count-info" data-toggle="dropdown" href="#">
267 
+                        <i class="fa fa-envelope"></i>  <span class="label label-warning">16</span>
268 
+                    </a>
269 
+                    <ul class="dropdown-menu dropdown-messages">
270 
+                        <li>
271 
+                            <div class="dropdown-messages-box">
272 
+                                <a href="profile.html" class="pull-left">
273 
+                                    <img alt="image" class="img-circle" src="img/a7.jpg">
274 
+                                </a>
275 
+                                <div class="media-body">
276 
+                                    <small class="pull-right">46h ago</small>
277 
+                                    <strong>Mike Loreipsum</strong> started following <strong>Monica Smith</strong>. <br>
278 
+                                    <small class="text-muted">3 days ago at 7:58 pm - 10.06.2014</small>
279 
+                                </div>
280 
+                            </div>
281 
+                        </li>
282 
+                        <li class="divider"></li>
283 
+                        <li>
284 
+                            <div class="dropdown-messages-box">
285 
+                                <a href="profile.html" class="pull-left">
286 
+                                    <img alt="image" class="img-circle" src="img/a4.jpg">
287 
+                                </a>
288 
+                                <div class="media-body ">
289 
+                                    <small class="pull-right text-navy">5h ago</small>
290 
+                                    <strong>Chris Johnatan Overtunk</strong> started following <strong>Monica Smith</strong>. <br>
291 
+                                    <small class="text-muted">Yesterday 1:21 pm - 11.06.2014</small>
292 
+                                </div>
293 
+                            </div>
294 
+                        </li>
295 
+                        <li class="divider"></li>
296 
+                        <li>
297 
+                            <div class="dropdown-messages-box">
298 
+                                <a href="profile.html" class="pull-left">
299 
+                                    <img alt="image" class="img-circle" src="img/profile.jpg">
300 
+                                </a>
301 
+                                <div class="media-body ">
302 
+                                    <small class="pull-right">23h ago</small>
303 
+                                    <strong>Monica Smith</strong> love <strong>Kim Smith</strong>. <br>
304 
+                                    <small class="text-muted">2 days ago at 2:30 am - 11.06.2014</small>
305 
+                                </div>
306 
+                            </div>
307 
+                        </li>
308 
+                        <li class="divider"></li>
309 
+                        <li>
310 
+                            <div class="text-center link-block">
311 
+                                <a href="mailbox.html">
312 
+                                    <i class="fa fa-envelope"></i> <strong>Read All Messages</strong>
313 
+                                </a>
314 
+                            </div>
315 
+                        </li>
316 
+                    </ul>
317 
+                </li>
318 
+                <li class="dropdown">
319 
+                    <a class="dropdown-toggle count-info" data-toggle="dropdown" href="#">
320 
+                        <i class="fa fa-bell"></i>  <span class="label label-primary">8</span>
321 
+                    </a>
322 
+                    <ul class="dropdown-menu dropdown-alerts">
323 
+                        <li>
324 
+                            <a href="mailbox.html">
325 
+                                <div>
326 
+                                    <i class="fa fa-envelope fa-fw"></i> You have 16 messages
327 
+                                    <span class="pull-right text-muted small">4 minutes ago</span>
328 
+                                </div>
329 
+                            </a>
330 
+                        </li>
331 
+                        <li class="divider"></li>
332 
+                        <li>
333 
+                            <a href="profile.html">
334 
+                                <div>
335 
+                                    <i class="fa fa-twitter fa-fw"></i> 3 New Followers
336 
+                                    <span class="pull-right text-muted small">12 minutes ago</span>
337 
+                                </div>
338 
+                            </a>
339 
+                        </li>
340 
+                        <li class="divider"></li>
341 
+                        <li>
342 
+                            <a href="grid_options.html">
343 
+                                <div>
344 
+                                    <i class="fa fa-upload fa-fw"></i> Server Rebooted
345 
+                                    <span class="pull-right text-muted small">4 minutes ago</span>
346 
+                                </div>
347 
+                            </a>
348 
+                        </li>
349 
+                        <li class="divider"></li>
350 
+                        <li>
351 
+                            <div class="text-center link-block">
352 
+                                <a href="notifications.html">
353 
+                                    <strong>See All Alerts</strong>
354 
+                                    <i class="fa fa-angle-right"></i>
355 
+                                </a>
356 
+                            </div>
357 
+                        </li>
358 
+                    </ul>
359 
+                </li>
360 
+
361 
+
362 
+                <li>
363 
+                    <a href="login.html">
364 
+                        <i class="fa fa-sign-out"></i> Log out
365 
+                    </a>
366 
+                </li>
367 
+            </ul>
368 
+
369 
+        </nav>
370 
+        </div>
371 
+            <div class="row wrapper border-bottom white-bg page-heading">
372 
+                <div class="col-lg-10">
373 
+                    <h2>Buttons</h2>
374 
+                    <ol class="breadcrumb">
375 
+                        <li>
376 
+                            <a href="index.html">Home</a>
377 
+                        </li>
378 
+                        <li>
379 
+                            <a>UI Elements</a>
380 
+                        </li>
381 
+                        <li class="active">
382 
+                            <strong>Buttons</strong>
383 
+                        </li>
384 
+                    </ol>
385 
+                </div>
386 
+                <div class="col-lg-2">
387 
+
388 
+                </div>
389 
+            </div>
390 
+        <div class="row wrapper wrapper-content animated fadeInRight">
391 
+            <div class="col-lg-4">
392 
+                <div class="ibox float-e-margins">
393 
+                    <div class="ibox-title">
394 
+                        <h5>Colors buttons</h5>
395 
+                        <div class="ibox-tools">
396 
+                            <a class="collapse-link">
397 
+                                <i class="fa fa-chevron-up"></i>
398 
+                            </a>
399 
+                            <a class="dropdown-toggle" data-toggle="dropdown" href="#">
400 
+                                <i class="fa fa-wrench"></i>
401 
+                            </a>
402 
+                            <ul class="dropdown-menu dropdown-user">
403 
+                                <li><a href="#">Config option 1</a>
404 
+                                </li>
405 
+                                <li><a href="#">Config option 2</a>
406 
+                                </li>
407 
+                            </ul>
408 
+                            <a class="close-link">
409 
+                                <i class="fa fa-times"></i>
410 
+                            </a>
411 
+                        </div>
412 
+                    </div>
413 
+                    <div class="ibox-content">
414 
+                        <p>
415 
+                            Use any of the available button classes to quickly create a styled button.
416 
+                        </p>
417 
+
418 
+                        <h3 class="font-bold">
419 
+                            Normal buttons
420 
+                        </h3>
421 
+                        <p>
422 
+                            <button type="button" class="btn btn-w-m btn-default">Default</button>
423 
+                            <button type="button" class="btn btn-w-m btn-primary">Primary</button>
424 
+                            <button type="button" class="btn btn-w-m btn-success">Success</button>
425 
+                            <button type="button" class="btn btn-w-m btn-info">Info</button>
426 
+                            <button type="button" class="btn btn-w-m btn-warning">Warning</button>
427 
+                            <button type="button" class="btn btn-w-m btn-danger">Danger</button>
428 
+                            <button type="button" class="btn btn-w-m btn-link">Link</button>
429 
+                        </p>
430 
+                    </div>
431 
+                </div>
432 
+            </div>
433 
+            <div class="col-lg-4">
434 
+                <div class="ibox float-e-margins">
435 
+                    <div class="ibox-title">
436 
+                        <h5>Diferent size</h5>
437 
+                        <div class="ibox-tools">
438 
+                            <a class="collapse-link">
439 
+                                <i class="fa fa-chevron-up"></i>
440 
+                            </a>
441 
+                            <a class="dropdown-toggle" data-toggle="dropdown" href="#">
442 
+                                <i class="fa fa-wrench"></i>
443 
+                            </a>
444 
+                            <ul class="dropdown-menu dropdown-user">
445 
+                                <li><a href="#">Config option 1</a>
446 
+                                </li>
447 
+                                <li><a href="#">Config option 2</a>
448 
+                                </li>
449 
+                            </ul>
450 
+                            <a class="close-link">
451 
+                                <i class="fa fa-times"></i>
452 
+                            </a>
453 
+                        </div>
454 
+                    </div>
455 
+                    <div class="ibox-content">
456 
+                        <p>
457 
+                       If You want larger or smaller buttons You can add <code>.btn-lg</code>, <code>.btn-sm</code>, or <code>.btn-xs</code> class.
458 
+                        </p>
459 
+                        <h3 class="font-bold">Button Sizes</h3>
460 
+                        <p>
461 
+                            <button type="button" class="btn btn-primary btn-lg">Large button</button>
462 
+                            <button type="button" class="btn btn-default btn-lg">Large button</button>
463 
+                            <br/>
464 
+                            <button type="button" class="btn btn-primary">Default button</button>
465 
+                            <button type="button" class="btn btn-default">Default button</button>
466 
+                            <br/>
467 
+                            <button type="button" class="btn btn-primary btn-sm">Small button</button>
468 
+                            <button type="button" class="btn btn-default btn-sm">Small button</button>
469 
+                            <br/>
470 
+                            <button type="button" class="btn btn-primary btn-xs">Mini button</button>
471 
+                            <button type="button" class="btn btn-default btn-xs">Mini button</button>
472 
+                        </p>
473 
+                    </div>
474 
+                </div>
475 
+            </div>
476 
+            <div class="col-lg-4">
477 
+                <div class="ibox float-e-margins">
478 
+                    <div class="ibox-title">
479 
+                        <h5>Outline and Block Buttons</h5>
480 
+                        <div class="ibox-tools">
481 
+                            <a class="collapse-link">
482 
+                                <i class="fa fa-chevron-up"></i>
483 
+                            </a>
484 
+                            <a class="dropdown-toggle" data-toggle="dropdown" href="#">
485 
+                                <i class="fa fa-wrench"></i>
486 
+                            </a>
487 
+                            <ul class="dropdown-menu dropdown-user">
488 
+                                <li><a href="#">Config option 1</a>
489 
+                                </li>
490 
+                                <li><a href="#">Config option 2</a>
491 
+                                </li>
492 
+                            </ul>
493 
+                            <a class="close-link">
494 
+                                <i class="fa fa-times"></i>
495 
+                            </a>
496 
+                        </div>
497 
+                    </div>
498 
+                    <div class="ibox-content">
499 
+                        <p>
500 
+                            Create block level buttons or outline buttons, by adding <code>.btn-block</code>   or <code>.btn-outline</code>.
501 
+                        </p>
502 
+
503 
+                        <h3 class="font-bold">Outline buttons</h3>
504 
+                        <p>
505 
+                            <button type="button" class="btn btn-outline btn-default">Default</button>
506 
+                            <button type="button" class="btn btn-outline btn-primary">Primary</button>
507 
+                            <button type="button" class="btn btn-outline btn-success">Success</button>
508 
+                            <button type="button" class="btn btn-outline btn-info">Info</button>
509 
+                            <button type="button" class="btn btn-outline btn-warning">Warning</button>
510 
+                            <button type="button" class="btn btn-outline btn-danger">Danger</button>
511 
+                            <button type="button" class="btn btn-outline btn-link">Link</button>
512 
+                        </p>
513 
+                        <h3 class="font-bold">Block buttons</h3>
514 
+                        <p>
515 
+                            <button type="button" class="btn btn-block btn-outline btn-primary">Primary</button>
516 
+                        </p>
517 
+                    </div>
518 
+                </div>
519 
+            </div>
520 
+            <div class="col-lg-12">
521 
+                <div class="ibox float-e-margins">
522 
+                    <div class="ibox-title">
523 
+                        <h5>3D Buttons</h5>
524 
+                        <div class="ibox-tools">
525 
+                            <a class="collapse-link">
526 
+                                <i class="fa fa-chevron-up"></i>
527 
+                            </a>
528 
+                            <a class="dropdown-toggle" data-toggle="dropdown" href="#">
529 
+                                <i class="fa fa-wrench"></i>
530 
+                            </a>
531 
+                            <ul class="dropdown-menu dropdown-user">
532 
+                                <li><a href="#">Config option 1</a>
533 
+                                </li>
534 
+                                <li><a href="#">Config option 2</a>
535 
+                                </li>
536 
+                            </ul>
537 
+                            <a class="close-link">
538 
+                                <i class="fa fa-times"></i>
539 
+                            </a>
540 
+                        </div>
541 
+                    </div>
542 
+                    <div class="ibox-content">
543 
+                        <p>
544 
+                            To add three diminsion to buttons You can add <code>.dim</code> class to button.
545 
+                        </p>
546 
+                        <h3 class="font-bold">Three diminsion button</h3>
547 
+
548 
+                                <button class="btn btn-primary dim btn-large-dim" type="button"><i class="fa fa-money"></i></button>
549 
+                                <button class="btn btn-warning dim btn-large-dim" type="button"><i class="fa fa-warning"></i></button>
550 
+                                <button class="btn btn-danger  dim btn-large-dim" type="button"><i class="fa fa-heart"></i></button>
551 
+                                <button class="btn btn-primary  dim btn-large-dim" type="button"><i class="fa fa-dollar"></i>6</button>
552 
+                                <button class="btn btn-info  dim btn-large-dim btn-outline" type="button"><i class="fa fa-ruble"></i></button>
553 
+                                <button class="btn btn-primary dim" type="button"><i class="fa fa-money"></i></button>
554 
+                                <button class="btn btn-warning dim" type="button"><i class="fa fa-warning"></i></button>
555 
+                                <button class="btn btn-primary dim" type="button"><i class="fa fa-check"></i></button>
556 
+                                <button class="btn btn-success  dim" type="button"><i class="fa fa-upload"></i></button>
557 
+                                <button class="btn btn-info  dim" type="button"><i class="fa fa-paste"></i> </button>
558 
+                                <button class="btn btn-warning  dim" type="button"><i class="fa fa-warning"></i></button>
559 
+                                <button class="btn btn-default  dim " type="button"><i class="fa fa-star"></i></button>
560 
+                                <button class="btn btn-danger  dim " type="button"><i class="fa fa-heart"></i></button>
561 
+
562 
+                                <button class="btn btn-outline btn-primary dim" type="button"><i class="fa fa-money"></i></button>
563 
+                                <button class="btn btn-outline btn-warning dim" type="button"><i class="fa fa-warning"></i></button>
564 
+                                <button class="btn btn-outline btn-primary dim" type="button"><i class="fa fa-check"></i></button>
565 
+                                <button class="btn btn-outline btn-success  dim" type="button"><i class="fa fa-upload"></i></button>
566 
+                                <button class="btn btn-outline btn-info  dim" type="button"><i class="fa fa-paste"></i> </button>
567 
+                                <button class="btn btn-outline btn-warning  dim" type="button"><i class="fa fa-warning"></i></button>
568 
+                                <button class="btn btn-outline btn-danger  dim " type="button"><i class="fa fa-heart"></i></button>
569 
+
570 
+                    </div>
571 
+                </div>
572 
+            </div>
573 
+        <div class="col-lg-12">
574 
+            <div class="row">
575 
+                <div class="col-lg-6">
576 
+                    <div class="ibox float-e-margins">
577 
+                        <div class="ibox-title">
578 
+                            <h5>Button dropdowns</h5>
579 
+                            <div class="ibox-tools">
580 
+                                <a class="collapse-link">
581 
+                                    <i class="fa fa-chevron-up"></i>
582 
+                                </a>
583 
+                                <a class="dropdown-toggle" data-toggle="dropdown" href="#">
584 
+                                    <i class="fa fa-wrench"></i>
585 
+                                </a>
586 
+                                <ul class="dropdown-menu dropdown-user">
587 
+                                    <li><a href="#">Config option 1</a>
588 
+                                    </li>
589 
+                                    <li><a href="#">Config option 2</a>
590 
+                                    </li>
591 
+                                </ul>
592 
+                                <a class="close-link">
593 
+                                    <i class="fa fa-times"></i>
594 
+                                </a>
595 
+                            </div>
596 
+                        </div>
597 
+                    <div class="ibox-content">
598 
+                        <p>
599 
+                            Droppdowns buttons are avalible with any color and any size.
600 
+                        </p>
601 
+
602 
+                        <h3 class="font-bold">Dropdowns</h3>
603 
+                        <div class="btn-group">
604 
+                            <button data-toggle="dropdown" class="btn btn-primary dropdown-toggle">Action <span class="caret"></span></button>
605 
+                            <ul class="dropdown-menu">
606 
+                                <li><a href="#">Action</a></li>
607 
+                                <li><a href="#" class="font-bold">Another action</a></li>
608 
+                                <li><a href="#">Something else here</a></li>
609 
+                                <li class="divider"></li>
610 
+                                <li><a href="#">Separated link</a></li>
611 
+                            </ul>
612 
+                        </div>
613 
+                        <div class="btn-group">
614 
+                            <button data-toggle="dropdown" class="btn btn-warning dropdown-toggle">Action <span class="caret"></span></button>
615 
+                            <ul class="dropdown-menu">
616 
+                                <li><a href="#">Action</a></li>
617 
+                                <li><a href="#">Another action</a></li>
618 
+                                <li><a href="#">Something else here</a></li>
619 
+                                <li class="divider"></li>
620 
+                                <li><a href="#">Separated link</a></li>
621 
+                            </ul>
622 
+                        </div>
623 
+                        <div class="btn-group">
624 
+                            <button data-toggle="dropdown" class="btn btn-default dropdown-toggle">Action <span class="caret"></span></button>
625 
+                            <ul class="dropdown-menu">
626 
+                                <li><a href="#">Action</a></li>
627 
+                                <li><a href="#">Another action</a></li>
628 
+                                <li><a href="#">Something else here</a></li>
629 
+                                <li class="divider"></li>
630 
+                                <li><a href="#">Separated link</a></li>
631 
+                            </ul>
632 
+                        </div>
633 
+
634 
+                        <br/>
635 
+                        <div class="btn-group">
636 
+                            <button data-toggle="dropdown" class="btn btn-primary btn-sm dropdown-toggle">Action <span class="caret"></span></button>
637 
+                            <ul class="dropdown-menu">
638 
+                                <li><a href="#">Action</a></li>
639 
+                                <li><a href="#">Another action</a></li>
640 
+                                <li><a href="#">Something else here</a></li>
641 
+                                <li class="divider"></li>
642 
+                                <li><a href="#">Separated link</a></li>
643 
+                            </ul>
644 
+                        </div>
645 
+                        <div class="btn-group">
646 
+                            <button data-toggle="dropdown" class="btn btn-warning btn-sm dropdown-toggle">Action <span class="caret"></span></button>
647 
+                            <ul class="dropdown-menu">
648 
+                                <li><a href="#">Action</a></li>
649 
+                                <li><a href="#">Another action</a></li>
650 
+                                <li><a href="#">Something else here</a></li>
651 
+                                <li class="divider"></li>
652 
+                                <li><a href="#">Separated link</a></li>
653 
+                            </ul>
654 
+                        </div>
655 
+                        <div class="btn-group">
656 
+                            <button data-toggle="dropdown" class="btn btn-default btn-sm dropdown-toggle">Action <span class="caret"></span></button>
657 
+                            <ul class="dropdown-menu">
658 
+                                <li><a href="#">Action</a></li>
659 
+                                <li><a href="#">Another action</a></li>
660 
+                                <li><a href="#">Something else here</a></li>
661 
+                                <li class="divider"></li>
662 
+                                <li><a href="#">Separated link</a></li>
663 
+                            </ul>
664 
+                        </div>
665 
+                        <br/>
666 
+                        <div class="btn-group">
667 
+                            <button data-toggle="dropdown" class="btn btn-primary btn-xs dropdown-toggle">Action <span class="caret"></span></button>
668 
+                            <ul class="dropdown-menu">
669 
+                                <li><a href="#">Action</a></li>
670 
+                                <li><a href="#">Another action</a></li>
671 
+                                <li><a href="#">Something else here</a></li>
672 
+                                <li class="divider"></li>
673 
+                                <li><a href="#">Separated link</a></li>
674 
+                            </ul>
675 
+                        </div>
676 
+                        <div class="btn-group">
677 
+                            <button data-toggle="dropdown" class="btn btn-warning btn-xs dropdown-toggle">Action <span class="caret"></span></button>
678 
+                            <ul class="dropdown-menu">
679 
+                                <li><a href="#">Action</a></li>
680 
+                                <li><a href="#">Another action</a></li>
681 
+                                <li><a href="#">Something else here</a></li>
682 
+                                <li class="divider"></li>
683 
+                                <li><a href="#">Separated link</a></li>
684 
+                            </ul>
685 
+                        </div>
686 
+                        <div class="btn-group">
687 
+                            <button data-toggle="dropdown" class="btn btn-default btn-xs dropdown-toggle">Action <span class="caret"></span></button>
688 
+                            <ul class="dropdown-menu">
689 
+                                <li><a href="#">Action</a></li>
690 
+                                <li><a href="#">Another action</a></li>
691 
+                                <li><a href="#">Something else here</a></li>
692 
+                                <li class="divider"></li>
693 
+                                <li><a href="#">Separated link</a></li>
694 
+                            </ul>
695 
+                        </div>
696 
+                    </div>
697 
+                    </div>
698 
+                </div>
699 
+                <div class="col-lg-6">
700 
+                    <div class="ibox float-e-margins">
701 
+                        <div class="ibox-title">
702 
+                            <h5>Grouped Buttons</h5>
703 
+                            <div class="ibox-tools">
704 
+                                <a class="collapse-link">
705 
+                                    <i class="fa fa-chevron-up"></i>
706 
+                                </a>
707 
+                                <a class="dropdown-toggle" data-toggle="dropdown" href="#">
708 
+                                    <i class="fa fa-wrench"></i>
709 
+                                </a>
710 
+                                <ul class="dropdown-menu dropdown-user">
711 
+                                    <li><a href="#">Config option 1</a>
712 
+                                    </li>
713 
+                                    <li><a href="#">Config option 2</a>
714 
+                                    </li>
715 
+                                </ul>
716 
+                                <a class="close-link">
717 
+                                    <i class="fa fa-times"></i>
718 
+                                </a>
719 
+                            </div>
720 
+                        </div>
721 
+                        <div class="ibox-content">
722 
+                            <p>
723 
+                                This is a group of buttons, ideal for sytuation where many actions are related to same element.
724 
+                            </p>
725 
+
726 
+                            <h3 class="font-bold">Button Group</h3>
727 
+                            <div class="btn-group">
728 
+                                <button class="btn btn-white" type="button">Left</button>
729 
+                                <button class="btn btn-primary" type="button">Middle</button>
730 
+                                <button class="btn btn-white" type="button">Right</button>
731 
+                            </div>
732 
+                            <br/>
733 
+                            <br/>
734 
+                            <div class="btn-group">
735 
+                                <button type="button" class="btn btn-white"><i class="fa fa-chevron-left"></i></button>
736 
+                                <button class="btn btn-white">1</button>
737 
+                                <button class="btn btn-white  active">2</button>
738 
+                                <button class="btn btn-white">3</button>
739 
+                                <button class="btn btn-white">4</button>
740 
+                                <button type="button" class="btn btn-white"><i class="fa fa-chevron-right"></i> </button>
741 
+                            </div>
742 
+                        </div>
743 
+                    </div>
744 
+                </div>
745 
+            </div>
746 
+            <div class="ibox float-e-margins">
747 
+                <div class="ibox-title">
748 
+                    <h5>Icon Buttons</h5>
749 
+                    <div class="ibox-tools">
750 
+                        <a class="collapse-link">
751 
+                            <i class="fa fa-chevron-up"></i>
752 
+                        </a>
753 
+                        <a class="dropdown-toggle" data-toggle="dropdown" href="#">
754 
+                            <i class="fa fa-wrench"></i>
755 
+                        </a>
756 
+                        <ul class="dropdown-menu dropdown-user">
757 
+                            <li><a href="#">Config option 1</a>
758 
+                            </li>
759 
+                            <li><a href="#">Config option 2</a>
760 
+                            </li>
761 
+                        </ul>
762 
+                        <a class="close-link">
763 
+                            <i class="fa fa-times"></i>
764 
+                        </a>
765 
+                    </div>
766 
+                </div>
767 
+                <div class="ibox-content">
768 
+                    <p>
769 
+                        To buttons with any color or any size you can add extra icon on the left or the right side.
770 
+                    </p>
771 
+
772 
+                    <h3 class="font-bold">Commom Icon Buttons</h3>
773 
+                    <p>
774 
+                        <button class="btn btn-primary " type="button"><i class="fa fa-check"></i>&nbsp;Submit</button>
775 
+                        <button class="btn btn-success " type="button"><i class="fa fa-upload"></i>&nbsp;&nbsp;<span class="bold">Upload</span></button>
776 
+                        <button class="btn btn-info " type="button"><i class="fa fa-paste"></i> Edit</button>
777 
+                        <button class="btn btn-warning " type="button"><i class="fa fa-warning"></i> <span class="bold">Warning</span></button>
778 
+                        <button class="btn btn-default " type="button"><i class="fa fa-map-marker"></i>&nbsp;&nbsp;Map</button>
779 
+
780 
+                        <a class="btn btn-success btn-facebook">
781 
+                            <i class="fa fa-facebook"> </i> Sign in with Facebook
782 
+                        </a>
783 
+                        <a class="btn btn-success btn-facebook btn-outline">
784 
+                            <i class="fa fa-facebook"> </i> Sign in with Facebook
785 
+                        </a>
786 
+                        <a class="btn btn-white btn-bitbucket">
787 
+                            <i class="fa fa-user-md"></i>
788 
+                        </a>
789 
+                        <a class="btn btn-white btn-bitbucket">
790 
+                            <i class="fa fa-group"></i>
791 
+                        </a>
792 
+                        <a class="btn btn-white btn-bitbucket">
793 
+                            <i class="fa fa-wrench"></i>
794 
+                        </a>
795 
+                        <a class="btn btn-white btn-bitbucket">
796 
+                            <i class="fa fa-exchange"></i>
797 
+                        </a>
798 
+                        <a class="btn btn-white btn-bitbucket">
799 
+                            <i class="fa fa-check-circle-o"></i>
800 
+                        </a>
801 
+                        <a class="btn btn-white btn-bitbucket">
802 
+                            <i class="fa fa-road"></i>
803 
+                        </a>
804 
+                        <a class="btn btn-white btn-bitbucket">
805 
+                            <i class="fa fa-ambulance"></i>
806 
+                        </a>
807 
+                        <a class="btn btn-white btn-bitbucket">
808 
+                            <i class="fa fa-star"></i> Stared
809 
+                        </a>
810 
+                    </p>
811 
+
812 
+                        <h3 class="font-bold">Toggle buttons Variations</h3>
813 
+                        <p>Button groups can act as a radio or a switch or even a single toggle. Below are some examples click to see what happens</p>
814 
+                    <button data-toggle="button" class="btn btn-primary btn-outline" type="button">Single Toggle</button>
815 
+                    <button data-toggle="button" class="btn btn-primary" type="button">Single Toggle</button>
816 
+                        <div data-toggle="buttons-checkbox" class="btn-group">
817 
+                            <button class="btn btn-primary active" type="button"><i class="fa fa-bold"></i> Bold</button>
818 
+                            <button class="btn btn-primary" type="button"><i class="fa fa-underline"></i> Underline</button>
819 
+                            <button class="btn btn-primary active" type="button"><i class="fa fa-italic"></i> Italic</button>
820 
+                        </div>
821 
+                </div>
822 
+            </div>
823 
+        </div>
824 
+            <div class="col-lg-12">
825 
+            <div class="row">
826 
+                <div class="col-lg-6">
827 
+                    <div class="ibox float-e-margins">
828 
+                        <div class="ibox-title">
829 
+                            <h5>Circle Icon Buttons</h5>
830 
+                            <div class="ibox-tools">
831 
+                                <a class="collapse-link">
832 
+                                    <i class="fa fa-chevron-up"></i>
833 
+                                </a>
834 
+                                <a class="dropdown-toggle" data-toggle="dropdown" href="#">
835 
+                                    <i class="fa fa-wrench"></i>
836 
+                                </a>
837 
+                                <ul class="dropdown-menu dropdown-user">
838 
+                                    <li><a href="#">Config option 1</a>
839 
+                                    </li>
840 
+                                    <li><a href="#">Config option 2</a>
841 
+                                    </li>
842 
+                                </ul>
843 
+                                <a class="close-link">
844 
+                                    <i class="fa fa-times"></i>
845 
+                                </a>
846 
+                            </div>
847 
+                        </div>
848 
+                        <div class="ibox-content">
849 
+                            <p>
850 
+                                For buttons you can add <code>.btn-circle</code> to rounded buttons and make it circle.
851 
+                            </p>
852 
+
853 
+                            <h3 class="font-bold">Circle buttons</h3>
854 
+                            <br/>
855 
+                            <button class="btn btn-default btn-circle" type="button"><i class="fa fa-check"></i>
856 
+                            </button>
857 
+                            <button class="btn btn-primary btn-circle" type="button"><i class="fa fa-list"></i>
858 
+                            </button>
859 
+                            <button class="btn btn-success btn-circle" type="button"><i class="fa fa-link"></i>
860 
+                            </button>
861 
+                            <button class="btn btn-info btn-circle" type="button"><i class="fa fa-check"></i>
862 
+                            </button>
863 
+                            <button class="btn btn-warning btn-circle" type="button"><i class="fa fa-times"></i>
864 
+                            </button>
865 
+                            <button class="btn btn-danger btn-circle" type="button"><i class="fa fa-heart"></i>
866 
+                            </button>
867 
+                            <button class="btn btn-danger btn-circle btn-outline" type="button"><i class="fa fa-heart"></i>
868 
+                            </button>
869 
+                            <br/>
870 
+                            <br/>
871 
+                            <button class="btn btn-default btn-circle btn-lg" type="button"><i class="fa fa-check"></i>
872 
+                            </button>
873 
+                            <button class="btn btn-primary btn-circle btn-lg" type="button"><i class="fa fa-list"></i>
874 
+                            </button>
875 
+                            <button class="btn btn-success btn-circle btn-lg" type="button"><i class="fa fa-link"></i>
876 
+                            </button>
877 
+                            <button class="btn btn-info btn-circle btn-lg" type="button"><i class="fa fa-check"></i>
878 
+                            </button>
879 
+                            <button class="btn btn-warning btn-circle btn-lg" type="button"><i class="fa fa-times"></i>
880 
+                            </button>
881 
+                            <button class="btn btn-danger btn-circle btn-lg" type="button"><i class="fa fa-heart"></i>
882 
+                                </button>
883 
+                            <button class="btn btn-danger btn-circle btn-lg btn-outline" type="button"><i class="fa fa-heart"></i>
884 
+                            </button>
885 
+
886 
+                        </div>
887 
+                    </div>
888 
+                </div>
889 
+                <div class="col-lg-6">
890 
+                    <div class="ibox float-e-margins">
891 
+                        <div class="ibox-title">
892 
+                            <h5>Rounded Buttons</h5>
893 
+                            <div class="ibox-tools">
894 
+                                <a class="collapse-link">
895 
+                                    <i class="fa fa-chevron-up"></i>
896 
+                                </a>
897 
+                                <a class="dropdown-toggle" data-toggle="dropdown" href="#">
898 
+                                    <i class="fa fa-wrench"></i>
899 
+                                </a>
900 
+                                <ul class="dropdown-menu dropdown-user">
901 
+                                    <li><a href="#">Config option 1</a>
902 
+                                    </li>
903 
+                                    <li><a href="#">Config option 2</a>
904 
+                                    </li>
905 
+                                </ul>
906 
+                                <a class="close-link">
907 
+                                    <i class="fa fa-times"></i>
908 
+                                </a>
909 
+                            </div>
910 
+                        </div>
911 
+                        <div class="ibox-content">
912 
+                            <p>
913 
+                                You can also add <code>.btn-rounded</code> class to round buttons.
914 
+                            </p>
915 
+
916 
+                            <h3 class="font-bold">Button Group</h3>
917 
+                            <p>
918 
+                                <a class="btn btn-default btn-rounded" href="#">Default</a>
919 
+                                <a class="btn btn-primary btn-rounded" href="#">Primary</a>
920 
+                                <a class="btn btn-success btn-rounded" href="#">Success</a>
921 
+                                <a class="btn btn-info btn-rounded" href="#">Info</a>
922 
+                                <a class="btn btn-warning btn-rounded" href="#">Warning</a>
923 
+                                <a class="btn btn-danger btn-rounded" href="#">Danger</a>
924 
+                                <a class="btn btn-danger btn-rounded btn-outline" href="#">Danger</a>
925 
+                                <br/>
926 
+                                <br/>
927 
+                                <a class="btn btn-primary btn-rounded btn-block" href="#"><i class="fa fa-info-circle"></i> Block rounded with icon button</a>
928 
+                            </p>
929 
+                         </div>
930 
+                    </div>
931 
+                </div>
932 
+
933 
+            </div>
934 
+            </div>
935 
+        </div>
936 
+        <div class="footer">
937 
+            <div class="pull-right">
938 
+                10GB of <strong>250GB</strong> Free.
939 
+            </div>
940 
+            <div>
941 
+                <strong>Copyright</strong> Example Company &copy; 2014-2015
942 
+            </div>
943 
+        </div>
944 
+
945 
+        </div>
946 
+        </div>
947 
+
948 
+
949 
+    <!-- Mainly scripts -->
950 
+    <script src="js/jquery-2.1.1.js"></script>
951 
+    <script src="js/bootstrap.min.js"></script>
952 
+    <script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
953 
+    <script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
954 
+
955 
+    <!-- Custom and plugin javascript -->
956 
+    <script src="js/inspinia.js"></script>
957 
+    <script src="js/plugins/pace/pace.min.js"></script>
958 
+
959 
+
960 
+</body>
961 
+
962 
+</html>

+ 612
- 0
c3.html Visa fil 

@@ -0,0 +1,612 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+
6 
+    <meta charset="utf-8">
7 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
8 
+
9 
+    <title>INSPINIA | c3.js</title>
10 
+
11 
+    <link href="css/bootstrap.min.css" rel="stylesheet">
12 
+    <link href="font-awesome/css/font-awesome.css" rel="stylesheet">
13 
+
14 
+    <!-- c3 Charts -->
15 
+    <link href="css/plugins/c3/c3.min.css" rel="stylesheet">
16 
+
17 
+    <link href="css/animate.css" rel="stylesheet">
18 
+    <link href="css/style.css" rel="stylesheet">
19 
+
20 
+
21 
+</head>
22 
+
23 
+<body>
24 
+    <div id="wrapper">
25 
+    <nav class="navbar-default navbar-static-side" role="navigation">
26 
+        <div class="sidebar-collapse">
27 
+            <ul class="nav metismenu" id="side-menu">
28 
+                <li class="nav-header">
29 
+                    <div class="dropdown profile-element"> <span>
30 
+                            <img alt="image" class="img-circle" src="img/profile_small.jpg" />
31 
+                             </span>
32 
+                        <a data-toggle="dropdown" class="dropdown-toggle" href="#">
33 
+                            <span class="clear"> <span class="block m-t-xs"> <strong class="font-bold">David Williams</strong>
34 
+                             </span> <span class="text-muted text-xs block">Art Director <b class="caret"></b></span> </span> </a>
35 
+                        <ul class="dropdown-menu animated fadeInRight m-t-xs">
36 
+                            <li><a href="profile.html">Profile</a></li>
37 
+                            <li><a href="contacts.html">Contacts</a></li>
38 
+                            <li><a href="mailbox.html">Mailbox</a></li>
39 
+                            <li class="divider"></li>
40 
+                            <li><a href="login.html">Logout</a></li>
41 
+                        </ul>
42 
+                    </div>
43 
+                    <div class="logo-element">
44 
+                        IN+
45 
+                    </div>
46 
+                </li>
47 
+                <li>
48 
+                    <a href="index.html"><i class="fa fa-th-large"></i> <span class="nav-label">Dashboards</span> <span class="fa arrow"></span></a>
49 
+                    <ul class="nav nav-second-level collapse">
50 
+                        <li><a href="index.html">Dashboard v.1</a></li>
51 
+                        <li><a href="dashboard_2.html">Dashboard v.2</a></li>
52 
+                        <li><a href="dashboard_3.html">Dashboard v.3</a></li>
53 
+                        <li><a href="dashboard_4_1.html">Dashboard v.4</a></li>
54 
+                        <li><a href="dashboard_5.html">Dashboard v.5 <span class="label label-primary pull-right">NEW</span></a></li>
55 
+                    </ul>
56 
+                </li>
57 
+                <li>
58 
+                    <a href="layouts.html"><i class="fa fa-diamond"></i> <span class="nav-label">Layouts</span></a>
59 
+                </li>
60 
+                <li class="active">
61 
+                    <a href="#"><i class="fa fa-bar-chart-o"></i> <span class="nav-label">Graphs</span><span class="fa arrow"></span></a>
62 
+                    <ul class="nav nav-second-level">
63 
+                        <li><a href="graph_flot.html">Flot Charts</a></li>
64 
+                        <li><a href="graph_morris.html">Morris.js Charts</a></li>
65 
+                        <li><a href="graph_rickshaw.html">Rickshaw Charts</a></li>
66 
+                        <li><a href="graph_chartjs.html">Chart.js</a></li>
67 
+                        <li><a href="graph_chartist.html">Chartist</a></li>
68 
+                        <li class="active"><a href="c3.html">c3 charts</a></li>
69 
+                        <li><a href="graph_peity.html">Peity Charts</a></li>
70 
+                        <li><a href="graph_sparkline.html">Sparkline Charts</a></li>
71 
+                    </ul>
72 
+                </li>
73 
+                <li>
74 
+                    <a href="mailbox.html"><i class="fa fa-envelope"></i> <span class="nav-label">Mailbox </span><span class="label label-warning pull-right">16/24</span></a>
75 
+                    <ul class="nav nav-second-level collapse">
76 
+                        <li><a href="mailbox.html">Inbox</a></li>
77 
+                        <li><a href="mail_detail.html">Email view</a></li>
78 
+                        <li><a href="mail_compose.html">Compose email</a></li>
79 
+                        <li><a href="email_template.html">Email templates</a></li>
80 
+                    </ul>
81 
+                </li>
82 
+                <li>
83 
+                    <a href="metrics.html"><i class="fa fa-pie-chart"></i> <span class="nav-label">Metrics</span>  </a>
84 
+                </li>
85 
+                <li>
86 
+                    <a href="widgets.html"><i class="fa fa-flask"></i> <span class="nav-label">Widgets</span></a>
87 
+                </li>
88 
+                <li>
89 
+                    <a href="#"><i class="fa fa-edit"></i> <span class="nav-label">Forms</span><span class="fa arrow"></span></a>
90 
+                    <ul class="nav nav-second-level collapse">
91 
+                        <li><a href="form_basic.html">Basic form</a></li>
92 
+                        <li><a href="form_advanced.html">Advanced Plugins</a></li>
93 
+                        <li><a href="form_wizard.html">Wizard</a></li>
94 
+                        <li><a href="form_file_upload.html">File Upload</a></li>
95 
+                        <li><a href="form_editors.html">Text Editor</a></li>
96 
+                        <li><a href="form_markdown.html">Markdown</a></li>
97 
+                    </ul>
98 
+                </li>
99 
+                <li>
100 
+                    <a href="#"><i class="fa fa-desktop"></i> <span class="nav-label">App Views</span>  <span class="pull-right label label-primary">SPECIAL</span></a>
101 
+                    <ul class="nav nav-second-level collapse">
102 
+                        <li><a href="contacts.html">Contacts</a></li>
103 
+                        <li><a href="profile.html">Profile</a></li>
104 
+                        <li><a href="profile_2.html">Profile v.2</a></li>
105 
+                        <li><a href="contacts_2.html">Contacts v.2</a></li>
106 
+                        <li><a href="projects.html">Projects</a></li>
107 
+                        <li><a href="project_detail.html">Project detail</a></li>
108 
+                        <li><a href="teams_board.html">Teams board</a></li>
109 
+                        <li><a href="social_feed.html">Social feed</a></li>
110 
+                        <li><a href="clients.html">Clients</a></li>
111 
+                        <li><a href="full_height.html">Outlook view</a></li>
112 
+                        <li><a href="vote_list.html">Vote list</a></li>
113 
+                        <li><a href="file_manager.html">File manager</a></li>
114 
+                        <li><a href="calendar.html">Calendar</a></li>
115 
+                        <li><a href="issue_tracker.html">Issue tracker</a></li>
116 
+                        <li><a href="blog.html">Blog</a></li>
117 
+                        <li><a href="article.html">Article</a></li>
118 
+                        <li><a href="faq.html">FAQ</a></li>
119 
+                        <li><a href="timeline.html">Timeline</a></li>
120 
+                        <li><a href="pin_board.html">Pin board</a></li>
121 
+                    </ul>
122 
+                </li>
123 
+                <li>
124 
+                    <a href="#"><i class="fa fa-files-o"></i> <span class="nav-label">Other Pages</span><span class="fa arrow"></span></a>
125 
+                    <ul class="nav nav-second-level collapse">
126 
+                        <li><a href="search_results.html">Search results</a></li>
127 
+                        <li><a href="lockscreen.html">Lockscreen</a></li>
128 
+                        <li><a href="invoice.html">Invoice</a></li>
129 
+                        <li><a href="login.html">Login</a></li>
130 
+                        <li><a href="login_two_columns.html">Login v.2</a></li>
131 
+                        <li><a href="forgot_password.html">Forget password</a></li>
132 
+                        <li><a href="register.html">Register</a></li>
133 
+                        <li><a href="404.html">404 Page</a></li>
134 
+                        <li><a href="500.html">500 Page</a></li>
135 
+                        <li><a href="empty_page.html">Empty page</a></li>
136 
+                    </ul>
137 
+                </li>
138 
+                <li>
139 
+                    <a href="#"><i class="fa fa-globe"></i> <span class="nav-label">Miscellaneous</span><span class="label label-info pull-right">NEW</span></a>
140 
+                    <ul class="nav nav-second-level collapse">
141 
+                        <li><a href="toastr_notifications.html">Notification</a></li>
142 
+                        <li><a href="nestable_list.html">Nestable list</a></li>
143 
+                        <li><a href="agile_board.html">Agile board</a></li>
144 
+                        <li><a href="timeline_2.html">Timeline v.2</a></li>
145 
+                        <li><a href="diff.html">Diff</a></li>
146 
+                        <li><a href="i18support.html">i18 support</a></li>
147 
+                        <li><a href="sweetalert.html">Sweet alert</a></li>
148 
+                        <li><a href="idle_timer.html">Idle timer</a></li>
149 
+                        <li><a href="truncate.html">Truncate</a></li>
150 
+                        <li><a href="spinners.html">Spinners</a></li>
151 
+                        <li><a href="tinycon.html">Live favicon</a></li>
152 
+                        <li><a href="google_maps.html">Google maps</a></li>
153 
+                        <li><a href="code_editor.html">Code editor</a></li>
154 
+                        <li><a href="modal_window.html">Modal window</a></li>
155 
+                        <li><a href="clipboard.html">Clipboard</a></li>
156 
+                        <li><a href="forum_main.html">Forum view</a></li>
157 
+                        <li><a href="validation.html">Validation</a></li>
158 
+                        <li><a href="tree_view.html">Tree view</a></li>
159 
+                        <li><a href="loading_buttons.html">Loading buttons</a></li>
160 
+                        <li><a href="chat_view.html">Chat view</a></li>
161 
+                        <li><a href="masonry.html">Masonry</a></li>
162 
+                        <li><a href="tour.html">Tour</a></li>
163 
+                    </ul>
164 
+                </li>
165 
+                <li>
166 
+                    <a href="#"><i class="fa fa-flask"></i> <span class="nav-label">UI Elements</span><span class="fa arrow"></span></a>
167 
+                    <ul class="nav nav-second-level collapse">
168 
+                        <li><a href="typography.html">Typography</a></li>
169 
+                        <li><a href="icons.html">Icons</a></li>
170 
+                        <li><a href="draggable_panels.html">Draggable Panels</a></li> <li><a href="resizeable_panels.html">Resizeable Panels</a></li>
171 
+                        <li><a href="buttons.html">Buttons</a></li>
172 
+                        <li><a href="video.html">Video</a></li>
173 
+                        <li><a href="tabs_panels.html">Panels</a></li>
174 
+                        <li><a href="tabs.html">Tabs</a></li>
175 
+                        <li><a href="notifications.html">Notifications & Tooltips</a></li>
176 
+                        <li><a href="badges_labels.html">Badges, Labels, Progress</a></li>
177 
+                    </ul>
178 
+                </li>
179 
+
180 
+                <li>
181 
+                    <a href="grid_options.html"><i class="fa fa-laptop"></i> <span class="nav-label">Grid options</span></a>
182 
+                </li>
183 
+                <li>
184 
+                    <a href="#"><i class="fa fa-table"></i> <span class="nav-label">Tables</span><span class="fa arrow"></span></a>
185 
+                    <ul class="nav nav-second-level collapse">
186 
+                        <li><a href="table_basic.html">Static Tables</a></li>
187 
+                        <li><a href="table_data_tables.html">Data Tables</a></li>
188 
+                        <li><a href="table_foo_table.html">Foo Tables</a></li>
189 
+                        <li><a href="jq_grid.html">jqGrid</a></li>
190 
+                    </ul>
191 
+                </li>
192 
+                <li>
193 
+                    <a href="#"><i class="fa fa-shopping-cart"></i> <span class="nav-label">E-commerce</span><span class="fa arrow"></span></a>
194 
+                    <ul class="nav nav-second-level collapse">
195 
+                        <li><a href="ecommerce_products_grid.html">Products grid</a></li>
196 
+                        <li><a href="ecommerce_product_list.html">Products list</a></li>
197 
+                        <li><a href="ecommerce_product.html">Product edit</a></li>
198 
+                        <li><a href="ecommerce_product_detail.html">Product detail</a></li>
199 
+                        <li><a href="ecommerce-cart.html">Cart</a></li>
200 
+                        <li><a href="ecommerce-orders.html">Orders</a></li>
201 
+                        <li><a href="ecommerce_payments.html">Credit Card form</a></li>
202 
+                    </ul>
203 
+                </li>
204 
+                <li>
205 
+                    <a href="#"><i class="fa fa-picture-o"></i> <span class="nav-label">Gallery</span><span class="fa arrow"></span></a>
206 
+                    <ul class="nav nav-second-level collapse">
207 
+                        <li><a href="basic_gallery.html">Lightbox Gallery</a></li>
208 
+                        <li><a href="slick_carousel.html">Slick Carousel</a></li>
209 
+                        <li><a href="carousel.html">Bootstrap Carousel</a></li>
210 
+
211 
+                    </ul>
212 
+                </li>
213 
+                <li>
214 
+                    <a href="#"><i class="fa fa-sitemap"></i> <span class="nav-label">Menu Levels </span><span class="fa arrow"></span></a>
215 
+                    <ul class="nav nav-second-level collapse">
216 
+                        <li>
217 
+                            <a href="#">Third Level <span class="fa arrow"></span></a>
218 
+                            <ul class="nav nav-third-level">
219 
+                                <li>
220 
+                                    <a href="#">Third Level Item</a>
221 
+                                </li>
222 
+                                <li>
223 
+                                    <a href="#">Third Level Item</a>
224 
+                                </li>
225 
+                                <li>
226 
+                                    <a href="#">Third Level Item</a>
227 
+                                </li>
228 
+
229 
+                            </ul>
230 
+                        </li>
231 
+                        <li><a href="#">Second Level Item</a></li>
232 
+                        <li>
233 
+                            <a href="#">Second Level Item</a></li>
234 
+                        <li>
235 
+                            <a href="#">Second Level Item</a></li>
236 
+                    </ul>
237 
+                </li>
238 
+                <li>
239 
+                    <a href="css_animation.html"><i class="fa fa-magic"></i> <span class="nav-label">CSS Animations </span><span class="label label-info pull-right">62</span></a>
240 
+                </li>
241 
+                <li class="landing_link">
242 
+                    <a target="_blank" href="landing.html"><i class="fa fa-star"></i> <span class="nav-label">Landing Page</span> <span class="label label-warning pull-right">NEW</span></a>
243 
+                </li>
244 
+                <li class="special_link">
245 
+                    <a href="package.html"><i class="fa fa-database"></i> <span class="nav-label">Package</span></a>
246 
+                </li>
247 
+            </ul>
248 
+
249 
+        </div>
250 
+    </nav>
251 
+
252 
+        <div id="page-wrapper" class="gray-bg">
253 
+        <div class="row border-bottom">
254 
+        <nav class="navbar navbar-static-top" role="navigation" style="margin-bottom: 0">
255 
+        <div class="navbar-header">
256 
+            <a class="navbar-minimalize minimalize-styl-2 btn btn-primary " href="#"><i class="fa fa-bars"></i> </a>
257 
+            <form role="search" class="navbar-form-custom" action="search_results.html">
258 
+                <div class="form-group">
259 
+                    <input type="text" placeholder="Search for something..." class="form-control" name="top-search" id="top-search">
260 
+                </div>
261 
+            </form>
262 
+        </div>
263 
+            <ul class="nav navbar-top-links navbar-right">
264 
+                <li>
265 
+                    <span class="m-r-sm text-muted welcome-message">Welcome to INSPINIA+ Admin Theme.</span>
266 
+                </li>
267 
+                <li class="dropdown">
268 
+                    <a class="dropdown-toggle count-info" data-toggle="dropdown" href="#">
269 
+                        <i class="fa fa-envelope"></i>  <span class="label label-warning">16</span>
270 
+                    </a>
271 
+                    <ul class="dropdown-menu dropdown-messages">
272 
+                        <li>
273 
+                            <div class="dropdown-messages-box">
274 
+                                <a href="profile.html" class="pull-left">
275 
+                                    <img alt="image" class="img-circle" src="img/a7.jpg">
276 
+                                </a>
277 
+                                <div class="media-body">
278 
+                                    <small class="pull-right">46h ago</small>
279 
+                                    <strong>Mike Loreipsum</strong> started following <strong>Monica Smith</strong>. <br>
280 
+                                    <small class="text-muted">3 days ago at 7:58 pm - 10.06.2014</small>
281 
+                                </div>
282 
+                            </div>
283 
+                        </li>
284 
+                        <li class="divider"></li>
285 
+                        <li>
286 
+                            <div class="dropdown-messages-box">
287 
+                                <a href="profile.html" class="pull-left">
288 
+                                    <img alt="image" class="img-circle" src="img/a4.jpg">
289 
+                                </a>
290 
+                                <div class="media-body ">
291 
+                                    <small class="pull-right text-navy">5h ago</small>
292 
+                                    <strong>Chris Johnatan Overtunk</strong> started following <strong>Monica Smith</strong>. <br>
293 
+                                    <small class="text-muted">Yesterday 1:21 pm - 11.06.2014</small>
294 
+                                </div>
295 
+                            </div>
296 
+                        </li>
297 
+                        <li class="divider"></li>
298 
+                        <li>
299 
+                            <div class="dropdown-messages-box">
300 
+                                <a href="profile.html" class="pull-left">
301 
+                                    <img alt="image" class="img-circle" src="img/profile.jpg">
302 
+                                </a>
303 
+                                <div class="media-body ">
304 
+                                    <small class="pull-right">23h ago</small>
305 
+                                    <strong>Monica Smith</strong> love <strong>Kim Smith</strong>. <br>
306 
+                                    <small class="text-muted">2 days ago at 2:30 am - 11.06.2014</small>
307 
+                                </div>
308 
+                            </div>
309 
+                        </li>
310 
+                        <li class="divider"></li>
311 
+                        <li>
312 
+                            <div class="text-center link-block">
313 
+                                <a href="mailbox.html">
314 
+                                    <i class="fa fa-envelope"></i> <strong>Read All Messages</strong>
315 
+                                </a>
316 
+                            </div>
317 
+                        </li>
318 
+                    </ul>
319 
+                </li>
320 
+                <li class="dropdown">
321 
+                    <a class="dropdown-toggle count-info" data-toggle="dropdown" href="#">
322 
+                        <i class="fa fa-bell"></i>  <span class="label label-primary">8</span>
323 
+                    </a>
324 
+                    <ul class="dropdown-menu dropdown-alerts">
325 
+                        <li>
326 
+                            <a href="mailbox.html">
327 
+                                <div>
328 
+                                    <i class="fa fa-envelope fa-fw"></i> You have 16 messages
329 
+                                    <span class="pull-right text-muted small">4 minutes ago</span>
330 
+                                </div>
331 
+                            </a>
332 
+                        </li>
333 
+                        <li class="divider"></li>
334 
+                        <li>
335 
+                            <a href="profile.html">
336 
+                                <div>
337 
+                                    <i class="fa fa-twitter fa-fw"></i> 3 New Followers
338 
+                                    <span class="pull-right text-muted small">12 minutes ago</span>
339 
+                                </div>
340 
+                            </a>
341 
+                        </li>
342 
+                        <li class="divider"></li>
343 
+                        <li>
344 
+                            <a href="grid_options.html">
345 
+                                <div>
346 
+                                    <i class="fa fa-upload fa-fw"></i> Server Rebooted
347 
+                                    <span class="pull-right text-muted small">4 minutes ago</span>
348 
+                                </div>
349 
+                            </a>
350 
+                        </li>
351 
+                        <li class="divider"></li>
352 
+                        <li>
353 
+                            <div class="text-center link-block">
354 
+                                <a href="notifications.html">
355 
+                                    <strong>See All Alerts</strong>
356 
+                                    <i class="fa fa-angle-right"></i>
357 
+                                </a>
358 
+                            </div>
359 
+                        </li>
360 
+                    </ul>
361 
+                </li>
362 
+
363 
+
364 
+                <li>
365 
+                    <a href="login.html">
366 
+                        <i class="fa fa-sign-out"></i> Log out
367 
+                    </a>
368 
+                </li>
369 
+            </ul>
370 
+
371 
+        </nav>
372 
+        </div>
373 
+        <div class="row wrapper border-bottom white-bg page-heading">
374 
+            <div class="col-lg-10">
375 
+                <h2>c3.js</h2>
376 
+                <ol class="breadcrumb">
377 
+                    <li>
378 
+                        <a href="index.html">Home</a>
379 
+                    </li>
380 
+                    <li>
381 
+                        <a>Graphs</a>
382 
+                    </li>
383 
+                    <li class="active">
384 
+                        <strong>c3.js</strong>
385 
+                    </li>
386 
+                </ol>
387 
+            </div>
388 
+            <div class="col-lg-2">
389 
+
390 
+            </div>
391 
+        </div>
392 
+        <div class="wrapper wrapper-content animated fadeInRight">
393 
+            <div class="row">
394 
+                <div class="col-lg-6">
395 
+                    <div class="ibox float-e-margins">
396 
+                        <div class="ibox-title">
397 
+                            <h5>Line Chart Example
398 
+                                <small>With custom colors.</small>
399 
+                            </h5>
400 
+                        </div>
401 
+                        <div class="ibox-content">
402 
+                            <div>
403 
+                                <div id="lineChart"></div>
404 
+                            </div>
405 
+                        </div>
406 
+                    </div>
407 
+                </div>
408 
+                <div class="col-lg-6">
409 
+                    <div class="ibox float-e-margins">
410 
+                        <div class="ibox-title">
411 
+                            <h5>Bar Chart Example</h5>
412 
+                        </div>
413 
+                        <div class="ibox-content">
414 
+                            <div>
415 
+                                <div id="slineChart" ></div>
416 
+                            </div>
417 
+                        </div>
418 
+                    </div>
419 
+                </div>
420 
+            </div>
421 
+            <div class="row">
422 
+                <div class="col-lg-6">
423 
+                    <div class="ibox float-e-margins">
424 
+                        <div class="ibox-title">
425 
+                            <h5>Polar Area</h5>
426 
+
427 
+                        </div>
428 
+                        <div class="ibox-content">
429 
+                            <div class="text-center">
430 
+                                <div id="scatter"></div>
431 
+                            </div>
432 
+                        </div>
433 
+                    </div>
434 
+                </div>
435 
+                <div class="col-lg-6">
436 
+                    <div class="ibox float-e-margins">
437 
+                        <div class="ibox-title">
438 
+                            <h5>Pie </h5>
439 
+
440 
+                        </div>
441 
+                        <div class="ibox-content">
442 
+                            <div>
443 
+                                <div id="stocked"></div>
444 
+                            </div>
445 
+                        </div>
446 
+                    </div>
447 
+                </div>
448 
+            </div>
449 
+            <div class="row">
450 
+                <div class="col-lg-6">
451 
+                    <div class="ibox float-e-margins">
452 
+                        <div class="ibox-title">
453 
+                            <h5>Radar Chart Example</h5>
454 
+                        </div>
455 
+                        <div class="ibox-content">
456 
+                            <div>
457 
+                                <div id="gauge"></div>
458 
+                            </div>
459 
+                        </div>
460 
+                    </div>
461 
+                </div>
462 
+                <div class="col-lg-6">
463 
+                    <div class="ibox float-e-margins">
464 
+                        <div class="ibox-title">
465 
+                            <h5>Radar Chart Example</h5>
466 
+                        </div>
467 
+                        <div class="ibox-content">
468 
+                            <div>
469 
+                                <div id="pie"></div>
470 
+                            </div>
471 
+                        </div>
472 
+                    </div>
473 
+                </div>
474 
+            </div>
475 
+        </div>
476 
+        <div class="footer">
477 
+            <div class="pull-right">
478 
+                10GB of <strong>250GB</strong> Free.
479 
+            </div>
480 
+            <div>
481 
+                <strong>Copyright</strong> Example Company &copy; 2014-2015
482 
+            </div>
483 
+        </div>
484 
+
485 
+        </div>
486 
+        </div>
487 
+
488 
+
489 
+
490 
+    <!-- Mainly scripts -->
491 
+    <script src="js/jquery-2.1.1.js"></script>
492 
+    <script src="js/bootstrap.min.js"></script>
493 
+    <script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
494 
+    <script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
495 
+
496 
+    <!-- Custom and plugin javascript -->
497 
+    <script src="js/inspinia.js"></script>
498 
+    <script src="js/plugins/pace/pace.min.js"></script>
499 
+
500 
+    <!-- d3 and c3 charts -->
501 
+    <script src="js/plugins/d3/d3.min.js"></script>
502 
+    <script src="js/plugins/c3/c3.min.js"></script>
503 
+
504 
+    <script>
505 
+
506 
+        $(document).ready(function () {
507 
+
508 
+            c3.generate({
509 
+                bindto: '#lineChart',
510 
+                data:{
511 
+                    columns: [
512 
+                        ['data1', 30, 200, 100, 400, 150, 250],
513 
+                        ['data2', 50, 20, 10, 40, 15, 25]
514 
+                    ],
515 
+                    colors:{
516 
+                        data1: '#1ab394',
517 
+                        data2: '#BABABA'
518 
+                    }
519 
+                }
520 
+            });
521 
+
522 
+            c3.generate({
523 
+                bindto: '#slineChart',
524 
+                data:{
525 
+                    columns: [
526 
+                        ['data1', 30, 200, 100, 400, 150, 250],
527 
+                        ['data2', 130, 100, 140, 200, 150, 50]
528 
+                    ],
529 
+                    colors:{
530 
+                        data1: '#1ab394',
531 
+                        data2: '#BABABA'
532 
+                    },
533 
+                    type: 'spline'
534 
+                }
535 
+            });
536 
+
537 
+            c3.generate({
538 
+                bindto: '#scatter',
539 
+                data:{
540 
+                    xs:{
541 
+                        data1: 'data1_x',
542 
+                        data2: 'data2_x'
543 
+                    },
544 
+                    columns: [
545 
+                        ["data1_x", 3.2, 3.2, 3.1, 2.3, 2.8, 2.8, 3.3, 2.4, 2.9, 2.7, 2.0, 3.0, 2.2, 2.9, 2.9, 3.1, 3.0, 2.7, 2.2, 2.5, 3.2, 2.8, 2.5, 2.8, 2.9, 3.0, 2.8, 3.0, 2.9, 2.6, 2.4, 2.4, 2.7, 2.7, 3.0, 3.4, 3.1, 2.3, 3.0, 2.5, 2.6, 3.0, 2.6, 2.3, 2.7, 3.0, 2.9, 2.9, 2.5, 2.8],
546 
+                        ["data2_x", 3.3, 2.7, 3.0, 2.9, 3.0, 3.0, 2.5, 2.9, 2.5, 3.6, 3.2, 2.7, 3.0, 2.5, 2.8, 3.2, 3.0, 3.8, 2.6, 2.2, 3.2, 2.8, 2.8, 2.7, 3.3, 3.2, 2.8, 3.0, 2.8, 3.0, 2.8, 3.8, 2.8, 2.8, 2.6, 3.0, 3.4, 3.1, 3.0, 3.1, 3.1, 3.1, 2.7, 3.2, 3.3, 3.0, 2.5, 3.0, 3.4, 3.0],
547 
+                        ["data1", 1.4, 1.5, 1.5, 1.3, 1.5, 1.3, 1.6, 1.0, 1.3, 1.4, 1.0, 1.5, 1.0, 1.4, 1.3, 1.4, 1.5, 1.0, 1.5, 1.1, 1.8, 1.3, 1.5, 1.2, 1.3, 1.4, 1.4, 1.7, 1.5, 1.0, 1.1, 1.0, 1.2, 1.6, 1.5, 1.6, 1.5, 1.3, 1.3, 1.3, 1.2, 1.4, 1.2, 1.0, 1.3, 1.2, 1.3, 1.3, 1.1, 1.3],
548 
+                        ["data2", 2.5, 1.9, 2.1, 1.8, 2.2, 2.1, 1.7, 1.8, 1.8, 2.5, 2.0, 1.9, 2.1, 2.0, 2.4, 2.3, 1.8, 2.2, 2.3, 1.5, 2.3, 2.0, 2.0, 1.8, 2.1, 1.8, 1.8, 1.8, 2.1, 1.6, 1.9, 2.0, 2.2, 1.5, 1.4, 2.3, 2.4, 1.8, 1.8, 2.1, 2.4, 2.3, 1.9, 2.3, 2.5, 2.3, 1.9, 2.0, 2.3, 1.8]
549 
+                    ],
550 
+                    colors:{
551 
+                        data1: '#1ab394',
552 
+                        data2: '#BABABA'
553 
+                    },
554 
+                    type: 'scatter'
555 
+                }
556 
+            });
557 
+
558 
+            c3.generate({
559 
+                bindto: '#stocked',
560 
+                data:{
561 
+                    columns: [
562 
+                        ['data1', 30,200,100,400,150,250],
563 
+                        ['data2', 50,20,10,40,15,25]
564 
+                    ],
565 
+                    colors:{
566 
+                        data1: '#1ab394',
567 
+                        data2: '#BABABA'
568 
+                    },
569 
+                    type: 'bar',
570 
+                    groups: [
571 
+                        ['data1', 'data2']
572 
+                    ]
573 
+                }
574 
+            });
575 
+
576 
+            c3.generate({
577 
+                bindto: '#gauge',
578 
+                data:{
579 
+                    columns: [
580 
+                        ['data', 91.4]
581 
+                    ],
582 
+
583 
+                    type: 'gauge'
584 
+                },
585 
+                color:{
586 
+                    pattern: ['#1ab394', '#BABABA']
587 
+
588 
+                }
589 
+            });
590 
+
591 
+            c3.generate({
592 
+                bindto: '#pie',
593 
+                data:{
594 
+                    columns: [
595 
+                        ['data1', 30],
596 
+                        ['data2', 120]
597 
+                    ],
598 
+                    colors:{
599 
+                        data1: '#1ab394',
600 
+                        data2: '#BABABA'
601 
+                    },
602 
+                    type : 'pie'
603 
+                }
604 
+            });
605 
+
606 
+        });
607 
+
608 
+    </script>
609 
+
610 
+</body>
611 
+
612 
+</html>

+ 608
- 0
calendar.html Visa fil 

@@ -0,0 +1,608 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+
6 
+    <meta charset="utf-8">
7 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
8 
+
9 
+    <title>INSPINIA | Calendar</title>
10 
+
11 
+    <link href="css/bootstrap.min.css" rel="stylesheet">
12 
+    <link href="font-awesome/css/font-awesome.css" rel="stylesheet">
13 
+
14 
+    <link href="css/plugins/iCheck/custom.css" rel="stylesheet">
15 
+
16 
+    <link href="css/plugins/fullcalendar/fullcalendar.css" rel="stylesheet">
17 
+    <link href="css/plugins/fullcalendar/fullcalendar.print.css" rel='stylesheet' media='print'>
18 
+
19 
+    <link href="css/animate.css" rel="stylesheet">
20 
+    <link href="css/style.css" rel="stylesheet">
21 
+
22 
+</head>
23 
+
24 
+<body>
25 
+
26 
+<div id="wrapper">
27 
+
28 
+<nav class="navbar-default navbar-static-side" role="navigation">
29 
+    <div class="sidebar-collapse">
30 
+        <ul class="nav metismenu" id="side-menu">
31 
+            <li class="nav-header">
32 
+                <div class="dropdown profile-element"> <span>
33 
+                            <img alt="image" class="img-circle" src="img/profile_small.jpg" />
34 
+                             </span>
35 
+                    <a data-toggle="dropdown" class="dropdown-toggle" href="#">
36 
+                            <span class="clear"> <span class="block m-t-xs"> <strong class="font-bold">David Williams</strong>
37 
+                             </span> <span class="text-muted text-xs block">Art Director <b class="caret"></b></span> </span> </a>
38 
+                    <ul class="dropdown-menu animated fadeInRight m-t-xs">
39 
+                        <li><a href="profile.html">Profile</a></li>
40 
+                        <li><a href="contacts.html">Contacts</a></li>
41 
+                        <li><a href="mailbox.html">Mailbox</a></li>
42 
+                        <li class="divider"></li>
43 
+                        <li><a href="login.html">Logout</a></li>
44 
+                    </ul>
45 
+                </div>
46 
+                <div class="logo-element">
47 
+                    IN+
48 
+                </div>
49 
+            </li>
50 
+            <li>
51 
+                <a href="index.html"><i class="fa fa-th-large"></i> <span class="nav-label">Dashboards</span> <span class="fa arrow"></span></a>
52 
+                <ul class="nav nav-second-level collapse">
53 
+                    <li><a href="index.html">Dashboard v.1</a></li>
54 
+                    <li><a href="dashboard_2.html">Dashboard v.2</a></li>
55 
+                    <li><a href="dashboard_3.html">Dashboard v.3</a></li>
56 
+                    <li><a href="dashboard_4_1.html">Dashboard v.4</a></li>
57 
+                    <li><a href="dashboard_5.html">Dashboard v.5 <span class="label label-primary pull-right">NEW</span></a></li>
58 
+                </ul>
59 
+            </li>
60 
+            <li>
61 
+                <a href="layouts.html"><i class="fa fa-diamond"></i> <span class="nav-label">Layouts</span></a>
62 
+            </li>
63 
+            <li>
64 
+                <a href="#"><i class="fa fa-bar-chart-o"></i> <span class="nav-label">Graphs</span><span class="fa arrow"></span></a>
65 
+                <ul class="nav nav-second-level collapse">
66 
+                    <li><a href="graph_flot.html">Flot Charts</a></li>
67 
+                    <li><a href="graph_morris.html">Morris.js Charts</a></li>
68 
+                    <li><a href="graph_rickshaw.html">Rickshaw Charts</a></li>
69 
+                    <li><a href="graph_chartjs.html">Chart.js</a></li>
70 
+                    <li><a href="graph_chartist.html">Chartist</a></li>
71 
+                    <li><a href="c3.html">c3 charts</a></li>
72 
+                    <li><a href="graph_peity.html">Peity Charts</a></li>
73 
+                    <li><a href="graph_sparkline.html">Sparkline Charts</a></li>
74 
+                </ul>
75 
+            </li>
76 
+            <li>
77 
+                <a href="mailbox.html"><i class="fa fa-envelope"></i> <span class="nav-label">Mailbox </span><span class="label label-warning pull-right">16/24</span></a>
78 
+                <ul class="nav nav-second-level collapse">
79 
+                    <li><a href="mailbox.html">Inbox</a></li>
80 
+                    <li><a href="mail_detail.html">Email view</a></li>
81 
+                    <li><a href="mail_compose.html">Compose email</a></li>
82 
+                    <li><a href="email_template.html">Email templates</a></li>
83 
+                </ul>
84 
+            </li>
85 
+            <li>
86 
+                <a href="metrics.html"><i class="fa fa-pie-chart"></i> <span class="nav-label">Metrics</span>  </a>
87 
+            </li>
88 
+            <li>
89 
+                <a href="widgets.html"><i class="fa fa-flask"></i> <span class="nav-label">Widgets</span></a>
90 
+            </li>
91 
+            <li>
92 
+                <a href="#"><i class="fa fa-edit"></i> <span class="nav-label">Forms</span><span class="fa arrow"></span></a>
93 
+                <ul class="nav nav-second-level collapse">
94 
+                    <li><a href="form_basic.html">Basic form</a></li>
95 
+                    <li><a href="form_advanced.html">Advanced Plugins</a></li>
96 
+                    <li><a href="form_wizard.html">Wizard</a></li>
97 
+                    <li><a href="form_file_upload.html">File Upload</a></li>
98 
+                    <li><a href="form_editors.html">Text Editor</a></li>
99 
+                    <li><a href="form_markdown.html">Markdown</a></li>
100 
+                </ul>
101 
+            </li>
102 
+            <li class="active">
103 
+                <a href="#"><i class="fa fa-desktop"></i> <span class="nav-label">App Views</span>  <span class="pull-right label label-primary">SPECIAL</span></a>
104 
+                <ul class="nav nav-second-level">
105 
+                    <li><a href="contacts.html">Contacts</a></li>
106 
+                    <li><a href="profile.html">Profile</a></li>
107 
+                    <li><a href="profile_2.html">Profile v.2</a></li>
108 
+                    <li><a href="contacts_2.html">Contacts v.2</a></li>
109 
+                    <li><a href="projects.html">Projects</a></li>
110 
+                    <li><a href="project_detail.html">Project detail</a></li>
111 
+                    <li><a href="teams_board.html">Teams board</a></li>
112 
+                    <li><a href="social_feed.html">Social feed</a></li>
113 
+                    <li><a href="clients.html">Clients</a></li>
114 
+                    <li><a href="full_height.html">Outlook view</a></li>
115 
+                    <li><a href="vote_list.html">Vote list</a></li>
116 
+                    <li><a href="file_manager.html">File manager</a></li>
117 
+                    <li class="active"><a href="calendar.html">Calendar</a></li>
118 
+                    <li><a href="issue_tracker.html">Issue tracker</a></li>
119 
+                    <li><a href="blog.html">Blog</a></li>
120 
+                    <li><a href="article.html">Article</a></li>
121 
+                    <li><a href="faq.html">FAQ</a></li>
122 
+                    <li><a href="timeline.html">Timeline</a></li>
123 
+                    <li><a href="pin_board.html">Pin board</a></li>
124 
+                </ul>
125 
+            </li>
126 
+            <li>
127 
+                <a href="#"><i class="fa fa-files-o"></i> <span class="nav-label">Other Pages</span><span class="fa arrow"></span></a>
128 
+                <ul class="nav nav-second-level collapse">
129 
+                    <li><a href="search_results.html">Search results</a></li>
130 
+                    <li><a href="lockscreen.html">Lockscreen</a></li>
131 
+                    <li><a href="invoice.html">Invoice</a></li>
132 
+                    <li><a href="login.html">Login</a></li>
133 
+                    <li><a href="login_two_columns.html">Login v.2</a></li>
134 
+                    <li><a href="forgot_password.html">Forget password</a></li>
135 
+                    <li><a href="register.html">Register</a></li>
136 
+                    <li><a href="404.html">404 Page</a></li>
137 
+                    <li><a href="500.html">500 Page</a></li>
138 
+                    <li><a href="empty_page.html">Empty page</a></li>
139 
+                </ul>
140 
+            </li>
141 
+            <li>
142 
+                <a href="#"><i class="fa fa-globe"></i> <span class="nav-label">Miscellaneous</span><span class="label label-info pull-right">NEW</span></a>
143 
+                <ul class="nav nav-second-level collapse">
144 
+                    <li><a href="toastr_notifications.html">Notification</a></li>
145 
+                    <li><a href="nestable_list.html">Nestable list</a></li>
146 
+                    <li><a href="agile_board.html">Agile board</a></li>
147 
+                    <li><a href="timeline_2.html">Timeline v.2</a></li>
148 
+                    <li><a href="diff.html">Diff</a></li>
149 
+                    <li><a href="i18support.html">i18 support</a></li>
150 
+                    <li><a href="sweetalert.html">Sweet alert</a></li>
151 
+                    <li><a href="idle_timer.html">Idle timer</a></li>
152 
+                    <li><a href="truncate.html">Truncate</a></li>
153 
+                    <li><a href="spinners.html">Spinners</a></li>
154 
+                    <li><a href="tinycon.html">Live favicon</a></li>
155 
+                    <li><a href="google_maps.html">Google maps</a></li>
156 
+                    <li><a href="code_editor.html">Code editor</a></li>
157 
+                    <li><a href="modal_window.html">Modal window</a></li>
158 
+                    <li><a href="clipboard.html">Clipboard</a></li>
159 
+                    <li><a href="forum_main.html">Forum view</a></li>
160 
+                    <li><a href="validation.html">Validation</a></li>
161 
+                    <li><a href="tree_view.html">Tree view</a></li>
162 
+                    <li><a href="loading_buttons.html">Loading buttons</a></li>
163 
+                    <li><a href="chat_view.html">Chat view</a></li>
164 
+                    <li><a href="masonry.html">Masonry</a></li>
165 
+                    <li><a href="tour.html">Tour</a></li>
166 
+                </ul>
167 
+            </li>
168 
+            <li>
169 
+                <a href="#"><i class="fa fa-flask"></i> <span class="nav-label">UI Elements</span><span class="fa arrow"></span></a>
170 
+                <ul class="nav nav-second-level collapse">
171 
+                    <li><a href="typography.html">Typography</a></li>
172 
+                    <li><a href="icons.html">Icons</a></li>
173 
+                    <li><a href="draggable_panels.html">Draggable Panels</a></li> <li><a href="resizeable_panels.html">Resizeable Panels</a></li>
174 
+                    <li><a href="buttons.html">Buttons</a></li>
175 
+                    <li><a href="video.html">Video</a></li>
176 
+                    <li><a href="tabs_panels.html">Panels</a></li>
177 
+                    <li><a href="tabs.html">Tabs</a></li>
178 
+                    <li><a href="notifications.html">Notifications & Tooltips</a></li>
179 
+                    <li><a href="badges_labels.html">Badges, Labels, Progress</a></li>
180 
+                </ul>
181 
+            </li>
182 
+
183 
+            <li>
184 
+                <a href="grid_options.html"><i class="fa fa-laptop"></i> <span class="nav-label">Grid options</span></a>
185 
+            </li>
186 
+            <li>
187 
+                <a href="#"><i class="fa fa-table"></i> <span class="nav-label">Tables</span><span class="fa arrow"></span></a>
188 
+                <ul class="nav nav-second-level collapse">
189 
+                    <li><a href="table_basic.html">Static Tables</a></li>
190 
+                    <li><a href="table_data_tables.html">Data Tables</a></li>
191 
+                    <li><a href="table_foo_table.html">Foo Tables</a></li>
192 
+                    <li><a href="jq_grid.html">jqGrid</a></li>
193 
+                </ul>
194 
+            </li>
195 
+            <li>
196 
+                <a href="#"><i class="fa fa-shopping-cart"></i> <span class="nav-label">E-commerce</span><span class="fa arrow"></span></a>
197 
+                <ul class="nav nav-second-level collapse">
198 
+                    <li><a href="ecommerce_products_grid.html">Products grid</a></li>
199 
+                    <li><a href="ecommerce_product_list.html">Products list</a></li>
200 
+                    <li><a href="ecommerce_product.html">Product edit</a></li>
201 
+                    <li><a href="ecommerce_product_detail.html">Product detail</a></li>
202 
+                    <li><a href="ecommerce-cart.html">Cart</a></li>
203 
+                    <li><a href="ecommerce-orders.html">Orders</a></li>
204 
+                    <li><a href="ecommerce_payments.html">Credit Card form</a></li>
205 
+                </ul>
206 
+            </li>
207 
+            <li>
208 
+                <a href="#"><i class="fa fa-picture-o"></i> <span class="nav-label">Gallery</span><span class="fa arrow"></span></a>
209 
+                <ul class="nav nav-second-level collapse">
210 
+                    <li><a href="basic_gallery.html">Lightbox Gallery</a></li>
211 
+                    <li><a href="slick_carousel.html">Slick Carousel</a></li>
212 
+                    <li><a href="carousel.html">Bootstrap Carousel</a></li>
213 
+
214 
+                </ul>
215 
+            </li>
216 
+            <li>
217 
+                <a href="#"><i class="fa fa-sitemap"></i> <span class="nav-label">Menu Levels </span><span class="fa arrow"></span></a>
218 
+                <ul class="nav nav-second-level collapse">
219 
+                    <li>
220 
+                        <a href="#">Third Level <span class="fa arrow"></span></a>
221 
+                        <ul class="nav nav-third-level">
222 
+                            <li>
223 
+                                <a href="#">Third Level Item</a>
224 
+                            </li>
225 
+                            <li>
226 
+                                <a href="#">Third Level Item</a>
227 
+                            </li>
228 
+                            <li>
229 
+                                <a href="#">Third Level Item</a>
230 
+                            </li>
231 
+
232 
+                        </ul>
233 
+                    </li>
234 
+                    <li><a href="#">Second Level Item</a></li>
235 
+                    <li>
236 
+                        <a href="#">Second Level Item</a></li>
237 
+                    <li>
238 
+                        <a href="#">Second Level Item</a></li>
239 
+                </ul>
240 
+            </li>
241 
+            <li>
242 
+                <a href="css_animation.html"><i class="fa fa-magic"></i> <span class="nav-label">CSS Animations </span><span class="label label-info pull-right">62</span></a>
243 
+            </li>
244 
+            <li class="landing_link">
245 
+                <a target="_blank" href="landing.html"><i class="fa fa-star"></i> <span class="nav-label">Landing Page</span> <span class="label label-warning pull-right">NEW</span></a>
246 
+            </li>
247 
+            <li class="special_link">
248 
+                <a href="package.html"><i class="fa fa-database"></i> <span class="nav-label">Package</span></a>
249 
+            </li>
250 
+        </ul>
251 
+
252 
+    </div>
253 
+</nav>
254 
+
255 
+<div id="page-wrapper" class="gray-bg">
256 
+<div class="row border-bottom">
257 
+    <nav class="navbar navbar-static-top" role="navigation" style="margin-bottom: 0">
258 
+        <div class="navbar-header">
259 
+            <a class="navbar-minimalize minimalize-styl-2 btn btn-primary " href="#"><i class="fa fa-bars"></i> </a>
260 
+            <form role="search" class="navbar-form-custom" action="search_results.html">
261 
+                <div class="form-group">
262 
+                    <input type="text" placeholder="Search for something..." class="form-control" name="top-search" id="top-search">
263 
+                </div>
264 
+            </form>
265 
+        </div>
266 
+        <ul class="nav navbar-top-links navbar-right">
267 
+            <li>
268 
+                <span class="m-r-sm text-muted welcome-message">Welcome to INSPINIA+ Admin Theme.</span>
269 
+            </li>
270 
+            <li class="dropdown">
271 
+                <a class="dropdown-toggle count-info" data-toggle="dropdown" href="#">
272 
+                    <i class="fa fa-envelope"></i>  <span class="label label-warning">16</span>
273 
+                </a>
274 
+                <ul class="dropdown-menu dropdown-messages">
275 
+                    <li>
276 
+                        <div class="dropdown-messages-box">
277 
+                            <a href="profile.html" class="pull-left">
278 
+                                <img alt="image" class="img-circle" src="img/a7.jpg">
279 
+                            </a>
280 
+                            <div class="media-body">
281 
+                                <small class="pull-right">46h ago</small>
282 
+                                <strong>Mike Loreipsum</strong> started following <strong>Monica Smith</strong>. <br>
283 
+                                <small class="text-muted">3 days ago at 7:58 pm - 10.06.2014</small>
284 
+                            </div>
285 
+                        </div>
286 
+                    </li>
287 
+                    <li class="divider"></li>
288 
+                    <li>
289 
+                        <div class="dropdown-messages-box">
290 
+                            <a href="profile.html" class="pull-left">
291 
+                                <img alt="image" class="img-circle" src="img/a4.jpg">
292 
+                            </a>
293 
+                            <div class="media-body ">
294 
+                                <small class="pull-right text-navy">5h ago</small>
295 
+                                <strong>Chris Johnatan Overtunk</strong> started following <strong>Monica Smith</strong>. <br>
296 
+                                <small class="text-muted">Yesterday 1:21 pm - 11.06.2014</small>
297 
+                            </div>
298 
+                        </div>
299 
+                    </li>
300 
+                    <li class="divider"></li>
301 
+                    <li>
302 
+                        <div class="dropdown-messages-box">
303 
+                            <a href="profile.html" class="pull-left">
304 
+                                <img alt="image" class="img-circle" src="img/profile.jpg">
305 
+                            </a>
306 
+                            <div class="media-body ">
307 
+                                <small class="pull-right">23h ago</small>
308 
+                                <strong>Monica Smith</strong> love <strong>Kim Smith</strong>. <br>
309 
+                                <small class="text-muted">2 days ago at 2:30 am - 11.06.2014</small>
310 
+                            </div>
311 
+                        </div>
312 
+                    </li>
313 
+                    <li class="divider"></li>
314 
+                    <li>
315 
+                        <div class="text-center link-block">
316 
+                            <a href="mailbox.html">
317 
+                                <i class="fa fa-envelope"></i> <strong>Read All Messages</strong>
318 
+                            </a>
319 
+                        </div>
320 
+                    </li>
321 
+                </ul>
322 
+            </li>
323 
+            <li class="dropdown">
324 
+                <a class="dropdown-toggle count-info" data-toggle="dropdown" href="#">
325 
+                    <i class="fa fa-bell"></i>  <span class="label label-primary">8</span>
326 
+                </a>
327 
+                <ul class="dropdown-menu dropdown-alerts">
328 
+                    <li>
329 
+                        <a href="mailbox.html">
330 
+                            <div>
331 
+                                <i class="fa fa-envelope fa-fw"></i> You have 16 messages
332 
+                                <span class="pull-right text-muted small">4 minutes ago</span>
333 
+                            </div>
334 
+                        </a>
335 
+                    </li>
336 
+                    <li class="divider"></li>
337 
+                    <li>
338 
+                        <a href="profile.html">
339 
+                            <div>
340 
+                                <i class="fa fa-twitter fa-fw"></i> 3 New Followers
341 
+                                <span class="pull-right text-muted small">12 minutes ago</span>
342 
+                            </div>
343 
+                        </a>
344 
+                    </li>
345 
+                    <li class="divider"></li>
346 
+                    <li>
347 
+                        <a href="grid_options.html">
348 
+                            <div>
349 
+                                <i class="fa fa-upload fa-fw"></i> Server Rebooted
350 
+                                <span class="pull-right text-muted small">4 minutes ago</span>
351 
+                            </div>
352 
+                        </a>
353 
+                    </li>
354 
+                    <li class="divider"></li>
355 
+                    <li>
356 
+                        <div class="text-center link-block">
357 
+                            <a href="notifications.html">
358 
+                                <strong>See All Alerts</strong>
359 
+                                <i class="fa fa-angle-right"></i>
360 
+                            </a>
361 
+                        </div>
362 
+                    </li>
363 
+                </ul>
364 
+            </li>
365 
+
366 
+
367 
+            <li>
368 
+                <a href="login.html">
369 
+                    <i class="fa fa-sign-out"></i> Log out
370 
+                </a>
371 
+            </li>
372 
+        </ul>
373 
+
374 
+    </nav>
375 
+</div>
376 
+<div class="row wrapper border-bottom white-bg page-heading">
377 
+    <div class="col-lg-8">
378 
+        <h2>Calendar</h2>
379 
+        <ol class="breadcrumb">
380 
+            <li>
381 
+                <a href="index.html">Home</a>
382 
+            </li>
383 
+            <li>
384 
+                Extra pages
385 
+            </li>
386 
+            <li class="active">
387 
+                <strong>Calendar</strong>
388 
+            </li>
389 
+        </ol>
390 
+    </div>
391 
+</div>
392 
+<div class="wrapper wrapper-content">
393 
+    <div class="row animated fadeInDown">
394 
+        <div class="col-lg-3">
395 
+            <div class="ibox float-e-margins">
396 
+                <div class="ibox-title">
397 
+                    <h5>Draggable Events</h5>
398 
+                    <div class="ibox-tools">
399 
+                        <a class="collapse-link">
400 
+                            <i class="fa fa-chevron-up"></i>
401 
+                        </a>
402 
+                        <a class="dropdown-toggle" data-toggle="dropdown" href="#">
403 
+                            <i class="fa fa-wrench"></i>
404 
+                        </a>
405 
+                        <ul class="dropdown-menu dropdown-user">
406 
+                            <li><a href="#">Config option 1</a>
407 
+                            </li>
408 
+                            <li><a href="#">Config option 2</a>
409 
+                            </li>
410 
+                        </ul>
411 
+                        <a class="close-link">
412 
+                            <i class="fa fa-times"></i>
413 
+                        </a>
414 
+                    </div>
415 
+                </div>
416 
+                <div class="ibox-content">
417 
+                    <div id='external-events'>
418 
+                        <p>Drag a event and drop into callendar.</p>
419 
+                        <div class='external-event navy-bg'>Go to shop and buy some products.</div>
420 
+                        <div class='external-event navy-bg'>Check the new CI from Corporation.</div>
421 
+                        <div class='external-event navy-bg'>Send documents to John.</div>
422 
+                        <div class='external-event navy-bg'>Phone to Sandra.</div>
423 
+                        <div class='external-event navy-bg'>Chat with Michael.</div>
424 
+                        <p class="m-t">
425 
+                            <input type='checkbox' id='drop-remove' class="i-checks" checked /> <label for='drop-remove'>remove after drop</label>
426 
+                        </p>
427 
+                    </div>
428 
+                </div>
429 
+            </div>
430 
+            <div class="ibox float-e-margins">
431 
+                <div class="ibox-content">
432 
+                    <h2>FullCalendar</h2> is a jQuery plugin that provides a full-sized, drag & drop calendar like the one below. It uses AJAX to fetch events on-the-fly for each month and is
433 
+                    easily configured to use your own feed format (an extension is provided for Google Calendar).
434 
+                    <p>
435 
+                        <a href="http://arshaw.com/fullcalendar/" target="_blank">FullCalendar documentation</a>
436 
+                    </p>
437 
+                </div>
438 
+            </div>
439 
+        </div>
440 
+        <div class="col-lg-9">
441 
+            <div class="ibox float-e-margins">
442 
+                <div class="ibox-title">
443 
+                    <h5>Striped Table </h5>
444 
+                    <div class="ibox-tools">
445 
+                        <a class="collapse-link">
446 
+                            <i class="fa fa-chevron-up"></i>
447 
+                        </a>
448 
+                        <a class="dropdown-toggle" data-toggle="dropdown" href="#">
449 
+                            <i class="fa fa-wrench"></i>
450 
+                        </a>
451 
+                        <ul class="dropdown-menu dropdown-user">
452 
+                            <li><a href="#">Config option 1</a>
453 
+                            </li>
454 
+                            <li><a href="#">Config option 2</a>
455 
+                            </li>
456 
+                        </ul>
457 
+                        <a class="close-link">
458 
+                            <i class="fa fa-times"></i>
459 
+                        </a>
460 
+                    </div>
461 
+                </div>
462 
+                <div class="ibox-content">
463 
+                    <div id="calendar"></div>
464 
+                </div>
465 
+            </div>
466 
+        </div>
467 
+    </div>
468 
+</div>
469 
+<div class="footer">
470 
+    <div class="pull-right">
471 
+        10GB of <strong>250GB</strong> Free.
472 
+    </div>
473 
+    <div>
474 
+        <strong>Copyright</strong> Example Company &copy; 2014-2015
475 
+    </div>
476 
+</div>
477 
+
478 
+</div>
479 
+</div>
480 
+
481 
+<!-- Mainly scripts -->
482 
+<script src="js/plugins/fullcalendar/moment.min.js"></script>
483 
+<script src="js/jquery-2.1.1.js"></script>
484 
+<script src="js/bootstrap.min.js"></script>
485 
+<script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
486 
+<script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
487 
+
488 
+<!-- Custom and plugin javascript -->
489 
+<script src="js/inspinia.js"></script>
490 
+<script src="js/plugins/pace/pace.min.js"></script>
491 
+
492 
+<!-- jQuery UI custom -->
493 
+<script src="js/jquery-ui.custom.min.js"></script>
494 
+
495 
+<!-- iCheck -->
496 
+<script src="js/plugins/iCheck/icheck.min.js"></script>
497 
+
498 
+<!-- Full Calendar -->
499 
+<script src="js/plugins/fullcalendar/fullcalendar.min.js"></script>
500 
+
501 
+<script>
502 
+
503 
+    $(document).ready(function() {
504 
+
505 
+            $('.i-checks').iCheck({
506 
+                checkboxClass: 'icheckbox_square-green',
507 
+                radioClass: 'iradio_square-green'
508 
+            });
509 
+
510 
+        /* initialize the external events
511 
+         -----------------------------------------------------------------*/
512 
+
513 
+
514 
+        $('#external-events div.external-event').each(function() {
515 
+
516 
+            // store data so the calendar knows to render an event upon drop
517 
+            $(this).data('event', {
518 
+                title: $.trim($(this).text()), // use the element's text as the event title
519 
+                stick: true // maintain when user navigates (see docs on the renderEvent method)
520 
+            });
521 
+
522 
+            // make the event draggable using jQuery UI
523 
+            $(this).draggable({
524 
+                zIndex: 1111999,
525 
+                revert: true,      // will cause the event to go back to its
526 
+                revertDuration: 0  //  original position after the drag
527 
+            });
528 
+
529 
+        });
530 
+
531 
+
532 
+        /* initialize the calendar
533 
+         -----------------------------------------------------------------*/
534 
+        var date = new Date();
535 
+        var d = date.getDate();
536 
+        var m = date.getMonth();
537 
+        var y = date.getFullYear();
538 
+
539 
+        $('#calendar').fullCalendar({
540 
+            header: {
541 
+                left: 'prev,next today',
542 
+                center: 'title',
543 
+                right: 'month,agendaWeek,agendaDay'
544 
+            },
545 
+            editable: true,
546 
+            droppable: true, // this allows things to be dropped onto the calendar
547 
+            drop: function() {
548 
+                // is the "remove after drop" checkbox checked?
549 
+                if ($('#drop-remove').is(':checked')) {
550 
+                    // if so, remove the element from the "Draggable Events" list
551 
+                    $(this).remove();
552 
+                }
553 
+            },
554 
+            events: [
555 
+                {
556 
+                    title: 'All Day Event',
557 
+                    start: new Date(y, m, 1)
558 
+                },
559 
+                {
560 
+                    title: 'Long Event',
561 
+                    start: new Date(y, m, d-5),
562 
+                    end: new Date(y, m, d-2)
563 
+                },
564 
+                {
565 
+                    id: 999,
566 
+                    title: 'Repeating Event',
567 
+                    start: new Date(y, m, d-3, 16, 0),
568 
+                    allDay: false
569 
+                },
570 
+                {
571 
+                    id: 999,
572 
+                    title: 'Repeating Event',
573 
+                    start: new Date(y, m, d+4, 16, 0),
574 
+                    allDay: false
575 
+                },
576 
+                {
577 
+                    title: 'Meeting',
578 
+                    start: new Date(y, m, d, 10, 30),
579 
+                    allDay: false
580 
+                },
581 
+                {
582 
+                    title: 'Lunch',
583 
+                    start: new Date(y, m, d, 12, 0),
584 
+                    end: new Date(y, m, d, 14, 0),
585 
+                    allDay: false
586 
+                },
587 
+                {
588 
+                    title: 'Birthday Party',
589 
+                    start: new Date(y, m, d+1, 19, 0),
590 
+                    end: new Date(y, m, d+1, 22, 30),
591 
+                    allDay: false
592 
+                },
593 
+                {
594 
+                    title: 'Click for Google',
595 
+                    start: new Date(y, m, 28),
596 
+                    end: new Date(y, m, 29),
597 
+                    url: 'http://google.com/'
598 
+                }
599 
+            ]
600 
+        });
601 
+
602 
+
603 
+    });
604 
+
605 
+</script>
606 
+</body>
607 
+
608 
+</html>

+ 611
- 0
carousel.html Visa fil 

@@ -0,0 +1,611 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+
6 
+    <meta charset="utf-8">
7 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
8 
+
9 
+    <title>INSPINIA | Empty Page</title>
10 
+
11 
+    <link href="css/bootstrap.min.css" rel="stylesheet">
12 
+    <link href="font-awesome/css/font-awesome.css" rel="stylesheet">
13 
+
14 
+    <link href="css/animate.css" rel="stylesheet">
15 
+    <link href="css/style.css" rel="stylesheet">
16 
+
17 
+</head>
18 
+
19 
+<body>
20 
+
21 
+    <div id="wrapper">
22 
+
23 
+    <nav class="navbar-default navbar-static-side" role="navigation">
24 
+        <div class="sidebar-collapse">
25 
+            <ul class="nav metismenu" id="side-menu">
26 
+                <li class="nav-header">
27 
+                    <div class="dropdown profile-element"> <span>
28 
+                            <img alt="image" class="img-circle" src="img/profile_small.jpg" />
29 
+                             </span>
30 
+                        <a data-toggle="dropdown" class="dropdown-toggle" href="#">
31 
+                            <span class="clear"> <span class="block m-t-xs"> <strong class="font-bold">David Williams</strong>
32 
+                             </span> <span class="text-muted text-xs block">Art Director <b class="caret"></b></span> </span> </a>
33 
+                        <ul class="dropdown-menu animated fadeInRight m-t-xs">
34 
+                            <li><a href="profile.html">Profile</a></li>
35 
+                            <li><a href="contacts.html">Contacts</a></li>
36 
+                            <li><a href="mailbox.html">Mailbox</a></li>
37 
+                            <li class="divider"></li>
38 
+                            <li><a href="login.html">Logout</a></li>
39 
+                        </ul>
40 
+                    </div>
41 
+                    <div class="logo-element">
42 
+                        IN+
43 
+                    </div>
44 
+                </li>
45 
+                <li>
46 
+                    <a href="index.html"><i class="fa fa-th-large"></i> <span class="nav-label">Dashboards</span> <span class="fa arrow"></span></a>
47 
+                    <ul class="nav nav-second-level collapse">
48 
+                        <li><a href="index.html">Dashboard v.1</a></li>
49 
+                        <li><a href="dashboard_2.html">Dashboard v.2</a></li>
50 
+                        <li><a href="dashboard_3.html">Dashboard v.3</a></li>
51 
+                        <li><a href="dashboard_4_1.html">Dashboard v.4</a></li>
52 
+                        <li><a href="dashboard_5.html">Dashboard v.5 <span class="label label-primary pull-right">NEW</span></a></li>
53 
+                    </ul>
54 
+                </li>
55 
+                <li>
56 
+                    <a href="layouts.html"><i class="fa fa-diamond"></i> <span class="nav-label">Layouts</span></a>
57 
+                </li>
58 
+                <li>
59 
+                    <a href="#"><i class="fa fa-bar-chart-o"></i> <span class="nav-label">Graphs</span><span class="fa arrow"></span></a>
60 
+                    <ul class="nav nav-second-level collapse">
61 
+                        <li><a href="graph_flot.html">Flot Charts</a></li>
62 
+                        <li><a href="graph_morris.html">Morris.js Charts</a></li>
63 
+                        <li><a href="graph_rickshaw.html">Rickshaw Charts</a></li>
64 
+                        <li><a href="graph_chartjs.html">Chart.js</a></li>
65 
+                        <li><a href="graph_chartist.html">Chartist</a></li>
66 
+                        <li><a href="c3.html">c3 charts</a></li>
67 
+                        <li><a href="graph_peity.html">Peity Charts</a></li>
68 
+                        <li><a href="graph_sparkline.html">Sparkline Charts</a></li>
69 
+                    </ul>
70 
+                </li>
71 
+                <li>
72 
+                    <a href="mailbox.html"><i class="fa fa-envelope"></i> <span class="nav-label">Mailbox </span><span class="label label-warning pull-right">16/24</span></a>
73 
+                    <ul class="nav nav-second-level collapse">
74 
+                        <li><a href="mailbox.html">Inbox</a></li>
75 
+                        <li><a href="mail_detail.html">Email view</a></li>
76 
+                        <li><a href="mail_compose.html">Compose email</a></li>
77 
+                        <li><a href="email_template.html">Email templates</a></li>
78 
+                    </ul>
79 
+                </li>
80 
+                <li>
81 
+                    <a href="metrics.html"><i class="fa fa-pie-chart"></i> <span class="nav-label">Metrics</span>  </a>
82 
+                </li>
83 
+                <li>
84 
+                    <a href="widgets.html"><i class="fa fa-flask"></i> <span class="nav-label">Widgets</span></a>
85 
+                </li>
86 
+                <li>
87 
+                    <a href="#"><i class="fa fa-edit"></i> <span class="nav-label">Forms</span><span class="fa arrow"></span></a>
88 
+                    <ul class="nav nav-second-level collapse">
89 
+                        <li><a href="form_basic.html">Basic form</a></li>
90 
+                        <li><a href="form_advanced.html">Advanced Plugins</a></li>
91 
+                        <li><a href="form_wizard.html">Wizard</a></li>
92 
+                        <li><a href="form_file_upload.html">File Upload</a></li>
93 
+                        <li><a href="form_editors.html">Text Editor</a></li>
94 
+                        <li><a href="form_markdown.html">Markdown</a></li>
95 
+                    </ul>
96 
+                </li>
97 
+                <li>
98 
+                    <a href="#"><i class="fa fa-desktop"></i> <span class="nav-label">App Views</span>  <span class="pull-right label label-primary">SPECIAL</span></a>
99 
+                    <ul class="nav nav-second-level collapse">
100 
+                        <li><a href="contacts.html">Contacts</a></li>
101 
+                        <li><a href="profile.html">Profile</a></li>
102 
+                        <li><a href="profile_2.html">Profile v.2</a></li>
103 
+                        <li><a href="contacts_2.html">Contacts v.2</a></li>
104 
+                        <li><a href="projects.html">Projects</a></li>
105 
+                        <li><a href="project_detail.html">Project detail</a></li>
106 
+                        <li><a href="teams_board.html">Teams board</a></li>
107 
+                        <li><a href="social_feed.html">Social feed</a></li>
108 
+                        <li><a href="clients.html">Clients</a></li>
109 
+                        <li><a href="full_height.html">Outlook view</a></li>
110 
+                        <li><a href="vote_list.html">Vote list</a></li>
111 
+                        <li><a href="file_manager.html">File manager</a></li>
112 
+                        <li><a href="calendar.html">Calendar</a></li>
113 
+                        <li><a href="issue_tracker.html">Issue tracker</a></li>
114 
+                        <li><a href="blog.html">Blog</a></li>
115 
+                        <li><a href="article.html">Article</a></li>
116 
+                        <li><a href="faq.html">FAQ</a></li>
117 
+                        <li><a href="timeline.html">Timeline</a></li>
118 
+                        <li><a href="pin_board.html">Pin board</a></li>
119 
+                    </ul>
120 
+                </li>
121 
+                <li>
122 
+                    <a href="#"><i class="fa fa-files-o"></i> <span class="nav-label">Other Pages</span><span class="fa arrow"></span></a>
123 
+                    <ul class="nav nav-second-level collapse">
124 
+                        <li><a href="search_results.html">Search results</a></li>
125 
+                        <li><a href="lockscreen.html">Lockscreen</a></li>
126 
+                        <li><a href="invoice.html">Invoice</a></li>
127 
+                        <li><a href="login.html">Login</a></li>
128 
+                        <li><a href="login_two_columns.html">Login v.2</a></li>
129 
+                        <li><a href="forgot_password.html">Forget password</a></li>
130 
+                        <li><a href="register.html">Register</a></li>
131 
+                        <li><a href="404.html">404 Page</a></li>
132 
+                        <li><a href="500.html">500 Page</a></li>
133 
+                        <li><a href="empty_page.html">Empty page</a></li>
134 
+                    </ul>
135 
+                </li>
136 
+                <li>
137 
+                    <a href="#"><i class="fa fa-globe"></i> <span class="nav-label">Miscellaneous</span><span class="label label-info pull-right">NEW</span></a>
138 
+                    <ul class="nav nav-second-level collapse">
139 
+                        <li><a href="toastr_notifications.html">Notification</a></li>
140 
+                        <li><a href="nestable_list.html">Nestable list</a></li>
141 
+                        <li><a href="agile_board.html">Agile board</a></li>
142 
+                        <li><a href="timeline_2.html">Timeline v.2</a></li>
143 
+                        <li><a href="diff.html">Diff</a></li>
144 
+                        <li><a href="i18support.html">i18 support</a></li>
145 
+                        <li><a href="sweetalert.html">Sweet alert</a></li>
146 
+                        <li><a href="idle_timer.html">Idle timer</a></li>
147 
+                        <li><a href="truncate.html">Truncate</a></li>
148 
+                        <li><a href="spinners.html">Spinners</a></li>
149 
+                        <li><a href="tinycon.html">Live favicon</a></li>
150 
+                        <li><a href="google_maps.html">Google maps</a></li>
151 
+                        <li><a href="code_editor.html">Code editor</a></li>
152 
+                        <li><a href="modal_window.html">Modal window</a></li>
153 
+                        <li><a href="clipboard.html">Clipboard</a></li>
154 
+                        <li><a href="forum_main.html">Forum view</a></li>
155 
+                        <li><a href="validation.html">Validation</a></li>
156 
+                        <li><a href="tree_view.html">Tree view</a></li>
157 
+                        <li><a href="loading_buttons.html">Loading buttons</a></li>
158 
+                        <li><a href="chat_view.html">Chat view</a></li>
159 
+                        <li><a href="masonry.html">Masonry</a></li>
160 
+                        <li><a href="tour.html">Tour</a></li>
161 
+                    </ul>
162 
+                </li>
163 
+                <li>
164 
+                    <a href="#"><i class="fa fa-flask"></i> <span class="nav-label">UI Elements</span><span class="fa arrow"></span></a>
165 
+                    <ul class="nav nav-second-level collapse">
166 
+                        <li><a href="typography.html">Typography</a></li>
167 
+                        <li><a href="icons.html">Icons</a></li>
168 
+                        <li><a href="draggable_panels.html">Draggable Panels</a></li> <li><a href="resizeable_panels.html">Resizeable Panels</a></li>
169 
+                        <li><a href="buttons.html">Buttons</a></li>
170 
+                        <li><a href="video.html">Video</a></li>
171 
+                        <li><a href="tabs_panels.html">Panels</a></li>
172 
+                        <li><a href="tabs.html">Tabs</a></li>
173 
+                        <li><a href="notifications.html">Notifications & Tooltips</a></li>
174 
+                        <li><a href="badges_labels.html">Badges, Labels, Progress</a></li>
175 
+                    </ul>
176 
+                </li>
177 
+
178 
+                <li>
179 
+                    <a href="grid_options.html"><i class="fa fa-laptop"></i> <span class="nav-label">Grid options</span></a>
180 
+                </li>
181 
+                <li>
182 
+                    <a href="#"><i class="fa fa-table"></i> <span class="nav-label">Tables</span><span class="fa arrow"></span></a>
183 
+                    <ul class="nav nav-second-level collapse">
184 
+                        <li><a href="table_basic.html">Static Tables</a></li>
185 
+                        <li><a href="table_data_tables.html">Data Tables</a></li>
186 
+                        <li><a href="table_foo_table.html">Foo Tables</a></li>
187 
+                        <li><a href="jq_grid.html">jqGrid</a></li>
188 
+                    </ul>
189 
+                </li>
190 
+                <li>
191 
+                    <a href="#"><i class="fa fa-shopping-cart"></i> <span class="nav-label">E-commerce</span><span class="fa arrow"></span></a>
192 
+                    <ul class="nav nav-second-level collapse">
193 
+                        <li><a href="ecommerce_products_grid.html">Products grid</a></li>
194 
+                        <li><a href="ecommerce_product_list.html">Products list</a></li>
195 
+                        <li><a href="ecommerce_product.html">Product edit</a></li>
196 
+                        <li><a href="ecommerce_product_detail.html">Product detail</a></li>
197 
+                        <li><a href="ecommerce-cart.html">Cart</a></li>
198 
+                        <li><a href="ecommerce-orders.html">Orders</a></li>
199 
+                        <li><a href="ecommerce_payments.html">Credit Card form</a></li>
200 
+                    </ul>
201 
+                </li>
202 
+                <li class="active">
203 
+                    <a href="#"><i class="fa fa-picture-o"></i> <span class="nav-label">Gallery</span><span class="fa arrow"></span></a>
204 
+                    <ul class="nav nav-second-level">
205 
+                        <li><a href="basic_gallery.html">Lightbox Gallery</a></li>
206 
+                        <li><a href="slick_carousel.html">Slick Carousel</a></li>
207 
+                        <li class="active"><a href="carousel.html">Bootstrap Carousel</a></li>
208 
+
209 
+                    </ul>
210 
+                </li>
211 
+                <li>
212 
+                    <a href="#"><i class="fa fa-sitemap"></i> <span class="nav-label">Menu Levels </span><span class="fa arrow"></span></a>
213 
+                    <ul class="nav nav-second-level collapse">
214 
+                        <li>
215 
+                            <a href="#">Third Level <span class="fa arrow"></span></a>
216 
+                            <ul class="nav nav-third-level">
217 
+                                <li>
218 
+                                    <a href="#">Third Level Item</a>
219 
+                                </li>
220 
+                                <li>
221 
+                                    <a href="#">Third Level Item</a>
222 
+                                </li>
223 
+                                <li>
224 
+                                    <a href="#">Third Level Item</a>
225 
+                                </li>
226 
+
227 
+                            </ul>
228 
+                        </li>
229 
+                        <li><a href="#">Second Level Item</a></li>
230 
+                        <li>
231 
+                            <a href="#">Second Level Item</a></li>
232 
+                        <li>
233 
+                            <a href="#">Second Level Item</a></li>
234 
+                    </ul>
235 
+                </li>
236 
+                <li>
237 
+                    <a href="css_animation.html"><i class="fa fa-magic"></i> <span class="nav-label">CSS Animations </span><span class="label label-info pull-right">62</span></a>
238 
+                </li>
239 
+                <li class="landing_link">
240 
+                    <a target="_blank" href="landing.html"><i class="fa fa-star"></i> <span class="nav-label">Landing Page</span> <span class="label label-warning pull-right">NEW</span></a>
241 
+                </li>
242 
+                <li class="special_link">
243 
+                    <a href="package.html"><i class="fa fa-database"></i> <span class="nav-label">Package</span></a>
244 
+                </li>
245 
+            </ul>
246 
+
247 
+        </div>
248 
+    </nav>
249 
+
250 
+        <div id="page-wrapper" class="gray-bg">
251 
+        <div class="row border-bottom">
252 
+        <nav class="navbar navbar-static-top" role="navigation" style="margin-bottom: 0">
253 
+        <div class="navbar-header">
254 
+            <a class="navbar-minimalize minimalize-styl-2 btn btn-primary " href="#"><i class="fa fa-bars"></i> </a>
255 
+            <form role="search" class="navbar-form-custom" action="search_results.html">
256 
+                <div class="form-group">
257 
+                    <input type="text" placeholder="Search for something..." class="form-control" name="top-search" id="top-search">
258 
+                </div>
259 
+            </form>
260 
+        </div>
261 
+            <ul class="nav navbar-top-links navbar-right">
262 
+                <li>
263 
+                    <span class="m-r-sm text-muted welcome-message">Welcome to INSPINIA+ Admin Theme.</span>
264 
+                </li>
265 
+                <li class="dropdown">
266 
+                    <a class="dropdown-toggle count-info" data-toggle="dropdown" href="#">
267 
+                        <i class="fa fa-envelope"></i>  <span class="label label-warning">16</span>
268 
+                    </a>
269 
+                    <ul class="dropdown-menu dropdown-messages">
270 
+                        <li>
271 
+                            <div class="dropdown-messages-box">
272 
+                                <a href="profile.html" class="pull-left">
273 
+                                    <img alt="image" class="img-circle" src="img/a7.jpg">
274 
+                                </a>
275 
+                                <div class="media-body">
276 
+                                    <small class="pull-right">46h ago</small>
277 
+                                    <strong>Mike Loreipsum</strong> started following <strong>Monica Smith</strong>. <br>
278 
+                                    <small class="text-muted">3 days ago at 7:58 pm - 10.06.2014</small>
279 
+                                </div>
280 
+                            </div>
281 
+                        </li>
282 
+                        <li class="divider"></li>
283 
+                        <li>
284 
+                            <div class="dropdown-messages-box">
285 
+                                <a href="profile.html" class="pull-left">
286 
+                                    <img alt="image" class="img-circle" src="img/a4.jpg">
287 
+                                </a>
288 
+                                <div class="media-body ">
289 
+                                    <small class="pull-right text-navy">5h ago</small>
290 
+                                    <strong>Chris Johnatan Overtunk</strong> started following <strong>Monica Smith</strong>. <br>
291 
+                                    <small class="text-muted">Yesterday 1:21 pm - 11.06.2014</small>
292 
+                                </div>
293 
+                            </div>
294 
+                        </li>
295 
+                        <li class="divider"></li>
296 
+                        <li>
297 
+                            <div class="dropdown-messages-box">
298 
+                                <a href="profile.html" class="pull-left">
299 
+                                    <img alt="image" class="img-circle" src="img/profile.jpg">
300 
+                                </a>
301 
+                                <div class="media-body ">
302 
+                                    <small class="pull-right">23h ago</small>
303 
+                                    <strong>Monica Smith</strong> love <strong>Kim Smith</strong>. <br>
304 
+                                    <small class="text-muted">2 days ago at 2:30 am - 11.06.2014</small>
305 
+                                </div>
306 
+                            </div>
307 
+                        </li>
308 
+                        <li class="divider"></li>
309 
+                        <li>
310 
+                            <div class="text-center link-block">
311 
+                                <a href="mailbox.html">
312 
+                                    <i class="fa fa-envelope"></i> <strong>Read All Messages</strong>
313 
+                                </a>
314 
+                            </div>
315 
+                        </li>
316 
+                    </ul>
317 
+                </li>
318 
+                <li class="dropdown">
319 
+                    <a class="dropdown-toggle count-info" data-toggle="dropdown" href="#">
320 
+                        <i class="fa fa-bell"></i>  <span class="label label-primary">8</span>
321 
+                    </a>
322 
+                    <ul class="dropdown-menu dropdown-alerts">
323 
+                        <li>
324 
+                            <a href="mailbox.html">
325 
+                                <div>
326 
+                                    <i class="fa fa-envelope fa-fw"></i> You have 16 messages
327 
+                                    <span class="pull-right text-muted small">4 minutes ago</span>
328 
+                                </div>
329 
+                            </a>
330 
+                        </li>
331 
+                        <li class="divider"></li>
332 
+                        <li>
333 
+                            <a href="profile.html">
334 
+                                <div>
335 
+                                    <i class="fa fa-twitter fa-fw"></i> 3 New Followers
336 
+                                    <span class="pull-right text-muted small">12 minutes ago</span>
337 
+                                </div>
338 
+                            </a>
339 
+                        </li>
340 
+                        <li class="divider"></li>
341 
+                        <li>
342 
+                            <a href="grid_options.html">
343 
+                                <div>
344 
+                                    <i class="fa fa-upload fa-fw"></i> Server Rebooted
345 
+                                    <span class="pull-right text-muted small">4 minutes ago</span>
346 
+                                </div>
347 
+                            </a>
348 
+                        </li>
349 
+                        <li class="divider"></li>
350 
+                        <li>
351 
+                            <div class="text-center link-block">
352 
+                                <a href="notifications.html">
353 
+                                    <strong>See All Alerts</strong>
354 
+                                    <i class="fa fa-angle-right"></i>
355 
+                                </a>
356 
+                            </div>
357 
+                        </li>
358 
+                    </ul>
359 
+                </li>
360 
+
361 
+
362 
+                <li>
363 
+                    <a href="login.html">
364 
+                        <i class="fa fa-sign-out"></i> Log out
365 
+                    </a>
366 
+                </li>
367 
+            </ul>
368 
+
369 
+        </nav>
370 
+        </div>
371 
+            <div class="row wrapper border-bottom white-bg page-heading">
372 
+                <div class="col-lg-9">
373 
+                    <h2>Carousel</h2>
374 
+                    <ol class="breadcrumb">
375 
+                        <li>
376 
+                            <a href="index.html">Home</a>
377 
+                        </li>
378 
+                        <li>
379 
+                            UI Elements
380 
+                        </li>
381 
+                        <li class="active">
382 
+                            <strong>Carousel</strong>
383 
+                        </li>
384 
+                    </ol>
385 
+                </div>
386 
+            </div>
387 
+
388 
+
389 
+
390 
+        <div class="wrapper wrapper-content">
391 
+            <div class="row">
392 
+                <div class="col-lg-5">
393 
+                    <div class="ibox float-e-margins">
394 
+                        <div class="ibox-title">
395 
+                            <h5>Animation without caption</h5>
396 
+                            <div class="ibox-tools">
397 
+                                <a class="collapse-link">
398 
+                                    <i class="fa fa-chevron-up"></i>
399 
+                                </a>
400 
+                                <a class="dropdown-toggle" data-toggle="dropdown" href="#">
401 
+                                    <i class="fa fa-wrench"></i>
402 
+                                </a>
403 
+                                <ul class="dropdown-menu dropdown-user">
404 
+                                    <li><a href="#">Config option 1</a>
405 
+                                    </li>
406 
+                                    <li><a href="#">Config option 2</a>
407 
+                                    </li>
408 
+                                </ul>
409 
+                                <a class="close-link">
410 
+                                    <i class="fa fa-times"></i>
411 
+                                </a>
412 
+                            </div>
413 
+                        </div>
414 
+                        <div class="ibox-content">
415 
+                            <div class="carousel slide" id="carousel1">
416 
+                                <div class="carousel-inner">
417 
+                                    <div class="item active">
418 
+                                        <img alt="image" class="img-responsive" src="img/p_big3.jpg">
419 
+                                    </div>
420 
+                                    <div class="item">
421 
+                                        <img alt="image"  class="img-responsive" src="img/p_big1.jpg">
422 
+                                    </div>
423 
+                                    <div class="item ">
424 
+                                        <img alt="image" class="img-responsive" src="img/p_big2.jpg">
425 
+                                    </div>
426 
+
427 
+                                </div>
428 
+                                <a data-slide="prev" href="#carousel1" class="left carousel-control">
429 
+                                    <span class="icon-prev"></span>
430 
+                                </a>
431 
+                                <a data-slide="next" href="#carousel1" class="right carousel-control">
432 
+                                    <span class="icon-next"></span>
433 
+                                </a>
434 
+                            </div>
435 
+                        </div>
436 
+                    </div>
437 
+                </div>
438 
+                <div class="col-lg-7">
439 
+                    <div class="ibox float-e-margins">
440 
+                        <div class="ibox-title">
441 
+                            <h5>Animation and Caption</h5>
442 
+                            <div class="ibox-tools">
443 
+                                <a class="collapse-link">
444 
+                                    <i class="fa fa-chevron-up"></i>
445 
+                                </a>
446 
+                                <a class="dropdown-toggle" data-toggle="dropdown" href="#">
447 
+                                    <i class="fa fa-wrench"></i>
448 
+                                </a>
449 
+                                <ul class="dropdown-menu dropdown-user">
450 
+                                    <li><a href="#">Config option 1</a>
451 
+                                    </li>
452 
+                                    <li><a href="#">Config option 2</a>
453 
+                                    </li>
454 
+                                </ul>
455 
+                                <a class="close-link">
456 
+                                    <i class="fa fa-times"></i>
457 
+                                </a>
458 
+                            </div>
459 
+                        </div>
460 
+                        <div class="ibox-content ">
461 
+                            <div class="carousel slide" id="carousel2">
462 
+                                <ol class="carousel-indicators">
463 
+                                    <li data-slide-to="0" data-target="#carousel2"  class="active"></li>
464 
+                                    <li data-slide-to="1" data-target="#carousel2"></li>
465 
+                                    <li data-slide-to="2" data-target="#carousel2" class=""></li>
466 
+                                </ol>
467 
+                                <div class="carousel-inner">
468 
+                                    <div class="item active">
469 
+                                        <img alt="image"  class="img-responsive" src="img/p_big1.jpg">
470 
+                                        <div class="carousel-caption">
471 
+                                            <p>This is simple caption 1</p>
472 
+                                        </div>
473 
+                                    </div>
474 
+                                    <div class="item ">
475 
+                                        <img alt="image"  class="img-responsive" src="img/p_big3.jpg">
476 
+                                        <div class="carousel-caption">
477 
+                                            <p>This is simple caption 2</p>
478 
+                                        </div>
479 
+                                    </div>
480 
+                                    <div class="item">
481 
+                                        <img alt="image"  class="img-responsive" src="img/p_big2.jpg">
482 
+                                        <div class="carousel-caption">
483 
+                                            <p>This is simple caption 3</p>
484 
+                                        </div>
485 
+                                    </div>
486 
+                                </div>
487 
+                                <a data-slide="prev" href="#carousel2" class="left carousel-control">
488 
+                                    <span class="icon-prev"></span>
489 
+                                </a>
490 
+                                <a data-slide="next" href="#carousel2" class="right carousel-control">
491 
+                                    <span class="icon-next"></span>
492 
+                                </a>
493 
+                            </div>
494 
+                        </div>
495 
+                    </div>
496 
+                </div>
497 
+
498 
+            </div>
499 
+            <div class="row">
500 
+                <div class="col-lg-12">
501 
+                    <div class="ibox float-e-margins">
502 
+                        <div class="ibox-title">
503 
+                            <h5>Big gallery carousel</h5>
504 
+                            <div class="ibox-tools">
505 
+                                <a class="collapse-link">
506 
+                                    <i class="fa fa-chevron-up"></i>
507 
+                                </a>
508 
+                                <a class="dropdown-toggle" data-toggle="dropdown" href="#">
509 
+                                    <i class="fa fa-wrench"></i>
510 
+                                </a>
511 
+                                <ul class="dropdown-menu dropdown-user">
512 
+                                    <li><a href="#">Config option 1</a>
513 
+                                    </li>
514 
+                                    <li><a href="#">Config option 2</a>
515 
+                                    </li>
516 
+                                </ul>
517 
+                                <a class="close-link">
518 
+                                    <i class="fa fa-times"></i>
519 
+                                </a>
520 
+                            </div>
521 
+                        </div>
522 
+                        <div class="ibox-content">
523 
+                            <div class="carousel slide" id="carousel3">
524 
+                                <div class="carousel-inner">
525 
+                                    <div class="item gallery active left">
526 
+                                        <div class="row">
527 
+                                            <div class="col-sm-6">
528 
+                                                <img alt="image" class="img-responsive" src="img/p_big1.jpg">
529 
+                                            </div>
530 
+                                            <div class="col-sm-6">
531 
+                                                <img alt="image" class="img-responsive" src="img/p_big2.jpg">
532 
+                                            </div>
533 
+                                            <div class="col-sm-6">
534 
+                                                <img alt="image"  class="img-responsive"  src="img/p_big3.jpg">
535 
+                                            </div>
536 
+                                            <div class="col-sm-6">
537 
+                                                <img alt="image"  class="img-responsive" src="img/p_big1.jpg">
538 
+                                            </div>
539 
+                                        </div>
540 
+                                    </div>
541 
+                                    <div class="item gallery next left">
542 
+                                        <div class="row">
543 
+                                            <div class="col-sm-6">
544 
+                                                <img alt="image"  class="img-responsive" src="img/p_big3.jpg">
545 
+                                            </div>
546 
+                                            <div class="col-sm-6">
547 
+                                                <img alt="image"  class="img-responsive" src="img/p_big1.jpg">
548 
+                                            </div>
549 
+                                            <div class="col-sm-6">
550 
+                                                <img alt="image"  class="img-responsive"  src="img/p_big2.jpg">
551 
+                                            </div>
552 
+                                            <div class="col-sm-6">
553 
+                                                <img alt="image"  class="img-responsive" src="img/p_big1.jpg">
554 
+                                            </div>
555 
+                                        </div>
556 
+                                    </div>
557 
+                                    <div class="item gallery">
558 
+                                        <div class="row">
559 
+                                            <div class="col-sm-6">
560 
+                                                <img alt="image"  class="img-responsive" src="img/p_big2.jpg">
561 
+                                            </div>
562 
+                                            <div class="col-sm-6">
563 
+                                                <img alt="image"  class="img-responsive" src="img/p_big3.jpg">
564 
+                                            </div>
565 
+                                            <div class="col-sm-6">
566 
+                                                <img alt="image"  class="img-responsive"  src="img/p_big1.jpg">
567 
+                                            </div>
568 
+                                            <div class="col-sm-6">
569 
+                                                <img alt="image" class="img-responsive" src="img/p_big2.jpg">
570 
+                                            </div>
571 
+                                        </div>
572 
+                                    </div>
573 
+                                </div>
574 
+                                <a data-slide="prev" href="#carousel3" class="left carousel-control">
575 
+                                    <span class="icon-prev"></span>
576 
+                                </a>
577 
+                                <a data-slide="next" href="#carousel3" class="right carousel-control">
578 
+                                    <span class="icon-next"></span>
579 
+                                </a>
580 
+                            </div>
581 
+                        </div>
582 
+                    </div>
583 
+                </div>
584 
+            </div>
585 
+        </div>
586 
+        <div class="footer">
587 
+            <div class="pull-right">
588 
+                10GB of <strong>250GB</strong> Free.
589 
+            </div>
590 
+            <div>
591 
+                <strong>Copyright</strong> Example Company &copy; 2014-2015
592 
+            </div>
593 
+        </div>
594 
+
595 
+        </div>
596 
+        </div>
597 
+
598 
+    <!-- Mainly scripts -->
599 
+    <script src="js/jquery-2.1.1.js"></script>
600 
+    <script src="js/bootstrap.min.js"></script>
601 
+    <script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
602 
+    <script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
603 
+
604 
+    <!-- Custom and plugin javascript -->
605 
+    <script src="js/inspinia.js"></script>
606 
+    <script src="js/plugins/pace/pace.min.js"></script>
607 
+
608 
+
609 
+</body>
610 
+
611 
+</html>

+ 678
- 0
chat_view.html Visa fil 

@@ -0,0 +1,678 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+
6 
+    <meta charset="utf-8">
7 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
8 
+
9 
+    <title>INSPINIA | Chat view</title>
10 
+
11 
+    <link href="css/bootstrap.min.css" rel="stylesheet">
12 
+    <link href="font-awesome/css/font-awesome.css" rel="stylesheet">
13 
+
14 
+    <link href="css/animate.css" rel="stylesheet">
15 
+    <link href="css/style.css" rel="stylesheet">
16 
+
17 
+</head>
18 
+
19 
+<body>
20 
+
21 
+<div id="wrapper">
22 
+
23 
+<nav class="navbar-default navbar-static-side" role="navigation">
24 
+    <div class="sidebar-collapse">
25 
+        <ul class="nav metismenu" id="side-menu">
26 
+            <li class="nav-header">
27 
+                <div class="dropdown profile-element"> <span>
28 
+                            <img alt="image" class="img-circle" src="img/profile_small.jpg" />
29 
+                             </span>
30 
+                    <a data-toggle="dropdown" class="dropdown-toggle" href="#">
31 
+                            <span class="clear"> <span class="block m-t-xs"> <strong class="font-bold">David Williams</strong>
32 
+                             </span> <span class="text-muted text-xs block">Art Director <b class="caret"></b></span> </span> </a>
33 
+                    <ul class="dropdown-menu animated fadeInRight m-t-xs">
34 
+                        <li><a href="profile.html">Profile</a></li>
35 
+                        <li><a href="contacts.html">Contacts</a></li>
36 
+                        <li><a href="mailbox.html">Mailbox</a></li>
37 
+                        <li class="divider"></li>
38 
+                        <li><a href="login.html">Logout</a></li>
39 
+                    </ul>
40 
+                </div>
41 
+                <div class="logo-element">
42 
+                    IN+
43 
+                </div>
44 
+            </li>
45 
+            <li>
46 
+                <a href="index.html"><i class="fa fa-th-large"></i> <span class="nav-label">Dashboards</span> <span class="fa arrow"></span></a>
47 
+                <ul class="nav nav-second-level collapse">
48 
+                    <li><a href="index.html">Dashboard v.1</a></li>
49 
+                    <li><a href="dashboard_2.html">Dashboard v.2</a></li>
50 
+                    <li><a href="dashboard_3.html">Dashboard v.3</a></li>
51 
+                    <li><a href="dashboard_4_1.html">Dashboard v.4</a></li>
52 
+                    <li><a href="dashboard_5.html">Dashboard v.5 <span class="label label-primary pull-right">NEW</span></a></li>
53 
+                </ul>
54 
+            </li>
55 
+            <li>
56 
+                <a href="layouts.html"><i class="fa fa-diamond"></i> <span class="nav-label">Layouts</span></a>
57 
+            </li>
58 
+            <li>
59 
+                <a href="#"><i class="fa fa-bar-chart-o"></i> <span class="nav-label">Graphs</span><span class="fa arrow"></span></a>
60 
+                <ul class="nav nav-second-level collapse">
61 
+                    <li><a href="graph_flot.html">Flot Charts</a></li>
62 
+                    <li><a href="graph_morris.html">Morris.js Charts</a></li>
63 
+                    <li><a href="graph_rickshaw.html">Rickshaw Charts</a></li>
64 
+                    <li><a href="graph_chartjs.html">Chart.js</a></li>
65 
+                    <li><a href="graph_chartist.html">Chartist</a></li>
66 
+                    <li><a href="c3.html">c3 charts</a></li>
67 
+                    <li><a href="graph_peity.html">Peity Charts</a></li>
68 
+                    <li><a href="graph_sparkline.html">Sparkline Charts</a></li>
69 
+                </ul>
70 
+            </li>
71 
+            <li>
72 
+                <a href="mailbox.html"><i class="fa fa-envelope"></i> <span class="nav-label">Mailbox </span><span class="label label-warning pull-right">16/24</span></a>
73 
+                <ul class="nav nav-second-level collapse">
74 
+                    <li><a href="mailbox.html">Inbox</a></li>
75 
+                    <li><a href="mail_detail.html">Email view</a></li>
76 
+                    <li><a href="mail_compose.html">Compose email</a></li>
77 
+                    <li><a href="email_template.html">Email templates</a></li>
78 
+                </ul>
79 
+            </li>
80 
+            <li>
81 
+                <a href="metrics.html"><i class="fa fa-pie-chart"></i> <span class="nav-label">Metrics</span>  </a>
82 
+            </li>
83 
+            <li>
84 
+                <a href="widgets.html"><i class="fa fa-flask"></i> <span class="nav-label">Widgets</span></a>
85 
+            </li>
86 
+            <li>
87 
+                <a href="#"><i class="fa fa-edit"></i> <span class="nav-label">Forms</span><span class="fa arrow"></span></a>
88 
+                <ul class="nav nav-second-level collapse">
89 
+                    <li><a href="form_basic.html">Basic form</a></li>
90 
+                    <li><a href="form_advanced.html">Advanced Plugins</a></li>
91 
+                    <li><a href="form_wizard.html">Wizard</a></li>
92 
+                    <li><a href="form_file_upload.html">File Upload</a></li>
93 
+                    <li><a href="form_editors.html">Text Editor</a></li>
94 
+                    <li><a href="form_markdown.html">Markdown</a></li>
95 
+                </ul>
96 
+            </li>
97 
+            <li>
98 
+                <a href="#"><i class="fa fa-desktop"></i> <span class="nav-label">App Views</span>  <span class="pull-right label label-primary">SPECIAL</span></a>
99 
+                <ul class="nav nav-second-level collapse">
100 
+                    <li><a href="contacts.html">Contacts</a></li>
101 
+                    <li><a href="profile.html">Profile</a></li>
102 
+                    <li><a href="profile_2.html">Profile v.2</a></li>
103 
+                    <li><a href="contacts_2.html">Contacts v.2</a></li>
104 
+                    <li><a href="projects.html">Projects</a></li>
105 
+                    <li><a href="project_detail.html">Project detail</a></li>
106 
+                    <li><a href="teams_board.html">Teams board</a></li>
107 
+                    <li><a href="social_feed.html">Social feed</a></li>
108 
+                    <li><a href="clients.html">Clients</a></li>
109 
+                    <li><a href="full_height.html">Outlook view</a></li>
110 
+                    <li><a href="vote_list.html">Vote list</a></li>
111 
+                    <li><a href="file_manager.html">File manager</a></li>
112 
+                    <li><a href="calendar.html">Calendar</a></li>
113 
+                    <li><a href="issue_tracker.html">Issue tracker</a></li>
114 
+                    <li><a href="blog.html">Blog</a></li>
115 
+                    <li><a href="article.html">Article</a></li>
116 
+                    <li><a href="faq.html">FAQ</a></li>
117 
+                    <li><a href="timeline.html">Timeline</a></li>
118 
+                    <li><a href="pin_board.html">Pin board</a></li>
119 
+                </ul>
120 
+            </li>
121 
+            <li>
122 
+                <a href="#"><i class="fa fa-files-o"></i> <span class="nav-label">Other Pages</span><span class="fa arrow"></span></a>
123 
+                <ul class="nav nav-second-level collapse">
124 
+                    <li><a href="search_results.html">Search results</a></li>
125 
+                    <li><a href="lockscreen.html">Lockscreen</a></li>
126 
+                    <li><a href="invoice.html">Invoice</a></li>
127 
+                    <li><a href="login.html">Login</a></li>
128 
+                    <li><a href="login_two_columns.html">Login v.2</a></li>
129 
+                    <li><a href="forgot_password.html">Forget password</a></li>
130 
+                    <li><a href="register.html">Register</a></li>
131 
+                    <li><a href="404.html">404 Page</a></li>
132 
+                    <li><a href="500.html">500 Page</a></li>
133 
+                    <li><a href="empty_page.html">Empty page</a></li>
134 
+                </ul>
135 
+            </li>
136 
+            <li class="active">
137 
+                <a href="#"><i class="fa fa-globe"></i> <span class="nav-label">Miscellaneous</span><span class="label label-info pull-right">NEW</span></a>
138 
+                <ul class="nav nav-second-level">
139 
+                    <li><a href="toastr_notifications.html">Notification</a></li>
140 
+                    <li><a href="nestable_list.html">Nestable list</a></li>
141 
+                    <li><a href="agile_board.html">Agile board</a></li>
142 
+                    <li><a href="timeline_2.html">Timeline v.2</a></li>
143 
+                    <li><a href="diff.html">Diff</a></li>
144 
+                    <li><a href="i18support.html">i18 support</a></li>
145 
+                    <li><a href="sweetalert.html">Sweet alert</a></li>
146 
+                    <li><a href="idle_timer.html">Idle timer</a></li>
147 
+                    <li><a href="truncate.html">Truncate</a></li>
148 
+                    <li><a href="spinners.html">Spinners</a></li>
149 
+                    <li><a href="tinycon.html">Live favicon</a></li>
150 
+                    <li><a href="google_maps.html">Google maps</a></li>
151 
+                    <li><a href="code_editor.html">Code editor</a></li>
152 
+                    <li><a href="modal_window.html">Modal window</a></li>
153 
+                    <li><a href="clipboard.html">Clipboard</a></li>
154 
+                    <li><a href="forum_main.html">Forum view</a></li>
155 
+                    <li><a href="validation.html">Validation</a></li>
156 
+                    <li><a href="tree_view.html">Tree view</a></li>
157 
+                    <li><a href="loading_buttons.html">Loading buttons</a></li>
158 
+                    <li class="active"><a href="chat_view.html">Chat view</a></li>
159 
+                    <li><a href="masonry.html">Masonry</a></li>
160 
+                    <li><a href="tour.html">Tour</a></li>
161 
+                </ul>
162 
+            </li>
163 
+            <li>
164 
+                <a href="#"><i class="fa fa-flask"></i> <span class="nav-label">UI Elements</span><span class="fa arrow"></span></a>
165 
+                <ul class="nav nav-second-level collapse">
166 
+                    <li><a href="typography.html">Typography</a></li>
167 
+                    <li><a href="icons.html">Icons</a></li>
168 
+                    <li><a href="draggable_panels.html">Draggable Panels</a></li> <li><a href="resizeable_panels.html">Resizeable Panels</a></li>
169 
+                    <li><a href="buttons.html">Buttons</a></li>
170 
+                    <li><a href="video.html">Video</a></li>
171 
+                    <li><a href="tabs_panels.html">Panels</a></li>
172 
+                    <li><a href="tabs.html">Tabs</a></li>
173 
+                    <li><a href="notifications.html">Notifications & Tooltips</a></li>
174 
+                    <li><a href="badges_labels.html">Badges, Labels, Progress</a></li>
175 
+                </ul>
176 
+            </li>
177 
+
178 
+            <li>
179 
+                <a href="grid_options.html"><i class="fa fa-laptop"></i> <span class="nav-label">Grid options</span></a>
180 
+            </li>
181 
+            <li>
182 
+                <a href="#"><i class="fa fa-table"></i> <span class="nav-label">Tables</span><span class="fa arrow"></span></a>
183 
+                <ul class="nav nav-second-level collapse">
184 
+                    <li><a href="table_basic.html">Static Tables</a></li>
185 
+                    <li><a href="table_data_tables.html">Data Tables</a></li>
186 
+                    <li><a href="table_foo_table.html">Foo Tables</a></li>
187 
+                    <li><a href="jq_grid.html">jqGrid</a></li>
188 
+                </ul>
189 
+            </li>
190 
+            <li>
191 
+                <a href="#"><i class="fa fa-shopping-cart"></i> <span class="nav-label">E-commerce</span><span class="fa arrow"></span></a>
192 
+                <ul class="nav nav-second-level collapse">
193 
+                    <li><a href="ecommerce_products_grid.html">Products grid</a></li>
194 
+                    <li><a href="ecommerce_product_list.html">Products list</a></li>
195 
+                    <li><a href="ecommerce_product.html">Product edit</a></li>
196 
+                    <li><a href="ecommerce_product_detail.html">Product detail</a></li>
197 
+                    <li><a href="ecommerce-cart.html">Cart</a></li>
198 
+                    <li><a href="ecommerce-orders.html">Orders</a></li>
199 
+                    <li><a href="ecommerce_payments.html">Credit Card form</a></li>
200 
+                </ul>
201 
+            </li>
202 
+            <li>
203 
+                <a href="#"><i class="fa fa-picture-o"></i> <span class="nav-label">Gallery</span><span class="fa arrow"></span></a>
204 
+                <ul class="nav nav-second-level collapse">
205 
+                    <li><a href="basic_gallery.html">Lightbox Gallery</a></li>
206 
+                    <li><a href="slick_carousel.html">Slick Carousel</a></li>
207 
+                    <li><a href="carousel.html">Bootstrap Carousel</a></li>
208 
+
209 
+                </ul>
210 
+            </li>
211 
+            <li>
212 
+                <a href="#"><i class="fa fa-sitemap"></i> <span class="nav-label">Menu Levels </span><span class="fa arrow"></span></a>
213 
+                <ul class="nav nav-second-level collapse">
214 
+                    <li>
215 
+                        <a href="#">Third Level <span class="fa arrow"></span></a>
216 
+                        <ul class="nav nav-third-level">
217 
+                            <li>
218 
+                                <a href="#">Third Level Item</a>
219 
+                            </li>
220 
+                            <li>
221 
+                                <a href="#">Third Level Item</a>
222 
+                            </li>
223 
+                            <li>
224 
+                                <a href="#">Third Level Item</a>
225 
+                            </li>
226 
+
227 
+                        </ul>
228 
+                    </li>
229 
+                    <li><a href="#">Second Level Item</a></li>
230 
+                    <li>
231 
+                        <a href="#">Second Level Item</a></li>
232 
+                    <li>
233 
+                        <a href="#">Second Level Item</a></li>
234 
+                </ul>
235 
+            </li>
236 
+            <li>
237 
+                <a href="css_animation.html"><i class="fa fa-magic"></i> <span class="nav-label">CSS Animations </span><span class="label label-info pull-right">62</span></a>
238 
+            </li>
239 
+            <li class="landing_link">
240 
+                <a target="_blank" href="landing.html"><i class="fa fa-star"></i> <span class="nav-label">Landing Page</span> <span class="label label-warning pull-right">NEW</span></a>
241 
+            </li>
242 
+            <li class="special_link">
243 
+                <a href="package.html"><i class="fa fa-database"></i> <span class="nav-label">Package</span></a>
244 
+            </li>
245 
+        </ul>
246 
+
247 
+    </div>
248 
+</nav>
249 
+
250 
+<div id="page-wrapper" class="gray-bg">
251 
+<div class="row border-bottom">
252 
+    <nav class="navbar navbar-static-top" role="navigation" style="margin-bottom: 0">
253 
+        <div class="navbar-header">
254 
+            <a class="navbar-minimalize minimalize-styl-2 btn btn-primary " href="#"><i class="fa fa-bars"></i> </a>
255 
+            <form role="search" class="navbar-form-custom" action="search_results.html">
256 
+                <div class="form-group">
257 
+                    <input type="text" placeholder="Search for something..." class="form-control" name="top-search" id="top-search">
258 
+                </div>
259 
+            </form>
260 
+        </div>
261 
+        <ul class="nav navbar-top-links navbar-right">
262 
+            <li>
263 
+                <span class="m-r-sm text-muted welcome-message">Welcome to INSPINIA+ Admin Theme.</span>
264 
+            </li>
265 
+            <li class="dropdown">
266 
+                <a class="dropdown-toggle count-info" data-toggle="dropdown" href="#">
267 
+                    <i class="fa fa-envelope"></i>  <span class="label label-warning">16</span>
268 
+                </a>
269 
+                <ul class="dropdown-menu dropdown-messages">
270 
+                    <li>
271 
+                        <div class="dropdown-messages-box">
272 
+                            <a href="profile.html" class="pull-left">
273 
+                                <img alt="image" class="img-circle" src="img/a7.jpg">
274 
+                            </a>
275 
+                            <div class="media-body">
276 
+                                <small class="pull-right">46h ago</small>
277 
+                                <strong>Mike Loreipsum</strong> started following <strong>Monica Smith</strong>. <br>
278 
+                                <small class="text-muted">3 days ago at 7:58 pm - 10.06.2014</small>
279 
+                            </div>
280 
+                        </div>
281 
+                    </li>
282 
+                    <li class="divider"></li>
283 
+                    <li>
284 
+                        <div class="dropdown-messages-box">
285 
+                            <a href="profile.html" class="pull-left">
286 
+                                <img alt="image" class="img-circle" src="img/a4.jpg">
287 
+                            </a>
288 
+                            <div class="media-body ">
289 
+                                <small class="pull-right text-navy">5h ago</small>
290 
+                                <strong>Chris Johnatan Overtunk</strong> started following <strong>Monica Smith</strong>. <br>
291 
+                                <small class="text-muted">Yesterday 1:21 pm - 11.06.2014</small>
292 
+                            </div>
293 
+                        </div>
294 
+                    </li>
295 
+                    <li class="divider"></li>
296 
+                    <li>
297 
+                        <div class="dropdown-messages-box">
298 
+                            <a href="profile.html" class="pull-left">
299 
+                                <img alt="image" class="img-circle" src="img/profile.jpg">
300 
+                            </a>
301 
+                            <div class="media-body ">
302 
+                                <small class="pull-right">23h ago</small>
303 
+                                <strong>Monica Smith</strong> love <strong>Kim Smith</strong>. <br>
304 
+                                <small class="text-muted">2 days ago at 2:30 am - 11.06.2014</small>
305 
+                            </div>
306 
+                        </div>
307 
+                    </li>
308 
+                    <li class="divider"></li>
309 
+                    <li>
310 
+                        <div class="text-center link-block">
311 
+                            <a href="mailbox.html">
312 
+                                <i class="fa fa-envelope"></i> <strong>Read All Messages</strong>
313 
+                            </a>
314 
+                        </div>
315 
+                    </li>
316 
+                </ul>
317 
+            </li>
318 
+            <li class="dropdown">
319 
+                <a class="dropdown-toggle count-info" data-toggle="dropdown" href="#">
320 
+                    <i class="fa fa-bell"></i>  <span class="label label-primary">8</span>
321 
+                </a>
322 
+                <ul class="dropdown-menu dropdown-alerts">
323 
+                    <li>
324 
+                        <a href="mailbox.html">
325 
+                            <div>
326 
+                                <i class="fa fa-envelope fa-fw"></i> You have 16 messages
327 
+                                <span class="pull-right text-muted small">4 minutes ago</span>
328 
+                            </div>
329 
+                        </a>
330 
+                    </li>
331 
+                    <li class="divider"></li>
332 
+                    <li>
333 
+                        <a href="profile.html">
334 
+                            <div>
335 
+                                <i class="fa fa-twitter fa-fw"></i> 3 New Followers
336 
+                                <span class="pull-right text-muted small">12 minutes ago</span>
337 
+                            </div>
338 
+                        </a>
339 
+                    </li>
340 
+                    <li class="divider"></li>
341 
+                    <li>
342 
+                        <a href="grid_options.html">
343 
+                            <div>
344 
+                                <i class="fa fa-upload fa-fw"></i> Server Rebooted
345 
+                                <span class="pull-right text-muted small">4 minutes ago</span>
346 
+                            </div>
347 
+                        </a>
348 
+                    </li>
349 
+                    <li class="divider"></li>
350 
+                    <li>
351 
+                        <div class="text-center link-block">
352 
+                            <a href="notifications.html">
353 
+                                <strong>See All Alerts</strong>
354 
+                                <i class="fa fa-angle-right"></i>
355 
+                            </a>
356 
+                        </div>
357 
+                    </li>
358 
+                </ul>
359 
+            </li>
360 
+
361 
+
362 
+            <li>
363 
+                <a href="login.html">
364 
+                    <i class="fa fa-sign-out"></i> Log out
365 
+                </a>
366 
+            </li>
367 
+        </ul>
368 
+
369 
+    </nav>
370 
+</div>
371 
+<div class="row wrapper border-bottom white-bg page-heading">
372 
+    <div class="col-lg-10">
373 
+        <h2>Chat view</h2>
374 
+        <ol class="breadcrumb">
375 
+            <li>
376 
+                <a href="index.html">Home</a>
377 
+            </li>
378 
+            <li>
379 
+                <a>Miscellaneous</a>
380 
+            </li>
381 
+            <li class="active">
382 
+                <strong>Chat view</strong>
383 
+            </li>
384 
+        </ol>
385 
+    </div>
386 
+    <div class="col-lg-2">
387 
+
388 
+    </div>
389 
+</div>
390 
+
391 
+
392 
+<div class="wrapper wrapper-content animated fadeInRight">
393 
+    <div class="row">
394 
+        <div class="col-lg-12">
395 
+            <div class="ibox float-e-margins">
396 
+                <div class="ibox-content">
397 
+
398 
+                    <strong>Chat room </strong> can be used to create chat room in your app.
399 
+                    You can also use a small chat in the right corner to provide live discussion.
400 
+
401 
+                </div>
402 
+            </div>
403 
+        </div>
404 
+    </div>
405 
+    <div class="row">
406 
+        <div class="col-lg-12">
407 
+
408 
+                <div class="ibox chat-view">
409 
+
410 
+                    <div class="ibox-title">
411 
+                        <small class="pull-right text-muted">Last message:  Mon Jan 26 2015 - 18:39:23</small>
412 
+                         Chat room panel
413 
+                    </div>
414 
+
415 
+
416 
+                    <div class="ibox-content">
417 
+
418 
+                        <div class="row">
419 
+
420 
+                            <div class="col-md-9 ">
421 
+                                <div class="chat-discussion">
422 
+
423 
+                                    <div class="chat-message left">
424 
+                                        <img class="message-avatar" src="img/a1.jpg" alt="" >
425 
+                                        <div class="message">
426 
+                                            <a class="message-author" href="#"> Michael Smith </a>
427 
+											<span class="message-date"> Mon Jan 26 2015 - 18:39:23 </span>
428 
+                                            <span class="message-content">
429 
+											Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
430 
+                                            </span>
431 
+                                        </div>
432 
+                                    </div>
433 
+                                    <div class="chat-message right">
434 
+                                        <img class="message-avatar" src="img/a4.jpg" alt="" >
435 
+                                        <div class="message">
436 
+                                            <a class="message-author" href="#"> Karl Jordan </a>
437 
+                                            <span class="message-date">  Fri Jan 25 2015 - 11:12:36 </span>
438 
+                                            <span class="message-content">
439 
+											Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover.
440 
+                                            </span>
441 
+                                        </div>
442 
+                                    </div>
443 
+                                    <div class="chat-message right">
444 
+                                        <img class="message-avatar" src="img/a2.jpg" alt="" >
445 
+                                        <div class="message">
446 
+                                            <a class="message-author" href="#"> Michael Smith </a>
447 
+                                            <span class="message-date">  Fri Jan 25 2015 - 11:12:36 </span>
448 
+                                            <span class="message-content">
449 
+											There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration.
450 
+                                            </span>
451 
+                                        </div>
452 
+                                    </div>
453 
+                                    <div class="chat-message left">
454 
+                                        <img class="message-avatar" src="img/a5.jpg" alt="" >
455 
+                                        <div class="message">
456 
+                                            <a class="message-author" href="#"> Alice Jordan </a>
457 
+                                            <span class="message-date">  Fri Jan 25 2015 - 11:12:36 </span>
458 
+                                            <span class="message-content">
459 
+											All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet.
460 
+                                                It uses a dictionary of over 200 Latin words.
461 
+                                            </span>
462 
+                                        </div>
463 
+                                    </div>
464 
+                                    <div class="chat-message right">
465 
+                                        <img class="message-avatar" src="img/a6.jpg" alt="" >
466 
+                                        <div class="message">
467 
+                                            <a class="message-author" href="#"> Mark Smith </a>
468 
+                                            <span class="message-date">  Fri Jan 25 2015 - 11:12:36 </span>
469 
+                                            <span class="message-content">
470 
+											All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet.
471 
+                                                It uses a dictionary of over 200 Latin words.
472 
+                                            </span>
473 
+                                        </div>
474 
+                                    </div>
475 
+
476 
+                                </div>
477 
+
478 
+                            </div>
479 
+                            <div class="col-md-3">
480 
+                                <div class="chat-users">
481 
+
482 
+
483 
+                                    <div class="users-list">
484 
+                                        <div class="chat-user">
485 
+                                            <img class="chat-avatar" src="img/a4.jpg" alt="" >
486 
+                                            <div class="chat-user-name">
487 
+                                                <a href="#">Karl Jordan</a>
488 
+                                            </div>
489 
+                                        </div>
490 
+                                        <div class="chat-user">
491 
+                                            <img class="chat-avatar" src="img/a1.jpg" alt="" >
492 
+                                            <div class="chat-user-name">
493 
+                                                <a href="#">Monica Smith</a>
494 
+                                            </div>
495 
+                                        </div>
496 
+                                        <div class="chat-user">
497 
+                                            <span class="pull-right label label-primary">Online</span>
498 
+                                            <img class="chat-avatar" src="img/a2.jpg" alt="" >
499 
+                                            <div class="chat-user-name">
500 
+                                                <a href="#">Michael Smith</a>
501 
+                                            </div>
502 
+                                        </div>
503 
+                                        <div class="chat-user">
504 
+                                            <span class="pull-right label label-primary">Online</span>
505 
+                                            <img class="chat-avatar" src="img/a3.jpg" alt="" >
506 
+                                            <div class="chat-user-name">
507 
+                                                <a href="#">Janet Smith</a>
508 
+                                            </div>
509 
+                                        </div>
510 
+                                        <div class="chat-user">
511 
+                                            <img class="chat-avatar" src="img/a5.jpg" alt="" >
512 
+                                            <div class="chat-user-name">
513 
+                                                <a href="#">Alice Smith</a>
514 
+                                            </div>
515 
+                                        </div>
516 
+                                        <div class="chat-user">
517 
+                                            <img class="chat-avatar" src="img/a6.jpg" alt="" >
518 
+                                            <div class="chat-user-name">
519 
+                                                <a href="#">Monica Cale</a>
520 
+                                            </div>
521 
+                                        </div>
522 
+                                        <div class="chat-user">
523 
+                                            <img class="chat-avatar" src="img/a2.jpg" alt="" >
524 
+                                            <div class="chat-user-name">
525 
+                                                <a href="#">Mark Jordan</a>
526 
+                                            </div>
527 
+                                        </div>
528 
+                                        <div class="chat-user">
529 
+                                            <span class="pull-right label label-primary">Online</span>
530 
+                                            <img class="chat-avatar" src="img/a3.jpg" alt="" >
531 
+                                            <div class="chat-user-name">
532 
+                                                <a href="#">Janet Smith</a>
533 
+                                            </div>
534 
+                                        </div>
535 
+
536 
+
537 
+                                    </div>
538 
+
539 
+                                </div>
540 
+                            </div>
541 
+
542 
+                        </div>
543 
+                        <div class="row">
544 
+                            <div class="col-lg-12">
545 
+                                <div class="chat-message-form">
546 
+
547 
+                                    <div class="form-group">
548 
+
549 
+                                        <textarea class="form-control message-input" name="message" placeholder="Enter message text"></textarea>
550 
+                                    </div>
551 
+
552 
+                                </div>
553 
+                            </div>
554 
+                        </div>
555 
+
556 
+
557 
+                    </div>
558 
+
559 
+                </div>
560 
+        </div>
561 
+
562 
+    </div>
563 
+
564 
+
565 
+</div>
566 
+<div class="footer" >
567 
+    <div class="pull-right">
568 
+        10GB of <strong>250GB</strong> Free.
569 
+    </div>
570 
+    <div>
571 
+        <strong>Copyright</strong> Example Company &copy; 2014-2015
572 
+    </div>
573 
+</div>
574 
+
575 
+</div>
576 
+    <div class="small-chat-box fadeInRight animated">
577 
+
578 
+        <div class="heading" draggable="true">
579 
+            <small class="chat-date pull-right">
580 
+                02.19.2015
581 
+            </small>
582 
+            Small chat
583 
+        </div>
584 
+
585 
+        <div class="content">
586 
+
587 
+            <div class="left">
588 
+                <div class="author-name">
589 
+                    Monica Jackson <small class="chat-date">
590 
+                    10:02 am
591 
+                </small>
592 
+                </div>
593 
+                <div class="chat-message active">
594 
+                    Lorem Ipsum is simply dummy text input.
595 
+                </div>
596 
+
597 
+            </div>
598 
+            <div class="right">
599 
+                <div class="author-name">
600 
+                    Mick Smith
601 
+                    <small class="chat-date">
602 
+                        11:24 am
603 
+                    </small>
604 
+                </div>
605 
+                <div class="chat-message">
606 
+                    Lorem Ipsum is simpl.
607 
+                </div>
608 
+            </div>
609 
+            <div class="left">
610 
+                <div class="author-name">
611 
+                    Alice Novak
612 
+                    <small class="chat-date">
613 
+                        08:45 pm
614 
+                    </small>
615 
+                </div>
616 
+                <div class="chat-message active">
617 
+                    Check this stock char.
618 
+                </div>
619 
+            </div>
620 
+            <div class="right">
621 
+                <div class="author-name">
622 
+                    Anna Lamson
623 
+                    <small class="chat-date">
624 
+                        11:24 am
625 
+                    </small>
626 
+                </div>
627 
+                <div class="chat-message">
628 
+                    The standard chunk of Lorem Ipsum
629 
+                </div>
630 
+            </div>
631 
+            <div class="left">
632 
+                <div class="author-name">
633 
+                    Mick Lane
634 
+                    <small class="chat-date">
635 
+                        08:45 pm
636 
+                    </small>
637 
+                </div>
638 
+                <div class="chat-message active">
639 
+                    I belive that. Lorem Ipsum is simply dummy text.
640 
+                </div>
641 
+            </div>
642 
+
643 
+
644 
+        </div>
645 
+        <div class="form-chat">
646 
+            <div class="input-group input-group-sm"><input type="text" class="form-control"> <span class="input-group-btn"> <button
647 
+                    class="btn btn-primary" type="button">Send
648 
+            </button> </span></div>
649 
+        </div>
650 
+
651 
+    </div>
652 
+    <div id="small-chat">
653 
+
654 
+        <span class="badge badge-warning pull-right">5</span>
655 
+        <a class="open-small-chat">
656 
+            <i class="fa fa-comments"></i>
657 
+
658 
+        </a>
659 
+    </div>
660 
+</div>
661 
+
662 
+
663 
+
664 
+<!-- Mainly scripts -->
665 
+<script src="js/jquery-2.1.1.js"></script>
666 
+<script src="js/bootstrap.min.js"></script>
667 
+<script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
668 
+<script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
669 
+
670 
+<!-- Custom and plugin javascript -->
671 
+<script src="js/inspinia.js"></script>
672 
+<script src="js/plugins/pace/pace.min.js"></script>
673 
+
674 
+<script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
675 
+
676 
+</body>
677 
+
678 
+</html>

+ 1552
- 0
clients.html
Filskillnaden har hållits tillbaka eftersom den är för stor
Visa fil


+ 519
- 0
clipboard.html Visa fil 

@@ -0,0 +1,519 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+
6 
+    <meta charset="utf-8">
7 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
8 
+
9 
+    <title>INSPINIA | Copy to clipboard</title>
10 
+
11 
+    <link href="css/bootstrap.min.css" rel="stylesheet">
12 
+    <link href="font-awesome/css/font-awesome.css" rel="stylesheet">
13 
+
14 
+    <link href="css/animate.css" rel="stylesheet">
15 
+    <link href="css/style.css" rel="stylesheet">
16 
+
17 
+
18 
+
19 
+</head>
20 
+
21 
+<body>
22 
+
23 
+    <div id="wrapper">
24 
+
25 
+    <nav class="navbar-default navbar-static-side" role="navigation">
26 
+        <div class="sidebar-collapse">
27 
+            <ul class="nav metismenu" id="side-menu">
28 
+                <li class="nav-header">
29 
+                    <div class="dropdown profile-element"> <span>
30 
+                            <img alt="image" class="img-circle" src="img/profile_small.jpg" />
31 
+                             </span>
32 
+                        <a data-toggle="dropdown" class="dropdown-toggle" href="#">
33 
+                            <span class="clear"> <span class="block m-t-xs"> <strong class="font-bold">David Williams</strong>
34 
+                             </span> <span class="text-muted text-xs block">Art Director <b class="caret"></b></span> </span> </a>
35 
+                        <ul class="dropdown-menu animated fadeInRight m-t-xs">
36 
+                            <li><a href="profile.html">Profile</a></li>
37 
+                            <li><a href="contacts.html">Contacts</a></li>
38 
+                            <li><a href="mailbox.html">Mailbox</a></li>
39 
+                            <li class="divider"></li>
40 
+                            <li><a href="login.html">Logout</a></li>
41 
+                        </ul>
42 
+                    </div>
43 
+                    <div class="logo-element">
44 
+                        IN+
45 
+                    </div>
46 
+                </li>
47 
+                <li>
48 
+                    <a href="index.html"><i class="fa fa-th-large"></i> <span class="nav-label">Dashboards</span> <span class="fa arrow"></span></a>
49 
+                    <ul class="nav nav-second-level collapse">
50 
+                        <li><a href="index.html">Dashboard v.1</a></li>
51 
+                        <li><a href="dashboard_2.html">Dashboard v.2</a></li>
52 
+                        <li><a href="dashboard_3.html">Dashboard v.3</a></li>
53 
+                        <li><a href="dashboard_4_1.html">Dashboard v.4</a></li>
54 
+                        <li><a href="dashboard_5.html">Dashboard v.5 <span class="label label-primary pull-right">NEW</span></a></li>
55 
+                    </ul>
56 
+                </li>
57 
+                <li>
58 
+                    <a href="layouts.html"><i class="fa fa-diamond"></i> <span class="nav-label">Layouts</span></a>
59 
+                </li>
60 
+                <li>
61 
+                    <a href="#"><i class="fa fa-bar-chart-o"></i> <span class="nav-label">Graphs</span><span class="fa arrow"></span></a>
62 
+                    <ul class="nav nav-second-level collapse">
63 
+                        <li><a href="graph_flot.html">Flot Charts</a></li>
64 
+                        <li><a href="graph_morris.html">Morris.js Charts</a></li>
65 
+                        <li><a href="graph_rickshaw.html">Rickshaw Charts</a></li>
66 
+                        <li><a href="graph_chartjs.html">Chart.js</a></li>
67 
+                        <li><a href="graph_chartist.html">Chartist</a></li>
68 
+                        <li><a href="c3.html">c3 charts</a></li>
69 
+                        <li><a href="graph_peity.html">Peity Charts</a></li>
70 
+                        <li><a href="graph_sparkline.html">Sparkline Charts</a></li>
71 
+                    </ul>
72 
+                </li>
73 
+                <li>
74 
+                    <a href="mailbox.html"><i class="fa fa-envelope"></i> <span class="nav-label">Mailbox </span><span class="label label-warning pull-right">16/24</span></a>
75 
+                    <ul class="nav nav-second-level collapse">
76 
+                        <li><a href="mailbox.html">Inbox</a></li>
77 
+                        <li><a href="mail_detail.html">Email view</a></li>
78 
+                        <li><a href="mail_compose.html">Compose email</a></li>
79 
+                        <li><a href="email_template.html">Email templates</a></li>
80 
+                    </ul>
81 
+                </li>
82 
+                <li>
83 
+                    <a href="metrics.html"><i class="fa fa-pie-chart"></i> <span class="nav-label">Metrics</span>  </a>
84 
+                </li>
85 
+                <li>
86 
+                    <a href="widgets.html"><i class="fa fa-flask"></i> <span class="nav-label">Widgets</span></a>
87 
+                </li>
88 
+                <li>
89 
+                    <a href="#"><i class="fa fa-edit"></i> <span class="nav-label">Forms</span><span class="fa arrow"></span></a>
90 
+                    <ul class="nav nav-second-level collapse">
91 
+                        <li><a href="form_basic.html">Basic form</a></li>
92 
+                        <li><a href="form_advanced.html">Advanced Plugins</a></li>
93 
+                        <li><a href="form_wizard.html">Wizard</a></li>
94 
+                        <li><a href="form_file_upload.html">File Upload</a></li>
95 
+                        <li><a href="form_editors.html">Text Editor</a></li>
96 
+                        <li><a href="form_markdown.html">Markdown</a></li>
97 
+                    </ul>
98 
+                </li>
99 
+                <li>
100 
+                    <a href="#"><i class="fa fa-desktop"></i> <span class="nav-label">App Views</span>  <span class="pull-right label label-primary">SPECIAL</span></a>
101 
+                    <ul class="nav nav-second-level collapse">
102 
+                        <li><a href="contacts.html">Contacts</a></li>
103 
+                        <li><a href="profile.html">Profile</a></li>
104 
+                        <li><a href="profile_2.html">Profile v.2</a></li>
105 
+                        <li><a href="contacts_2.html">Contacts v.2</a></li>
106 
+                        <li><a href="projects.html">Projects</a></li>
107 
+                        <li><a href="project_detail.html">Project detail</a></li>
108 
+                        <li><a href="teams_board.html">Teams board</a></li>
109 
+                        <li><a href="social_feed.html">Social feed</a></li>
110 
+                        <li><a href="clients.html">Clients</a></li>
111 
+                        <li><a href="full_height.html">Outlook view</a></li>
112 
+                        <li><a href="vote_list.html">Vote list</a></li>
113 
+                        <li><a href="file_manager.html">File manager</a></li>
114 
+                        <li><a href="calendar.html">Calendar</a></li>
115 
+                        <li><a href="issue_tracker.html">Issue tracker</a></li>
116 
+                        <li><a href="blog.html">Blog</a></li>
117 
+                        <li><a href="article.html">Article</a></li>
118 
+                        <li><a href="faq.html">FAQ</a></li>
119 
+                        <li><a href="timeline.html">Timeline</a></li>
120 
+                        <li><a href="pin_board.html">Pin board</a></li>
121 
+                    </ul>
122 
+                </li>
123 
+                <li>
124 
+                    <a href="#"><i class="fa fa-files-o"></i> <span class="nav-label">Other Pages</span><span class="fa arrow"></span></a>
125 
+                    <ul class="nav nav-second-level collapse">
126 
+                        <li><a href="search_results.html">Search results</a></li>
127 
+                        <li><a href="lockscreen.html">Lockscreen</a></li>
128 
+                        <li><a href="invoice.html">Invoice</a></li>
129 
+                        <li><a href="login.html">Login</a></li>
130 
+                        <li><a href="login_two_columns.html">Login v.2</a></li>
131 
+                        <li><a href="forgot_password.html">Forget password</a></li>
132 
+                        <li><a href="register.html">Register</a></li>
133 
+                        <li><a href="404.html">404 Page</a></li>
134 
+                        <li><a href="500.html">500 Page</a></li>
135 
+                        <li><a href="empty_page.html">Empty page</a></li>
136 
+                    </ul>
137 
+                </li>
138 
+                <li class="active">
139 
+                    <a href="#"><i class="fa fa-globe"></i> <span class="nav-label">Miscellaneous</span><span class="label label-info pull-right">NEW</span></a>
140 
+                    <ul class="nav nav-second-level">
141 
+                        <li><a href="toastr_notifications.html">Notification</a></li>
142 
+                        <li><a href="nestable_list.html">Nestable list</a></li>
143 
+                        <li><a href="agile_board.html">Agile board</a></li>
144 
+                        <li><a href="timeline_2.html">Timeline v.2</a></li>
145 
+                        <li><a href="diff.html">Diff</a></li>
146 
+                        <li><a href="i18support.html">i18 support</a></li>
147 
+                        <li><a href="sweetalert.html">Sweet alert</a></li>
148 
+                        <li><a href="idle_timer.html">Idle timer</a></li>
149 
+                        <li><a href="truncate.html">Truncate</a></li>
150 
+                        <li><a href="spinners.html">Spinners</a></li>
151 
+                        <li><a href="tinycon.html">Live favicon</a></li>
152 
+                        <li><a href="google_maps.html">Google maps</a></li>
153 
+                        <li><a href="code_editor.html">Code editor</a></li>
154 
+                        <li><a href="modal_window.html">Modal window</a></li>
155 
+                        <li class="active"><a href="clipboard.html">Clipboard</a></li>
156 
+                        <li><a href="forum_main.html">Forum view</a></li>
157 
+                        <li><a href="validation.html">Validation</a></li>
158 
+                        <li><a href="tree_view.html">Tree view</a></li>
159 
+                        <li><a href="loading_buttons.html">Loading buttons</a></li>
160 
+                        <li><a href="chat_view.html">Chat view</a></li>
161 
+                        <li><a href="masonry.html">Masonry</a></li>
162 
+                        <li><a href="tour.html">Tour</a></li>
163 
+                    </ul>
164 
+                </li>
165 
+                <li>
166 
+                    <a href="#"><i class="fa fa-flask"></i> <span class="nav-label">UI Elements</span><span class="fa arrow"></span></a>
167 
+                    <ul class="nav nav-second-level collapse">
168 
+                        <li><a href="typography.html">Typography</a></li>
169 
+                        <li><a href="icons.html">Icons</a></li>
170 
+                        <li><a href="draggable_panels.html">Draggable Panels</a></li> <li><a href="resizeable_panels.html">Resizeable Panels</a></li>
171 
+                        <li><a href="buttons.html">Buttons</a></li>
172 
+                        <li><a href="video.html">Video</a></li>
173 
+                        <li><a href="tabs_panels.html">Panels</a></li>
174 
+                        <li><a href="tabs.html">Tabs</a></li>
175 
+                        <li><a href="notifications.html">Notifications & Tooltips</a></li>
176 
+                        <li><a href="badges_labels.html">Badges, Labels, Progress</a></li>
177 
+                    </ul>
178 
+                </li>
179 
+
180 
+                <li>
181 
+                    <a href="grid_options.html"><i class="fa fa-laptop"></i> <span class="nav-label">Grid options</span></a>
182 
+                </li>
183 
+                <li>
184 
+                    <a href="#"><i class="fa fa-table"></i> <span class="nav-label">Tables</span><span class="fa arrow"></span></a>
185 
+                    <ul class="nav nav-second-level collapse">
186 
+                        <li><a href="table_basic.html">Static Tables</a></li>
187 
+                        <li><a href="table_data_tables.html">Data Tables</a></li>
188 
+                        <li><a href="table_foo_table.html">Foo Tables</a></li>
189 
+                        <li><a href="jq_grid.html">jqGrid</a></li>
190 
+                    </ul>
191 
+                </li>
192 
+                <li>
193 
+                    <a href="#"><i class="fa fa-shopping-cart"></i> <span class="nav-label">E-commerce</span><span class="fa arrow"></span></a>
194 
+                    <ul class="nav nav-second-level collapse">
195 
+                        <li><a href="ecommerce_products_grid.html">Products grid</a></li>
196 
+                        <li><a href="ecommerce_product_list.html">Products list</a></li>
197 
+                        <li><a href="ecommerce_product.html">Product edit</a></li>
198 
+                        <li><a href="ecommerce_product_detail.html">Product detail</a></li>
199 
+                        <li><a href="ecommerce-cart.html">Cart</a></li>
200 
+                        <li><a href="ecommerce-orders.html">Orders</a></li>
201 
+                        <li><a href="ecommerce_payments.html">Credit Card form</a></li>
202 
+                    </ul>
203 
+                </li>
204 
+                <li>
205 
+                    <a href="#"><i class="fa fa-picture-o"></i> <span class="nav-label">Gallery</span><span class="fa arrow"></span></a>
206 
+                    <ul class="nav nav-second-level collapse">
207 
+                        <li><a href="basic_gallery.html">Lightbox Gallery</a></li>
208 
+                        <li><a href="slick_carousel.html">Slick Carousel</a></li>
209 
+                        <li><a href="carousel.html">Bootstrap Carousel</a></li>
210 
+
211 
+                    </ul>
212 
+                </li>
213 
+                <li>
214 
+                    <a href="#"><i class="fa fa-sitemap"></i> <span class="nav-label">Menu Levels </span><span class="fa arrow"></span></a>
215 
+                    <ul class="nav nav-second-level collapse">
216 
+                        <li>
217 
+                            <a href="#">Third Level <span class="fa arrow"></span></a>
218 
+                            <ul class="nav nav-third-level">
219 
+                                <li>
220 
+                                    <a href="#">Third Level Item</a>
221 
+                                </li>
222 
+                                <li>
223 
+                                    <a href="#">Third Level Item</a>
224 
+                                </li>
225 
+                                <li>
226 
+                                    <a href="#">Third Level Item</a>
227 
+                                </li>
228 
+
229 
+                            </ul>
230 
+                        </li>
231 
+                        <li><a href="#">Second Level Item</a></li>
232 
+                        <li>
233 
+                            <a href="#">Second Level Item</a></li>
234 
+                        <li>
235 
+                            <a href="#">Second Level Item</a></li>
236 
+                    </ul>
237 
+                </li>
238 
+                <li>
239 
+                    <a href="css_animation.html"><i class="fa fa-magic"></i> <span class="nav-label">CSS Animations </span><span class="label label-info pull-right">62</span></a>
240 
+                </li>
241 
+                <li class="landing_link">
242 
+                    <a target="_blank" href="landing.html"><i class="fa fa-star"></i> <span class="nav-label">Landing Page</span> <span class="label label-warning pull-right">NEW</span></a>
243 
+                </li>
244 
+                <li class="special_link">
245 
+                    <a href="package.html"><i class="fa fa-database"></i> <span class="nav-label">Package</span></a>
246 
+                </li>
247 
+            </ul>
248 
+
249 
+        </div>
250 
+    </nav>
251 
+
252 
+        <div id="page-wrapper" class="gray-bg">
253 
+        <div class="row border-bottom">
254 
+        <nav class="navbar navbar-static-top" role="navigation" style="margin-bottom: 0">
255 
+        <div class="navbar-header">
256 
+            <a class="navbar-minimalize minimalize-styl-2 btn btn-primary " href="#"><i class="fa fa-bars"></i> </a>
257 
+            <form role="search" class="navbar-form-custom" action="search_results.html">
258 
+                <div class="form-group">
259 
+                    <input type="text" placeholder="Search for something..." class="form-control" name="top-search" id="top-search">
260 
+                </div>
261 
+            </form>
262 
+        </div>
263 
+            <ul class="nav navbar-top-links navbar-right">
264 
+                <li>
265 
+                    <span class="m-r-sm text-muted welcome-message">Welcome to INSPINIA+ Admin Theme.</span>
266 
+                </li>
267 
+                <li class="dropdown">
268 
+                    <a class="dropdown-toggle count-info" data-toggle="dropdown" href="#">
269 
+                        <i class="fa fa-envelope"></i>  <span class="label label-warning">16</span>
270 
+                    </a>
271 
+                    <ul class="dropdown-menu dropdown-messages">
272 
+                        <li>
273 
+                            <div class="dropdown-messages-box">
274 
+                                <a href="profile.html" class="pull-left">
275 
+                                    <img alt="image" class="img-circle" src="img/a7.jpg">
276 
+                                </a>
277 
+                                <div class="media-body">
278 
+                                    <small class="pull-right">46h ago</small>
279 
+                                    <strong>Mike Loreipsum</strong> started following <strong>Monica Smith</strong>. <br>
280 
+                                    <small class="text-muted">3 days ago at 7:58 pm - 10.06.2014</small>
281 
+                                </div>
282 
+                            </div>
283 
+                        </li>
284 
+                        <li class="divider"></li>
285 
+                        <li>
286 
+                            <div class="dropdown-messages-box">
287 
+                                <a href="profile.html" class="pull-left">
288 
+                                    <img alt="image" class="img-circle" src="img/a4.jpg">
289 
+                                </a>
290 
+                                <div class="media-body ">
291 
+                                    <small class="pull-right text-navy">5h ago</small>
292 
+                                    <strong>Chris Johnatan Overtunk</strong> started following <strong>Monica Smith</strong>. <br>
293 
+                                    <small class="text-muted">Yesterday 1:21 pm - 11.06.2014</small>
294 
+                                </div>
295 
+                            </div>
296 
+                        </li>
297 
+                        <li class="divider"></li>
298 
+                        <li>
299 
+                            <div class="dropdown-messages-box">
300 
+                                <a href="profile.html" class="pull-left">
301 
+                                    <img alt="image" class="img-circle" src="img/profile.jpg">
302 
+                                </a>
303 
+                                <div class="media-body ">
304 
+                                    <small class="pull-right">23h ago</small>
305 
+                                    <strong>Monica Smith</strong> love <strong>Kim Smith</strong>. <br>
306 
+                                    <small class="text-muted">2 days ago at 2:30 am - 11.06.2014</small>
307 
+                                </div>
308 
+                            </div>
309 
+                        </li>
310 
+                        <li class="divider"></li>
311 
+                        <li>
312 
+                            <div class="text-center link-block">
313 
+                                <a href="mailbox.html">
314 
+                                    <i class="fa fa-envelope"></i> <strong>Read All Messages</strong>
315 
+                                </a>
316 
+                            </div>
317 
+                        </li>
318 
+                    </ul>
319 
+                </li>
320 
+                <li class="dropdown">
321 
+                    <a class="dropdown-toggle count-info" data-toggle="dropdown" href="#">
322 
+                        <i class="fa fa-bell"></i>  <span class="label label-primary">8</span>
323 
+                    </a>
324 
+                    <ul class="dropdown-menu dropdown-alerts">
325 
+                        <li>
326 
+                            <a href="mailbox.html">
327 
+                                <div>
328 
+                                    <i class="fa fa-envelope fa-fw"></i> You have 16 messages
329 
+                                    <span class="pull-right text-muted small">4 minutes ago</span>
330 
+                                </div>
331 
+                            </a>
332 
+                        </li>
333 
+                        <li class="divider"></li>
334 
+                        <li>
335 
+                            <a href="profile.html">
336 
+                                <div>
337 
+                                    <i class="fa fa-twitter fa-fw"></i> 3 New Followers
338 
+                                    <span class="pull-right text-muted small">12 minutes ago</span>
339 
+                                </div>
340 
+                            </a>
341 
+                        </li>
342 
+                        <li class="divider"></li>
343 
+                        <li>
344 
+                            <a href="grid_options.html">
345 
+                                <div>
346 
+                                    <i class="fa fa-upload fa-fw"></i> Server Rebooted
347 
+                                    <span class="pull-right text-muted small">4 minutes ago</span>
348 
+                                </div>
349 
+                            </a>
350 
+                        </li>
351 
+                        <li class="divider"></li>
352 
+                        <li>
353 
+                            <div class="text-center link-block">
354 
+                                <a href="notifications.html">
355 
+                                    <strong>See All Alerts</strong>
356 
+                                    <i class="fa fa-angle-right"></i>
357 
+                                </a>
358 
+                            </div>
359 
+                        </li>
360 
+                    </ul>
361 
+                </li>
362 
+
363 
+
364 
+                <li>
365 
+                    <a href="login.html">
366 
+                        <i class="fa fa-sign-out"></i> Log out
367 
+                    </a>
368 
+                </li>
369 
+            </ul>
370 
+
371 
+        </nav>
372 
+        </div>
373 
+            <div class="row wrapper border-bottom white-bg page-heading">
374 
+                <div class="col-lg-10">
375 
+                    <h2>Copy to clipboard</h2>
376 
+                    <ol class="breadcrumb">
377 
+                        <li>
378 
+                            <a href="index.html">Home</a>
379 
+                        </li>
380 
+                        <li>
381 
+                            <a>Miscellaneous</a>
382 
+                        </li>
383 
+                        <li class="active">
384 
+                            <strong>Copy to clipboard</strong>
385 
+                        </li>
386 
+                    </ol>
387 
+                </div>
388 
+                <div class="col-lg-2">
389 
+
390 
+                </div>
391 
+            </div>
392 
+        <div class="wrapper wrapper-content  animated fadeInRight">
393 
+            <div class="row">
394 
+                <div class="col-lg-12">
395 
+                    <div class="ibox ">
396 
+                        <div class="ibox-title">
397 
+                            <h5>Copy to clipboard</h5>
398 
+                        </div>
399 
+
400 
+                        <div class="ibox-content">
401 
+
402 
+
403 
+                            <p>
404 
+                                Modern copy to clipboard features. Just 2kb without flash!
405 
+                            </p>
406 
+
407 
+                            <div class="row">
408 
+                                <div class="col-md-6">
409 
+                                    <h3>Copy text from another element</h3>
410 
+
411 
+                                    <p>
412 
+                                        A pretty common use case is to copy content from another element. You can do that by adding a <code>data-clipboard-target</code> attribute in your trigger element.
413 
+                                    </p>
414 
+                                    <p>
415 
+                                        The value you include on this attribute needs to match another's element selector.
416 
+                                    </p>
417 
+
418 
+                                    <p class="text-navy font-bold" id="copytext">Please press the button and copy me!</p>
419 
+                                    <button class="btn btn-white" data-clipboard-target="#copytext"><i class="fa fa-copy"></i> Copy</button>
420 
+
421 
+                                    <div class="m-t">
422 
+                                        <strong>HTML markup</strong>
423 
+                                    </div>
424 
+                                    <pre>
425 
+
426 
+&lt;p id="copytext"&gt;Please press the button and copy me!&lt;/p&gt;
427 
+
428 
+&lt;button class="btn btn-white" data-clipboard-target="#copytext"&gt;&lt;i class="fa fa-copy"&gt;&lt;/i&gt; Copy&lt;/button&gt;
429 
+                                    </pre>
430 
+                                </div>
431 
+                                <div class="col-md-6">
432 
+                                    <h3>Cut text from another element</h3>
433 
+
434 
+                                    <p>
435 
+                                        Additionally, you can define a <code>data-clipboard-action</code> attribute to specify if you want to either <code>copy</code> or <code>cut</code> content.
436 
+                                    </p>
437 
+
438 
+                                    <textarea class="form-control" id="cuttext">This is example text that will be cuted fromt this textarea control.</textarea>
439 
+                                    <button class="btn btn-white m-t" data-clipboard-action="cut" data-clipboard-target="#cuttext"><i class="fa fa-cut"></i> Cut to clipboard</button>
440 
+
441 
+                                    <div class="m-t">
442 
+                                        <strong>HTML markup</strong>
443 
+                                    </div>
444 
+
445 
+                                    <pre>
446 
+
447 
+&lt;textarea id="cuttext"&gt;This is example text that will be cuted fromt this textarea control.&lt;/textarea&gt;
448 
+
449 
+&lt;button class="btn btn-white" data-clipboard-action="cut" data-clipboard-target="#cuttext"&gt;&lt;i class="fa fa-cut"&gt;&lt;/i&gt; Cut to clipboard&lt;/button&gt;
450 
+                                    </pre>
451 
+
452 
+                                </div>
453 
+                            </div>
454 
+
455 
+                        </div>
456 
+                    </div>
457 
+                    <div class="ibox ">
458 
+                        <div class="ibox-title">
459 
+                            <h5>Playground</h5>
460 
+                        </div>
461 
+
462 
+                        <div class="ibox-content">
463 
+
464 
+
465 
+                            <strong>
466 
+
467 
+                                Paste and test you copied text.
468 
+                            </strong>
469 
+
470 
+                            <textarea  class="form-control border-left m-t" style="height: 200px">
471 
+
472 
+                            </textarea>
473 
+
474 
+                        </div>
475 
+                    </div>
476 
+                </div>
477 
+            </div>
478 
+        </div>
479 
+        <div class="footer">
480 
+            <div class="pull-right">
481 
+                10GB of <strong>250GB</strong> Free.
482 
+            </div>
483 
+            <div>
484 
+                <strong>Copyright</strong> Example Company &copy; 2014-2015
485 
+            </div>
486 
+        </div>
487 
+
488 
+        </div>
489 
+        </div>
490 
+
491 
+
492 
+
493 
+    <!-- Mainly scripts -->
494 
+    <script src="js/jquery-2.1.1.js"></script>
495 
+    <script src="js/bootstrap.min.js"></script>
496 
+    <script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
497 
+    <script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
498 
+
499 
+    <!-- Custom and plugin javascript -->
500 
+    <script src="js/inspinia.js"></script>
501 
+    <script src="js/plugins/pace/pace.min.js"></script>
502 
+
503 
+    <!-- Clipboard -->
504 
+    <script src="js/plugins/clipboard/clipboard.min.js"></script>
505 
+
506 
+<script>
507 
+
508 
+    $(document).ready(function (){
509 
+
510 
+        new Clipboard('.btn');
511 
+
512 
+    });
513 
+
514 
+</script>
515 
+
516 
+
517 
+</body>
518 
+
519 
+</html>

+ 525
- 0
code_editor.html Visa fil 

@@ -0,0 +1,525 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+
6 
+    <meta charset="utf-8">
7 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
8 
+
9 
+    <title>INSPINIA | Code mirror</title>
10 
+
11 
+    <link href="css/bootstrap.min.css" rel="stylesheet">
12 
+    <link href="font-awesome/css/font-awesome.css" rel="stylesheet">
13 
+    <link href="css/animate.css" rel="stylesheet">
14 
+    <link href="css/plugins/codemirror/codemirror.css" rel="stylesheet">
15 
+    <link href="css/plugins/codemirror/ambiance.css" rel="stylesheet">
16 
+    <link href="css/style.css" rel="stylesheet">
17 
+
18 
+</head>
19 
+
20 
+<body>
21 
+
22 
+    <div id="wrapper">
23 
+
24 
+    <nav class="navbar-default navbar-static-side" role="navigation">
25 
+        <div class="sidebar-collapse">
26 
+            <ul class="nav metismenu" id="side-menu">
27 
+                <li class="nav-header">
28 
+                    <div class="dropdown profile-element"> <span>
29 
+                            <img alt="image" class="img-circle" src="img/profile_small.jpg" />
30 
+                             </span>
31 
+                        <a data-toggle="dropdown" class="dropdown-toggle" href="#">
32 
+                            <span class="clear"> <span class="block m-t-xs"> <strong class="font-bold">David Williams</strong>
33 
+                             </span> <span class="text-muted text-xs block">Art Director <b class="caret"></b></span> </span> </a>
34 
+                        <ul class="dropdown-menu animated fadeInRight m-t-xs">
35 
+                            <li><a href="profile.html">Profile</a></li>
36 
+                            <li><a href="contacts.html">Contacts</a></li>
37 
+                            <li><a href="mailbox.html">Mailbox</a></li>
38 
+                            <li class="divider"></li>
39 
+                            <li><a href="login.html">Logout</a></li>
40 
+                        </ul>
41 
+                    </div>
42 
+                    <div class="logo-element">
43 
+                        IN+
44 
+                    </div>
45 
+                </li>
46 
+                <li>
47 
+                    <a href="index.html"><i class="fa fa-th-large"></i> <span class="nav-label">Dashboards</span> <span class="fa arrow"></span></a>
48 
+                    <ul class="nav nav-second-level collapse">
49 
+                        <li><a href="index.html">Dashboard v.1</a></li>
50 
+                        <li><a href="dashboard_2.html">Dashboard v.2</a></li>
51 
+                        <li><a href="dashboard_3.html">Dashboard v.3</a></li>
52 
+                        <li><a href="dashboard_4_1.html">Dashboard v.4</a></li>
53 
+                        <li><a href="dashboard_5.html">Dashboard v.5 <span class="label label-primary pull-right">NEW</span></a></li>
54 
+                    </ul>
55 
+                </li>
56 
+                <li>
57 
+                    <a href="layouts.html"><i class="fa fa-diamond"></i> <span class="nav-label">Layouts</span></a>
58 
+                </li>
59 
+                <li>
60 
+                    <a href="#"><i class="fa fa-bar-chart-o"></i> <span class="nav-label">Graphs</span><span class="fa arrow"></span></a>
61 
+                    <ul class="nav nav-second-level collapse">
62 
+                        <li><a href="graph_flot.html">Flot Charts</a></li>
63 
+                        <li><a href="graph_morris.html">Morris.js Charts</a></li>
64 
+                        <li><a href="graph_rickshaw.html">Rickshaw Charts</a></li>
65 
+                        <li><a href="graph_chartjs.html">Chart.js</a></li>
66 
+                        <li><a href="graph_chartist.html">Chartist</a></li>
67 
+                        <li><a href="c3.html">c3 charts</a></li>
68 
+                        <li><a href="graph_peity.html">Peity Charts</a></li>
69 
+                        <li><a href="graph_sparkline.html">Sparkline Charts</a></li>
70 
+                    </ul>
71 
+                </li>
72 
+                <li>
73 
+                    <a href="mailbox.html"><i class="fa fa-envelope"></i> <span class="nav-label">Mailbox </span><span class="label label-warning pull-right">16/24</span></a>
74 
+                    <ul class="nav nav-second-level collapse">
75 
+                        <li><a href="mailbox.html">Inbox</a></li>
76 
+                        <li><a href="mail_detail.html">Email view</a></li>
77 
+                        <li><a href="mail_compose.html">Compose email</a></li>
78 
+                        <li><a href="email_template.html">Email templates</a></li>
79 
+                    </ul>
80 
+                </li>
81 
+                <li>
82 
+                    <a href="metrics.html"><i class="fa fa-pie-chart"></i> <span class="nav-label">Metrics</span>  </a>
83 
+                </li>
84 
+                <li>
85 
+                    <a href="widgets.html"><i class="fa fa-flask"></i> <span class="nav-label">Widgets</span></a>
86 
+                </li>
87 
+                <li>
88 
+                    <a href="#"><i class="fa fa-edit"></i> <span class="nav-label">Forms</span><span class="fa arrow"></span></a>
89 
+                    <ul class="nav nav-second-level collapse">
90 
+                        <li><a href="form_basic.html">Basic form</a></li>
91 
+                        <li><a href="form_advanced.html">Advanced Plugins</a></li>
92 
+                        <li><a href="form_wizard.html">Wizard</a></li>
93 
+                        <li><a href="form_file_upload.html">File Upload</a></li>
94 
+                        <li><a href="form_editors.html">Text Editor</a></li>
95 
+                        <li><a href="form_markdown.html">Markdown</a></li>
96 
+                    </ul>
97 
+                </li>
98 
+                <li>
99 
+                    <a href="#"><i class="fa fa-desktop"></i> <span class="nav-label">App Views</span>  <span class="pull-right label label-primary">SPECIAL</span></a>
100 
+                    <ul class="nav nav-second-level collapse">
101 
+                        <li><a href="contacts.html">Contacts</a></li>
102 
+                        <li><a href="profile.html">Profile</a></li>
103 
+                        <li><a href="profile_2.html">Profile v.2</a></li>
104 
+                        <li><a href="contacts_2.html">Contacts v.2</a></li>
105 
+                        <li><a href="projects.html">Projects</a></li>
106 
+                        <li><a href="project_detail.html">Project detail</a></li>
107 
+                        <li><a href="teams_board.html">Teams board</a></li>
108 
+                        <li><a href="social_feed.html">Social feed</a></li>
109 
+                        <li><a href="clients.html">Clients</a></li>
110 
+                        <li><a href="full_height.html">Outlook view</a></li>
111 
+                        <li><a href="vote_list.html">Vote list</a></li>
112 
+                        <li><a href="file_manager.html">File manager</a></li>
113 
+                        <li><a href="calendar.html">Calendar</a></li>
114 
+                        <li><a href="issue_tracker.html">Issue tracker</a></li>
115 
+                        <li><a href="blog.html">Blog</a></li>
116 
+                        <li><a href="article.html">Article</a></li>
117 
+                        <li><a href="faq.html">FAQ</a></li>
118 
+                        <li><a href="timeline.html">Timeline</a></li>
119 
+                        <li><a href="pin_board.html">Pin board</a></li>
120 
+                    </ul>
121 
+                </li>
122 
+                <li>
123 
+                    <a href="#"><i class="fa fa-files-o"></i> <span class="nav-label">Other Pages</span><span class="fa arrow"></span></a>
124 
+                    <ul class="nav nav-second-level collapse">
125 
+                        <li><a href="search_results.html">Search results</a></li>
126 
+                        <li><a href="lockscreen.html">Lockscreen</a></li>
127 
+                        <li><a href="invoice.html">Invoice</a></li>
128 
+                        <li><a href="login.html">Login</a></li>
129 
+                        <li><a href="login_two_columns.html">Login v.2</a></li>
130 
+                        <li><a href="forgot_password.html">Forget password</a></li>
131 
+                        <li><a href="register.html">Register</a></li>
132 
+                        <li><a href="404.html">404 Page</a></li>
133 
+                        <li><a href="500.html">500 Page</a></li>
134 
+                        <li><a href="empty_page.html">Empty page</a></li>
135 
+                    </ul>
136 
+                </li>
137 
+                <li class="active">
138 
+                    <a href="#"><i class="fa fa-globe"></i> <span class="nav-label">Miscellaneous</span><span class="label label-info pull-right">NEW</span></a>
139 
+                    <ul class="nav nav-second-level">
140 
+                        <li><a href="toastr_notifications.html">Notification</a></li>
141 
+                        <li><a href="nestable_list.html">Nestable list</a></li>
142 
+                        <li><a href="agile_board.html">Agile board</a></li>
143 
+                        <li><a href="timeline_2.html">Timeline v.2</a></li>
144 
+                        <li><a href="diff.html">Diff</a></li>
145 
+                        <li><a href="i18support.html">i18 support</a></li>
146 
+                        <li><a href="sweetalert.html">Sweet alert</a></li>
147 
+                        <li><a href="idle_timer.html">Idle timer</a></li>
148 
+                        <li><a href="truncate.html">Truncate</a></li>
149 
+                        <li><a href="spinners.html">Spinners</a></li>
150 
+                        <li><a href="tinycon.html">Live favicon</a></li>
151 
+                        <li><a href="google_maps.html">Google maps</a></li>
152 
+                        <li class="active"><a href="code_editor.html">Code editor</a></li>
153 
+                        <li><a href="modal_window.html">Modal window</a></li>
154 
+                        <li><a href="clipboard.html">Clipboard</a></li>
155 
+                        <li><a href="forum_main.html">Forum view</a></li>
156 
+                        <li><a href="validation.html">Validation</a></li>
157 
+                        <li><a href="tree_view.html">Tree view</a></li>
158 
+                        <li><a href="loading_buttons.html">Loading buttons</a></li>
159 
+                        <li><a href="chat_view.html">Chat view</a></li>
160 
+                        <li><a href="masonry.html">Masonry</a></li>
161 
+                        <li><a href="tour.html">Tour</a></li>
162 
+                    </ul>
163 
+                </li>
164 
+                <li>
165 
+                    <a href="#"><i class="fa fa-flask"></i> <span class="nav-label">UI Elements</span><span class="fa arrow"></span></a>
166 
+                    <ul class="nav nav-second-level collapse">
167 
+                        <li><a href="typography.html">Typography</a></li>
168 
+                        <li><a href="icons.html">Icons</a></li>
169 
+                        <li><a href="draggable_panels.html">Draggable Panels</a></li> <li><a href="resizeable_panels.html">Resizeable Panels</a></li>
170 
+                        <li><a href="buttons.html">Buttons</a></li>
171 
+                        <li><a href="video.html">Video</a></li>
172 
+                        <li><a href="tabs_panels.html">Panels</a></li>
173 
+                        <li><a href="tabs.html">Tabs</a></li>
174 
+                        <li><a href="notifications.html">Notifications & Tooltips</a></li>
175 
+                        <li><a href="badges_labels.html">Badges, Labels, Progress</a></li>
176 
+                    </ul>
177 
+                </li>
178 
+
179 
+                <li>
180 
+                    <a href="grid_options.html"><i class="fa fa-laptop"></i> <span class="nav-label">Grid options</span></a>
181 
+                </li>
182 
+                <li>
183 
+                    <a href="#"><i class="fa fa-table"></i> <span class="nav-label">Tables</span><span class="fa arrow"></span></a>
184 
+                    <ul class="nav nav-second-level collapse">
185 
+                        <li><a href="table_basic.html">Static Tables</a></li>
186 
+                        <li><a href="table_data_tables.html">Data Tables</a></li>
187 
+                        <li><a href="table_foo_table.html">Foo Tables</a></li>
188 
+                        <li><a href="jq_grid.html">jqGrid</a></li>
189 
+                    </ul>
190 
+                </li>
191 
+                <li>
192 
+                    <a href="#"><i class="fa fa-shopping-cart"></i> <span class="nav-label">E-commerce</span><span class="fa arrow"></span></a>
193 
+                    <ul class="nav nav-second-level collapse">
194 
+                        <li><a href="ecommerce_products_grid.html">Products grid</a></li>
195 
+                        <li><a href="ecommerce_product_list.html">Products list</a></li>
196 
+                        <li><a href="ecommerce_product.html">Product edit</a></li>
197 
+                        <li><a href="ecommerce_product_detail.html">Product detail</a></li>
198 
+                        <li><a href="ecommerce-cart.html">Cart</a></li>
199 
+                        <li><a href="ecommerce-orders.html">Orders</a></li>
200 
+                        <li><a href="ecommerce_payments.html">Credit Card form</a></li>
201 
+                    </ul>
202 
+                </li>
203 
+                <li>
204 
+                    <a href="#"><i class="fa fa-picture-o"></i> <span class="nav-label">Gallery</span><span class="fa arrow"></span></a>
205 
+                    <ul class="nav nav-second-level collapse">
206 
+                        <li><a href="basic_gallery.html">Lightbox Gallery</a></li>
207 
+                        <li><a href="slick_carousel.html">Slick Carousel</a></li>
208 
+                        <li><a href="carousel.html">Bootstrap Carousel</a></li>
209 
+
210 
+                    </ul>
211 
+                </li>
212 
+                <li>
213 
+                    <a href="#"><i class="fa fa-sitemap"></i> <span class="nav-label">Menu Levels </span><span class="fa arrow"></span></a>
214 
+                    <ul class="nav nav-second-level collapse">
215 
+                        <li>
216 
+                            <a href="#">Third Level <span class="fa arrow"></span></a>
217 
+                            <ul class="nav nav-third-level">
218 
+                                <li>
219 
+                                    <a href="#">Third Level Item</a>
220 
+                                </li>
221 
+                                <li>
222 
+                                    <a href="#">Third Level Item</a>
223 
+                                </li>
224 
+                                <li>
225 
+                                    <a href="#">Third Level Item</a>
226 
+                                </li>
227 
+
228 
+                            </ul>
229 
+                        </li>
230 
+                        <li><a href="#">Second Level Item</a></li>
231 
+                        <li>
232 
+                            <a href="#">Second Level Item</a></li>
233 
+                        <li>
234 
+                            <a href="#">Second Level Item</a></li>
235 
+                    </ul>
236 
+                </li>
237 
+                <li>
238 
+                    <a href="css_animation.html"><i class="fa fa-magic"></i> <span class="nav-label">CSS Animations </span><span class="label label-info pull-right">62</span></a>
239 
+                </li>
240 
+                <li class="landing_link">
241 
+                    <a target="_blank" href="landing.html"><i class="fa fa-star"></i> <span class="nav-label">Landing Page</span> <span class="label label-warning pull-right">NEW</span></a>
242 
+                </li>
243 
+                <li class="special_link">
244 
+                    <a href="package.html"><i class="fa fa-database"></i> <span class="nav-label">Package</span></a>
245 
+                </li>
246 
+            </ul>
247 
+
248 
+        </div>
249 
+    </nav>
250 
+
251 
+        <div id="page-wrapper" class="gray-bg">
252 
+        <div class="row border-bottom">
253 
+        <nav class="navbar navbar-static-top" role="navigation" style="margin-bottom: 0">
254 
+        <div class="navbar-header">
255 
+            <a class="navbar-minimalize minimalize-styl-2 btn btn-primary " href="#"><i class="fa fa-bars"></i> </a>
256 
+            <form role="search" class="navbar-form-custom" action="search_results.html">
257 
+                <div class="form-group">
258 
+                    <input type="text" placeholder="Search for something..." class="form-control" name="top-search" id="top-search">
259 
+                </div>
260 
+            </form>
261 
+        </div>
262 
+            <ul class="nav navbar-top-links navbar-right">
263 
+                <li>
264 
+                    <span class="m-r-sm text-muted welcome-message">Welcome to INSPINIA+ Admin Theme.</span>
265 
+                </li>
266 
+                <li class="dropdown">
267 
+                    <a class="dropdown-toggle count-info" data-toggle="dropdown" href="#">
268 
+                        <i class="fa fa-envelope"></i>  <span class="label label-warning">16</span>
269 
+                    </a>
270 
+                    <ul class="dropdown-menu dropdown-messages">
271 
+                        <li>
272 
+                            <div class="dropdown-messages-box">
273 
+                                <a href="profile.html" class="pull-left">
274 
+                                    <img alt="image" class="img-circle" src="img/a7.jpg">
275 
+                                </a>
276 
+                                <div class="media-body">
277 
+                                    <small class="pull-right">46h ago</small>
278 
+                                    <strong>Mike Loreipsum</strong> started following <strong>Monica Smith</strong>. <br>
279 
+                                    <small class="text-muted">3 days ago at 7:58 pm - 10.06.2014</small>
280 
+                                </div>
281 
+                            </div>
282 
+                        </li>
283 
+                        <li class="divider"></li>
284 
+                        <li>
285 
+                            <div class="dropdown-messages-box">
286 
+                                <a href="profile.html" class="pull-left">
287 
+                                    <img alt="image" class="img-circle" src="img/a4.jpg">
288 
+                                </a>
289 
+                                <div class="media-body ">
290 
+                                    <small class="pull-right text-navy">5h ago</small>
291 
+                                    <strong>Chris Johnatan Overtunk</strong> started following <strong>Monica Smith</strong>. <br>
292 
+                                    <small class="text-muted">Yesterday 1:21 pm - 11.06.2014</small>
293 
+                                </div>
294 
+                            </div>
295 
+                        </li>
296 
+                        <li class="divider"></li>
297 
+                        <li>
298 
+                            <div class="dropdown-messages-box">
299 
+                                <a href="profile.html" class="pull-left">
300 
+                                    <img alt="image" class="img-circle" src="img/profile.jpg">
301 
+                                </a>
302 
+                                <div class="media-body ">
303 
+                                    <small class="pull-right">23h ago</small>
304 
+                                    <strong>Monica Smith</strong> love <strong>Kim Smith</strong>. <br>
305 
+                                    <small class="text-muted">2 days ago at 2:30 am - 11.06.2014</small>
306 
+                                </div>
307 
+                            </div>
308 
+                        </li>
309 
+                        <li class="divider"></li>
310 
+                        <li>
311 
+                            <div class="text-center link-block">
312 
+                                <a href="mailbox.html">
313 
+                                    <i class="fa fa-envelope"></i> <strong>Read All Messages</strong>
314 
+                                </a>
315 
+                            </div>
316 
+                        </li>
317 
+                    </ul>
318 
+                </li>
319 
+                <li class="dropdown">
320 
+                    <a class="dropdown-toggle count-info" data-toggle="dropdown" href="#">
321 
+                        <i class="fa fa-bell"></i>  <span class="label label-primary">8</span>
322 
+                    </a>
323 
+                    <ul class="dropdown-menu dropdown-alerts">
324 
+                        <li>
325 
+                            <a href="mailbox.html">
326 
+                                <div>
327 
+                                    <i class="fa fa-envelope fa-fw"></i> You have 16 messages
328 
+                                    <span class="pull-right text-muted small">4 minutes ago</span>
329 
+                                </div>
330 
+                            </a>
331 
+                        </li>
332 
+                        <li class="divider"></li>
333 
+                        <li>
334 
+                            <a href="profile.html">
335 
+                                <div>
336 
+                                    <i class="fa fa-twitter fa-fw"></i> 3 New Followers
337 
+                                    <span class="pull-right text-muted small">12 minutes ago</span>
338 
+                                </div>
339 
+                            </a>
340 
+                        </li>
341 
+                        <li class="divider"></li>
342 
+                        <li>
343 
+                            <a href="grid_options.html">
344 
+                                <div>
345 
+                                    <i class="fa fa-upload fa-fw"></i> Server Rebooted
346 
+                                    <span class="pull-right text-muted small">4 minutes ago</span>
347 
+                                </div>
348 
+                            </a>
349 
+                        </li>
350 
+                        <li class="divider"></li>
351 
+                        <li>
352 
+                            <div class="text-center link-block">
353 
+                                <a href="notifications.html">
354 
+                                    <strong>See All Alerts</strong>
355 
+                                    <i class="fa fa-angle-right"></i>
356 
+                                </a>
357 
+                            </div>
358 
+                        </li>
359 
+                    </ul>
360 
+                </li>
361 
+
362 
+
363 
+                <li>
364 
+                    <a href="login.html">
365 
+                        <i class="fa fa-sign-out"></i> Log out
366 
+                    </a>
367 
+                </li>
368 
+            </ul>
369 
+
370 
+        </nav>
371 
+        </div>
372 
+            <div class="row wrapper border-bottom white-bg page-heading">
373 
+                <div class="col-lg-10">
374 
+                    <h2>Code Editor - Code Mirror</h2>
375 
+                    <ol class="breadcrumb">
376 
+                        <li>
377 
+                            <a href="index.html">Home</a>
378 
+                        </li>
379 
+                        <li>
380 
+                            <a>Tables</a>
381 
+                        </li>
382 
+                        <li class="active">
383 
+                            <strong>Code Editor</strong>
384 
+                        </li>
385 
+                    </ol>
386 
+                </div>
387 
+                <div class="col-lg-2">
388 
+
389 
+                </div>
390 
+            </div>
391 
+        <div class="wrapper wrapper-content  animated fadeInRight">
392 
+            <div class="row">
393 
+                <div class="col-lg-6">
394 
+                    <div class="ibox ">
395 
+                        <div class="ibox-title">
396 
+                            <h5>Code Editor - Basic example</h5>
397 
+                        </div>
398 
+                        <div class="ibox-content">
399 
+
400 
+                            <p  class="m-b-lg">
401 
+                                <strong>CodeMirror</strong> is a versatile text editor implemented in JavaScript for the browser. It is specialized for editing code, and comes with a number of language modes and addons that implement more advanced editing functionality.
402 
+                            </p>
403 
+
404 
+<textarea id="code1">
405 
+<script>
406 
+    // Code goes here
407 
+
408 
+    // For demo purpose - animation css script
409 
+    function animationHover(element, animation)
410 
+        element = $(element);
411 
+        element.hover(
412 
+                function()
413 
+                    element.addClass('animated ' + animation);
414 
+                },
415 
+                function()
416 
+                    //wait for animation to finish before removing classes
417 
+                    window.setTimeout( function()
418 
+                        element.removeClass('animated ' + animation);
419 
+                    }, 2000);
420 
+                });
421 
+    }
422 
+</script>
423 
+</textarea>
424 
+                        </div>
425 
+                    </div>
426 
+                </div>
427 
+                <div class="col-lg-6">
428 
+                    <div class="ibox ">
429 
+                        <div class="ibox-title">
430 
+                            <h5>Code Editor - Theme Example</h5>
431 
+                        </div>
432 
+                        <div class="ibox-content">
433 
+
434 
+                            <p class="m-b-lg">
435 
+                                A rich programming API and a CSS theming system are available for customizing CodeMirror to fit your application, and extending it with new functionality. For mor info go to
436 
+                                <a href="http://codemirror.net/" target="_blank">http://codemirror.net/</a>
437 
+                            </p>
438 
+<textarea id="code2">
439 
+    var SpeechApp = angular.module('SpeechApp', []);
440 
+
441 
+    function VoiceCtrl($scope)
442 
+
443 
+        $scope.said='...';
444 
+
445 
+        $scope.helloWorld = function()
446 
+            $scope.said = "Hello world!";
447 
+        }
448 
+
449 
+        $scope.commands =
450 
+            'hello (world)': function()
451 
+                if (typeof console !== "undefined") console.log('hello world!')
452 
+                $scope.$apply($scope.helloWorld);
453 
+            },
454 
+            'hey': function()
455 
+                if (typeof console !== "undefined") console.log('hey!')
456 
+                $scope.$apply($scope.helloWorld);
457 
+            }
458 
+        };
459 
+
460 
+        annyang.debug();
461 
+        annyang.init($scope.commands);
462 
+        annyang.start();
463 
+    }
464 
+</textarea>
465 
+                        </div>
466 
+
467 
+                    </div>
468 
+                </div>
469 
+            </div>
470 
+        </div>
471 
+        <div class="footer">
472 
+            <div class="pull-right">
473 
+                10GB of <strong>250GB</strong> Free.
474 
+            </div>
475 
+            <div>
476 
+                <strong>Copyright</strong> Example Company &copy; 2014-2015
477 
+            </div>
478 
+        </div>
479 
+
480 
+        </div>
481 
+        </div>
482 
+
483 
+
484 
+
485 
+    <!-- Mainly scripts -->
486 
+    <script src="js/jquery-2.1.1.js"></script>
487 
+    <script src="js/bootstrap.min.js"></script>
488 
+    <script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
489 
+    <script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
490 
+
491 
+    <!-- CodeMirror -->
492 
+    <script src="js/plugins/codemirror/codemirror.js"></script>
493 
+    <script src="js/plugins/codemirror/mode/javascript/javascript.js"></script>
494 
+
495 
+    <!-- Custom and plugin javascript -->
496 
+    <script src="js/inspinia.js"></script>
497 
+    <script src="js/plugins/pace/pace.min.js"></script>
498 
+
499 
+
500 
+    <script>
501 
+         $(document).ready(function(){
502 
+
503 
+             var editor_one = CodeMirror.fromTextArea(document.getElementById("code1"), {
504 
+                 lineNumbers: true,
505 
+                 matchBrackets: true,
506 
+                 styleActiveLine: true,
507 
+                 theme:"ambiance"
508 
+             });
509 
+
510 
+             var editor_two = CodeMirror.fromTextArea(document.getElementById("code2"), {
511 
+                 lineNumbers: true,
512 
+                 matchBrackets: true,
513 
+                 styleActiveLine: true
514 
+             });
515 
+
516 
+        });
517 
+    </script>
518 
+
519 
+<style>
520 
+
521 
+</style>
522 
+
523 
+</body>
524 
+
525 
+</html>

+ 739
- 0
contacts.html Visa fil 

@@ -0,0 +1,739 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+
6 
+    <meta charset="utf-8">
7 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
8 
+
9 
+    <title>INSPINIA | Contacts</title>
10 
+
11 
+    <link href="css/bootstrap.min.css" rel="stylesheet">
12 
+    <link href="font-awesome/css/font-awesome.css" rel="stylesheet">
13 
+
14 
+    <link href="css/animate.css" rel="stylesheet">
15 
+    <link href="css/style.css" rel="stylesheet">
16 
+
17 
+</head>
18 
+
19 
+<body>
20 
+
21 
+    <div id="wrapper">
22 
+
23 
+    <nav class="navbar-default navbar-static-side" role="navigation">
24 
+        <div class="sidebar-collapse">
25 
+            <ul class="nav metismenu" id="side-menu">
26 
+                <li class="nav-header">
27 
+                    <div class="dropdown profile-element"> <span>
28 
+                            <img alt="image" class="img-circle" src="img/profile_small.jpg" />
29 
+                             </span>
30 
+                        <a data-toggle="dropdown" class="dropdown-toggle" href="#">
31 
+                            <span class="clear"> <span class="block m-t-xs"> <strong class="font-bold">David Williams</strong>
32 
+                             </span> <span class="text-muted text-xs block">Art Director <b class="caret"></b></span> </span> </a>
33 
+                        <ul class="dropdown-menu animated fadeInRight m-t-xs">
34 
+                            <li><a href="profile.html">Profile</a></li>
35 
+                            <li><a href="contacts.html">Contacts</a></li>
36 
+                            <li><a href="mailbox.html">Mailbox</a></li>
37 
+                            <li class="divider"></li>
38 
+                            <li><a href="login.html">Logout</a></li>
39 
+                        </ul>
40 
+                    </div>
41 
+                    <div class="logo-element">
42 
+                        IN+
43 
+                    </div>
44 
+                </li>
45 
+                <li>
46 
+                    <a href="index.html"><i class="fa fa-th-large"></i> <span class="nav-label">Dashboards</span> <span class="fa arrow"></span></a>
47 
+                    <ul class="nav nav-second-level collapse">
48 
+                        <li><a href="index.html">Dashboard v.1</a></li>
49 
+                        <li><a href="dashboard_2.html">Dashboard v.2</a></li>
50 
+                        <li><a href="dashboard_3.html">Dashboard v.3</a></li>
51 
+                        <li><a href="dashboard_4_1.html">Dashboard v.4</a></li>
52 
+                        <li><a href="dashboard_5.html">Dashboard v.5 <span class="label label-primary pull-right">NEW</span></a></li>
53 
+                    </ul>
54 
+                </li>
55 
+                <li>
56 
+                    <a href="layouts.html"><i class="fa fa-diamond"></i> <span class="nav-label">Layouts</span></a>
57 
+                </li>
58 
+                <li>
59 
+                    <a href="#"><i class="fa fa-bar-chart-o"></i> <span class="nav-label">Graphs</span><span class="fa arrow"></span></a>
60 
+                    <ul class="nav nav-second-level collapse">
61 
+                        <li><a href="graph_flot.html">Flot Charts</a></li>
62 
+                        <li><a href="graph_morris.html">Morris.js Charts</a></li>
63 
+                        <li><a href="graph_rickshaw.html">Rickshaw Charts</a></li>
64 
+                        <li><a href="graph_chartjs.html">Chart.js</a></li>
65 
+                        <li><a href="graph_chartist.html">Chartist</a></li>
66 
+                        <li><a href="c3.html">c3 charts</a></li>
67 
+                        <li><a href="graph_peity.html">Peity Charts</a></li>
68 
+                        <li><a href="graph_sparkline.html">Sparkline Charts</a></li>
69 
+                    </ul>
70 
+                </li>
71 
+                <li>
72 
+                    <a href="mailbox.html"><i class="fa fa-envelope"></i> <span class="nav-label">Mailbox </span><span class="label label-warning pull-right">16/24</span></a>
73 
+                    <ul class="nav nav-second-level collapse">
74 
+                        <li><a href="mailbox.html">Inbox</a></li>
75 
+                        <li><a href="mail_detail.html">Email view</a></li>
76 
+                        <li><a href="mail_compose.html">Compose email</a></li>
77 
+                        <li><a href="email_template.html">Email templates</a></li>
78 
+                    </ul>
79 
+                </li>
80 
+                <li>
81 
+                    <a href="metrics.html"><i class="fa fa-pie-chart"></i> <span class="nav-label">Metrics</span>  </a>
82 
+                </li>
83 
+                <li>
84 
+                    <a href="widgets.html"><i class="fa fa-flask"></i> <span class="nav-label">Widgets</span></a>
85 
+                </li>
86 
+                <li>
87 
+                    <a href="#"><i class="fa fa-edit"></i> <span class="nav-label">Forms</span><span class="fa arrow"></span></a>
88 
+                    <ul class="nav nav-second-level collapse">
89 
+                        <li><a href="form_basic.html">Basic form</a></li>
90 
+                        <li><a href="form_advanced.html">Advanced Plugins</a></li>
91 
+                        <li><a href="form_wizard.html">Wizard</a></li>
92 
+                        <li><a href="form_file_upload.html">File Upload</a></li>
93 
+                        <li><a href="form_editors.html">Text Editor</a></li>
94 
+                        <li><a href="form_markdown.html">Markdown</a></li>
95 
+                    </ul>
96 
+                </li>
97 
+                <li class="active">
98 
+                    <a href="#"><i class="fa fa-desktop"></i> <span class="nav-label">App Views</span>  <span class="pull-right label label-primary">SPECIAL</span></a>
99 
+                    <ul class="nav nav-second-level">
100 
+                        <li class="active"><a href="contacts.html">Contacts</a></li>
101 
+                        <li><a href="profile.html">Profile</a></li>
102 
+                        <li><a href="profile_2.html">Profile v.2</a></li>
103 
+                        <li><a href="contacts_2.html">Contacts v.2</a></li>
104 
+                        <li><a href="projects.html">Projects</a></li>
105 
+                        <li><a href="project_detail.html">Project detail</a></li>
106 
+                        <li><a href="teams_board.html">Teams board</a></li>
107 
+                        <li><a href="social_feed.html">Social feed</a></li>
108 
+                        <li><a href="clients.html">Clients</a></li>
109 
+                        <li><a href="full_height.html">Outlook view</a></li>
110 
+                        <li><a href="vote_list.html">Vote list</a></li>
111 
+                        <li><a href="file_manager.html">File manager</a></li>
112 
+                        <li><a href="calendar.html">Calendar</a></li>
113 
+                        <li><a href="issue_tracker.html">Issue tracker</a></li>
114 
+                        <li><a href="blog.html">Blog</a></li>
115 
+                        <li><a href="article.html">Article</a></li>
116 
+                        <li><a href="faq.html">FAQ</a></li>
117 
+                        <li><a href="timeline.html">Timeline</a></li>
118 
+                        <li><a href="pin_board.html">Pin board</a></li>
119 
+                    </ul>
120 
+                </li>
121 
+                <li>
122 
+                    <a href="#"><i class="fa fa-files-o"></i> <span class="nav-label">Other Pages</span><span class="fa arrow"></span></a>
123 
+                    <ul class="nav nav-second-level collapse">
124 
+                        <li><a href="search_results.html">Search results</a></li>
125 
+                        <li><a href="lockscreen.html">Lockscreen</a></li>
126 
+                        <li><a href="invoice.html">Invoice</a></li>
127 
+                        <li><a href="login.html">Login</a></li>
128 
+                        <li><a href="login_two_columns.html">Login v.2</a></li>
129 
+                        <li><a href="forgot_password.html">Forget password</a></li>
130 
+                        <li><a href="register.html">Register</a></li>
131 
+                        <li><a href="404.html">404 Page</a></li>
132 
+                        <li><a href="500.html">500 Page</a></li>
133 
+                        <li><a href="empty_page.html">Empty page</a></li>
134 
+                    </ul>
135 
+                </li>
136 
+                <li>
137 
+                    <a href="#"><i class="fa fa-globe"></i> <span class="nav-label">Miscellaneous</span><span class="label label-info pull-right">NEW</span></a>
138 
+                    <ul class="nav nav-second-level collapse">
139 
+                        <li><a href="toastr_notifications.html">Notification</a></li>
140 
+                        <li><a href="nestable_list.html">Nestable list</a></li>
141 
+                        <li><a href="agile_board.html">Agile board</a></li>
142 
+                        <li><a href="timeline_2.html">Timeline v.2</a></li>
143 
+                        <li><a href="diff.html">Diff</a></li>
144 
+                        <li><a href="i18support.html">i18 support</a></li>
145 
+                        <li><a href="sweetalert.html">Sweet alert</a></li>
146 
+                        <li><a href="idle_timer.html">Idle timer</a></li>
147 
+                        <li><a href="truncate.html">Truncate</a></li>
148 
+                        <li><a href="spinners.html">Spinners</a></li>
149 
+                        <li><a href="tinycon.html">Live favicon</a></li>
150 
+                        <li><a href="google_maps.html">Google maps</a></li>
151 
+                        <li><a href="code_editor.html">Code editor</a></li>
152 
+                        <li><a href="modal_window.html">Modal window</a></li>
153 
+                        <li><a href="clipboard.html">Clipboard</a></li>
154 
+                        <li><a href="forum_main.html">Forum view</a></li>
155 
+                        <li><a href="validation.html">Validation</a></li>
156 
+                        <li><a href="tree_view.html">Tree view</a></li>
157 
+                        <li><a href="loading_buttons.html">Loading buttons</a></li>
158 
+                        <li><a href="chat_view.html">Chat view</a></li>
159 
+                        <li><a href="masonry.html">Masonry</a></li>
160 
+                        <li><a href="tour.html">Tour</a></li>
161 
+                    </ul>
162 
+                </li>
163 
+                <li>
164 
+                    <a href="#"><i class="fa fa-flask"></i> <span class="nav-label">UI Elements</span><span class="fa arrow"></span></a>
165 
+                    <ul class="nav nav-second-level collapse">
166 
+                        <li><a href="typography.html">Typography</a></li>
167 
+                        <li><a href="icons.html">Icons</a></li>
168 
+                        <li><a href="draggable_panels.html">Draggable Panels</a></li> <li><a href="resizeable_panels.html">Resizeable Panels</a></li>
169 
+                        <li><a href="buttons.html">Buttons</a></li>
170 
+                        <li><a href="video.html">Video</a></li>
171 
+                        <li><a href="tabs_panels.html">Panels</a></li>
172 
+                        <li><a href="tabs.html">Tabs</a></li>
173 
+                        <li><a href="notifications.html">Notifications & Tooltips</a></li>
174 
+                        <li><a href="badges_labels.html">Badges, Labels, Progress</a></li>
175 
+                    </ul>
176 
+                </li>
177 
+
178 
+                <li>
179 
+                    <a href="grid_options.html"><i class="fa fa-laptop"></i> <span class="nav-label">Grid options</span></a>
180 
+                </li>
181 
+                <li>
182 
+                    <a href="#"><i class="fa fa-table"></i> <span class="nav-label">Tables</span><span class="fa arrow"></span></a>
183 
+                    <ul class="nav nav-second-level collapse">
184 
+                        <li><a href="table_basic.html">Static Tables</a></li>
185 
+                        <li><a href="table_data_tables.html">Data Tables</a></li>
186 
+                        <li><a href="table_foo_table.html">Foo Tables</a></li>
187 
+                        <li><a href="jq_grid.html">jqGrid</a></li>
188 
+                    </ul>
189 
+                </li>
190 
+                <li>
191 
+                    <a href="#"><i class="fa fa-shopping-cart"></i> <span class="nav-label">E-commerce</span><span class="fa arrow"></span></a>
192 
+                    <ul class="nav nav-second-level collapse">
193 
+                        <li><a href="ecommerce_products_grid.html">Products grid</a></li>
194 
+                        <li><a href="ecommerce_product_list.html">Products list</a></li>
195 
+                        <li><a href="ecommerce_product.html">Product edit</a></li>
196 
+                        <li><a href="ecommerce_product_detail.html">Product detail</a></li>
197 
+                        <li><a href="ecommerce-cart.html">Cart</a></li>
198 
+                        <li><a href="ecommerce-orders.html">Orders</a></li>
199 
+                        <li><a href="ecommerce_payments.html">Credit Card form</a></li>
200 
+                    </ul>
201 
+                </li>
202 
+                <li>
203 
+                    <a href="#"><i class="fa fa-picture-o"></i> <span class="nav-label">Gallery</span><span class="fa arrow"></span></a>
204 
+                    <ul class="nav nav-second-level collapse">
205 
+                        <li><a href="basic_gallery.html">Lightbox Gallery</a></li>
206 
+                        <li><a href="slick_carousel.html">Slick Carousel</a></li>
207 
+                        <li><a href="carousel.html">Bootstrap Carousel</a></li>
208 
+
209 
+                    </ul>
210 
+                </li>
211 
+                <li>
212 
+                    <a href="#"><i class="fa fa-sitemap"></i> <span class="nav-label">Menu Levels </span><span class="fa arrow"></span></a>
213 
+                    <ul class="nav nav-second-level collapse">
214 
+                        <li>
215 
+                            <a href="#">Third Level <span class="fa arrow"></span></a>
216 
+                            <ul class="nav nav-third-level">
217 
+                                <li>
218 
+                                    <a href="#">Third Level Item</a>
219 
+                                </li>
220 
+                                <li>
221 
+                                    <a href="#">Third Level Item</a>
222 
+                                </li>
223 
+                                <li>
224 
+                                    <a href="#">Third Level Item</a>
225 
+                                </li>
226 
+
227 
+                            </ul>
228 
+                        </li>
229 
+                        <li><a href="#">Second Level Item</a></li>
230 
+                        <li>
231 
+                            <a href="#">Second Level Item</a></li>
232 
+                        <li>
233 
+                            <a href="#">Second Level Item</a></li>
234 
+                    </ul>
235 
+                </li>
236 
+                <li>
237 
+                    <a href="css_animation.html"><i class="fa fa-magic"></i> <span class="nav-label">CSS Animations </span><span class="label label-info pull-right">62</span></a>
238 
+                </li>
239 
+                <li class="landing_link">
240 
+                    <a target="_blank" href="landing.html"><i class="fa fa-star"></i> <span class="nav-label">Landing Page</span> <span class="label label-warning pull-right">NEW</span></a>
241 
+                </li>
242 
+                <li class="special_link">
243 
+                    <a href="package.html"><i class="fa fa-database"></i> <span class="nav-label">Package</span></a>
244 
+                </li>
245 
+            </ul>
246 
+
247 
+        </div>
248 
+    </nav>
249 
+
250 
+        <div id="page-wrapper" class="gray-bg">
251 
+        <div class="row border-bottom">
252 
+        <nav class="navbar navbar-static-top" role="navigation" style="margin-bottom: 0">
253 
+        <div class="navbar-header">
254 
+            <a class="navbar-minimalize minimalize-styl-2 btn btn-primary " href="#"><i class="fa fa-bars"></i> </a>
255 
+            <form role="search" class="navbar-form-custom" action="search_results.html">
256 
+                <div class="form-group">
257 
+                    <input type="text" placeholder="Search for something..." class="form-control" name="top-search" id="top-search">
258 
+                </div>
259 
+            </form>
260 
+        </div>
261 
+            <ul class="nav navbar-top-links navbar-right">
262 
+                <li>
263 
+                    <span class="m-r-sm text-muted welcome-message">Welcome to INSPINIA+ Admin Theme.</span>
264 
+                </li>
265 
+                <li class="dropdown">
266 
+                    <a class="dropdown-toggle count-info" data-toggle="dropdown" href="#">
267 
+                        <i class="fa fa-envelope"></i>  <span class="label label-warning">16</span>
268 
+                    </a>
269 
+                    <ul class="dropdown-menu dropdown-messages">
270 
+                        <li>
271 
+                            <div class="dropdown-messages-box">
272 
+                                <a href="profile.html" class="pull-left">
273 
+                                    <img alt="image" class="img-circle" src="img/a7.jpg">
274 
+                                </a>
275 
+                                <div class="media-body">
276 
+                                    <small class="pull-right">46h ago</small>
277 
+                                    <strong>Mike Loreipsum</strong> started following <strong>Monica Smith</strong>. <br>
278 
+                                    <small class="text-muted">3 days ago at 7:58 pm - 10.06.2014</small>
279 
+                                </div>
280 
+                            </div>
281 
+                        </li>
282 
+                        <li class="divider"></li>
283 
+                        <li>
284 
+                            <div class="dropdown-messages-box">
285 
+                                <a href="profile.html" class="pull-left">
286 
+                                    <img alt="image" class="img-circle" src="img/a4.jpg">
287 
+                                </a>
288 
+                                <div class="media-body ">
289 
+                                    <small class="pull-right text-navy">5h ago</small>
290 
+                                    <strong>Chris Johnatan Overtunk</strong> started following <strong>Monica Smith</strong>. <br>
291 
+                                    <small class="text-muted">Yesterday 1:21 pm - 11.06.2014</small>
292 
+                                </div>
293 
+                            </div>
294 
+                        </li>
295 
+                        <li class="divider"></li>
296 
+                        <li>
297 
+                            <div class="dropdown-messages-box">
298 
+                                <a href="profile.html" class="pull-left">
299 
+                                    <img alt="image" class="img-circle" src="img/profile.jpg">
300 
+                                </a>
301 
+                                <div class="media-body ">
302 
+                                    <small class="pull-right">23h ago</small>
303 
+                                    <strong>Monica Smith</strong> love <strong>Kim Smith</strong>. <br>
304 
+                                    <small class="text-muted">2 days ago at 2:30 am - 11.06.2014</small>
305 
+                                </div>
306 
+                            </div>
307 
+                        </li>
308 
+                        <li class="divider"></li>
309 
+                        <li>
310 
+                            <div class="text-center link-block">
311 
+                                <a href="mailbox.html">
312 
+                                    <i class="fa fa-envelope"></i> <strong>Read All Messages</strong>
313 
+                                </a>
314 
+                            </div>
315 
+                        </li>
316 
+                    </ul>
317 
+                </li>
318 
+                <li class="dropdown">
319 
+                    <a class="dropdown-toggle count-info" data-toggle="dropdown" href="#">
320 
+                        <i class="fa fa-bell"></i>  <span class="label label-primary">8</span>
321 
+                    </a>
322 
+                    <ul class="dropdown-menu dropdown-alerts">
323 
+                        <li>
324 
+                            <a href="mailbox.html">
325 
+                                <div>
326 
+                                    <i class="fa fa-envelope fa-fw"></i> You have 16 messages
327 
+                                    <span class="pull-right text-muted small">4 minutes ago</span>
328 
+                                </div>
329 
+                            </a>
330 
+                        </li>
331 
+                        <li class="divider"></li>
332 
+                        <li>
333 
+                            <a href="profile.html">
334 
+                                <div>
335 
+                                    <i class="fa fa-twitter fa-fw"></i> 3 New Followers
336 
+                                    <span class="pull-right text-muted small">12 minutes ago</span>
337 
+                                </div>
338 
+                            </a>
339 
+                        </li>
340 
+                        <li class="divider"></li>
341 
+                        <li>
342 
+                            <a href="grid_options.html">
343 
+                                <div>
344 
+                                    <i class="fa fa-upload fa-fw"></i> Server Rebooted
345 
+                                    <span class="pull-right text-muted small">4 minutes ago</span>
346 
+                                </div>
347 
+                            </a>
348 
+                        </li>
349 
+                        <li class="divider"></li>
350 
+                        <li>
351 
+                            <div class="text-center link-block">
352 
+                                <a href="notifications.html">
353 
+                                    <strong>See All Alerts</strong>
354 
+                                    <i class="fa fa-angle-right"></i>
355 
+                                </a>
356 
+                            </div>
357 
+                        </li>
358 
+                    </ul>
359 
+                </li>
360 
+
361 
+
362 
+                <li>
363 
+                    <a href="login.html">
364 
+                        <i class="fa fa-sign-out"></i> Log out
365 
+                    </a>
366 
+                </li>
367 
+            </ul>
368 
+
369 
+        </nav>
370 
+        </div>
371 
+            <div class="row wrapper border-bottom white-bg page-heading">
372 
+                <div class="col-lg-9">
373 
+                    <h2>Contacts</h2>
374 
+                    <ol class="breadcrumb">
375 
+                        <li>
376 
+                            <a href="index.html">Home</a>
377 
+                        </li>
378 
+                        <li>
379 
+                            App Views
380 
+                        </li>
381 
+                        <li class="active">
382 
+                            <strong>Contacts</strong>
383 
+                        </li>
384 
+                    </ol>
385 
+                </div>
386 
+            </div>
387 
+        <div class="wrapper wrapper-content animated fadeInRight">
388 
+        <div class="row">
389 
+            <div class="col-lg-4">
390 
+                <div class="contact-box">
391 
+                    <a href="profile.html">
392 
+                    <div class="col-sm-4">
393 
+                        <div class="text-center">
394 
+                            <img alt="image" class="img-circle m-t-xs img-responsive" src="img/a2.jpg">
395 
+                            <div class="m-t-xs font-bold">Graphics designer</div>
396 
+                        </div>
397 
+                    </div>
398 
+                    <div class="col-sm-8">
399 
+                        <h3><strong>John Smith</strong></h3>
400 
+                        <p><i class="fa fa-map-marker"></i> Riviera State 32/106</p>
401 
+                        <address>
402 
+                            <strong>Twitter, Inc.</strong><br>
403 
+                            795 Folsom Ave, Suite 600<br>
404 
+                            San Francisco, CA 94107<br>
405 
+                            <abbr title="Phone">P:</abbr> (123) 456-7890
406 
+                        </address>
407 
+                    </div>
408 
+                    <div class="clearfix"></div>
409 
+                        </a>
410 
+                </div>
411 
+            </div>
412 
+            <div class="col-lg-4">
413 
+                <div class="contact-box">
414 
+                    <a href="profile.html">
415 
+                    <div class="col-sm-4">
416 
+                        <div class="text-center">
417 
+                            <img alt="image" class="img-circle m-t-xs img-responsive" src="img/a1.jpg">
418 
+                            <div class="m-t-xs font-bold">CEO</div>
419 
+                        </div>
420 
+                    </div>
421 
+                    <div class="col-sm-8">
422 
+                        <h3><strong>Alex Johnatan</strong></h3>
423 
+                        <p><i class="fa fa-map-marker"></i> Riviera State 32/106</p>
424 
+                        <address>
425 
+                            <strong>Twitter, Inc.</strong><br>
426 
+                            795 Folsom Ave, Suite 600<br>
427 
+                            San Francisco, CA 94107<br>
428 
+                            <abbr title="Phone">P:</abbr> (123) 456-7890
429 
+                        </address>
430 
+                    </div>
431 
+                    <div class="clearfix"></div>
432 
+                        </a>
433 
+                </div>
434 
+            </div>
435 
+            <div class="col-lg-4">
436 
+                <div class="contact-box">
437 
+                    <a href="profile.html">
438 
+                    <div class="col-sm-4">
439 
+                        <div class="text-center">
440 
+                            <img alt="image" class="img-circle m-t-xs img-responsive" src="img/a3.jpg">
441 
+                            <div class="m-t-xs font-bold">Marketing manager</div>
442 
+                        </div>
443 
+                    </div>
444 
+                    <div class="col-sm-8">
445 
+                        <h3><strong>Monica Smith</strong></h3>
446 
+                        <p><i class="fa fa-map-marker"></i> Riviera State 32/106</p>
447 
+                        <address>
448 
+                            <strong>Twitter, Inc.</strong><br>
449 
+                            795 Folsom Ave, Suite 600<br>
450 
+                            San Francisco, CA 94107<br>
451 
+                            <abbr title="Phone">P:</abbr> (123) 456-7890
452 
+                        </address>
453 
+                    </div>
454 
+                    <div class="clearfix"></div>
455 
+                        </a>
456 
+                </div>
457 
+            </div>
458 
+            <div class="col-lg-4">
459 
+                <div class="contact-box">
460 
+                    <a href="profile.html">
461 
+                    <div class="col-sm-4">
462 
+                        <div class="text-center">
463 
+                            <img alt="image" class="img-circle m-t-xs img-responsive" src="img/a4.jpg">
464 
+                            <div class="m-t-xs font-bold">Sales manager</div>
465 
+                        </div>
466 
+                    </div>
467 
+                    <div class="col-sm-8">
468 
+                        <h3><strong>Michael Zimber</strong></h3>
469 
+                        <p><i class="fa fa-map-marker"></i> Riviera State 32/106</p>
470 
+                        <address>
471 
+                            <strong>Twitter, Inc.</strong><br>
472 
+                            795 Folsom Ave, Suite 600<br>
473 
+                            San Francisco, CA 94107<br>
474 
+                            <abbr title="Phone">P:</abbr> (123) 456-7890
475 
+                        </address>
476 
+                    </div>
477 
+                    <div class="clearfix"></div>
478 
+                        </a>
479 
+                </div>
480 
+            </div>
481 
+            <div class="col-lg-4">
482 
+                <div class="contact-box">
483 
+                    <a href="profile.html">
484 
+                    <div class="col-sm-4">
485 
+                        <div class="text-center">
486 
+                            <img alt="image" class="img-circle m-t-xs img-responsive" src="img/a5.jpg">
487 
+                            <div class="m-t-xs font-bold">Graphics designer</div>
488 
+                        </div>
489 
+                    </div>
490 
+                    <div class="col-sm-8">
491 
+                        <h3><strong>Sandra Smith</strong></h3>
492 
+                        <p><i class="fa fa-map-marker"></i> Riviera State 32/106</p>
493 
+                        <address>
494 
+                            <strong>Twitter, Inc.</strong><br>
495 
+                            795 Folsom Ave, Suite 600<br>
496 
+                            San Francisco, CA 94107<br>
497 
+                            <abbr title="Phone">P:</abbr> (123) 456-7890
498 
+                        </address>
499 
+                    </div>
500 
+                    <div class="clearfix"></div>
501 
+                        </a>
502 
+                </div>
503 
+            </div>
504 
+            <div class="col-lg-4">
505 
+                <div class="contact-box">
506 
+                    <a href="profile.html">
507 
+                    <div class="col-sm-4">
508 
+                        <div class="text-center">
509 
+                            <img alt="image" class="img-circle m-t-xs img-responsive" src="img/a6.jpg">
510 
+                            <div class="m-t-xs font-bold">Graphics designer</div>
511 
+                        </div>
512 
+                    </div>
513 
+                    <div class="col-sm-8">
514 
+                        <h3><strong>Janet Carton</strong></h3>
515 
+                        <p><i class="fa fa-map-marker"></i> Riviera State 32/106</p>
516 
+                        <address>
517 
+                            <strong>Twitter, Inc.</strong><br>
518 
+                            795 Folsom Ave, Suite 600<br>
519 
+                            San Francisco, CA 94107<br>
520 
+                            <abbr title="Phone">P:</abbr> (123) 456-7890
521 
+                        </address>
522 
+                    </div>
523 
+                    <div class="clearfix"></div>
524 
+                        </a>
525 
+                </div>
526 
+            </div>
527 
+            <div class="col-lg-4">
528 
+                <div class="contact-box">
529 
+                    <a href="profile.html">
530 
+                    <div class="col-sm-4">
531 
+                        <div class="text-center">
532 
+                            <img alt="image" class="img-circle m-t-xs img-responsive" src="img/a1.jpg">
533 
+                            <div class="m-t-xs font-bold">CEO</div>
534 
+                        </div>
535 
+                    </div>
536 
+                    <div class="col-sm-8">
537 
+                        <h3><strong>Alex Johnatan</strong></h3>
538 
+                        <p><i class="fa fa-map-marker"></i> Riviera State 32/106</p>
539 
+                        <address>
540 
+                            <strong>Twitter, Inc.</strong><br>
541 
+                            795 Folsom Ave, Suite 600<br>
542 
+                            San Francisco, CA 94107<br>
543 
+                            <abbr title="Phone">P:</abbr> (123) 456-7890
544 
+                        </address>
545 
+                    </div>
546 
+                    <div class="clearfix"></div>
547 
+                        </a>
548 
+                </div>
549 
+            </div>
550 
+            <div class="col-lg-4">
551 
+                <div class="contact-box">
552 
+                    <a href="profile.html">
553 
+                    <div class="col-sm-4">
554 
+                        <div class="text-center">
555 
+                            <img alt="image" class="img-circle m-t-xs img-responsive" src="img/a2.jpg">
556 
+                            <div class="m-t-xs font-bold">Graphics designer</div>
557 
+                        </div>
558 
+                    </div>
559 
+                    <div class="col-sm-8">
560 
+                        <h3><strong>John Smith</strong></h3>
561 
+                        <p><i class="fa fa-map-marker"></i> Riviera State 32/106</p>
562 
+                        <address>
563 
+                            <strong>Twitter, Inc.</strong><br>
564 
+                            795 Folsom Ave, Suite 600<br>
565 
+                            San Francisco, CA 94107<br>
566 
+                            <abbr title="Phone">P:</abbr> (123) 456-7890
567 
+                        </address>
568 
+                    </div>
569 
+                    <div class="clearfix"></div>
570 
+                        </a>
571 
+                </div>
572 
+            </div>
573 
+            <div class="col-lg-4">
574 
+                <div class="contact-box">
575 
+                    <a href="profile.html">
576 
+                    <div class="col-sm-4">
577 
+                        <div class="text-center">
578 
+                            <img alt="image" class="img-circle m-t-xs img-responsive" src="img/a3.jpg">
579 
+                            <div class="m-t-xs font-bold">Marketing manager</div>
580 
+                        </div>
581 
+                    </div>
582 
+                    <div class="col-sm-8">
583 
+                        <h3><strong>Monica Smith</strong></h3>
584 
+                        <p><i class="fa fa-map-marker"></i> Riviera State 32/106</p>
585 
+                        <address>
586 
+                            <strong>Twitter, Inc.</strong><br>
587 
+                            795 Folsom Ave, Suite 600<br>
588 
+                            San Francisco, CA 94107<br>
589 
+                            <abbr title="Phone">P:</abbr> (123) 456-7890
590 
+                        </address>
591 
+                    </div>
592 
+                    <div class="clearfix"></div>
593 
+                        </a>
594 
+                </div>
595 
+            </div>
596 
+            <div class="col-lg-4">
597 
+                <div class="contact-box">
598 
+                    <a href="profile.html">
599 
+                    <div class="col-sm-4">
600 
+                        <div class="text-center">
601 
+                            <img alt="image" class="img-circle m-t-xs img-responsive" src="img/a4.jpg">
602 
+                            <div class="m-t-xs font-bold">Sales manager</div>
603 
+                        </div>
604 
+                    </div>
605 
+                    <div class="col-sm-8">
606 
+                        <h3><strong>Michael Zimber</strong></h3>
607 
+                        <p><i class="fa fa-map-marker"></i> Riviera State 32/106</p>
608 
+                        <address>
609 
+                            <strong>Twitter, Inc.</strong><br>
610 
+                            795 Folsom Ave, Suite 600<br>
611 
+                            San Francisco, CA 94107<br>
612 
+                            <abbr title="Phone">P:</abbr> (123) 456-7890
613 
+                        </address>
614 
+                    </div>
615 
+                    <div class="clearfix"></div>
616 
+                        </a>
617 
+                </div>
618 
+            </div>
619 
+            <div class="col-lg-4">
620 
+                <div class="contact-box">
621 
+                    <a href="profile.html">
622 
+                    <div class="col-sm-4">
623 
+                        <div class="text-center">
624 
+                            <img alt="image" class="img-circle m-t-xs img-responsive" src="img/a5.jpg">
625 
+                            <div class="m-t-xs font-bold">Graphics designer</div>
626 
+                        </div>
627 
+                    </div>
628 
+                    <div class="col-sm-8">
629 
+                        <h3><strong>Sandra Smith</strong></h3>
630 
+                        <p><i class="fa fa-map-marker"></i> Riviera State 32/106</p>
631 
+                        <address>
632 
+                            <strong>Twitter, Inc.</strong><br>
633 
+                            795 Folsom Ave, Suite 600<br>
634 
+                            San Francisco, CA 94107<br>
635 
+                            <abbr title="Phone">P:</abbr> (123) 456-7890
636 
+                        </address>
637 
+                    </div>
638 
+                    <div class="clearfix"></div>
639 
+                        </a>
640 
+                </div>
641 
+            </div>
642 
+            <div class="col-lg-4">
643 
+                <div class="contact-box">
644 
+                    <a href="profile.html">
645 
+                    <div class="col-sm-4">
646 
+                        <div class="text-center">
647 
+                            <img alt="image" class="img-circle m-t-xs img-responsive" src="img/a6.jpg">
648 
+                            <div class="m-t-xs font-bold">Graphics designer</div>
649 
+                        </div>
650 
+                    </div>
651 
+                    <div class="col-sm-8">
652 
+                        <h3><strong>Janet Carton</strong></h3>
653 
+                        <p><i class="fa fa-map-marker"></i> Riviera State 32/106</p>
654 
+                        <address>
655 
+                            <strong>Twitter, Inc.</strong><br>
656 
+                            795 Folsom Ave, Suite 600<br>
657 
+                            San Francisco, CA 94107<br>
658 
+                            <abbr title="Phone">P:</abbr> (123) 456-7890
659 
+                        </address>
660 
+                    </div>
661 
+                    <div class="clearfix"></div>
662 
+                        </a>
663 
+
664 
+                </div>
665 
+            </div>
666 
+            <div class="col-lg-4">
667 
+                <div class="contact-box">
668 
+                    <a href="profile.html">
669 
+                    <div class="col-sm-4">
670 
+                        <div class="text-center">
671 
+                            <img alt="image" class="img-circle m-t-xs img-responsive" src="img/a1.jpg">
672 
+                            <div class="m-t-xs font-bold">CEO</div>
673 
+                        </div>
674 
+                    </div>
675 
+                    <div class="col-sm-8">
676 
+                        <h3><strong>Alex Johnatan</strong></h3>
677 
+                        <p><i class="fa fa-map-marker"></i> Riviera State 32/106</p>
678 
+                        <address>
679 
+                            <strong>Twitter, Inc.</strong><br>
680 
+                            795 Folsom Ave, Suite 600<br>
681 
+                            San Francisco, CA 94107<br>
682 
+                            <abbr title="Phone">P:</abbr> (123) 456-7890
683 
+                        </address>
684 
+                    </div>
685 
+                    <div class="clearfix"></div>
686 
+                    </a>
687 
+                </div>
688 
+            </div>
689 
+            <div class="col-lg-4">
690 
+                <div class="contact-box">
691 
+                    <a href="profile.html">
692 
+                    <div class="col-sm-4">
693 
+                        <div class="text-center">
694 
+                            <img alt="image" class="img-circle m-t-xs img-responsive" src="img/a2.jpg">
695 
+                            <div class="m-t-xs font-bold">Graphics designer</div>
696 
+                        </div>
697 
+                    </div>
698 
+                    <div class="col-sm-8">
699 
+                        <h3><strong>John Smith</strong></h3>
700 
+                        <p><i class="fa fa-map-marker"></i> Riviera State 32/106</p>
701 
+                        <address>
702 
+                            <strong>Twitter, Inc.</strong><br>
703 
+                            795 Folsom Ave, Suite 600<br>
704 
+                            San Francisco, CA 94107<br>
705 
+                            <abbr title="Phone">P:</abbr> (123) 456-7890
706 
+                        </address>
707 
+                    </div>
708 
+                    <div class="clearfix"></div>
709 
+                    </a>
710 
+                </div>
711 
+            </div>
712 
+        </div>
713 
+        </div>
714 
+        <div class="footer">
715 
+            <div class="pull-right">
716 
+                10GB of <strong>250GB</strong> Free.
717 
+            </div>
718 
+            <div>
719 
+                <strong>Copyright</strong> Example Company &copy; 2014-2015
720 
+            </div>
721 
+        </div>
722 
+
723 
+        </div>
724 
+        </div>
725 
+
726 
+    <!-- Mainly scripts -->
727 
+    <script src="js/jquery-2.1.1.js"></script>
728 
+    <script src="js/bootstrap.min.js"></script>
729 
+    <script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
730 
+    <script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
731 
+
732 
+    <!-- Custom and plugin javascript -->
733 
+    <script src="js/inspinia.js"></script>
734 
+    <script src="js/plugins/pace/pace.min.js"></script>
735 
+
736 
+
737 
+</body>
738 
+
739 
+</html>

+ 769
- 0
contacts_2.html Visa fil 

@@ -0,0 +1,769 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+
6 
+    <meta charset="utf-8">
7 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
8 
+
9 
+    <title>INSPINIA | Contacts 2</title>
10 
+
11 
+    <link href="css/bootstrap.min.css" rel="stylesheet">
12 
+    <link href="font-awesome/css/font-awesome.css" rel="stylesheet">
13 
+
14 
+    <link href="css/animate.css" rel="stylesheet">
15 
+    <link href="css/style.css" rel="stylesheet">
16 
+
17 
+</head>
18 
+
19 
+<body>
20 
+
21 
+    <div id="wrapper">
22 
+
23 
+    <nav class="navbar-default navbar-static-side" role="navigation">
24 
+        <div class="sidebar-collapse">
25 
+            <ul class="nav metismenu" id="side-menu">
26 
+                <li class="nav-header">
27 
+                    <div class="dropdown profile-element"> <span>
28 
+                            <img alt="image" class="img-circle" src="img/profile_small.jpg" />
29 
+                             </span>
30 
+                        <a data-toggle="dropdown" class="dropdown-toggle" href="#">
31 
+                            <span class="clear"> <span class="block m-t-xs"> <strong class="font-bold">David Williams</strong>
32 
+                             </span> <span class="text-muted text-xs block">Art Director <b class="caret"></b></span> </span> </a>
33 
+                        <ul class="dropdown-menu animated fadeInRight m-t-xs">
34 
+                            <li><a href="profile.html">Profile</a></li>
35 
+                            <li><a href="contacts.html">Contacts</a></li>
36 
+                            <li><a href="mailbox.html">Mailbox</a></li>
37 
+                            <li class="divider"></li>
38 
+                            <li><a href="login.html">Logout</a></li>
39 
+                        </ul>
40 
+                    </div>
41 
+                    <div class="logo-element">
42 
+                        IN+
43 
+                    </div>
44 
+                </li>
45 
+                <li>
46 
+                    <a href="index.html"><i class="fa fa-th-large"></i> <span class="nav-label">Dashboards</span> <span class="fa arrow"></span></a>
47 
+                    <ul class="nav nav-second-level collapse">
48 
+                        <li><a href="index.html">Dashboard v.1</a></li>
49 
+                        <li><a href="dashboard_2.html">Dashboard v.2</a></li>
50 
+                        <li><a href="dashboard_3.html">Dashboard v.3</a></li>
51 
+                        <li><a href="dashboard_4_1.html">Dashboard v.4</a></li>
52 
+                        <li><a href="dashboard_5.html">Dashboard v.5 <span class="label label-primary pull-right">NEW</span></a></li>
53 
+                    </ul>
54 
+                </li>
55 
+                <li>
56 
+                    <a href="layouts.html"><i class="fa fa-diamond"></i> <span class="nav-label">Layouts</span></a>
57 
+                </li>
58 
+                <li>
59 
+                    <a href="#"><i class="fa fa-bar-chart-o"></i> <span class="nav-label">Graphs</span><span class="fa arrow"></span></a>
60 
+                    <ul class="nav nav-second-level collapse">
61 
+                        <li><a href="graph_flot.html">Flot Charts</a></li>
62 
+                        <li><a href="graph_morris.html">Morris.js Charts</a></li>
63 
+                        <li><a href="graph_rickshaw.html">Rickshaw Charts</a></li>
64 
+                        <li><a href="graph_chartjs.html">Chart.js</a></li>
65 
+                        <li><a href="graph_chartist.html">Chartist</a></li>
66 
+                        <li><a href="c3.html">c3 charts</a></li>
67 
+                        <li><a href="graph_peity.html">Peity Charts</a></li>
68 
+                        <li><a href="graph_sparkline.html">Sparkline Charts</a></li>
69 
+                    </ul>
70 
+                </li>
71 
+                <li>
72 
+                    <a href="mailbox.html"><i class="fa fa-envelope"></i> <span class="nav-label">Mailbox </span><span class="label label-warning pull-right">16/24</span></a>
73 
+                    <ul class="nav nav-second-level collapse">
74 
+                        <li><a href="mailbox.html">Inbox</a></li>
75 
+                        <li><a href="mail_detail.html">Email view</a></li>
76 
+                        <li><a href="mail_compose.html">Compose email</a></li>
77 
+                        <li><a href="email_template.html">Email templates</a></li>
78 
+                    </ul>
79 
+                </li>
80 
+                <li>
81 
+                    <a href="metrics.html"><i class="fa fa-pie-chart"></i> <span class="nav-label">Metrics</span>  </a>
82 
+                </li>
83 
+                <li>
84 
+                    <a href="widgets.html"><i class="fa fa-flask"></i> <span class="nav-label">Widgets</span></a>
85 
+                </li>
86 
+                <li>
87 
+                    <a href="#"><i class="fa fa-edit"></i> <span class="nav-label">Forms</span><span class="fa arrow"></span></a>
88 
+                    <ul class="nav nav-second-level collapse">
89 
+                        <li><a href="form_basic.html">Basic form</a></li>
90 
+                        <li><a href="form_advanced.html">Advanced Plugins</a></li>
91 
+                        <li><a href="form_wizard.html">Wizard</a></li>
92 
+                        <li><a href="form_file_upload.html">File Upload</a></li>
93 
+                        <li><a href="form_editors.html">Text Editor</a></li>
94 
+                        <li><a href="form_markdown.html">Markdown</a></li>
95 
+                    </ul>
96 
+                </li>
97 
+                <li class="active">
98 
+                    <a href="#"><i class="fa fa-desktop"></i> <span class="nav-label">App Views</span>  <span class="pull-right label label-primary">SPECIAL</span></a>
99 
+                    <ul class="nav nav-second-level">
100 
+                        <li><a href="contacts.html">Contacts</a></li>
101 
+                        <li><a href="profile.html">Profile</a></li>
102 
+                        <li><a href="profile_2.html">Profile v.2</a></li>
103 
+                        <li class="active"><a href="contacts_2.html">Contacts v.2</a></li>
104 
+                        <li><a href="projects.html">Projects</a></li>
105 
+                        <li><a href="project_detail.html">Project detail</a></li>
106 
+                        <li><a href="teams_board.html">Teams board</a></li>
107 
+                        <li><a href="social_feed.html">Social feed</a></li>
108 
+                        <li><a href="clients.html">Clients</a></li>
109 
+                        <li><a href="full_height.html">Outlook view</a></li>
110 
+                        <li><a href="vote_list.html">Vote list</a></li>
111 
+                        <li><a href="file_manager.html">File manager</a></li>
112 
+                        <li><a href="calendar.html">Calendar</a></li>
113 
+                        <li><a href="issue_tracker.html">Issue tracker</a></li>
114 
+                        <li><a href="blog.html">Blog</a></li>
115 
+                        <li><a href="article.html">Article</a></li>
116 
+                        <li><a href="faq.html">FAQ</a></li>
117 
+                        <li><a href="timeline.html">Timeline</a></li>
118 
+                        <li><a href="pin_board.html">Pin board</a></li>
119 
+                    </ul>
120 
+                </li>
121 
+                <li>
122 
+                    <a href="#"><i class="fa fa-files-o"></i> <span class="nav-label">Other Pages</span><span class="fa arrow"></span></a>
123 
+                    <ul class="nav nav-second-level collapse">
124 
+                        <li><a href="search_results.html">Search results</a></li>
125 
+                        <li><a href="lockscreen.html">Lockscreen</a></li>
126 
+                        <li><a href="invoice.html">Invoice</a></li>
127 
+                        <li><a href="login.html">Login</a></li>
128 
+                        <li><a href="login_two_columns.html">Login v.2</a></li>
129 
+                        <li><a href="forgot_password.html">Forget password</a></li>
130 
+                        <li><a href="register.html">Register</a></li>
131 
+                        <li><a href="404.html">404 Page</a></li>
132 
+                        <li><a href="500.html">500 Page</a></li>
133 
+                        <li><a href="empty_page.html">Empty page</a></li>
134 
+                    </ul>
135 
+                </li>
136 
+                <li>
137 
+                    <a href="#"><i class="fa fa-globe"></i> <span class="nav-label">Miscellaneous</span><span class="label label-info pull-right">NEW</span></a>
138 
+                    <ul class="nav nav-second-level collapse">
139 
+                        <li><a href="toastr_notifications.html">Notification</a></li>
140 
+                        <li><a href="nestable_list.html">Nestable list</a></li>
141 
+                        <li><a href="agile_board.html">Agile board</a></li>
142 
+                        <li><a href="timeline_2.html">Timeline v.2</a></li>
143 
+                        <li><a href="diff.html">Diff</a></li>
144 
+                        <li><a href="i18support.html">i18 support</a></li>
145 
+                        <li><a href="sweetalert.html">Sweet alert</a></li>
146 
+                        <li><a href="idle_timer.html">Idle timer</a></li>
147 
+                        <li><a href="truncate.html">Truncate</a></li>
148 
+                        <li><a href="spinners.html">Spinners</a></li>
149 
+                        <li><a href="tinycon.html">Live favicon</a></li>
150 
+                        <li><a href="google_maps.html">Google maps</a></li>
151 
+                        <li><a href="code_editor.html">Code editor</a></li>
152 
+                        <li><a href="modal_window.html">Modal window</a></li>
153 
+                        <li><a href="clipboard.html">Clipboard</a></li>
154 
+                        <li><a href="forum_main.html">Forum view</a></li>
155 
+                        <li><a href="validation.html">Validation</a></li>
156 
+                        <li><a href="tree_view.html">Tree view</a></li>
157 
+                        <li><a href="loading_buttons.html">Loading buttons</a></li>
158 
+                        <li><a href="chat_view.html">Chat view</a></li>
159 
+                        <li><a href="masonry.html">Masonry</a></li>
160 
+                        <li><a href="tour.html">Tour</a></li>
161 
+                    </ul>
162 
+                </li>
163 
+                <li>
164 
+                    <a href="#"><i class="fa fa-flask"></i> <span class="nav-label">UI Elements</span><span class="fa arrow"></span></a>
165 
+                    <ul class="nav nav-second-level collapse">
166 
+                        <li><a href="typography.html">Typography</a></li>
167 
+                        <li><a href="icons.html">Icons</a></li>
168 
+                        <li><a href="draggable_panels.html">Draggable Panels</a></li> <li><a href="resizeable_panels.html">Resizeable Panels</a></li>
169 
+                        <li><a href="buttons.html">Buttons</a></li>
170 
+                        <li><a href="video.html">Video</a></li>
171 
+                        <li><a href="tabs_panels.html">Panels</a></li>
172 
+                        <li><a href="tabs.html">Tabs</a></li>
173 
+                        <li><a href="notifications.html">Notifications & Tooltips</a></li>
174 
+                        <li><a href="badges_labels.html">Badges, Labels, Progress</a></li>
175 
+                    </ul>
176 
+                </li>
177 
+
178 
+                <li>
179 
+                    <a href="grid_options.html"><i class="fa fa-laptop"></i> <span class="nav-label">Grid options</span></a>
180 
+                </li>
181 
+                <li>
182 
+                    <a href="#"><i class="fa fa-table"></i> <span class="nav-label">Tables</span><span class="fa arrow"></span></a>
183 
+                    <ul class="nav nav-second-level collapse">
184 
+                        <li><a href="table_basic.html">Static Tables</a></li>
185 
+                        <li><a href="table_data_tables.html">Data Tables</a></li>
186 
+                        <li><a href="table_foo_table.html">Foo Tables</a></li>
187 
+                        <li><a href="jq_grid.html">jqGrid</a></li>
188 
+                    </ul>
189 
+                </li>
190 
+                <li>
191 
+                    <a href="#"><i class="fa fa-shopping-cart"></i> <span class="nav-label">E-commerce</span><span class="fa arrow"></span></a>
192 
+                    <ul class="nav nav-second-level collapse">
193 
+                        <li><a href="ecommerce_products_grid.html">Products grid</a></li>
194 
+                        <li><a href="ecommerce_product_list.html">Products list</a></li>
195 
+                        <li><a href="ecommerce_product.html">Product edit</a></li>
196 
+                        <li><a href="ecommerce_product_detail.html">Product detail</a></li>
197 
+                        <li><a href="ecommerce-cart.html">Cart</a></li>
198 
+                        <li><a href="ecommerce-orders.html">Orders</a></li>
199 
+                        <li><a href="ecommerce_payments.html">Credit Card form</a></li>
200 
+                    </ul>
201 
+                </li>
202 
+                <li>
203 
+                    <a href="#"><i class="fa fa-picture-o"></i> <span class="nav-label">Gallery</span><span class="fa arrow"></span></a>
204 
+                    <ul class="nav nav-second-level collapse">
205 
+                        <li><a href="basic_gallery.html">Lightbox Gallery</a></li>
206 
+                        <li><a href="slick_carousel.html">Slick Carousel</a></li>
207 
+                        <li><a href="carousel.html">Bootstrap Carousel</a></li>
208 
+
209 
+                    </ul>
210 
+                </li>
211 
+                <li>
212 
+                    <a href="#"><i class="fa fa-sitemap"></i> <span class="nav-label">Menu Levels </span><span class="fa arrow"></span></a>
213 
+                    <ul class="nav nav-second-level collapse">
214 
+                        <li>
215 
+                            <a href="#">Third Level <span class="fa arrow"></span></a>
216 
+                            <ul class="nav nav-third-level">
217 
+                                <li>
218 
+                                    <a href="#">Third Level Item</a>
219 
+                                </li>
220 
+                                <li>
221 
+                                    <a href="#">Third Level Item</a>
222 
+                                </li>
223 
+                                <li>
224 
+                                    <a href="#">Third Level Item</a>
225 
+                                </li>
226 
+
227 
+                            </ul>
228 
+                        </li>
229 
+                        <li><a href="#">Second Level Item</a></li>
230 
+                        <li>
231 
+                            <a href="#">Second Level Item</a></li>
232 
+                        <li>
233 
+                            <a href="#">Second Level Item</a></li>
234 
+                    </ul>
235 
+                </li>
236 
+                <li>
237 
+                    <a href="css_animation.html"><i class="fa fa-magic"></i> <span class="nav-label">CSS Animations </span><span class="label label-info pull-right">62</span></a>
238 
+                </li>
239 
+                <li class="landing_link">
240 
+                    <a target="_blank" href="landing.html"><i class="fa fa-star"></i> <span class="nav-label">Landing Page</span> <span class="label label-warning pull-right">NEW</span></a>
241 
+                </li>
242 
+                <li class="special_link">
243 
+                    <a href="package.html"><i class="fa fa-database"></i> <span class="nav-label">Package</span></a>
244 
+                </li>
245 
+            </ul>
246 
+
247 
+        </div>
248 
+    </nav>
249 
+
250 
+        <div id="page-wrapper" class="gray-bg">
251 
+        <div class="row border-bottom">
252 
+        <nav class="navbar navbar-static-top" role="navigation" style="margin-bottom: 0">
253 
+        <div class="navbar-header">
254 
+            <a class="navbar-minimalize minimalize-styl-2 btn btn-primary " href="#"><i class="fa fa-bars"></i> </a>
255 
+            <form role="search" class="navbar-form-custom" action="search_results.html">
256 
+                <div class="form-group">
257 
+                    <input type="text" placeholder="Search for something..." class="form-control" name="top-search" id="top-search">
258 
+                </div>
259 
+            </form>
260 
+        </div>
261 
+            <ul class="nav navbar-top-links navbar-right">
262 
+                <li>
263 
+                    <span class="m-r-sm text-muted welcome-message">Welcome to INSPINIA+ Admin Theme.</span>
264 
+                </li>
265 
+                <li class="dropdown">
266 
+                    <a class="dropdown-toggle count-info" data-toggle="dropdown" href="#">
267 
+                        <i class="fa fa-envelope"></i>  <span class="label label-warning">16</span>
268 
+                    </a>
269 
+                    <ul class="dropdown-menu dropdown-messages">
270 
+                        <li>
271 
+                            <div class="dropdown-messages-box">
272 
+                                <a href="profile.html" class="pull-left">
273 
+                                    <img alt="image" class="img-circle" src="img/a7.jpg">
274 
+                                </a>
275 
+                                <div class="media-body">
276 
+                                    <small class="pull-right">46h ago</small>
277 
+                                    <strong>Mike Loreipsum</strong> started following <strong>Monica Smith</strong>. <br>
278 
+                                    <small class="text-muted">3 days ago at 7:58 pm - 10.06.2014</small>
279 
+                                </div>
280 
+                            </div>
281 
+                        </li>
282 
+                        <li class="divider"></li>
283 
+                        <li>
284 
+                            <div class="dropdown-messages-box">
285 
+                                <a href="profile.html" class="pull-left">
286 
+                                    <img alt="image" class="img-circle" src="img/a4.jpg">
287 
+                                </a>
288 
+                                <div class="media-body ">
289 
+                                    <small class="pull-right text-navy">5h ago</small>
290 
+                                    <strong>Chris Johnatan Overtunk</strong> started following <strong>Monica Smith</strong>. <br>
291 
+                                    <small class="text-muted">Yesterday 1:21 pm - 11.06.2014</small>
292 
+                                </div>
293 
+                            </div>
294 
+                        </li>
295 
+                        <li class="divider"></li>
296 
+                        <li>
297 
+                            <div class="dropdown-messages-box">
298 
+                                <a href="profile.html" class="pull-left">
299 
+                                    <img alt="image" class="img-circle" src="img/profile.jpg">
300 
+                                </a>
301 
+                                <div class="media-body ">
302 
+                                    <small class="pull-right">23h ago</small>
303 
+                                    <strong>Monica Smith</strong> love <strong>Kim Smith</strong>. <br>
304 
+                                    <small class="text-muted">2 days ago at 2:30 am - 11.06.2014</small>
305 
+                                </div>
306 
+                            </div>
307 
+                        </li>
308 
+                        <li class="divider"></li>
309 
+                        <li>
310 
+                            <div class="text-center link-block">
311 
+                                <a href="mailbox.html">
312 
+                                    <i class="fa fa-envelope"></i> <strong>Read All Messages</strong>
313 
+                                </a>
314 
+                            </div>
315 
+                        </li>
316 
+                    </ul>
317 
+                </li>
318 
+                <li class="dropdown">
319 
+                    <a class="dropdown-toggle count-info" data-toggle="dropdown" href="#">
320 
+                        <i class="fa fa-bell"></i>  <span class="label label-primary">8</span>
321 
+                    </a>
322 
+                    <ul class="dropdown-menu dropdown-alerts">
323 
+                        <li>
324 
+                            <a href="mailbox.html">
325 
+                                <div>
326 
+                                    <i class="fa fa-envelope fa-fw"></i> You have 16 messages
327 
+                                    <span class="pull-right text-muted small">4 minutes ago</span>
328 
+                                </div>
329 
+                            </a>
330 
+                        </li>
331 
+                        <li class="divider"></li>
332 
+                        <li>
333 
+                            <a href="profile.html">
334 
+                                <div>
335 
+                                    <i class="fa fa-twitter fa-fw"></i> 3 New Followers
336 
+                                    <span class="pull-right text-muted small">12 minutes ago</span>
337 
+                                </div>
338 
+                            </a>
339 
+                        </li>
340 
+                        <li class="divider"></li>
341 
+                        <li>
342 
+                            <a href="grid_options.html">
343 
+                                <div>
344 
+                                    <i class="fa fa-upload fa-fw"></i> Server Rebooted
345 
+                                    <span class="pull-right text-muted small">4 minutes ago</span>
346 
+                                </div>
347 
+                            </a>
348 
+                        </li>
349 
+                        <li class="divider"></li>
350 
+                        <li>
351 
+                            <div class="text-center link-block">
352 
+                                <a href="notifications.html">
353 
+                                    <strong>See All Alerts</strong>
354 
+                                    <i class="fa fa-angle-right"></i>
355 
+                                </a>
356 
+                            </div>
357 
+                        </li>
358 
+                    </ul>
359 
+                </li>
360 
+
361 
+
362 
+                <li>
363 
+                    <a href="login.html">
364 
+                        <i class="fa fa-sign-out"></i> Log out
365 
+                    </a>
366 
+                </li>
367 
+            </ul>
368 
+
369 
+        </nav>
370 
+        </div>
371 
+            <div class="row wrapper border-bottom white-bg page-heading">
372 
+                <div class="col-lg-9">
373 
+                    <h2>Contacts 2</h2>
374 
+                    <ol class="breadcrumb">
375 
+                        <li>
376 
+                            <a href="index.html">Home</a>
377 
+                        </li>
378 
+                        <li>
379 
+                            App Views
380 
+                        </li>
381 
+                        <li class="active">
382 
+                            <strong>Contacts 2</strong>
383 
+                        </li>
384 
+                    </ol>
385 
+                </div>
386 
+            </div>
387 
+        <div class="wrapper wrapper-content animated fadeInRight">
388 
+        <div class="row">
389 
+            <div class="col-lg-3">
390 
+                <div class="contact-box center-version">
391 
+
392 
+                    <a href="profile.html">
393 
+
394 
+                        <img alt="image" class="img-circle" src="img/a2.jpg">
395 
+
396 
+
397 
+                        <h3 class="m-b-xs"><strong>John Smith</strong></h3>
398 
+
399 
+                        <div class="font-bold">Graphics designer</div>
400 
+                        <address class="m-t-md">
401 
+                            <strong>Twitter, Inc.</strong><br>
402 
+                            795 Folsom Ave, Suite 600<br>
403 
+                            San Francisco, CA 94107<br>
404 
+                            <abbr title="Phone">P:</abbr> (123) 456-7890
405 
+                        </address>
406 
+
407 
+                    </a>
408 
+                    <div class="contact-box-footer">
409 
+                        <div class="m-t-xs btn-group">
410 
+                            <a class="btn btn-xs btn-white"><i class="fa fa-phone"></i> Call </a>
411 
+                            <a class="btn btn-xs btn-white"><i class="fa fa-envelope"></i> Email</a>
412 
+                            <a class="btn btn-xs btn-white"><i class="fa fa-user-plus"></i> Follow</a>
413 
+                        </div>
414 
+                    </div>
415 
+
416 
+                </div>
417 
+            </div>
418 
+            <div class="col-lg-3">
419 
+                <div class="contact-box center-version">
420 
+
421 
+                    <a href="profile.html">
422 
+
423 
+                        <img alt="image" class="img-circle" src="img/a1.jpg">
424 
+
425 
+
426 
+                        <h3 class="m-b-xs"><strong>Alex Johnatan</strong></h3>
427 
+
428 
+                        <div class="font-bold">CEO</div>
429 
+                        <address class="m-t-md">
430 
+                            <strong>Twitter, Inc.</strong><br>
431 
+                            795 Folsom Ave, Suite 600<br>
432 
+                            San Francisco, CA 94107<br>
433 
+                            <abbr title="Phone">P:</abbr> (123) 456-7890
434 
+                        </address>
435 
+
436 
+                    </a>
437 
+                    <div class="contact-box-footer">
438 
+                        <div class="m-t-xs btn-group">
439 
+                            <a class="btn btn-xs btn-white"><i class="fa fa-phone"></i> Call </a>
440 
+                            <a class="btn btn-xs btn-white"><i class="fa fa-envelope"></i> Email</a>
441 
+                            <a class="btn btn-xs btn-white"><i class="fa fa-user-plus"></i> Follow</a>
442 
+                        </div>
443 
+                    </div>
444 
+
445 
+                </div>
446 
+            </div>
447 
+            <div class="col-lg-3">
448 
+                <div class="contact-box center-version">
449 
+
450 
+                    <a href="profile.html">
451 
+
452 
+                        <img alt="image" class="img-circle" src="img/a3.jpg">
453 
+
454 
+
455 
+                        <h3 class="m-b-xs"><strong>Monica Smith</strong></h3>
456 
+
457 
+                        <div class="font-bold">Marketing manager</div>
458 
+                        <address class="m-t-md">
459 
+                            <strong>Twitter, Inc.</strong><br>
460 
+                            795 Folsom Ave, Suite 600<br>
461 
+                            San Francisco, CA 94107<br>
462 
+                            <abbr title="Phone">P:</abbr> (123) 456-7890
463 
+                        </address>
464 
+
465 
+                    </a>
466 
+                    <div class="contact-box-footer">
467 
+                        <div class="m-t-xs btn-group">
468 
+                            <a class="btn btn-xs btn-white"><i class="fa fa-phone"></i> Call </a>
469 
+                            <a class="btn btn-xs btn-white"><i class="fa fa-envelope"></i> Email</a>
470 
+                            <a class="btn btn-xs btn-white"><i class="fa fa-user-plus"></i> Follow</a>
471 
+                        </div>
472 
+                    </div>
473 
+
474 
+                </div>
475 
+            </div>
476 
+            <div class="col-lg-3">
477 
+                <div class="contact-box center-version">
478 
+
479 
+                    <a href="profile.html">
480 
+
481 
+                        <img alt="image" class="img-circle" src="img/a4.jpg">
482 
+
483 
+
484 
+                        <h3 class="m-b-xs"><strong>Michael Zimber</strong></h3>
485 
+
486 
+                        <div class="font-bold">Sales manager</div>
487 
+                        <address class="m-t-md">
488 
+                            <strong>Twitter, Inc.</strong><br>
489 
+                            795 Folsom Ave, Suite 600<br>
490 
+                            San Francisco, CA 94107<br>
491 
+                            <abbr title="Phone">P:</abbr> (123) 456-7890
492 
+                        </address>
493 
+
494 
+                    </a>
495 
+                    <div class="contact-box-footer">
496 
+                        <div class="m-t-xs btn-group">
497 
+                            <a class="btn btn-xs btn-white"><i class="fa fa-phone"></i> Call </a>
498 
+                            <a class="btn btn-xs btn-white"><i class="fa fa-envelope"></i> Email</a>
499 
+                            <a class="btn btn-xs btn-white"><i class="fa fa-user-plus"></i> Follow</a>
500 
+                        </div>
501 
+                    </div>
502 
+
503 
+                </div>
504 
+            </div>
505 
+            <div class="col-lg-3">
506 
+                <div class="contact-box center-version">
507 
+
508 
+                    <a href="profile.html">
509 
+
510 
+                        <img alt="image" class="img-circle" src="img/a5.jpg">
511 
+
512 
+
513 
+                        <h3 class="m-b-xs"><strong>Sandra Smith</strong></h3>
514 
+
515 
+                        <div class="font-bold">Graphics designer</div>
516 
+                        <address class="m-t-md">
517 
+                            <strong>Twitter, Inc.</strong><br>
518 
+                            795 Folsom Ave, Suite 600<br>
519 
+                            San Francisco, CA 94107<br>
520 
+                            <abbr title="Phone">P:</abbr> (123) 456-7890
521 
+                        </address>
522 
+
523 
+                    </a>
524 
+                    <div class="contact-box-footer">
525 
+                        <div class="m-t-xs btn-group">
526 
+                            <a class="btn btn-xs btn-white"><i class="fa fa-phone"></i> Call </a>
527 
+                            <a class="btn btn-xs btn-white"><i class="fa fa-envelope"></i> Email</a>
528 
+                            <a class="btn btn-xs btn-white"><i class="fa fa-user-plus"></i> Follow</a>
529 
+                        </div>
530 
+                    </div>
531 
+
532 
+                </div>
533 
+            </div>
534 
+
535 
+            <div class="col-lg-3">
536 
+                <div class="contact-box center-version">
537 
+
538 
+                    <a href="profile.html">
539 
+
540 
+                        <img alt="image" class="img-circle" src="img/a6.jpg">
541 
+
542 
+
543 
+                        <h3 class="m-b-xs"><strong>Janet Carton</strong></h3>
544 
+
545 
+                        <div class="font-bold">CFO</div>
546 
+                        <address class="m-t-md">
547 
+                            <strong>Twitter, Inc.</strong><br>
548 
+                            795 Folsom Ave, Suite 600<br>
549 
+                            San Francisco, CA 94107<br>
550 
+                            <abbr title="Phone">P:</abbr> (123) 456-7890
551 
+                        </address>
552 
+
553 
+                    </a>
554 
+                    <div class="contact-box-footer">
555 
+                        <div class="m-t-xs btn-group">
556 
+                            <a class="btn btn-xs btn-white"><i class="fa fa-phone"></i> Call </a>
557 
+                            <a class="btn btn-xs btn-white"><i class="fa fa-envelope"></i> Email</a>
558 
+                            <a class="btn btn-xs btn-white"><i class="fa fa-user-plus"></i> Follow</a>
559 
+                        </div>
560 
+                    </div>
561 
+
562 
+                </div>
563 
+            </div>
564 
+
565 
+            <div class="col-lg-3">
566 
+                <div class="contact-box center-version">
567 
+
568 
+                    <a href="profile.html">
569 
+
570 
+                        <img alt="image" class="img-circle" src="img/a1.jpg">
571 
+
572 
+
573 
+                        <h3 class="m-b-xs"><strong>Alex Johnatan</strong></h3>
574 
+
575 
+                        <div class="font-bold">CEO</div>
576 
+                        <address class="m-t-md">
577 
+                            <strong>Twitter, Inc.</strong><br>
578 
+                            795 Folsom Ave, Suite 600<br>
579 
+                            San Francisco, CA 94107<br>
580 
+                            <abbr title="Phone">P:</abbr> (123) 456-7890
581 
+                        </address>
582 
+
583 
+                    </a>
584 
+                    <div class="contact-box-footer">
585 
+                        <div class="m-t-xs btn-group">
586 
+                            <a class="btn btn-xs btn-white"><i class="fa fa-phone"></i> Call </a>
587 
+                            <a class="btn btn-xs btn-white"><i class="fa fa-envelope"></i> Email</a>
588 
+                            <a class="btn btn-xs btn-white"><i class="fa fa-user-plus"></i> Follow</a>
589 
+                        </div>
590 
+                    </div>
591 
+
592 
+                </div>
593 
+            </div>
594 
+
595 
+            <div class="col-lg-3">
596 
+                <div class="contact-box center-version">
597 
+
598 
+                    <a href="profile.html">
599 
+
600 
+                        <img alt="image" class="img-circle" src="img/a7.jpg">
601 
+
602 
+
603 
+                        <h3 class="m-b-xs"><strong>John Smith</strong></h3>
604 
+
605 
+                        <div class="font-bold">Graphics designer</div>
606 
+                        <address class="m-t-md">
607 
+                            <strong>Twitter, Inc.</strong><br>
608 
+                            795 Folsom Ave, Suite 600<br>
609 
+                            San Francisco, CA 94107<br>
610 
+                            <abbr title="Phone">P:</abbr> (123) 456-7890
611 
+                        </address>
612 
+
613 
+                    </a>
614 
+                    <div class="contact-box-footer">
615 
+                        <div class="m-t-xs btn-group">
616 
+                            <a class="btn btn-xs btn-white"><i class="fa fa-phone"></i> Call </a>
617 
+                            <a class="btn btn-xs btn-white"><i class="fa fa-envelope"></i> Email</a>
618 
+                            <a class="btn btn-xs btn-white"><i class="fa fa-user-plus"></i> Follow</a>
619 
+                        </div>
620 
+                    </div>
621 
+
622 
+                </div>
623 
+            </div>
624 
+            <div class="col-lg-3">
625 
+                <div class="contact-box center-version">
626 
+
627 
+                    <a href="profile.html">
628 
+
629 
+                        <img alt="image" class="img-circle" src="img/a2.jpg">
630 
+
631 
+
632 
+                        <h3 class="m-b-xs"><strong>John Smith</strong></h3>
633 
+
634 
+                        <div class="font-bold">Graphics designer</div>
635 
+                        <address class="m-t-md">
636 
+                            <strong>Twitter, Inc.</strong><br>
637 
+                            795 Folsom Ave, Suite 600<br>
638 
+                            San Francisco, CA 94107<br>
639 
+                            <abbr title="Phone">P:</abbr> (123) 456-7890
640 
+                        </address>
641 
+
642 
+                    </a>
643 
+                    <div class="contact-box-footer">
644 
+                        <div class="m-t-xs btn-group">
645 
+                            <a class="btn btn-xs btn-white"><i class="fa fa-phone"></i> Call </a>
646 
+                            <a class="btn btn-xs btn-white"><i class="fa fa-envelope"></i> Email</a>
647 
+                            <a class="btn btn-xs btn-white"><i class="fa fa-user-plus"></i> Follow</a>
648 
+                        </div>
649 
+                    </div>
650 
+
651 
+                </div>
652 
+            </div>
653 
+            <div class="col-lg-3">
654 
+                <div class="contact-box center-version">
655 
+
656 
+                    <a href="profile.html">
657 
+
658 
+                        <img alt="image" class="img-circle" src="img/a1.jpg">
659 
+
660 
+
661 
+                        <h3 class="m-b-xs"><strong>Alex Johnatan</strong></h3>
662 
+
663 
+                        <div class="font-bold">CEO</div>
664 
+                        <address class="m-t-md">
665 
+                            <strong>Twitter, Inc.</strong><br>
666 
+                            795 Folsom Ave, Suite 600<br>
667 
+                            San Francisco, CA 94107<br>
668 
+                            <abbr title="Phone">P:</abbr> (123) 456-7890
669 
+                        </address>
670 
+
671 
+                    </a>
672 
+                    <div class="contact-box-footer">
673 
+                        <div class="m-t-xs btn-group">
674 
+                            <a class="btn btn-xs btn-white"><i class="fa fa-phone"></i> Call </a>
675 
+                            <a class="btn btn-xs btn-white"><i class="fa fa-envelope"></i> Email</a>
676 
+                            <a class="btn btn-xs btn-white"><i class="fa fa-user-plus"></i> Follow</a>
677 
+                        </div>
678 
+                    </div>
679 
+
680 
+                </div>
681 
+            </div>
682 
+            <div class="col-lg-3">
683 
+                <div class="contact-box center-version">
684 
+
685 
+                    <a href="profile.html">
686 
+
687 
+                        <img alt="image" class="img-circle" src="img/a3.jpg">
688 
+
689 
+
690 
+                        <h3 class="m-b-xs"><strong>Monica Smith</strong></h3>
691 
+
692 
+                        <div class="font-bold">Marketing manager</div>
693 
+                        <address class="m-t-md">
694 
+                            <strong>Twitter, Inc.</strong><br>
695 
+                            795 Folsom Ave, Suite 600<br>
696 
+                            San Francisco, CA 94107<br>
697 
+                            <abbr title="Phone">P:</abbr> (123) 456-7890
698 
+                        </address>
699 
+
700 
+                    </a>
701 
+                    <div class="contact-box-footer">
702 
+                        <div class="m-t-xs btn-group">
703 
+                            <a class="btn btn-xs btn-white"><i class="fa fa-phone"></i> Call </a>
704 
+                            <a class="btn btn-xs btn-white"><i class="fa fa-envelope"></i> Email</a>
705 
+                            <a class="btn btn-xs btn-white"><i class="fa fa-user-plus"></i> Follow</a>
706 
+                        </div>
707 
+                    </div>
708 
+
709 
+                </div>
710 
+            </div>
711 
+            <div class="col-lg-3">
712 
+                <div class="contact-box center-version">
713 
+
714 
+                    <a href="profile.html">
715 
+
716 
+                        <img alt="image" class="img-circle" src="img/a4.jpg">
717 
+
718 
+
719 
+                        <h3 class="m-b-xs"><strong>Michael Zimber</strong></h3>
720 
+
721 
+                        <div class="font-bold">Sales manager</div>
722 
+                        <address class="m-t-md">
723 
+                            <strong>Twitter, Inc.</strong><br>
724 
+                            795 Folsom Ave, Suite 600<br>
725 
+                            San Francisco, CA 94107<br>
726 
+                            <abbr title="Phone">P:</abbr> (123) 456-7890
727 
+                        </address>
728 
+
729 
+                    </a>
730 
+                    <div class="contact-box-footer">
731 
+                        <div class="m-t-xs btn-group">
732 
+                            <a class="btn btn-xs btn-white"><i class="fa fa-phone"></i> Call </a>
733 
+                            <a class="btn btn-xs btn-white"><i class="fa fa-envelope"></i> Email</a>
734 
+                            <a class="btn btn-xs btn-white"><i class="fa fa-user-plus"></i> Follow</a>
735 
+                        </div>
736 
+                    </div>
737 
+
738 
+                </div>
739 
+            </div>
740 
+
741 
+
742 
+        </div>
743 
+        </div>
744 
+        <div class="footer">
745 
+            <div class="pull-right">
746 
+                10GB of <strong>250GB</strong> Free.
747 
+            </div>
748 
+            <div>
749 
+                <strong>Copyright</strong> Example Company &copy; 2014-2015
750 
+            </div>
751 
+        </div>
752 
+
753 
+        </div>
754 
+        </div>
755 
+
756 
+    <!-- Mainly scripts -->
757 
+    <script src="js/jquery-2.1.1.js"></script>
758 
+    <script src="js/bootstrap.min.js"></script>
759 
+    <script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
760 
+    <script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
761 
+
762 
+    <!-- Custom and plugin javascript -->
763 
+    <script src="js/inspinia.js"></script>
764 
+    <script src="js/plugins/pace/pace.min.js"></script>
765 
+
766 
+
767 
+</body>
768 
+
769 
+</html>

+ 2848
- 0
css/animate.css
Filskillnaden har hållits tillbaka eftersom den är för stor
Visa fil


+ 6760
- 0
css/bootstrap.css
Filskillnaden har hållits tillbaka eftersom den är för stor
Visa fil


+ 1
- 0
css/bootstrap.css.map
Filskillnaden har hållits tillbaka eftersom den är för stor
Visa fil


+ 6
- 0
css/bootstrap.min.css
Filskillnaden har hållits tillbaka eftersom den är för stor
Visa fil


+ 1
- 0
css/bootstrap.min.css.map
Filskillnaden har hållits tillbaka eftersom den är för stor
Visa fil


Binär
css/patterns/1.png Visa fil


Binär
css/patterns/2.png Visa fil


Binär
css/patterns/3.png Visa fil


Binär
css/patterns/4.png Visa fil


Binär
css/patterns/5.png Visa fil


Binär
css/patterns/6.png Visa fil


Binär
css/patterns/7.png Visa fil


Binär
css/patterns/congruent_pentagon.png Visa fil


Binär
css/patterns/header-profile-skin-1.png Visa fil


Binär
css/patterns/header-profile-skin-2.png Visa fil


Binär
css/patterns/header-profile-skin-3.png Visa fil


Binär
css/patterns/header-profile.png Visa fil


Binär
css/patterns/otis_redding.png Visa fil


Binär
css/patterns/shattered.png Visa fil


Binär
css/patterns/triangular.png Visa fil


+ 251
- 0
css/plugins/awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.css Visa fil 

@@ -0,0 +1,251 @@
1 
+.checkbox {
2 
+  padding-left: 20px;
3 
+}
4 
+.checkbox label {
5 
+  display: inline-block;
6 
+  vertical-align: middle;
7 
+  position: relative;
8 
+  padding-left: 5px;
9 
+}
10 
+.checkbox label::before {
11 
+  content: "";
12 
+  display: inline-block;
13 
+  position: absolute;
14 
+  width: 17px;
15 
+  height: 17px;
16 
+  left: 0;
17 
+  margin-left: -20px;
18 
+  border: 1px solid #cccccc;
19 
+  border-radius: 3px;
20 
+  background-color: #fff;
21 
+  -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
22 
+  -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
23 
+  transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
24 
+}
25 
+.checkbox label::after {
26 
+  display: inline-block;
27 
+  position: absolute;
28 
+  width: 16px;
29 
+  height: 16px;
30 
+  left: 0;
31 
+  top: 0;
32 
+  margin-left: -20px;
33 
+  padding-left: 3px;
34 
+  padding-top: 1px;
35 
+  font-size: 11px;
36 
+  color: #555555;
37 
+}
38 
+.checkbox input[type="checkbox"],
39 
+.checkbox input[type="radio"] {
40 
+  opacity: 0;
41 
+  z-index: 1;
42 
+}
43 
+.checkbox input[type="checkbox"]:focus + label::before,
44 
+.checkbox input[type="radio"]:focus + label::before {
45 
+  outline: thin dotted;
46 
+  outline: 5px auto -webkit-focus-ring-color;
47 
+  outline-offset: -2px;
48 
+}
49 
+.checkbox input[type="checkbox"]:checked + label::after,
50 
+.checkbox input[type="radio"]:checked + label::after {
51 
+  font-family: "FontAwesome";
52 
+  content: "\f00c";
53 
+}
54 
+.checkbox input[type="checkbox"]:disabled + label,
55 
+.checkbox input[type="radio"]:disabled + label {
56 
+  opacity: 0.65;
57 
+}
58 
+.checkbox input[type="checkbox"]:disabled + label::before,
59 
+.checkbox input[type="radio"]:disabled + label::before {
60 
+  background-color: #eeeeee;
61 
+  cursor: not-allowed;
62 
+}
63 
+.checkbox.checkbox-circle label::before {
64 
+  border-radius: 50%;
65 
+}
66 
+.checkbox.checkbox-inline {
67 
+  margin-top: 0;
68 
+}
69 
+
70 
+.checkbox-primary input[type="checkbox"]:checked + label::before,
71 
+.checkbox-primary input[type="radio"]:checked + label::before {
72 
+  background-color: #337ab7;
73 
+  border-color: #337ab7;
74 
+}
75 
+.checkbox-primary input[type="checkbox"]:checked + label::after,
76 
+.checkbox-primary input[type="radio"]:checked + label::after {
77 
+  color: #fff;
78 
+}
79 
+
80 
+.checkbox-danger input[type="checkbox"]:checked + label::before,
81 
+.checkbox-danger input[type="radio"]:checked + label::before {
82 
+  background-color: #d9534f;
83 
+  border-color: #d9534f;
84 
+}
85 
+.checkbox-danger input[type="checkbox"]:checked + label::after,
86 
+.checkbox-danger input[type="radio"]:checked + label::after {
87 
+  color: #fff;
88 
+}
89 
+
90 
+.checkbox-info input[type="checkbox"]:checked + label::before,
91 
+.checkbox-info input[type="radio"]:checked + label::before {
92 
+  background-color: #5bc0de;
93 
+  border-color: #5bc0de;
94 
+}
95 
+.checkbox-info input[type="checkbox"]:checked + label::after,
96 
+.checkbox-info input[type="radio"]:checked + label::after {
97 
+  color: #fff;
98 
+}
99 
+
100 
+.checkbox-warning input[type="checkbox"]:checked + label::before,
101 
+.checkbox-warning input[type="radio"]:checked + label::before {
102 
+  background-color: #f0ad4e;
103 
+  border-color: #f0ad4e;
104 
+}
105 
+.checkbox-warning input[type="checkbox"]:checked + label::after,
106 
+.checkbox-warning input[type="radio"]:checked + label::after {
107 
+  color: #fff;
108 
+}
109 
+
110 
+.checkbox-success input[type="checkbox"]:checked + label::before,
111 
+.checkbox-success input[type="radio"]:checked + label::before {
112 
+  background-color: #5cb85c;
113 
+  border-color: #5cb85c;
114 
+}
115 
+.checkbox-success input[type="checkbox"]:checked + label::after,
116 
+.checkbox-success input[type="radio"]:checked + label::after {
117 
+  color: #fff;
118 
+}
119 
+
120 
+.radio {
121 
+  padding-left: 20px;
122 
+}
123 
+.radio label {
124 
+  display: inline-block;
125 
+  vertical-align: middle;
126 
+  position: relative;
127 
+  padding-left: 5px;
128 
+}
129 
+.radio label::before {
130 
+  content: "";
131 
+  display: inline-block;
132 
+  position: absolute;
133 
+  width: 17px;
134 
+  height: 17px;
135 
+  left: 0;
136 
+  margin-left: -20px;
137 
+  border: 1px solid #cccccc;
138 
+  border-radius: 50%;
139 
+  background-color: #fff;
140 
+  -webkit-transition: border 0.15s ease-in-out;
141 
+  -o-transition: border 0.15s ease-in-out;
142 
+  transition: border 0.15s ease-in-out;
143 
+}
144 
+.radio label::after {
145 
+  display: inline-block;
146 
+  position: absolute;
147 
+  content: " ";
148 
+  width: 11px;
149 
+  height: 11px;
150 
+  left: 3px;
151 
+  top: 3px;
152 
+  margin-left: -20px;
153 
+  border-radius: 50%;
154 
+  background-color: #555555;
155 
+  -webkit-transform: scale(0, 0);
156 
+  -ms-transform: scale(0, 0);
157 
+  -o-transform: scale(0, 0);
158 
+  transform: scale(0, 0);
159 
+  -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
160 
+  -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
161 
+  -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
162 
+  transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
163 
+}
164 
+.radio input[type="radio"] {
165 
+  opacity: 0;
166 
+  z-index: 1;
167 
+}
168 
+.radio input[type="radio"]:focus + label::before {
169 
+  outline: thin dotted;
170 
+  outline: 5px auto -webkit-focus-ring-color;
171 
+  outline-offset: -2px;
172 
+}
173 
+.radio input[type="radio"]:checked + label::after {
174 
+  -webkit-transform: scale(1, 1);
175 
+  -ms-transform: scale(1, 1);
176 
+  -o-transform: scale(1, 1);
177 
+  transform: scale(1, 1);
178 
+}
179 
+.radio input[type="radio"]:disabled + label {
180 
+  opacity: 0.65;
181 
+}
182 
+.radio input[type="radio"]:disabled + label::before {
183 
+  cursor: not-allowed;
184 
+}
185 
+.radio.radio-inline {
186 
+  margin-top: 0;
187 
+}
188 
+
189 
+.radio-primary input[type="radio"] + label::after {
190 
+  background-color: #337ab7;
191 
+}
192 
+.radio-primary input[type="radio"]:checked + label::before {
193 
+  border-color: #337ab7;
194 
+}
195 
+.radio-primary input[type="radio"]:checked + label::after {
196 
+  background-color: #337ab7;
197 
+}
198 
+
199 
+.radio-danger input[type="radio"] + label::after {
200 
+  background-color: #d9534f;
201 
+}
202 
+.radio-danger input[type="radio"]:checked + label::before {
203 
+  border-color: #d9534f;
204 
+}
205 
+.radio-danger input[type="radio"]:checked + label::after {
206 
+  background-color: #d9534f;
207 
+}
208 
+
209 
+.radio-info input[type="radio"] + label::after {
210 
+  background-color: #5bc0de;
211 
+}
212 
+.radio-info input[type="radio"]:checked + label::before {
213 
+  border-color: #5bc0de;
214 
+}
215 
+.radio-info input[type="radio"]:checked + label::after {
216 
+  background-color: #5bc0de;
217 
+}
218 
+
219 
+.radio-warning input[type="radio"] + label::after {
220 
+  background-color: #f0ad4e;
221 
+}
222 
+.radio-warning input[type="radio"]:checked + label::before {
223 
+  border-color: #f0ad4e;
224 
+}
225 
+.radio-warning input[type="radio"]:checked + label::after {
226 
+  background-color: #f0ad4e;
227 
+}
228 
+
229 
+.radio-success input[type="radio"] + label::after {
230 
+  background-color: #5cb85c;
231 
+}
232 
+.radio-success input[type="radio"]:checked + label::before {
233 
+  border-color: #5cb85c;
234 
+}
235 
+.radio-success input[type="radio"]:checked + label::after {
236 
+  background-color: #5cb85c;
237 
+}
238 
+
239 
+input[type="checkbox"].styled:checked + label:after,
240 
+input[type="radio"].styled:checked + label:after {
241 
+  font-family: 'FontAwesome';
242 
+  content: "\f00c";
243 
+}
244 
+input[type="checkbox"] .styled:checked + label::before,
245 
+input[type="radio"] .styled:checked + label::before {
246 
+  color: #fff;
247 
+}
248 
+input[type="checkbox"] .styled:checked + label::after,
249 
+input[type="radio"] .styled:checked + label::after {
250 
+  color: #fff;
251 
+}

+ 71
- 0
css/plugins/blueimp/css/blueimp-gallery-indicator.css Visa fil 

@@ -0,0 +1,71 @@
1 
+@charset "UTF-8";
2 
+/*
3 
+ * blueimp Gallery Indicator CSS 1.1.0
4 
+ * https://github.com/blueimp/Gallery
5 
+ *
6 
+ * Copyright 2013, Sebastian Tschan
7 
+ * https://blueimp.net
8 
+ *
9 
+ * Licensed under the MIT license:
10 
+ * http://www.opensource.org/licenses/MIT
11 
+ */
12 
+
13 
+.blueimp-gallery > .indicator {
14 
+  position: absolute;
15 
+  top: auto;
16 
+  right: 15px;
17 
+  bottom: 15px;
18 
+  left: 15px;
19 
+  margin: 0 40px;
20 
+  padding: 0;
21 
+  list-style: none;
22 
+  text-align: center;
23 
+  line-height: 10px;
24 
+  display: none;
25 
+}
26 
+.blueimp-gallery > .indicator > li {
27 
+  display: inline-block;
28 
+  width: 9px;
29 
+  height: 9px;
30 
+  margin: 6px 3px 0 3px;
31 
+  -webkit-box-sizing: content-box;
32 
+     -moz-box-sizing: content-box;
33 
+          box-sizing: content-box;
34 
+  border: 1px solid transparent;
35 
+  background: #ccc;
36 
+  background: rgba(255, 255, 255, 0.25) center no-repeat;
37 
+  border-radius: 5px;
38 
+  box-shadow: 0 0 2px #000;
39 
+  opacity: 0.5;
40 
+  cursor: pointer;
41 
+}
42 
+.blueimp-gallery > .indicator > li:hover,
43 
+.blueimp-gallery > .indicator > .active {
44 
+  background-color: #fff;
45 
+  border-color: #fff;
46 
+  opacity: 1;
47 
+}
48 
+.blueimp-gallery-controls > .indicator {
49 
+  display: block;
50 
+  /* Fix z-index issues (controls behind slide element) on Android: */
51 
+  -webkit-transform: translateZ(0);
52 
+     -moz-transform: translateZ(0);
53 
+      -ms-transform: translateZ(0);
54 
+       -o-transform: translateZ(0);
55 
+          transform: translateZ(0);
56 
+}
57 
+.blueimp-gallery-single > .indicator {
58 
+  display: none;
59 
+}
60 
+.blueimp-gallery > .indicator {
61 
+  -webkit-user-select: none;
62 
+   -khtml-user-select: none;
63 
+     -moz-user-select: none;
64 
+      -ms-user-select: none;
65 
+          user-select: none;
66 
+}
67 
+
68 
+/* IE7 fixes */
69 
+*+html .blueimp-gallery > .indicator > li {
70 
+  display: inline;
71 
+}

+ 87
- 0
css/plugins/blueimp/css/blueimp-gallery-video.css Visa fil 

@@ -0,0 +1,87 @@
1 
+@charset "UTF-8";
2 
+/*
3 
+ * blueimp Gallery Video Factory CSS 1.3.0
4 
+ * https://github.com/blueimp/Gallery
5 
+ *
6 
+ * Copyright 2013, Sebastian Tschan
7 
+ * https://blueimp.net
8 
+ *
9 
+ * Licensed under the MIT license:
10 
+ * http://www.opensource.org/licenses/MIT
11 
+ */
12 
+
13 
+.blueimp-gallery > .slides > .slide > .video-content > img {
14 
+  position: absolute;
15 
+  top: 0;
16 
+  right: 0;
17 
+  bottom: 0;
18 
+  left: 0;
19 
+  margin: auto;
20 
+  width: auto;
21 
+  height: auto;
22 
+  max-width: 100%;
23 
+  max-height: 100%;
24 
+  /* Prevent artifacts in Mozilla Firefox: */
25 
+  -moz-backface-visibility: hidden;
26 
+}
27 
+.blueimp-gallery > .slides > .slide > .video-content > video {
28 
+  position: absolute;
29 
+  top: 0;
30 
+  left: 0;
31 
+  width: 100%;
32 
+  height: 100%;
33 
+}
34 
+.blueimp-gallery > .slides > .slide > .video-content > iframe {
35 
+  position: absolute;
36 
+  top: 100%;
37 
+  left: 0;
38 
+  width: 100%;
39 
+  height: 100%;
40 
+  border: none;
41 
+}
42 
+.blueimp-gallery > .slides > .slide > .video-playing > iframe {
43 
+  top: 0;
44 
+}
45 
+.blueimp-gallery > .slides > .slide > .video-content > a {
46 
+  position: absolute;
47 
+  top: 50%;
48 
+  right: 0;
49 
+  left: 0;
50 
+  margin: -64px auto 0;
51 
+  width: 128px;
52 
+  height: 128px;
53 
+  background: url(../img/video-play.png) center no-repeat;
54 
+  opacity: 0.8;
55 
+  cursor: pointer;
56 
+}
57 
+.blueimp-gallery > .slides > .slide > .video-content > a:hover {
58 
+  opacity: 1;
59 
+}
60 
+.blueimp-gallery > .slides > .slide > .video-playing > a,
61 
+.blueimp-gallery > .slides > .slide > .video-playing > img {
62 
+  display: none;
63 
+}
64 
+.blueimp-gallery > .slides > .slide > .video-content > video {
65 
+  display: none;
66 
+}
67 
+.blueimp-gallery > .slides > .slide > .video-playing > video {
68 
+  display: block;
69 
+}
70 
+.blueimp-gallery > .slides > .slide > .video-loading > a {
71 
+  background: url(../img/loading.gif) center no-repeat;
72 
+  background-size: 64px 64px;
73 
+}
74 
+
75 
+/* Replace PNGs with SVGs for capable browsers (excluding IE<9) */
76 
+body:last-child .blueimp-gallery > .slides > .slide > .video-content:not(.video-loading) > a {
77 
+  background-image: url(../img/video-play.svg);
78 
+}
79 
+
80 
+/* IE7 fixes */
81 
+*+html .blueimp-gallery > .slides > .slide > .video-content {
82 
+  height: 100%;
83 
+}
84 
+*+html .blueimp-gallery > .slides > .slide > .video-content > a {
85 
+  left: 50%;
86 
+  margin-left: -64px;
87 
+}

+ 226
- 0
css/plugins/blueimp/css/blueimp-gallery.css Visa fil 

@@ -0,0 +1,226 @@
1 
+@charset "UTF-8";
2 
+/*
3 
+ * blueimp Gallery CSS 2.11.1
4 
+ * https://github.com/blueimp/Gallery
5 
+ *
6 
+ * Copyright 2013, Sebastian Tschan
7 
+ * https://blueimp.net
8 
+ *
9 
+ * Licensed under the MIT license:
10 
+ * http://www.opensource.org/licenses/MIT
11 
+ */
12 
+
13 
+.blueimp-gallery,
14 
+.blueimp-gallery > .slides > .slide > .slide-content {
15 
+  position: absolute;
16 
+  top: 0;
17 
+  right: 0;
18 
+  bottom: 0;
19 
+  left: 0;
20 
+  /* Prevent artifacts in Mozilla Firefox: */
21 
+  -moz-backface-visibility: hidden;
22 
+}
23 
+.blueimp-gallery > .slides > .slide > .slide-content {
24 
+  margin: auto;
25 
+  width: auto;
26 
+  height: auto;
27 
+  max-width: 100%;
28 
+  max-height: 100%;
29 
+  opacity: 1;
30 
+}
31 
+.blueimp-gallery {
32 
+  position: fixed;
33 
+  z-index: 999999;
34 
+  overflow: hidden;
35 
+  background: #000;
36 
+  background: rgba(0, 0, 0, 0.9);
37 
+  opacity: 0;
38 
+  display: none;
39 
+  direction: ltr;
40 
+  -ms-touch-action: none;
41 
+  touch-action: none;
42 
+}
43 
+.blueimp-gallery-carousel {
44 
+  position: relative;
45 
+  z-index: auto;
46 
+  margin: 1em auto;
47 
+  /* Set the carousel width/height ratio to 16/9: */
48 
+  padding-bottom: 56.25%;
49 
+  box-shadow: 0 0 10px #000;
50 
+  -ms-touch-action: pan-y;
51 
+  touch-action: pan-y;
52 
+}
53 
+.blueimp-gallery-display {
54 
+  display: block;
55 
+  opacity: 1;
56 
+}
57 
+.blueimp-gallery > .slides {
58 
+  position: relative;
59 
+  height: 100%;
60 
+  overflow: hidden;
61 
+}
62 
+.blueimp-gallery-carousel > .slides {
63 
+  position: absolute;
64 
+}
65 
+.blueimp-gallery > .slides > .slide {
66 
+  position: relative;
67 
+  float: left;
68 
+  height: 100%;
69 
+  text-align: center;
70 
+  -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
71 
+     -moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
72 
+      -ms-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
73 
+       -o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
74 
+          transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
75 
+}
76 
+.blueimp-gallery,
77 
+.blueimp-gallery > .slides > .slide > .slide-content {
78 
+  -webkit-transition: opacity 0.5s linear;
79 
+     -moz-transition: opacity 0.5s linear;
80 
+      -ms-transition: opacity 0.5s linear;
81 
+       -o-transition: opacity 0.5s linear;
82 
+          transition: opacity 0.5s linear;
83 
+}
84 
+.blueimp-gallery > .slides > .slide-loading {
85 
+  background: url(../img/loading.gif) center no-repeat;
86 
+  background-size: 64px 64px;
87 
+}
88 
+.blueimp-gallery > .slides > .slide-loading > .slide-content {
89 
+  opacity: 0;
90 
+}
91 
+.blueimp-gallery > .slides > .slide-error {
92 
+  background: url(../img/error.png) center no-repeat;
93 
+}
94 
+.blueimp-gallery > .slides > .slide-error > .slide-content {
95 
+  display: none;
96 
+}
97 
+.blueimp-gallery > .prev,
98 
+.blueimp-gallery > .next {
99 
+  position: absolute;
100 
+  top: 50%;
101 
+  left: 15px;
102 
+  width: 40px;
103 
+  height: 40px;
104 
+  margin-top: -23px;
105 
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
106 
+  font-size: 60px;
107 
+  font-weight: 100;
108 
+  line-height: 30px;
109 
+  color: #fff;
110 
+  text-decoration: none;
111 
+  text-shadow: 0 0 2px #000;
112 
+  text-align: center;
113 
+  background: #222;
114 
+  background: rgba(0, 0, 0, 0.5);
115 
+  -webkit-box-sizing: content-box;
116 
+     -moz-box-sizing: content-box;
117 
+          box-sizing: content-box;
118 
+  border: 3px solid #fff;
119 
+  -webkit-border-radius: 23px;
120 
+     -moz-border-radius: 23px;
121 
+          border-radius: 23px;
122 
+  opacity: 0.5;
123 
+  cursor: pointer;
124 
+  display: none;
125 
+}
126 
+.blueimp-gallery > .next {
127 
+  left: auto;
128 
+  right: 15px;
129 
+}
130 
+.blueimp-gallery > .close,
131 
+.blueimp-gallery > .title {
132 
+  position: absolute;
133 
+  top: 15px;
134 
+  left: 15px;
135 
+  margin: 0 40px 0 0;
136 
+  font-size: 20px;
137 
+  line-height: 30px;
138 
+  color: #fff;
139 
+  text-shadow: 0 0 2px #000;
140 
+  opacity: 0.8;
141 
+  display: none;
142 
+}
143 
+.blueimp-gallery > .close {
144 
+  padding: 15px;
145 
+  right: 15px;
146 
+  left: auto;
147 
+  margin: -15px;
148 
+  font-size: 30px;
149 
+  text-decoration: none;
150 
+  cursor: pointer;
151 
+}
152 
+.blueimp-gallery > .play-pause {
153 
+  position: absolute;
154 
+  right: 15px;
155 
+  bottom: 15px;
156 
+  width: 15px;
157 
+  height: 15px;
158 
+  background: url(../img/play-pause.png) 0 0 no-repeat;
159 
+  cursor: pointer;
160 
+  opacity: 0.5;
161 
+  display: none;
162 
+}
163 
+.blueimp-gallery-playing > .play-pause {
164 
+  background-position: -15px 0;
165 
+}
166 
+.blueimp-gallery > .prev:hover,
167 
+.blueimp-gallery > .next:hover,
168 
+.blueimp-gallery > .close:hover,
169 
+.blueimp-gallery > .title:hover,
170 
+.blueimp-gallery > .play-pause:hover {
171 
+  color: #fff;
172 
+  opacity: 1;
173 
+}
174 
+.blueimp-gallery-controls > .prev,
175 
+.blueimp-gallery-controls > .next,
176 
+.blueimp-gallery-controls > .close,
177 
+.blueimp-gallery-controls > .title,
178 
+.blueimp-gallery-controls > .play-pause {
179 
+  display: block;
180 
+  /* Fix z-index issues (controls behind slide element) on Android: */
181 
+  -webkit-transform: translateZ(0);
182 
+     -moz-transform: translateZ(0);
183 
+      -ms-transform: translateZ(0);
184 
+       -o-transform: translateZ(0);
185 
+          transform: translateZ(0);
186 
+}
187 
+.blueimp-gallery-single > .prev,
188 
+.blueimp-gallery-left > .prev,
189 
+.blueimp-gallery-single > .next,
190 
+.blueimp-gallery-right > .next,
191 
+.blueimp-gallery-single > .play-pause {
192 
+  display: none;
193 
+}
194 
+.blueimp-gallery > .slides > .slide > .slide-content,
195 
+.blueimp-gallery > .prev,
196 
+.blueimp-gallery > .next,
197 
+.blueimp-gallery > .close,
198 
+.blueimp-gallery > .play-pause {
199 
+  -webkit-user-select: none;
200 
+   -khtml-user-select: none;
201 
+     -moz-user-select: none;
202 
+      -ms-user-select: none;
203 
+          user-select: none;
204 
+}
205 
+
206 
+/* Replace PNGs with SVGs for capable browsers (excluding IE<9) */
207 
+body:last-child .blueimp-gallery > .slides > .slide-error {
208 
+  background-image: url(../img/error.svg);
209 
+}
210 
+body:last-child .blueimp-gallery > .play-pause {
211 
+  width: 20px;
212 
+  height: 20px;
213 
+  background-size: 40px 20px;
214 
+  background-image: url(../img/play-pause.svg);
215 
+}
216 
+body:last-child .blueimp-gallery-playing > .play-pause {
217 
+  background-position: -20px 0;
218 
+}
219 
+
220 
+/* IE7 fixes */
221 
+*+html .blueimp-gallery > .slides > .slide {
222 
+  min-height: 300px;
223 
+}
224 
+*+html .blueimp-gallery > .slides > .slide > .slide-content {
225 
+  position: relative;
226 
+}

+ 1
- 0
css/plugins/blueimp/css/blueimp-gallery.min.css
Filskillnaden har hållits tillbaka eftersom den är för stor
Visa fil


+ 51
- 0
css/plugins/blueimp/css/demo.css Visa fil 

@@ -0,0 +1,51 @@
1 
+/*
2 
+ * blueimp Gallery Demo CSS 2.0.0
3 
+ * https://github.com/blueimp/Gallery
4 
+ *
5 
+ * Copyright 2013, Sebastian Tschan
6 
+ * https://blueimp.net
7 
+ *
8 
+ * Licensed under the MIT license:
9 
+ * http://www.opensource.org/licenses/MIT
10 
+ */
11 
+
12 
+body {
13 
+  max-width: 750px;
14 
+  margin: 0 auto;
15 
+  padding: 1em;
16 
+  font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
17 
+  font-size: 1em;
18 
+  line-height: 1.4em;
19 
+  background: #222;
20 
+  color: #fff;
21 
+  -webkit-text-size-adjust: 100%;
22 
+      -ms-text-size-adjust: 100%;
23 
+}
24 
+a {
25 
+  color: orange;
26 
+  text-decoration: none;
27 
+}
28 
+img {
29 
+  border: 0;
30 
+  vertical-align: middle;
31 
+}
32 
+h1 {
33 
+  line-height: 1em;
34 
+}
35 
+h2,
36 
+.links {
37 
+  text-align: center;
38 
+}
39 
+
40 
+@media (min-width: 481px) {
41 
+  .navigation {
42 
+    list-style: none;
43 
+    padding: 0;
44 
+  }
45 
+  .navigation li {
46 
+    display: inline-block;
47 
+  }
48 
+  .navigation li:not(:first-child):before {
49 
+    content: '| ';
50 
+  }
51 
+}

Binär
css/plugins/blueimp/img/error.png Visa fil


+ 5
- 0
css/plugins/blueimp/img/error.svg Visa fil 

@@ -0,0 +1,5 @@
1 
+<?xml version="1.0" encoding="UTF-8"?>
2 
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="64" height="64">
3 
+	<circle cx="32" cy="32" r="25" stroke="red" stroke-width="7" fill="black" fill-opacity="0.2"/>
4 
+	<rect x="28" y="7" width="8" height="50" fill="red" transform="rotate(45, 32, 32)"/>
5 
+</svg>

Binär
css/plugins/blueimp/img/loading.gif Visa fil


Binär
css/plugins/blueimp/img/play-pause.png Visa fil


+ 6
- 0
css/plugins/blueimp/img/play-pause.svg Visa fil 

@@ -0,0 +1,6 @@
1 
+<?xml version="1.0" encoding="UTF-8"?>
2 
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="30" height="15">
3 
+	<polygon points="2,1 2,14 13,7" stroke="black" stroke-width="1" fill="white"/>
4 
+	<rect x="17" y="2" width="4" height="11" stroke="black" stroke-width="1" fill="white"/>
5 
+	<rect x="24" y="2" width="4" height="11" stroke="black" stroke-width="1" fill="white"/>
6 
+</svg>

Binär
css/plugins/blueimp/img/video-play.png Visa fil


+ 5
- 0
css/plugins/blueimp/img/video-play.svg Visa fil 

@@ -0,0 +1,5 @@
1 
+<?xml version="1.0" encoding="UTF-8"?>
2 
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="64" height="64">
3 
+	<circle cx="32" cy="32" r="25" stroke="white" stroke-width="7" fill="black" fill-opacity="0.2"/>
4 
+	<polygon points="26,22 26,42 43,32" fill="white"/>
5 
+</svg>

+ 1
- 0
css/plugins/bootstrap-markdown/bootstrap-markdown.min.css Visa fil 

@@ -0,0 +1 @@
1 
+.md-editor{display:block;border:1px solid #ddd}.md-editor .md-footer,.md-editor>.md-header{display:block;padding:6px 4px;background:#f5f5f5}.md-editor>.md-header{margin:0}.md-editor>.md-preview{background:#fff;border-top:1px dashed #ddd;border-bottom:1px dashed #ddd;min-height:10px;overflow:auto}.md-editor>textarea{font-family:Menlo,Monaco,Consolas,"Courier New",monospace;font-size:14px;outline:0;margin:0;display:block;padding:0;width:100%;border:0;border-top:1px dashed #ddd;border-bottom:1px dashed #ddd;border-radius:0;box-shadow:none;background:#eee}.md-editor>textarea:focus{box-shadow:none;background:#fff}.md-editor.active{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.md-editor .md-controls{float:right;padding:3px}.md-editor .md-controls .md-control{right:5px;color:#bebebe;padding:3px 3px 3px 10px}.md-editor .md-controls .md-control:hover{color:#333}.md-editor.md-fullscreen-mode{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999;padding:60px 30px 15px;background:#fff!important;border:0!important}.md-editor.md-fullscreen-mode .md-footer{display:none}.md-editor.md-fullscreen-mode .md-input,.md-editor.md-fullscreen-mode .md-preview{margin:0 auto!important;height:100%!important;font-size:20px!important;padding:20px!important;color:#999;line-height:1.6em!important;resize:none!important;box-shadow:none!important;background:#fff!important;border:0!important}.md-editor.md-fullscreen-mode .md-preview{color:#333;overflow:auto}.md-editor.md-fullscreen-mode .md-input:focus,.md-editor.md-fullscreen-mode .md-input:hover{color:#333;background:#fff!important}.md-editor.md-fullscreen-mode .md-header{background:0 0;text-align:center;position:fixed;width:100%;top:20px}.md-editor.md-fullscreen-mode .btn-group{float:none}.md-editor.md-fullscreen-mode .btn{border:0;background:0 0;color:#b3b3b3}.md-editor.md-fullscreen-mode .btn.active,.md-editor.md-fullscreen-mode .btn:active,.md-editor.md-fullscreen-mode .btn:focus,.md-editor.md-fullscreen-mode .btn:hover{box-shadow:none;color:#333}.md-editor.md-fullscreen-mode .md-fullscreen-controls{position:absolute;top:20px;right:20px;text-align:right;z-index:1002;display:block}.md-editor.md-fullscreen-mode .md-fullscreen-controls a{color:#b3b3b3;clear:right;margin:10px;width:30px;height:30px;text-align:center}.md-editor.md-fullscreen-mode .md-fullscreen-controls a:hover{color:#333;text-decoration:none}.md-editor.md-fullscreen-mode .md-editor{height:100%!important;position:relative}.md-editor .md-fullscreen-controls{display:none}.md-nooverflow{overflow:hidden;position:fixed;width:100%}

+ 1468
- 0
css/plugins/bootstrap-rtl/bootstrap-rtl.css
Filskillnaden har hållits tillbaka eftersom den är för stor
Visa fil


+ 1
- 0
css/plugins/bootstrap-rtl/bootstrap-rtl.css.map
Filskillnaden har hållits tillbaka eftersom den är för stor
Visa fil


+ 9
- 0
css/plugins/bootstrap-rtl/bootstrap-rtl.min.css
Filskillnaden har hållits tillbaka eftersom den är för stor
Visa fil


+ 22
- 0
css/plugins/bootstrapTour/bootstrap-tour.min.css Visa fil 

@@ -0,0 +1,22 @@
1 
+/* ========================================================================
2 
+ * bootstrap-tour - v0.10.1
3 
+ * http://bootstraptour.com
4 
+ * ========================================================================
5 
+ * Copyright 2012-2013 Ulrich Sossou
6 
+ *
7 
+ * ========================================================================
8 
+ * Licensed under the Apache License, Version 2.0 (the "License");
9 
+ * you may not use this file except in compliance with the License.
10 
+ * You may obtain a copy of the License at
11 
+ *
12 
+ *     http://www.apache.org/licenses/LICENSE-2.0
13 
+ *
14 
+ * Unless required by applicable law or agreed to in writing, software
15 
+ * distributed under the License is distributed on an "AS IS" BASIS,
16 
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
17 
+ * See the License for the specific language governing permissions and
18 
+ * limitations under the License.
19 
+ * ========================================================================
20 
+ */
21 
+
22 
+.tour-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;background-color:#000;opacity:.8;filter:alpha(opacity=80)}.tour-step-backdrop{position:relative;z-index:1101;background:inherit}.tour-step-backdrop>td{position:relative;z-index:1101}.tour-step-background{position:absolute!important;z-index:1100;background:inherit;border-radius:6px}.popover[class*=tour-]{z-index:1100}.popover[class*=tour-] .popover-navigation{padding:9px 14px}.popover[class*=tour-] .popover-navigation [data-role=end]{float:right}.popover[class*=tour-] .popover-navigation [data-role=prev],.popover[class*=tour-] .popover-navigation [data-role=next],.popover[class*=tour-] .popover-navigation [data-role=end]{cursor:pointer}.popover[class*=tour-] .popover-navigation [data-role=prev].disabled,.popover[class*=tour-] .popover-navigation [data-role=next].disabled,.popover[class*=tour-] .popover-navigation [data-role=end].disabled{cursor:default}.popover[class*=tour-].orphan{position:fixed;margin-top:0}.popover[class*=tour-].orphan .arrow{display:none}

+ 1
- 0
css/plugins/c3/c3.min.css Visa fil 

@@ -0,0 +1 @@
1 
+.c3 svg{font:10px sans-serif;-webkit-tap-highlight-color:transparent}.c3 line,.c3 path{fill:none;stroke:#000}.c3 text{-webkit-user-select:none;-moz-user-select:none;user-select:none}.c3-bars path,.c3-event-rect,.c3-legend-item-tile,.c3-xgrid-focus,.c3-ygrid{shape-rendering:crispEdges}.c3-chart-arc path{stroke:#fff}.c3-chart-arc text{fill:#fff;font-size:13px}.c3-grid line{stroke:#aaa}.c3-grid text{fill:#aaa}.c3-xgrid,.c3-ygrid{stroke-dasharray:3 3}.c3-text.c3-empty{fill:gray;font-size:2em}.c3-line{stroke-width:1px}.c3-circle._expanded_{stroke-width:1px;stroke:#fff}.c3-selected-circle{fill:#fff;stroke-width:2px}.c3-bar{stroke-width:0}.c3-bar._expanded_{fill-opacity:.75}.c3-target.c3-focused{opacity:1}.c3-target.c3-focused path.c3-line,.c3-target.c3-focused path.c3-step{stroke-width:2px}.c3-target.c3-defocused{opacity:.3!important}.c3-region{fill:#4682b4;fill-opacity:.1}.c3-brush .extent{fill-opacity:.1}.c3-legend-item{font-size:12px}.c3-legend-item-hidden{opacity:.15}.c3-legend-background{opacity:.75;fill:#fff;stroke:#d3d3d3;stroke-width:1}.c3-title{font:14px sans-serif}.c3-tooltip-container{z-index:10}.c3-tooltip{border-collapse:collapse;border-spacing:0;background-color:#fff;empty-cells:show;-webkit-box-shadow:7px 7px 12px -9px #777;-moz-box-shadow:7px 7px 12px -9px #777;box-shadow:7px 7px 12px -9px #777;opacity:.9}.c3-tooltip tr{border:1px solid #CCC}.c3-tooltip th{background-color:#aaa;font-size:14px;padding:2px 5px;text-align:left;color:#FFF}.c3-tooltip td{font-size:13px;padding:3px 6px;background-color:#fff;border-left:1px dotted #999}.c3-tooltip td>span{display:inline-block;width:10px;height:10px;margin-right:6px}.c3-tooltip td.value{text-align:right}.c3-area{stroke-width:0;opacity:.2}.c3-chart-arcs-title{dominant-baseline:middle;font-size:1.3em}.c3-chart-arcs .c3-chart-arcs-background{fill:#e0e0e0;stroke:none}.c3-chart-arcs .c3-chart-arcs-gauge-unit{fill:#000;font-size:16px}.c3-chart-arcs .c3-chart-arcs-gauge-max,.c3-chart-arcs .c3-chart-arcs-gauge-min{fill:#777}.c3-chart-arc .c3-gauge-value{fill:#000}

+ 773
- 0
css/plugins/chartist/chartist.min.css Visa fil 

@@ -0,0 +1,773 @@
1 
+.ct-label {
2 
+    fill: rgba(0, 0, 0, 0.4);
3 
+    color: rgba(0, 0, 0, 0.4);
4 
+    font-size: 1rem;
5 
+    line-height: 1;
6 
+}
7 
+
8 
+.ct-chart-line .ct-label,
9 
+.ct-chart-bar .ct-label {
10 
+    display: block;
11 
+    display: -webkit-box;
12 
+    display: -moz-box;
13 
+    display: -ms-flexbox;
14 
+    display: -webkit-flex;
15 
+    display: flex;
16 
+}
17 
+
18 
+.ct-label.ct-horizontal.ct-start {
19 
+    -webkit-box-align: flex-end;
20 
+    -webkit-align-items: flex-end;
21 
+    -ms-flex-align: flex-end;
22 
+    align-items: flex-end;
23 
+    -webkit-box-pack: flex-start;
24 
+    -webkit-justify-content: flex-start;
25 
+    -ms-flex-pack: flex-start;
26 
+    justify-content: flex-start;
27 
+    text-align: left;
28 
+    text-anchor: start;
29 
+}
30 
+
31 
+.ct-label.ct-horizontal.ct-end {
32 
+    -webkit-box-align: flex-start;
33 
+    -webkit-align-items: flex-start;
34 
+    -ms-flex-align: flex-start;
35 
+    align-items: flex-start;
36 
+    -webkit-box-pack: flex-start;
37 
+    -webkit-justify-content: flex-start;
38 
+    -ms-flex-pack: flex-start;
39 
+    justify-content: flex-start;
40 
+    text-align: left;
41 
+    text-anchor: start;
42 
+}
43 
+
44 
+.ct-label.ct-vertical.ct-start {
45 
+    -webkit-box-align: flex-end;
46 
+    -webkit-align-items: flex-end;
47 
+    -ms-flex-align: flex-end;
48 
+    align-items: flex-end;
49 
+    -webkit-box-pack: flex-end;
50 
+    -webkit-justify-content: flex-end;
51 
+    -ms-flex-pack: flex-end;
52 
+    justify-content: flex-end;
53 
+    text-align: right;
54 
+    text-anchor: end;
55 
+}
56 
+
57 
+.ct-label.ct-vertical.ct-end {
58 
+    -webkit-box-align: flex-end;
59 
+    -webkit-align-items: flex-end;
60 
+    -ms-flex-align: flex-end;
61 
+    align-items: flex-end;
62 
+    -webkit-box-pack: flex-start;
63 
+    -webkit-justify-content: flex-start;
64 
+    -ms-flex-pack: flex-start;
65 
+    justify-content: flex-start;
66 
+    text-align: left;
67 
+    text-anchor: start;
68 
+}
69 
+
70 
+.ct-chart-bar .ct-label.ct-horizontal.ct-start {
71 
+    -webkit-box-align: flex-end;
72 
+    -webkit-align-items: flex-end;
73 
+    -ms-flex-align: flex-end;
74 
+    align-items: flex-end;
75 
+    -webkit-box-pack: center;
76 
+    -webkit-justify-content: center;
77 
+    -ms-flex-pack: center;
78 
+    justify-content: center;
79 
+    text-align: center;
80 
+    text-anchor: start;
81 
+}
82 
+
83 
+.ct-chart-bar .ct-label.ct-horizontal.ct-end {
84 
+    -webkit-box-align: flex-start;
85 
+    -webkit-align-items: flex-start;
86 
+    -ms-flex-align: flex-start;
87 
+    align-items: flex-start;
88 
+    -webkit-box-pack: center;
89 
+    -webkit-justify-content: center;
90 
+    -ms-flex-pack: center;
91 
+    justify-content: center;
92 
+    text-align: center;
93 
+    text-anchor: start;
94 
+}
95 
+
96 
+.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start {
97 
+    -webkit-box-align: flex-end;
98 
+    -webkit-align-items: flex-end;
99 
+    -ms-flex-align: flex-end;
100 
+    align-items: flex-end;
101 
+    -webkit-box-pack: flex-start;
102 
+    -webkit-justify-content: flex-start;
103 
+    -ms-flex-pack: flex-start;
104 
+    justify-content: flex-start;
105 
+    text-align: left;
106 
+    text-anchor: start;
107 
+}
108 
+
109 
+.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end {
110 
+    -webkit-box-align: flex-start;
111 
+    -webkit-align-items: flex-start;
112 
+    -ms-flex-align: flex-start;
113 
+    align-items: flex-start;
114 
+    -webkit-box-pack: flex-start;
115 
+    -webkit-justify-content: flex-start;
116 
+    -ms-flex-pack: flex-start;
117 
+    justify-content: flex-start;
118 
+    text-align: left;
119 
+    text-anchor: start;
120 
+}
121 
+
122 
+.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start {
123 
+    -webkit-box-align: center;
124 
+    -webkit-align-items: center;
125 
+    -ms-flex-align: center;
126 
+    align-items: center;
127 
+    -webkit-box-pack: flex-end;
128 
+    -webkit-justify-content: flex-end;
129 
+    -ms-flex-pack: flex-end;
130 
+    justify-content: flex-end;
131 
+    text-align: right;
132 
+    text-anchor: end;
133 
+}
134 
+
135 
+.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end {
136 
+    -webkit-box-align: center;
137 
+    -webkit-align-items: center;
138 
+    -ms-flex-align: center;
139 
+    align-items: center;
140 
+    -webkit-box-pack: flex-start;
141 
+    -webkit-justify-content: flex-start;
142 
+    -ms-flex-pack: flex-start;
143 
+    justify-content: flex-start;
144 
+    text-align: left;
145 
+    text-anchor: end;
146 
+}
147 
+
148 
+.ct-grid {
149 
+    stroke: rgba(0, 0, 0, 0.2);
150 
+    stroke-width: 1px;
151 
+    stroke-dasharray: 2px;
152 
+}
153 
+
154 
+.ct-point {
155 
+    stroke-width: 10px;
156 
+    stroke-linecap: round;
157 
+}
158 
+
159 
+.ct-line {
160 
+    fill: none;
161 
+    stroke-width: 4px;
162 
+}
163 
+
164 
+.ct-area {
165 
+    stroke: none;
166 
+    fill-opacity: 0.1;
167 
+}
168 
+
169 
+.ct-bar {
170 
+    fill: none;
171 
+    stroke-width: 10px;
172 
+}
173 
+
174 
+.ct-slice-donut {
175 
+    fill: none;
176 
+    stroke-width: 60px;
177 
+}
178 
+
179 
+.ct-series-a .ct-point, .ct-series-a .ct-line, .ct-series-a .ct-bar, .ct-series-a .ct-slice-donut {
180 
+    stroke: #1AB394;
181 
+}
182 
+
183 
+.ct-series-a .ct-slice-pie, .ct-series-a .ct-area {
184 
+    fill: #1AB394;
185 
+}
186 
+
187 
+.ct-series-b .ct-point, .ct-series-b .ct-line, .ct-series-b .ct-bar, .ct-series-b .ct-slice-donut {
188 
+    stroke: #79D2C0;
189 
+}
190 
+
191 
+.ct-series-b .ct-slice-pie, .ct-series-b .ct-area {
192 
+    fill: #79D2C0;
193 
+}
194 
+
195 
+.ct-series-c .ct-point, .ct-series-c .ct-line, .ct-series-c .ct-bar, .ct-series-c .ct-slice-donut {
196 
+    stroke: #D3D3D3;
197 
+}
198 
+
199 
+.ct-series-c .ct-slice-pie, .ct-series-c .ct-area {
200 
+    fill: #D3D3D3;
201 
+}
202 
+
203 
+.ct-series-d .ct-point, .ct-series-d .ct-line, .ct-series-d .ct-bar, .ct-series-d .ct-slice-donut {
204 
+    stroke: #BABABA;
205 
+}
206 
+
207 
+.ct-series-d .ct-slice-pie, .ct-series-d .ct-area {
208 
+    fill: #BABABA;
209 
+}
210 
+
211 
+.ct-series-e .ct-point, .ct-series-e .ct-line, .ct-series-e .ct-bar, .ct-series-e .ct-slice-donut {
212 
+    stroke: #453d3f;
213 
+}
214 
+
215 
+.ct-series-e .ct-slice-pie, .ct-series-e .ct-area {
216 
+    fill: #453d3f;
217 
+}
218 
+
219 
+.ct-series-f .ct-point, .ct-series-f .ct-line, .ct-series-f .ct-bar, .ct-series-f .ct-slice-donut {
220 
+    stroke: #59922b;
221 
+}
222 
+
223 
+.ct-series-f .ct-slice-pie, .ct-series-f .ct-area {
224 
+    fill: #59922b;
225 
+}
226 
+
227 
+.ct-series-g .ct-point, .ct-series-g .ct-line, .ct-series-g .ct-bar, .ct-series-g .ct-slice-donut {
228 
+    stroke: #0544d3;
229 
+}
230 
+
231 
+.ct-series-g .ct-slice-pie, .ct-series-g .ct-area {
232 
+    fill: #0544d3;
233 
+}
234 
+
235 
+.ct-series-h .ct-point, .ct-series-h .ct-line, .ct-series-h .ct-bar, .ct-series-h .ct-slice-donut {
236 
+    stroke: #6b0392;
237 
+}
238 
+
239 
+.ct-series-h .ct-slice-pie, .ct-series-h .ct-area {
240 
+    fill: #6b0392;
241 
+}
242 
+
243 
+.ct-series-i .ct-point, .ct-series-i .ct-line, .ct-series-i .ct-bar, .ct-series-i .ct-slice-donut {
244 
+    stroke: #f05b4f;
245 
+}
246 
+
247 
+.ct-series-i .ct-slice-pie, .ct-series-i .ct-area {
248 
+    fill: #f05b4f;
249 
+}
250 
+
251 
+.ct-series-j .ct-point, .ct-series-j .ct-line, .ct-series-j .ct-bar, .ct-series-j .ct-slice-donut {
252 
+    stroke: #dda458;
253 
+}
254 
+
255 
+.ct-series-j .ct-slice-pie, .ct-series-j .ct-area {
256 
+    fill: #dda458;
257 
+}
258 
+
259 
+.ct-series-k .ct-point, .ct-series-k .ct-line, .ct-series-k .ct-bar, .ct-series-k .ct-slice-donut {
260 
+    stroke: #eacf7d;
261 
+}
262 
+
263 
+.ct-series-k .ct-slice-pie, .ct-series-k .ct-area {
264 
+    fill: #eacf7d;
265 
+}
266 
+
267 
+.ct-series-l .ct-point, .ct-series-l .ct-line, .ct-series-l .ct-bar, .ct-series-l .ct-slice-donut {
268 
+    stroke: #86797d;
269 
+}
270 
+
271 
+.ct-series-l .ct-slice-pie, .ct-series-l .ct-area {
272 
+    fill: #86797d;
273 
+}
274 
+
275 
+.ct-series-m .ct-point, .ct-series-m .ct-line, .ct-series-m .ct-bar, .ct-series-m .ct-slice-donut {
276 
+    stroke: #b2c326;
277 
+}
278 
+
279 
+.ct-series-m .ct-slice-pie, .ct-series-m .ct-area {
280 
+    fill: #b2c326;
281 
+}
282 
+
283 
+.ct-series-n .ct-point, .ct-series-n .ct-line, .ct-series-n .ct-bar, .ct-series-n .ct-slice-donut {
284 
+    stroke: #6188e2;
285 
+}
286 
+
287 
+.ct-series-n .ct-slice-pie, .ct-series-n .ct-area {
288 
+    fill: #6188e2;
289 
+}
290 
+
291 
+.ct-series-o .ct-point, .ct-series-o .ct-line, .ct-series-o .ct-bar, .ct-series-o .ct-slice-donut {
292 
+    stroke: #a748ca;
293 
+}
294 
+
295 
+.ct-series-o .ct-slice-pie, .ct-series-o .ct-area {
296 
+    fill: #a748ca;
297 
+}
298 
+
299 
+.ct-square {
300 
+    display: block;
301 
+    position: relative;
302 
+    width: 100%;
303 
+}
304 
+
305 
+.ct-square:before {
306 
+    display: block;
307 
+    float: left;
308 
+    content: "";
309 
+    width: 0;
310 
+    height: 0;
311 
+    padding-bottom: 100%;
312 
+}
313 
+
314 
+.ct-square:after {
315 
+    content: "";
316 
+    display: table;
317 
+    clear: both;
318 
+}
319 
+
320 
+.ct-square > svg {
321 
+    display: block;
322 
+    position: absolute;
323 
+    top: 0;
324 
+    left: 0;
325 
+}
326 
+
327 
+.ct-minor-second {
328 
+    display: block;
329 
+    position: relative;
330 
+    width: 100%;
331 
+}
332 
+
333 
+.ct-minor-second:before {
334 
+    display: block;
335 
+    float: left;
336 
+    content: "";
337 
+    width: 0;
338 
+    height: 0;
339 
+    padding-bottom: 93.75%;
340 
+}
341 
+
342 
+.ct-minor-second:after {
343 
+    content: "";
344 
+    display: table;
345 
+    clear: both;
346 
+}
347 
+
348 
+.ct-minor-second > svg {
349 
+    display: block;
350 
+    position: absolute;
351 
+    top: 0;
352 
+    left: 0;
353 
+}
354 
+
355 
+.ct-major-second {
356 
+    display: block;
357 
+    position: relative;
358 
+    width: 100%;
359 
+}
360 
+
361 
+.ct-major-second:before {
362 
+    display: block;
363 
+    float: left;
364 
+    content: "";
365 
+    width: 0;
366 
+    height: 0;
367 
+    padding-bottom: 88.88889%;
368 
+}
369 
+
370 
+.ct-major-second:after {
371 
+    content: "";
372 
+    display: table;
373 
+    clear: both;
374 
+}
375 
+
376 
+.ct-major-second > svg {
377 
+    display: block;
378 
+    position: absolute;
379 
+    top: 0;
380 
+    left: 0;
381 
+}
382 
+
383 
+.ct-minor-third {
384 
+    display: block;
385 
+    position: relative;
386 
+    width: 100%;
387 
+}
388 
+
389 
+.ct-minor-third:before {
390 
+    display: block;
391 
+    float: left;
392 
+    content: "";
393 
+    width: 0;
394 
+    height: 0;
395 
+    padding-bottom: 83.33333%;
396 
+}
397 
+
398 
+.ct-minor-third:after {
399 
+    content: "";
400 
+    display: table;
401 
+    clear: both;
402 
+}
403 
+
404 
+.ct-minor-third > svg {
405 
+    display: block;
406 
+    position: absolute;
407 
+    top: 0;
408 
+    left: 0;
409 
+}
410 
+
411 
+.ct-major-third {
412 
+    display: block;
413 
+    position: relative;
414 
+    width: 100%;
415 
+}
416 
+
417 
+.ct-major-third:before {
418 
+    display: block;
419 
+    float: left;
420 
+    content: "";
421 
+    width: 0;
422 
+    height: 0;
423 
+    padding-bottom: 80%;
424 
+}
425 
+
426 
+.ct-major-third:after {
427 
+    content: "";
428 
+    display: table;
429 
+    clear: both;
430 
+}
431 
+
432 
+.ct-major-third > svg {
433 
+    display: block;
434 
+    position: absolute;
435 
+    top: 0;
436 
+    left: 0;
437 
+}
438 
+
439 
+.ct-perfect-fourth {
440 
+    display: block;
441 
+    position: relative;
442 
+    width: 100%;
443 
+}
444 
+
445 
+.ct-perfect-fourth:before {
446 
+    display: block;
447 
+    float: left;
448 
+    content: "";
449 
+    width: 0;
450 
+    height: 0;
451 
+    padding-bottom: 75%;
452 
+}
453 
+
454 
+.ct-perfect-fourth:after {
455 
+    content: "";
456 
+    display: table;
457 
+    clear: both;
458 
+}
459 
+
460 
+.ct-perfect-fourth > svg {
461 
+    display: block;
462 
+    position: absolute;
463 
+    top: 0;
464 
+    left: 0;
465 
+}
466 
+
467 
+.ct-perfect-fifth {
468 
+    display: block;
469 
+    position: relative;
470 
+    width: 100%;
471 
+}
472 
+
473 
+.ct-perfect-fifth:before {
474 
+    display: block;
475 
+    float: left;
476 
+    content: "";
477 
+    width: 0;
478 
+    height: 0;
479 
+    padding-bottom: 66.66667%;
480 
+}
481 
+
482 
+.ct-perfect-fifth:after {
483 
+    content: "";
484 
+    display: table;
485 
+    clear: both;
486 
+}
487 
+
488 
+.ct-perfect-fifth > svg {
489 
+    display: block;
490 
+    position: absolute;
491 
+    top: 0;
492 
+    left: 0;
493 
+}
494 
+
495 
+.ct-minor-sixth {
496 
+    display: block;
497 
+    position: relative;
498 
+    width: 100%;
499 
+}
500 
+
501 
+.ct-minor-sixth:before {
502 
+    display: block;
503 
+    float: left;
504 
+    content: "";
505 
+    width: 0;
506 
+    height: 0;
507 
+    padding-bottom: 62.5%;
508 
+}
509 
+
510 
+.ct-minor-sixth:after {
511 
+    content: "";
512 
+    display: table;
513 
+    clear: both;
514 
+}
515 
+
516 
+.ct-minor-sixth > svg {
517 
+    display: block;
518 
+    position: absolute;
519 
+    top: 0;
520 
+    left: 0;
521 
+}
522 
+
523 
+.ct-golden-section {
524 
+    display: block;
525 
+    position: relative;
526 
+    width: 100%;
527 
+}
528 
+
529 
+.ct-golden-section:before {
530 
+    display: block;
531 
+    float: left;
532 
+    content: "";
533 
+    width: 0;
534 
+    height: 0;
535 
+    padding-bottom: 61.8047%;
536 
+}
537 
+
538 
+.ct-golden-section:after {
539 
+    content: "";
540 
+    display: table;
541 
+    clear: both;
542 
+}
543 
+
544 
+.ct-golden-section > svg {
545 
+    display: block;
546 
+    position: absolute;
547 
+    top: 0;
548 
+    left: 0;
549 
+}
550 
+
551 
+.ct-major-sixth {
552 
+    display: block;
553 
+    position: relative;
554 
+    width: 100%;
555 
+}
556 
+
557 
+.ct-major-sixth:before {
558 
+    display: block;
559 
+    float: left;
560 
+    content: "";
561 
+    width: 0;
562 
+    height: 0;
563 
+    padding-bottom: 60%;
564 
+}
565 
+
566 
+.ct-major-sixth:after {
567 
+    content: "";
568 
+    display: table;
569 
+    clear: both;
570 
+}
571 
+
572 
+.ct-major-sixth > svg {
573 
+    display: block;
574 
+    position: absolute;
575 
+    top: 0;
576 
+    left: 0;
577 
+}
578 
+
579 
+.ct-minor-seventh {
580 
+    display: block;
581 
+    position: relative;
582 
+    width: 100%;
583 
+}
584 
+
585 
+.ct-minor-seventh:before {
586 
+    display: block;
587 
+    float: left;
588 
+    content: "";
589 
+    width: 0;
590 
+    height: 0;
591 
+    padding-bottom: 56.25%;
592 
+}
593 
+
594 
+.ct-minor-seventh:after {
595 
+    content: "";
596 
+    display: table;
597 
+    clear: both;
598 
+}
599 
+
600 
+.ct-minor-seventh > svg {
601 
+    display: block;
602 
+    position: absolute;
603 
+    top: 0;
604 
+    left: 0;
605 
+}
606 
+
607 
+.ct-major-seventh {
608 
+    display: block;
609 
+    position: relative;
610 
+    width: 100%;
611 
+}
612 
+
613 
+.ct-major-seventh:before {
614 
+    display: block;
615 
+    float: left;
616 
+    content: "";
617 
+    width: 0;
618 
+    height: 0;
619 
+    padding-bottom: 53.33333%;
620 
+}
621 
+
622 
+.ct-major-seventh:after {
623 
+    content: "";
624 
+    display: table;
625 
+    clear: both;
626 
+}
627 
+
628 
+.ct-major-seventh > svg {
629 
+    display: block;
630 
+    position: absolute;
631 
+    top: 0;
632 
+    left: 0;
633 
+}
634 
+
635 
+.ct-octave {
636 
+    display: block;
637 
+    position: relative;
638 
+    width: 100%;
639 
+}
640 
+
641 
+.ct-octave:before {
642 
+    display: block;
643 
+    float: left;
644 
+    content: "";
645 
+    width: 0;
646 
+    height: 0;
647 
+    padding-bottom: 50%;
648 
+}
649 
+
650 
+.ct-octave:after {
651 
+    content: "";
652 
+    display: table;
653 
+    clear: both;
654 
+}
655 
+
656 
+.ct-octave > svg {
657 
+    display: block;
658 
+    position: absolute;
659 
+    top: 0;
660 
+    left: 0;
661 
+}
662 
+
663 
+.ct-major-tenth {
664 
+    display: block;
665 
+    position: relative;
666 
+    width: 100%;
667 
+}
668 
+
669 
+.ct-major-tenth:before {
670 
+    display: block;
671 
+    float: left;
672 
+    content: "";
673 
+    width: 0;
674 
+    height: 0;
675 
+    padding-bottom: 40%;
676 
+}
677 
+
678 
+.ct-major-tenth:after {
679 
+    content: "";
680 
+    display: table;
681 
+    clear: both;
682 
+}
683 
+
684 
+.ct-major-tenth > svg {
685 
+    display: block;
686 
+    position: absolute;
687 
+    top: 0;
688 
+    left: 0;
689 
+}
690 
+
691 
+.ct-major-eleventh {
692 
+    display: block;
693 
+    position: relative;
694 
+    width: 100%;
695 
+}
696 
+
697 
+.ct-major-eleventh:before {
698 
+    display: block;
699 
+    float: left;
700 
+    content: "";
701 
+    width: 0;
702 
+    height: 0;
703 
+    padding-bottom: 37.5%;
704 
+}
705 
+
706 
+.ct-major-eleventh:after {
707 
+    content: "";
708 
+    display: table;
709 
+    clear: both;
710 
+}
711 
+
712 
+.ct-major-eleventh > svg {
713 
+    display: block;
714 
+    position: absolute;
715 
+    top: 0;
716 
+    left: 0;
717 
+}
718 
+
719 
+.ct-major-twelfth {
720 
+    display: block;
721 
+    position: relative;
722 
+    width: 100%;
723 
+}
724 
+
725 
+.ct-major-twelfth:before {
726 
+    display: block;
727 
+    float: left;
728 
+    content: "";
729 
+    width: 0;
730 
+    height: 0;
731 
+    padding-bottom: 33.33333%;
732 
+}
733 
+
734 
+.ct-major-twelfth:after {
735 
+    content: "";
736 
+    display: table;
737 
+    clear: both;
738 
+}
739 
+
740 
+.ct-major-twelfth > svg {
741 
+    display: block;
742 
+    position: absolute;
743 
+    top: 0;
744 
+    left: 0;
745 
+}
746 
+
747 
+.ct-double-octave {
748 
+    display: block;
749 
+    position: relative;
750 
+    width: 100%;
751 
+}
752 
+
753 
+.ct-double-octave:before {
754 
+    display: block;
755 
+    float: left;
756 
+    content: "";
757 
+    width: 0;
758 
+    height: 0;
759 
+    padding-bottom: 25%;
760 
+}
761 
+
762 
+.ct-double-octave:after {
763 
+    content: "";
764 
+    display: table;
765 
+    clear: both;
766 
+}
767 
+
768 
+.ct-double-octave > svg {
769 
+    display: block;
770 
+    position: absolute;
771 
+    top: 0;
772 
+    left: 0;
773 
+}

Binär
css/plugins/chosen/chosen-sprite.png Visa fil


Binär
css/plugins/chosen/chosen-sprite@2x.png Visa fil


+ 429
- 0
css/plugins/chosen/chosen.css Visa fil 

@@ -0,0 +1,429 @@
1 
+/*!
2 
+Chosen, a Select Box Enhancer for jQuery and Prototype
3 
+by Patrick Filler for Harvest, http://getharvest.com
4 
+
5 
+Version 1.1.0
6 
+Full source at https://github.com/harvesthq/chosen
7 
+Copyright (c) 2011 Harvest http://getharvest.com
8 
+
9 
+MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
10 
+This file is generated by `grunt build`, do not edit it by hand.
11 
+*/
12 
+
13 
+/* @group Base */
14 
+.chosen-container {
15 
+    position: relative;
16 
+    display: inline-block;
17 
+    vertical-align: middle;
18 
+    font-size: 13px;
19 
+    zoom: 1;
20 
+    *display: inline;
21 
+    -webkit-user-select: none;
22 
+    -moz-user-select: none;
23 
+    user-select: none;
24 
+}
25 
+.chosen-container .chosen-drop {
26 
+    position: absolute;
27 
+    top: 100%;
28 
+    left: -9999px;
29 
+    z-index: 1010;
30 
+    -webkit-box-sizing: border-box;
31 
+    -moz-box-sizing: border-box;
32 
+    box-sizing: border-box;
33 
+    width: 100%;
34 
+    border: 1px solid #aaa;
35 
+    border-top: 0;
36 
+    background: #fff;
37 
+    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
38 
+}
39 
+.chosen-container.chosen-with-drop .chosen-drop {
40 
+    left: 0;
41 
+}
42 
+.chosen-container a {
43 
+    cursor: pointer;
44 
+}
45 
+
46 
+/* @end */
47 
+/* @group Single Chosen */
48 
+.chosen-container-single .chosen-single {
49 
+    position: relative;
50 
+    display: block;
51 
+    overflow: hidden;
52 
+    padding: 0 0 0 8px;
53 
+    height: 23px;
54 
+    border: 1px solid #aaa;
55 
+    border-radius: 5px;
56 
+    background-color: #fff;
57 
+    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
58 
+    background: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
59 
+    background: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
60 
+    background: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
61 
+    background: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
62 
+    background-clip: padding-box;
63 
+    box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
64 
+    color: #444;
65 
+    text-decoration: none;
66 
+    white-space: nowrap;
67 
+    line-height: 24px;
68 
+}
69 
+.chosen-container-single .chosen-default {
70 
+    color: #999;
71 
+}
72 
+.chosen-container-single .chosen-single span {
73 
+    display: block;
74 
+    overflow: hidden;
75 
+    margin-right: 26px;
76 
+    text-overflow: ellipsis;
77 
+    white-space: nowrap;
78 
+}
79 
+.chosen-container-single .chosen-single-with-deselect span {
80 
+    margin-right: 38px;
81 
+}
82 
+.chosen-container-single .chosen-single abbr {
83 
+    position: absolute;
84 
+    top: 6px;
85 
+    right: 26px;
86 
+    display: block;
87 
+    width: 12px;
88 
+    height: 12px;
89 
+    background: url('chosen-sprite.png') -42px 1px no-repeat;
90 
+    font-size: 1px;
91 
+}
92 
+.chosen-container-single .chosen-single abbr:hover {
93 
+    background-position: -42px -10px;
94 
+}
95 
+.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
96 
+    background-position: -42px -10px;
97 
+}
98 
+.chosen-container-single .chosen-single div {
99 
+    position: absolute;
100 
+    top: 0;
101 
+    right: 0;
102 
+    display: block;
103 
+    width: 18px;
104 
+    height: 100%;
105 
+}
106 
+.chosen-container-single .chosen-single div b {
107 
+    display: block;
108 
+    width: 100%;
109 
+    height: 100%;
110 
+    background: url('chosen-sprite.png') no-repeat 0px 2px;
111 
+}
112 
+.chosen-container-single .chosen-search {
113 
+    position: relative;
114 
+    z-index: 1010;
115 
+    margin: 0;
116 
+    padding: 3px 4px;
117 
+    white-space: nowrap;
118 
+}
119 
+.chosen-container-single .chosen-search input[type="text"] {
120 
+    -webkit-box-sizing: border-box;
121 
+    -moz-box-sizing: border-box;
122 
+    box-sizing: border-box;
123 
+    margin: 1px 0;
124 
+    padding: 4px 20px 4px 5px;
125 
+    width: 100%;
126 
+    height: auto;
127 
+    outline: 0;
128 
+    border: 1px solid #aaa;
129 
+    background: white url('chosen-sprite.png') no-repeat 100% -20px;
130 
+    background: url('chosen-sprite.png') no-repeat 100% -20px;
131 
+    font-size: 1em;
132 
+    font-family: sans-serif;
133 
+    line-height: normal;
134 
+    border-radius: 0;
135 
+}
136 
+.chosen-container-single .chosen-drop {
137 
+    margin-top: -1px;
138 
+    border-radius: 0 0 4px 4px;
139 
+    background-clip: padding-box;
140 
+}
141 
+.chosen-container-single.chosen-container-single-nosearch .chosen-search {
142 
+    position: absolute;
143 
+    left: -9999px;
144 
+}
145 
+
146 
+/* @end */
147 
+/* @group Results */
148 
+.chosen-container .chosen-results {
149 
+    position: relative;
150 
+    overflow-x: hidden;
151 
+    overflow-y: auto;
152 
+    margin: 0 4px 4px 0;
153 
+    padding: 0 0 0 4px;
154 
+    max-height: 240px;
155 
+    -webkit-overflow-scrolling: touch;
156 
+}
157 
+.chosen-container .chosen-results li {
158 
+    display: none;
159 
+    margin: 0;
160 
+    padding: 5px 6px;
161 
+    list-style: none;
162 
+    line-height: 15px;
163 
+    -webkit-touch-callout: none;
164 
+}
165 
+.chosen-container .chosen-results li.active-result {
166 
+    display: list-item;
167 
+    cursor: pointer;
168 
+}
169 
+.chosen-container .chosen-results li.disabled-result {
170 
+    display: list-item;
171 
+    color: #ccc;
172 
+    cursor: default;
173 
+}
174 
+.chosen-container .chosen-results li.highlighted {
175 
+    background-color: #3875d7;
176 
+    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
177 
+    background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
178 
+    background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%);
179 
+    background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%);
180 
+    background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
181 
+    color: #fff;
182 
+}
183 
+.chosen-container .chosen-results li.no-results {
184 
+    display: list-item;
185 
+    background: #f4f4f4;
186 
+}
187 
+.chosen-container .chosen-results li.group-result {
188 
+    display: list-item;
189 
+    font-weight: bold;
190 
+    cursor: default;
191 
+}
192 
+.chosen-container .chosen-results li.group-option {
193 
+    padding-left: 15px;
194 
+}
195 
+.chosen-container .chosen-results li em {
196 
+    font-style: normal;
197 
+    text-decoration: underline;
198 
+}
199 
+
200 
+/* @end */
201 
+/* @group Multi Chosen */
202 
+.chosen-container-multi .chosen-choices {
203 
+    -moz-box-sizing: border-box;
204 
+    background-color: #FFFFFF;
205 
+    border: 1px solid #CBD5DD;
206 
+    border-radius: 2px;
207 
+    cursor: text;
208 
+    height: auto !important;
209 
+    margin: 0;
210 
+    min-height: 30px;
211 
+    overflow: hidden;
212 
+    padding: 2px;
213 
+    position: relative;
214 
+    width: 100%;
215 
+}
216 
+.chosen-container-multi .chosen-choices li {
217 
+    float: left;
218 
+    list-style: none;
219 
+}
220 
+.chosen-container-multi .chosen-choices li.search-field {
221 
+    margin: 0;
222 
+    padding: 0;
223 
+    white-space: nowrap;
224 
+}
225 
+.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
226 
+    margin: 1px 0;
227 
+    padding: 5px;
228 
+    height: 25px;
229 
+    outline: 0;
230 
+    border: 0 !important;
231 
+    background: transparent !important;
232 
+    box-shadow: none;
233 
+    color: #666;
234 
+    font-size: 100%;
235 
+    font-family: sans-serif;
236 
+    line-height: normal;
237 
+    border-radius: 0;
238 
+}
239 
+.chosen-container-multi .chosen-choices li.search-field .default {
240 
+    color: #999;
241 
+}
242 
+.chosen-container-multi .chosen-choices li.search-choice {
243 
+    position: relative;
244 
+    margin: 3px 0 3px 5px;
245 
+    padding: 3px 20px 3px 5px;
246 
+    border: 1px solid #aaa;
247 
+    border-radius: 3px;
248 
+    background-color: #e4e4e4;
249 
+    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
250 
+    background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
251 
+    background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
252 
+    background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
253 
+    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
254 
+    background-clip: padding-box;
255 
+    box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
256 
+    color: #333;
257 
+    line-height: 13px;
258 
+    cursor: default;
259 
+}
260 
+.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
261 
+    position: absolute;
262 
+    top: 4px;
263 
+    right: 3px;
264 
+    display: block;
265 
+    width: 12px;
266 
+    height: 12px;
267 
+    background: url('chosen-sprite.png') -42px 1px no-repeat;
268 
+    font-size: 1px;
269 
+}
270 
+.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
271 
+    background-position: -42px -10px;
272 
+}
273 
+.chosen-container-multi .chosen-choices li.search-choice-disabled {
274 
+    padding-right: 5px;
275 
+    border: 1px solid #ccc;
276 
+    background-color: #e4e4e4;
277 
+    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
278 
+    background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
279 
+    background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
280 
+    background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
281 
+    background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
282 
+    color: #666;
283 
+}
284 
+.chosen-container-multi .chosen-choices li.search-choice-focus {
285 
+    background: #d4d4d4;
286 
+}
287 
+.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
288 
+    background-position: -42px -10px;
289 
+}
290 
+.chosen-container-multi .chosen-results {
291 
+    margin: 0;
292 
+    padding: 0;
293 
+}
294 
+.chosen-container-multi .chosen-drop .result-selected {
295 
+    display: list-item;
296 
+    color: #ccc;
297 
+    cursor: default;
298 
+}
299 
+
300 
+/* @end */
301 
+/* @group Active  */
302 
+.chosen-container-active .chosen-single {
303 
+    border: 1px solid #5897fb;
304 
+    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
305 
+}
306 
+.chosen-container-active.chosen-with-drop .chosen-single {
307 
+    border: 1px solid #aaa;
308 
+    -moz-border-radius-bottomright: 0;
309 
+    border-bottom-right-radius: 0;
310 
+    -moz-border-radius-bottomleft: 0;
311 
+    border-bottom-left-radius: 0;
312 
+    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
313 
+    background-image: -webkit-linear-gradient(#eeeeee 20%, #ffffff 80%);
314 
+    background-image: -moz-linear-gradient(#eeeeee 20%, #ffffff 80%);
315 
+    background-image: -o-linear-gradient(#eeeeee 20%, #ffffff 80%);
316 
+    background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
317 
+    box-shadow: 0 1px 0 #fff inset;
318 
+}
319 
+.chosen-container-active.chosen-with-drop .chosen-single div {
320 
+    border-left: none;
321 
+    background: transparent;
322 
+}
323 
+.chosen-container-active.chosen-with-drop .chosen-single div b {
324 
+    background-position: -18px 2px;
325 
+}
326 
+.chosen-container-active .chosen-choices {
327 
+    border: 1px solid #5897fb;
328 
+    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
329 
+}
330 
+.chosen-container-active .chosen-choices li.search-field input[type="text"] {
331 
+    color: #111 !important;
332 
+}
333 
+
334 
+/* @end */
335 
+/* @group Disabled Support */
336 
+.chosen-disabled {
337 
+    opacity: 0.5 !important;
338 
+    cursor: default;
339 
+}
340 
+.chosen-disabled .chosen-single {
341 
+    cursor: default;
342 
+}
343 
+.chosen-disabled .chosen-choices .search-choice .search-choice-close {
344 
+    cursor: default;
345 
+}
346 
+
347 
+/* @end */
348 
+/* @group Right to Left */
349 
+.chosen-rtl {
350 
+    text-align: right;
351 
+}
352 
+.chosen-rtl .chosen-single {
353 
+    overflow: visible;
354 
+    padding: 0 8px 0 0;
355 
+}
356 
+.chosen-rtl .chosen-single span {
357 
+    margin-right: 0;
358 
+    margin-left: 26px;
359 
+    direction: rtl;
360 
+}
361 
+.chosen-rtl .chosen-single-with-deselect span {
362 
+    margin-left: 38px;
363 
+}
364 
+.chosen-rtl .chosen-single div {
365 
+    right: auto;
366 
+    left: 3px;
367 
+}
368 
+.chosen-rtl .chosen-single abbr {
369 
+    right: auto;
370 
+    left: 26px;
371 
+}
372 
+.chosen-rtl .chosen-choices li {
373 
+    float: right;
374 
+}
375 
+.chosen-rtl .chosen-choices li.search-field input[type="text"] {
376 
+    direction: rtl;
377 
+}
378 
+.chosen-rtl .chosen-choices li.search-choice {
379 
+    margin: 3px 5px 3px 0;
380 
+    padding: 3px 5px 3px 19px;
381 
+}
382 
+.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
383 
+    right: auto;
384 
+    left: 4px;
385 
+}
386 
+.chosen-rtl.chosen-container-single-nosearch .chosen-search,
387 
+.chosen-rtl .chosen-drop {
388 
+    left: 9999px;
389 
+}
390 
+.chosen-rtl.chosen-container-single .chosen-results {
391 
+    margin: 0 0 4px 4px;
392 
+    padding: 0 4px 0 0;
393 
+}
394 
+.chosen-rtl .chosen-results li.group-option {
395 
+    padding-right: 15px;
396 
+    padding-left: 0;
397 
+}
398 
+.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
399 
+    border-right: none;
400 
+}
401 
+.chosen-rtl .chosen-search input[type="text"] {
402 
+    padding: 4px 5px 4px 20px;
403 
+    background: white url('chosen-sprite.png') no-repeat -30px -20px;
404 
+    background: url('chosen-sprite.png') no-repeat -30px -20px;
405 
+    direction: rtl;
406 
+}
407 
+.chosen-rtl.chosen-container-single .chosen-single div b {
408 
+    background-position: 6px 2px;
409 
+}
410 
+.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
411 
+    background-position: -12px 2px;
412 
+}
413 
+
414 
+/* @end */
415 
+/* @group Retina compatibility */
416 
+@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
417 
+    .chosen-rtl .chosen-search input[type="text"],
418 
+    .chosen-container-single .chosen-single abbr,
419 
+    .chosen-container-single .chosen-single div b,
420 
+    .chosen-container-single .chosen-search input[type="text"],
421 
+    .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
422 
+    .chosen-container .chosen-results-scroll-down span,
423 
+    .chosen-container .chosen-results-scroll-up span {
424 
+        background-image: url('chosen-sprite@2x.png') !important;
425 
+        background-size: 52px 37px !important;
426 
+        background-repeat: no-repeat !important;
427 
+    }
428 
+}
429 
+/* @end */

+ 168
- 0
css/plugins/clockpicker/clockpicker.css Visa fil 

@@ -0,0 +1,168 @@
1 
+/*!
2 
+ * ClockPicker v{package.version} for Bootstrap (http://weareoutman.github.io/clockpicker/)
3 
+ * Copyright 2014 Wang Shenwei.
4 
+ * Licensed under MIT (https://github.com/weareoutman/clockpicker/blob/gh-pages/LICENSE)
5 
+ */
6 
+
7 
+.clockpicker .input-group-addon {
8 
+	cursor: pointer;
9 
+}
10 
+.clockpicker-moving {
11 
+	cursor: move;
12 
+}
13 
+.clockpicker-align-left.popover > .arrow {
14 
+	left: 25px;
15 
+}
16 
+.clockpicker-align-top.popover > .arrow {
17 
+	top: 17px;
18 
+}
19 
+.clockpicker-align-right.popover > .arrow {
20 
+	left: auto;
21 
+	right: 25px;
22 
+}
23 
+.clockpicker-align-bottom.popover > .arrow {
24 
+	top: auto;
25 
+	bottom: 6px;
26 
+}
27 
+.clockpicker-popover .popover-title {
28 
+	background-color: #fff;
29 
+	color: #999;
30 
+	font-size: 24px;
31 
+	font-weight: bold;
32 
+	line-height: 30px;
33 
+	text-align: center;
34 
+}
35 
+.clockpicker-popover .popover-title span {
36 
+	cursor: pointer;
37 
+}
38 
+.clockpicker-popover .popover-content {
39 
+	background-color: #f8f8f8;
40 
+	padding: 12px;
41 
+}
42 
+.popover-content:last-child {
43 
+	border-bottom-left-radius: 5px;
44 
+	border-bottom-right-radius: 5px;
45 
+}
46 
+.clockpicker-plate {
47 
+	background-color: #fff;
48 
+	border: 1px solid #ccc;
49 
+	border-radius: 50%;
50 
+	width: 200px;
51 
+	height: 200px;
52 
+	overflow: visible;
53 
+	position: relative;
54 
+	/* Disable text selection highlighting. Thanks to Hermanya */
55 
+	-webkit-touch-callout: none;
56 
+	-webkit-user-select: none;
57 
+	-khtml-user-select: none;
58 
+	-moz-user-select: none;
59 
+	-ms-user-select: none;
60 
+	user-select: none;
61 
+}
62 
+.clockpicker-canvas,
63 
+.clockpicker-dial {
64 
+	width: 200px;
65 
+	height: 200px;
66 
+	position: absolute;
67 
+	left: -1px;
68 
+	top: -1px;
69 
+}
70 
+.clockpicker-minutes {
71 
+	visibility: hidden;
72 
+}
73 
+.clockpicker-tick {
74 
+	border-radius: 50%;
75 
+	color: #666;
76 
+	line-height: 26px;
77 
+	text-align: center;
78 
+	width: 26px;
79 
+	height: 26px;
80 
+	position: absolute;
81 
+	cursor: pointer;
82 
+}
83 
+.clockpicker-tick.active,
84 
+.clockpicker-tick:hover {
85 
+	background-color: rgb(192, 229, 247);
86 
+	background-color: rgba(0, 149, 221, .25);
87 
+}
88 
+.clockpicker-button {
89 
+	background-image: none;
90 
+	background-color: #fff;
91 
+	border-width: 1px 0 0;
92 
+	border-top-left-radius: 0;
93 
+	border-top-right-radius: 0;
94 
+	margin: 0;
95 
+	padding: 10px 0;
96 
+}
97 
+.clockpicker-button:hover {
98 
+	background-image: none;
99 
+	background-color: #ebebeb;
100 
+}
101 
+.clockpicker-button:focus {
102 
+	outline: none!important;
103 
+}
104 
+.clockpicker-dial {
105 
+	-webkit-transition: -webkit-transform 350ms, opacity 350ms;
106 
+	-moz-transition: -moz-transform 350ms, opacity 350ms;
107 
+	-ms-transition: -ms-transform 350ms, opacity 350ms;
108 
+	-o-transition: -o-transform 350ms, opacity 350ms;
109 
+	transition: transform 350ms, opacity 350ms;
110 
+}
111 
+.clockpicker-dial-out {
112 
+	opacity: 0;
113 
+}
114 
+.clockpicker-hours.clockpicker-dial-out {
115 
+	-webkit-transform: scale(1.2, 1.2);
116 
+	-moz-transform: scale(1.2, 1.2);
117 
+	-ms-transform: scale(1.2, 1.2);
118 
+	-o-transform: scale(1.2, 1.2);
119 
+	transform: scale(1.2, 1.2);
120 
+}
121 
+.clockpicker-minutes.clockpicker-dial-out {
122 
+	-webkit-transform: scale(.8, .8);
123 
+	-moz-transform: scale(.8, .8);
124 
+	-ms-transform: scale(.8, .8);
125 
+	-o-transform: scale(.8, .8);
126 
+	transform: scale(.8, .8);
127 
+}
128 
+.clockpicker-canvas {
129 
+	-webkit-transition: opacity 175ms;
130 
+	-moz-transition: opacity 175ms;
131 
+	-ms-transition: opacity 175ms;
132 
+	-o-transition: opacity 175ms;
133 
+	transition: opacity 175ms;
134 
+}
135 
+.clockpicker-canvas-out {
136 
+	opacity: 0.25;
137 
+}
138 
+.clockpicker-canvas-bearing,
139 
+.clockpicker-canvas-fg {
140 
+	stroke: none;
141 
+	fill: rgb(0, 149, 221);
142 
+}
143 
+.clockpicker-canvas-bg {
144 
+	stroke: none;
145 
+	fill: rgb(192, 229, 247);
146 
+}
147 
+.clockpicker-canvas-bg-trans {
148 
+	fill: rgba(0, 149, 221, .25);
149 
+}
150 
+.clockpicker-canvas line {
151 
+	stroke: rgb(0, 149, 221);
152 
+	stroke-width: 1;
153 
+	stroke-linecap: round;
154 
+	/*shape-rendering: crispEdges;*/
155 
+}
156 
+.clockpicker-button.am-button {
157 
+	margin: 1px;
158 
+	padding: 5px;
159 
+	border: 1px solid rgba(0, 0, 0, .2);
160 
+	border-radius: 4px;
161 
+
162 
+}
163 
+.clockpicker-button.pm-button {
164 
+	margin: 1px 1px 1px 136px;
165 
+	padding: 5px;
166 
+	border: 1px solid rgba(0, 0, 0, .2);
167 
+	border-radius: 4px;
168 
+}

+ 77
- 0
css/plugins/codemirror/ambiance.css
Filskillnaden har hållits tillbaka eftersom den är för stor
Visa fil


+ 309
- 0
css/plugins/codemirror/codemirror.css Visa fil 

@@ -0,0 +1,309 @@
1 
+/* BASICS */
2 
+
3 
+.CodeMirror {
4 
+  /* Set height, width, borders, and global font properties here */
5 
+  font-family: monospace;
6 
+  height: 300px;
7 
+}
8 
+.CodeMirror-scroll {
9 
+  /* Set scrolling behaviour here */
10 
+  overflow: auto;
11 
+}
12 
+
13 
+/* PADDING */
14 
+
15 
+.CodeMirror-lines {
16 
+  padding: 4px 0; /* Vertical padding around content */
17 
+}
18 
+.CodeMirror pre {
19 
+  padding: 0 4px; /* Horizontal padding of content */
20 
+}
21 
+
22 
+.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
23 
+  background-color: white; /* The little square between H and V scrollbars */
24 
+}
25 
+
26 
+/* GUTTER */
27 
+
28 
+.CodeMirror-gutters {
29 
+  border-right: 1px solid #ddd;
30 
+  background-color: #f7f7f7;
31 
+  white-space: nowrap;
32 
+}
33 
+.CodeMirror-linenumbers {}
34 
+.CodeMirror-linenumber {
35 
+  padding: 0 3px 0 5px;
36 
+  min-width: 20px;
37 
+  text-align: right;
38 
+  color: #999;
39 
+  -moz-box-sizing: content-box;
40 
+  box-sizing: content-box;
41 
+}
42 
+
43 
+.CodeMirror-guttermarker { color: black; }
44 
+.CodeMirror-guttermarker-subtle { color: #999; }
45 
+
46 
+/* CURSOR */
47 
+
48 
+.CodeMirror div.CodeMirror-cursor {
49 
+  border-left: 1px solid black;
50 
+}
51 
+/* Shown when moving in bi-directional text */
52 
+.CodeMirror div.CodeMirror-secondarycursor {
53 
+  border-left: 1px solid silver;
54 
+}
55 
+.CodeMirror.cm-keymap-fat-cursor div.CodeMirror-cursor {
56 
+  width: auto;
57 
+  border: 0;
58 
+  background: #7e7;
59 
+}
60 
+.CodeMirror.cm-keymap-fat-cursor div.CodeMirror-cursors {
61 
+  z-index: 1;
62 
+}
63 
+
64 
+.cm-animate-fat-cursor {
65 
+  width: auto;
66 
+  border: 0;
67 
+  -webkit-animation: blink 1.06s steps(1) infinite;
68 
+  -moz-animation: blink 1.06s steps(1) infinite;
69 
+  animation: blink 1.06s steps(1) infinite;
70 
+}
71 
+@-moz-keyframes blink {
72 
+  0% { background: #7e7; }
73 
+  50% { background: none; }
74 
+  100% { background: #7e7; }
75 
+}
76 
+@-webkit-keyframes blink {
77 
+  0% { background: #7e7; }
78 
+  50% { background: none; }
79 
+  100% { background: #7e7; }
80 
+}
81 
+@keyframes blink {
82 
+  0% { background: #7e7; }
83 
+  50% { background: none; }
84 
+  100% { background: #7e7; }
85 
+}
86 
+
87 
+/* Can style cursor different in overwrite (non-insert) mode */
88 
+div.CodeMirror-overwrite div.CodeMirror-cursor {}
89 
+
90 
+.cm-tab { display: inline-block; text-decoration: inherit; }
91 
+
92 
+.CodeMirror-ruler {
93 
+  border-left: 1px solid #ccc;
94 
+  position: absolute;
95 
+}
96 
+
97 
+/* DEFAULT THEME */
98 
+
99 
+.cm-s-default .cm-keyword {color: #708;}
100 
+.cm-s-default .cm-atom {color: #219;}
101 
+.cm-s-default .cm-number {color: #164;}
102 
+.cm-s-default .cm-def {color: #00f;}
103 
+.cm-s-default .cm-variable,
104 
+.cm-s-default .cm-punctuation,
105 
+.cm-s-default .cm-property,
106 
+.cm-s-default .cm-operator {}
107 
+.cm-s-default .cm-variable-2 {color: #05a;}
108 
+.cm-s-default .cm-variable-3 {color: #085;}
109 
+.cm-s-default .cm-comment {color: #a50;}
110 
+.cm-s-default .cm-string {color: #a11;}
111 
+.cm-s-default .cm-string-2 {color: #f50;}
112 
+.cm-s-default .cm-meta {color: #555;}
113 
+.cm-s-default .cm-qualifier {color: #555;}
114 
+.cm-s-default .cm-builtin {color: #30a;}
115 
+.cm-s-default .cm-bracket {color: #997;}
116 
+.cm-s-default .cm-tag {color: #170;}
117 
+.cm-s-default .cm-attribute {color: #00c;}
118 
+.cm-s-default .cm-header {color: blue;}
119 
+.cm-s-default .cm-quote {color: #090;}
120 
+.cm-s-default .cm-hr {color: #999;}
121 
+.cm-s-default .cm-link {color: #00c;}
122 
+
123 
+.cm-negative {color: #d44;}
124 
+.cm-positive {color: #292;}
125 
+.cm-header, .cm-strong {font-weight: bold;}
126 
+.cm-em {font-style: italic;}
127 
+.cm-link {text-decoration: underline;}
128 
+
129 
+.cm-s-default .cm-error {color: #f00;}
130 
+.cm-invalidchar {color: #f00;}
131 
+
132 
+/* Default styles for common addons */
133 
+
134 
+div.CodeMirror span.CodeMirror-matchingbracket {color: #0f0;}
135 
+div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;}
136 
+.CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }
137 
+.CodeMirror-activeline-background {background: #e8f2ff;}
138 
+
139 
+/* STOP */
140 
+
141 
+/* The rest of this file contains styles related to the mechanics of
142 
+   the editor. You probably shouldn't touch them. */
143 
+
144 
+.CodeMirror {
145 
+  line-height: 1;
146 
+  position: relative;
147 
+  overflow: hidden;
148 
+  background: white;
149 
+  color: black;
150 
+}
151 
+
152 
+.CodeMirror-scroll {
153 
+  /* 30px is the magic margin used to hide the element's real scrollbars */
154 
+  /* See overflow: hidden in .CodeMirror */
155 
+  margin-bottom: -30px; margin-right: -30px;
156 
+  padding-bottom: 30px;
157 
+  height: 100%;
158 
+  outline: none; /* Prevent dragging from highlighting the element */
159 
+  position: relative;
160 
+  -moz-box-sizing: content-box;
161 
+  box-sizing: content-box;
162 
+}
163 
+.CodeMirror-sizer {
164 
+  position: relative;
165 
+  border-right: 30px solid transparent;
166 
+  -moz-box-sizing: content-box;
167 
+  box-sizing: content-box;
168 
+}
169 
+
170 
+/* The fake, visible scrollbars. Used to force redraw during scrolling
171 
+   before actuall scrolling happens, thus preventing shaking and
172 
+   flickering artifacts. */
173 
+.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
174 
+  position: absolute;
175 
+  z-index: 6;
176 
+  display: none;
177 
+}
178 
+.CodeMirror-vscrollbar {
179 
+  right: 0; top: 0;
180 
+  overflow-x: hidden;
181 
+  overflow-y: scroll;
182 
+}
183 
+.CodeMirror-hscrollbar {
184 
+  bottom: 0; left: 0;
185 
+  overflow-y: hidden;
186 
+  overflow-x: scroll;
187 
+}
188 
+.CodeMirror-scrollbar-filler {
189 
+  right: 0; bottom: 0;
190 
+}
191 
+.CodeMirror-gutter-filler {
192 
+  left: 0; bottom: 0;
193 
+}
194 
+
195 
+.CodeMirror-gutters {
196 
+  position: absolute; left: 0; top: 0;
197 
+  padding-bottom: 30px;
198 
+  z-index: 3;
199 
+}
200 
+.CodeMirror-gutter {
201 
+  white-space: normal;
202 
+  height: 100%;
203 
+  -moz-box-sizing: content-box;
204 
+  box-sizing: content-box;
205 
+  padding-bottom: 30px;
206 
+  margin-bottom: -32px;
207 
+  display: inline-block;
208 
+  /* Hack to make IE7 behave */
209 
+  *zoom:1;
210 
+  *display:inline;
211 
+}
212 
+.CodeMirror-gutter-elt {
213 
+  position: absolute;
214 
+  cursor: default;
215 
+  z-index: 4;
216 
+}
217 
+
218 
+.CodeMirror-lines {
219 
+  cursor: text;
220 
+  min-height: 1px; /* prevents collapsing before first draw */
221 
+}
222 
+.CodeMirror pre {
223 
+  /* Reset some styles that the rest of the page might have set */
224 
+  -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
225 
+  border-width: 0;
226 
+  background: transparent;
227 
+  font-family: inherit;
228 
+  font-size: inherit;
229 
+  margin: 0;
230 
+  white-space: pre;
231 
+  word-wrap: normal;
232 
+  line-height: inherit;
233 
+  color: inherit;
234 
+  z-index: 2;
235 
+  position: relative;
236 
+  overflow: visible;
237 
+}
238 
+.CodeMirror-wrap pre {
239 
+  word-wrap: break-word;
240 
+  white-space: pre-wrap;
241 
+  word-break: normal;
242 
+}
243 
+
244 
+.CodeMirror-linebackground {
245 
+  position: absolute;
246 
+  left: 0; right: 0; top: 0; bottom: 0;
247 
+  z-index: 0;
248 
+}
249 
+
250 
+.CodeMirror-linewidget {
251 
+  position: relative;
252 
+  z-index: 2;
253 
+  overflow: auto;
254 
+}
255 
+
256 
+.CodeMirror-widget {}
257 
+
258 
+.CodeMirror-wrap .CodeMirror-scroll {
259 
+  overflow-x: hidden;
260 
+}
261 
+
262 
+.CodeMirror-measure {
263 
+  position: absolute;
264 
+  width: 100%;
265 
+  height: 0;
266 
+  overflow: hidden;
267 
+  visibility: hidden;
268 
+}
269 
+.CodeMirror-measure pre { position: static; }
270 
+
271 
+.CodeMirror div.CodeMirror-cursor {
272 
+  position: absolute;
273 
+  border-right: none;
274 
+  width: 0;
275 
+}
276 
+
277 
+div.CodeMirror-cursors {
278 
+  visibility: hidden;
279 
+  position: relative;
280 
+  z-index: 3;
281 
+}
282 
+.CodeMirror-focused div.CodeMirror-cursors {
283 
+  visibility: visible;
284 
+}
285 
+
286 
+.CodeMirror-selected { background: #d9d9d9; }
287 
+.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }
288 
+.CodeMirror-crosshair { cursor: crosshair; }
289 
+
290 
+.cm-searching {
291 
+  background: #ffa;
292 
+  background: rgba(255, 255, 0, .4);
293 
+}
294 
+
295 
+/* IE7 hack to prevent it from returning funny offsetTops on the spans */
296 
+.CodeMirror span { *vertical-align: text-bottom; }
297 
+
298 
+/* Used to force a border model for a node */
299 
+.cm-force-border { padding-right: .1px; }
300 
+
301 
+@media print {
302 
+  /* Hide the cursor when printing */
303 
+  .CodeMirror div.CodeMirror-cursors {
304 
+    visibility: hidden;
305 
+  }
306 
+}
307 
+
308 
+/* Help users use markselection to safely style text background */
309 
+span.CodeMirror-selectedtext { background: none; }

+ 9
- 0
css/plugins/colorpicker/bootstrap-colorpicker.min.css Visa fil 

@@ -0,0 +1,9 @@
1 
+/*!
2 
+ * Bootstrap Colorpicker
3 
+ * http://mjolnic.github.io/bootstrap-colorpicker/
4 
+ *
5 
+ * Originally written by (c) 2012 Stefan Petre
6 
+ * Licensed under the Apache License v2.0
7 
+ * http://www.apache.org/licenses/LICENSE-2.0.txt
8 
+ *
9 
+ */.colorpicker-saturation{float:left;width:100px;height:100px;cursor:crosshair;background-image:url("../images/bootstrap-colorpicker/saturation.png")}.colorpicker-saturation i{position:absolute;top:0;left:0;display:block;width:5px;height:5px;margin:-4px 0 0 -4px;border:1px solid #000;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.colorpicker-saturation i b{display:block;width:5px;height:5px;border:1px solid #fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.colorpicker-hue,.colorpicker-alpha{float:left;width:15px;height:100px;margin-bottom:4px;margin-left:4px;cursor:row-resize}.colorpicker-hue i,.colorpicker-alpha i{position:absolute;top:0;left:0;display:block;width:100%;height:1px;margin-top:-1px;background:#000;border-top:1px solid #fff}.colorpicker-hue{background-image:url("../images/bootstrap-colorpicker/hue.png")}.colorpicker-alpha{display:none;background-image:url("../images/bootstrap-colorpicker/alpha.png")}.colorpicker{top:0;left:0;z-index:2500;min-width:130px;padding:4px;margin-top:1px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;*zoom:1}.colorpicker:before,.colorpicker:after{display:table;line-height:0;content:""}.colorpicker:after{clear:both}.colorpicker:before{position:absolute;top:-7px;left:6px;display:inline-block;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-left:7px solid transparent;border-bottom-color:rgba(0,0,0,0.2);content:''}.colorpicker:after{position:absolute;top:-6px;left:7px;display:inline-block;border-right:6px solid transparent;border-bottom:6px solid #fff;border-left:6px solid transparent;content:''}.colorpicker div{position:relative}.colorpicker.colorpicker-with-alpha{min-width:140px}.colorpicker.colorpicker-with-alpha .colorpicker-alpha{display:block}.colorpicker-color{height:10px;margin-top:5px;clear:both;background-image:url("../images/bootstrap-colorpicker/alpha.png");background-position:0 100%}.colorpicker-color div{height:10px}.colorpicker-element .input-group-addon i,.colorpicker-element .add-on i{display:inline-block;width:16px;height:16px;vertical-align:text-top;cursor:pointer}.colorpicker.colorpicker-inline{position:relative;z-index:auto;display:inline-block;float:none}.colorpicker.colorpicker-horizontal{width:110px;height:auto;min-width:110px}.colorpicker.colorpicker-horizontal .colorpicker-saturation{margin-bottom:4px}.colorpicker.colorpicker-horizontal .colorpicker-color{width:100px}.colorpicker.colorpicker-horizontal .colorpicker-hue,.colorpicker.colorpicker-horizontal .colorpicker-alpha{float:left;width:100px;height:15px;margin-bottom:4px;margin-left:0;cursor:col-resize}.colorpicker.colorpicker-horizontal .colorpicker-hue i,.colorpicker.colorpicker-horizontal .colorpicker-alpha i{position:absolute;top:0;left:0;display:block;width:1px;height:15px;margin-top:0;background:#fff;border:0}.colorpicker.colorpicker-horizontal .colorpicker-hue{background-image:url("../images/bootstrap-colorpicker/hue-horizontal.png")}.colorpicker.colorpicker-horizontal .colorpicker-alpha{background-image:url("../images/bootstrap-colorpicker/alpha-horizontal.png")}.colorpicker.colorpicker-hidden{display:none}.colorpicker.colorpicker-visible{display:block}.colorpicker-inline.colorpicker-visible{display:inline-block}

+ 9
- 0
css/plugins/cropper/cropper.min.css Visa fil 

@@ -0,0 +1,9 @@
1 
+/*!
2 
+ * Cropper v0.7.6-beta
3 
+ * https://github.com/fengyuanchen/cropper
4 
+ *
5 
+ * Copyright 2014 Fengyuan Chen
6 
+ * Released under the MIT license
7 
+ */
8 
+
9 
+.cropper-container{position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.cropper-container img{width:100%;height:100%;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important}.cropper-modal,.cropper-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.cropper-canvas{background-color:#fff;opacity:0;filter:alpha(opacity=0)}.cropper-modal{background-color:#000;opacity:.5;filter:alpha(opacity=50)}.cropper-dragger{position:absolute;top:10%;left:10%;width:80%;height:80%}.cropper-viewer{display:block;width:100%;height:100%;overflow:hidden;outline-width:1px;outline-style:solid;outline-color:#69f;outline-color:rgba(51,102,255,.75)}.cropper-dashed{position:absolute;display:block;border:0 dashed #fff;opacity:.5;filter:alpha(opacity=50)}.cropper-dashed.dashed-h{top:33.3%;left:0;width:100%;height:33.3%;border-top-width:1px;border-bottom-width:1px}.cropper-dashed.dashed-v{top:0;left:33.3%;width:33.3%;height:100%;border-right-width:1px;border-left-width:1px}.cropper-face,.cropper-line,.cropper-point{position:absolute;display:block;width:100%;height:100%;opacity:.1;filter:alpha(opacity=10)}.cropper-face{top:0;left:0;cursor:move;background-color:#fff}.cropper-line{background-color:#69f}.cropper-line.line-e{top:0;right:-3px;width:5px;cursor:e-resize}.cropper-line.line-n{top:-3px;left:0;height:5px;cursor:n-resize}.cropper-line.line-w{top:0;left:-3px;width:5px;cursor:w-resize}.cropper-line.line-s{bottom:-3px;left:0;height:5px;cursor:s-resize}.cropper-point{width:5px;height:5px;background-color:#69f;opacity:.75;filter:alpha(opacity=75)}.cropper-point.point-e{top:50%;right:-3px;margin-top:-3px;cursor:e-resize}.cropper-point.point-n{top:-3px;left:50%;margin-left:-3px;cursor:n-resize}.cropper-point.point-w{top:50%;left:-3px;margin-top:-3px;cursor:w-resize}.cropper-point.point-s{bottom:-3px;left:50%;margin-left:-3px;cursor:s-resize}.cropper-point.point-ne{top:-3px;right:-3px;cursor:ne-resize}.cropper-point.point-nw{top:-3px;left:-3px;cursor:nw-resize}.cropper-point.point-sw{bottom:-3px;left:-3px;cursor:sw-resize}.cropper-point.point-se{right:-3px;bottom:-3px;width:20px;height:20px;cursor:se-resize;opacity:1;filter:alpha(opacity=100)}.cropper-point.point-se:before{position:absolute;right:-50%;bottom:-50%;display:block;width:200%;height:200%;content:" ";background-color:#69f;opacity:0;filter:alpha(opacity=0)}@media (min-width:768px){.cropper-point.point-se{width:15px;height:15px}}@media (min-width:992px){.cropper-point.point-se{width:10px;height:10px}}@media (min-width:1200px){.cropper-point.point-se{width:5px;height:5px;opacity:.75;filter:alpha(opacity=75)}}.cropper-hidden{display:none!important}.cropper-invisible{position:fixed;top:0;left:0;z-index:-1;width:auto!important;max-width:none!important;height:auto!important;max-height:none!important;opacity:0;filter:alpha(opacity=0)}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-canvas,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}

+ 21
- 0
css/plugins/dataTables/datatables.min.css Visa fil 

@@ -0,0 +1,21 @@
1 
+/*
2 
+ * This combined file was created by the DataTables downloader builder:
3 
+ *   https://datatables.net/download
4 
+ *
5 
+ * To rebuild or modify this file with the latest versions of the included
6 
+ * software please visit:
7 
+ *   https://datatables.net/download/#bs/pdfmake-0.1.18,dt-1.10.10,b-1.1.0,b-html5-1.1.0,b-print-1.1.0,r-2.0.0
8 
+ *
9 
+ * Included libraries:
10 
+ *   pdfmake 0.1.18, DataTables 1.10.10, Buttons 1.1.0, HTML5 export 1.1.0, Print view 1.1.0, Responsive 2.0.0
11 
+ */
12 
+
13 
+table.dataTable{clear:both;margin-top:6px !important;margin-bottom:6px !important;max-width:none !important}table.dataTable td,table.dataTable th{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}table.dataTable td.dataTables_empty,table.dataTable th.dataTables_empty{text-align:center}table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}div.dataTables_wrapper div.dataTables_length label{font-weight:normal;text-align:left;white-space:nowrap}div.dataTables_wrapper div.dataTables_length select{width:75px;display:inline-block}div.dataTables_wrapper div.dataTables_filter{text-align:right}div.dataTables_wrapper div.dataTables_filter label{font-weight:normal;white-space:nowrap;text-align:left}div.dataTables_wrapper div.dataTables_filter input{margin-left:0.5em;display:inline-block;width:auto}div.dataTables_wrapper div.dataTables_info{padding-top:8px;white-space:nowrap}div.dataTables_wrapper div.dataTables_paginate{margin:0;white-space:nowrap;text-align:right}div.dataTables_wrapper div.dataTables_paginate ul.pagination{margin:2px 0;white-space:nowrap}div.dataTables_wrapper div.dataTables_processing{position:absolute;top:50%;left:50%;width:200px;margin-left:-100px;margin-top:-26px;text-align:center;padding:1em 0}table.dataTable thead>tr>th.sorting_asc,table.dataTable thead>tr>th.sorting_desc,table.dataTable thead>tr>th.sorting,table.dataTable thead>tr>td.sorting_asc,table.dataTable thead>tr>td.sorting_desc,table.dataTable thead>tr>td.sorting{padding-right:30px}table.dataTable thead>tr>th:active,table.dataTable thead>tr>td:active{outline:none}table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled{cursor:pointer;position:relative}table.dataTable thead .sorting:after,table.dataTable thead .sorting_asc:after,table.dataTable thead .sorting_desc:after,table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc_disabled:after{position:absolute;bottom:8px;right:8px;display:block;font-family:'Glyphicons Halflings';opacity:0.5}table.dataTable thead .sorting:after{opacity:0.2;content:"\e150"}table.dataTable thead .sorting_asc:after{content:"\e155"}table.dataTable thead .sorting_desc:after{content:"\e156"}table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc_disabled:after{color:#eee}div.dataTables_scrollHead table.dataTable{margin-bottom:0 !important}div.dataTables_scrollBody table{border-top:none;margin-top:0 !important;margin-bottom:0 !important}div.dataTables_scrollBody table thead .sorting:after,div.dataTables_scrollBody table thead .sorting_asc:after,div.dataTables_scrollBody table thead .sorting_desc:after{display:none}div.dataTables_scrollBody table tbody tr:first-child th,div.dataTables_scrollBody table tbody tr:first-child td{border-top:none}div.dataTables_scrollFoot table{margin-top:0 !important;border-top:none}@media screen and (max-width: 767px){div.dataTables_wrapper div.dataTables_length,div.dataTables_wrapper div.dataTables_filter,div.dataTables_wrapper div.dataTables_info,div.dataTables_wrapper div.dataTables_paginate{text-align:center}}table.dataTable.table-condensed>thead>tr>th{padding-right:20px}table.dataTable.table-condensed .sorting:after,table.dataTable.table-condensed .sorting_asc:after,table.dataTable.table-condensed .sorting_desc:after{top:6px;right:6px}table.table-bordered.dataTable{border-collapse:separate !important}table.table-bordered.dataTable th,table.table-bordered.dataTable td{border-left-width:0}table.table-bordered.dataTable th:last-child,table.table-bordered.dataTable th:last-child,table.table-bordered.dataTable td:last-child,table.table-bordered.dataTable td:last-child{border-right-width:0}table.table-bordered.dataTable tbody th,table.table-bordered.dataTable tbody td{border-bottom-width:0}div.dataTables_scrollHead table.table-bordered{border-bottom-width:0}div.table-responsive>div.dataTables_wrapper>div.row{margin:0}div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:first-child{padding-left:0}div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:last-child{padding-right:0}
14 
+
15 
+
16 
+div.dt-button-info{position:fixed;top:50%;left:50%;width:400px;margin-top:-100px;margin-left:-200px;background-color:white;border:2px solid #111;box-shadow:3px 3px 8px rgba(0,0,0,0.3);border-radius:3px;text-align:center;z-index:21}div.dt-button-info h2{padding:0.5em;margin:0;font-weight:normal;border-bottom:1px solid #ddd;background-color:#f3f3f3}div.dt-button-info>div{padding:1em}ul.dt-button-collection.dropdown-menu{display:block;z-index:2002;-webkit-column-gap:8px;-moz-column-gap:8px;-ms-column-gap:8px;-o-column-gap:8px;column-gap:8px}ul.dt-button-collection.dropdown-menu.fixed{position:fixed;top:50%;left:50%;margin-left:-75px;border-radius:0}ul.dt-button-collection.dropdown-menu.fixed.two-column{margin-left:-150px}ul.dt-button-collection.dropdown-menu.fixed.three-column{margin-left:-225px}ul.dt-button-collection.dropdown-menu.fixed.four-column{margin-left:-300px}ul.dt-button-collection.dropdown-menu>*{-webkit-column-break-inside:avoid;break-inside:avoid}ul.dt-button-collection.dropdown-menu.two-column{width:300px;padding-bottom:1px;-webkit-column-count:2;-moz-column-count:2;-ms-column-count:2;-o-column-count:2;column-count:2}ul.dt-button-collection.dropdown-menu.three-column{width:450px;padding-bottom:1px;-webkit-column-count:3;-moz-column-count:3;-ms-column-count:3;-o-column-count:3;column-count:3}ul.dt-button-collection.dropdown-menu.four-column{width:600px;padding-bottom:1px;-webkit-column-count:4;-moz-column-count:4;-ms-column-count:4;-o-column-count:4;column-count:4}div.dt-button-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2001}@media screen and (max-width: 767px){div.dt-buttons{float:none;width:100%;text-align:center;margin-bottom:0.5em}div.dt-buttons a.btn{float:none}}
17 
+
18 
+
19 
+table.dataTable.dtr-inline.collapsed>tbody>tr>td.child,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty{cursor:default !important}table.dataTable.dtr-inline.collapsed>tbody>tr>td.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty:before{display:none !important}table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child,table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child{position:relative;padding-left:30px;cursor:pointer}table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before{top:8px;left:4px;height:16px;width:16px;display:block;position:absolute;color:white;border:2px solid white;border-radius:16px;box-shadow:0 0 3px #444;box-sizing:content-box;font-family:'Courier New', Courier, monospace;text-indent:4px;line-height:16px;content:'+';background-color:#337ab7}table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before,table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before{content:'-';background-color:#d33333}table.dataTable.dtr-inline.collapsed>tbody>tr.child td:before{display:none}table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td:first-child,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th:first-child{padding-left:27px}table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td:first-child:before,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th:first-child:before{top:5px;left:4px;height:14px;width:14px;border-radius:14px;line-height:14px;text-indent:3px}table.dataTable.dtr-column>tbody>tr>td.control,table.dataTable.dtr-column>tbody>tr>th.control{position:relative;cursor:pointer}table.dataTable.dtr-column>tbody>tr>td.control:before,table.dataTable.dtr-column>tbody>tr>th.control:before{top:50%;left:50%;height:16px;width:16px;margin-top:-10px;margin-left:-10px;display:block;position:absolute;color:white;border:2px solid white;border-radius:16px;box-shadow:0 0 3px #444;box-sizing:content-box;font-family:'Courier New', Courier, monospace;text-indent:4px;line-height:16px;content:'+';background-color:#337ab7}table.dataTable.dtr-column>tbody>tr.parent td.control:before,table.dataTable.dtr-column>tbody>tr.parent th.control:before{content:'-';background-color:#d33333}table.dataTable>tbody>tr.child{padding:0.5em 1em}table.dataTable>tbody>tr.child:hover{background:transparent !important}table.dataTable>tbody>tr.child ul{display:inline-block;list-style-type:none;margin:0;padding:0}table.dataTable>tbody>tr.child ul li{border-bottom:1px solid #efefef;padding:0.5em 0}table.dataTable>tbody>tr.child ul li:first-child{padding-top:0}table.dataTable>tbody>tr.child ul li:last-child{border-bottom:none}table.dataTable>tbody>tr.child span.dtr-title{display:inline-block;min-width:75px;font-weight:bold}div.dtr-modal{position:fixed;box-sizing:border-box;top:0;left:0;height:100%;width:100%;z-index:100;padding:10em 1em}div.dtr-modal div.dtr-modal-display{position:absolute;top:0;left:0;bottom:0;right:0;width:50%;height:50%;overflow:auto;margin:auto;z-index:102;overflow:auto;background-color:#f5f5f7;border:1px solid black;border-radius:0.5em;box-shadow:0 12px 30px rgba(0,0,0,0.6)}div.dtr-modal div.dtr-modal-content{position:relative;padding:1em}div.dtr-modal div.dtr-modal-close{position:absolute;top:6px;right:6px;width:22px;height:22px;border:1px solid #eaeaea;background-color:#f9f9f9;text-align:center;border-radius:3px;cursor:pointer;z-index:12}div.dtr-modal div.dtr-modal-close:hover{background-color:#eaeaea}div.dtr-modal div.dtr-modal-background{position:fixed;top:0;left:0;right:0;bottom:0;z-index:101;background:rgba(0,0,0,0.6)}@media screen and (max-width: 767px){div.dtr-modal div.dtr-modal-display{width:95%}}
20 
+
21 
+

+ 789
- 0
css/plugins/datapicker/datepicker3.css Visa fil 

@@ -0,0 +1,789 @@
1 
+/*!
2 
+ * Datepicker for Bootstrap
3 
+ *
4 
+ * Copyright 2012 Stefan Petre
5 
+ * Improvements by Andrew Rowls
6 
+ * Licensed under the Apache License v2.0
7 
+ * http://www.apache.org/licenses/LICENSE-2.0
8 
+ *
9 
+ */
10 
+.datepicker {
11 
+  padding: 4px;
12 
+  border-radius: 4px;
13 
+  direction: ltr;
14 
+  /*.dow {
15 
+		border-top: 1px solid #ddd !important;
16 
+	}*/
17 
+}
18 
+.datepicker-inline {
19 
+  width: 220px;
20 
+}
21 
+.datepicker.datepicker-rtl {
22 
+  direction: rtl;
23 
+}
24 
+.datepicker.datepicker-rtl table tr td span {
25 
+  float: right;
26 
+}
27 
+.datepicker-dropdown {
28 
+  top: 0;
29 
+  left: 0;
30 
+}
31 
+.datepicker-dropdown:before {
32 
+  content: '';
33 
+  display: inline-block;
34 
+  border-left: 7px solid transparent;
35 
+  border-right: 7px solid transparent;
36 
+  border-bottom: 7px solid #ccc;
37 
+  border-top: 0;
38 
+  border-bottom-color: rgba(0, 0, 0, 0.2);
39 
+  position: absolute;
40 
+}
41 
+.datepicker-dropdown:after {
42 
+  content: '';
43 
+  display: inline-block;
44 
+  border-left: 6px solid transparent;
45 
+  border-right: 6px solid transparent;
46 
+  border-bottom: 6px solid #fff;
47 
+  border-top: 0;
48 
+  position: absolute;
49 
+}
50 
+.datepicker-dropdown.datepicker-orient-left:before {
51 
+  left: 6px;
52 
+}
53 
+.datepicker-dropdown.datepicker-orient-left:after {
54 
+  left: 7px;
55 
+}
56 
+.datepicker-dropdown.datepicker-orient-right:before {
57 
+  right: 6px;
58 
+}
59 
+.datepicker-dropdown.datepicker-orient-right:after {
60 
+  right: 7px;
61 
+}
62 
+.datepicker-dropdown.datepicker-orient-top:before {
63 
+  top: -7px;
64 
+}
65 
+.datepicker-dropdown.datepicker-orient-top:after {
66 
+  top: -6px;
67 
+}
68 
+.datepicker-dropdown.datepicker-orient-bottom:before {
69 
+  bottom: -7px;
70 
+  border-bottom: 0;
71 
+  border-top: 7px solid #999;
72 
+}
73 
+.datepicker-dropdown.datepicker-orient-bottom:after {
74 
+  bottom: -6px;
75 
+  border-bottom: 0;
76 
+  border-top: 6px solid #fff;
77 
+}
78 
+.datepicker > div {
79 
+  display: none;
80 
+}
81 
+.datepicker.days div.datepicker-days {
82 
+  display: block;
83 
+}
84 
+.datepicker.months div.datepicker-months {
85 
+  display: block;
86 
+}
87 
+.datepicker.years div.datepicker-years {
88 
+  display: block;
89 
+}
90 
+.datepicker table {
91 
+  margin: 0;
92 
+  -webkit-touch-callout: none;
93 
+  -webkit-user-select: none;
94 
+  -khtml-user-select: none;
95 
+  -moz-user-select: none;
96 
+  -ms-user-select: none;
97 
+  user-select: none;
98 
+}
99 
+.datepicker table tr td,
100 
+.datepicker table tr th {
101 
+  text-align: center;
102 
+  width: 30px;
103 
+  height: 30px;
104 
+  border-radius: 4px;
105 
+  border: none;
106 
+}
107 
+.table-striped .datepicker table tr td,
108 
+.table-striped .datepicker table tr th {
109 
+  background-color: transparent;
110 
+}
111 
+.datepicker table tr td.day:hover,
112 
+.datepicker table tr td.day.focused {
113 
+  background: #eeeeee;
114 
+  cursor: pointer;
115 
+}
116 
+.datepicker table tr td.old,
117 
+.datepicker table tr td.new {
118 
+  color: #999999;
119 
+}
120 
+.datepicker table tr td.disabled,
121 
+.datepicker table tr td.disabled:hover {
122 
+  background: none;
123 
+  color: #999999;
124 
+  cursor: default;
125 
+}
126 
+.datepicker table tr td.today,
127 
+.datepicker table tr td.today:hover,
128 
+.datepicker table tr td.today.disabled,
129 
+.datepicker table tr td.today.disabled:hover {
130 
+  color: #000000;
131 
+  background-color: #ffdb99;
132 
+  border-color: #ffb733;
133 
+}
134 
+.datepicker table tr td.today:hover,
135 
+.datepicker table tr td.today:hover:hover,
136 
+.datepicker table tr td.today.disabled:hover,
137 
+.datepicker table tr td.today.disabled:hover:hover,
138 
+.datepicker table tr td.today:focus,
139 
+.datepicker table tr td.today:hover:focus,
140 
+.datepicker table tr td.today.disabled:focus,
141 
+.datepicker table tr td.today.disabled:hover:focus,
142 
+.datepicker table tr td.today:active,
143 
+.datepicker table tr td.today:hover:active,
144 
+.datepicker table tr td.today.disabled:active,
145 
+.datepicker table tr td.today.disabled:hover:active,
146 
+.datepicker table tr td.today.active,
147 
+.datepicker table tr td.today:hover.active,
148 
+.datepicker table tr td.today.disabled.active,
149 
+.datepicker table tr td.today.disabled:hover.active,
150 
+.open .dropdown-toggle.datepicker table tr td.today,
151 
+.open .dropdown-toggle.datepicker table tr td.today:hover,
152 
+.open .dropdown-toggle.datepicker table tr td.today.disabled,
153 
+.open .dropdown-toggle.datepicker table tr td.today.disabled:hover {
154 
+  color: #000000;
155 
+  background-color: #ffcd70;
156 
+  border-color: #f59e00;
157 
+}
158 
+.datepicker table tr td.today:active,
159 
+.datepicker table tr td.today:hover:active,
160 
+.datepicker table tr td.today.disabled:active,
161 
+.datepicker table tr td.today.disabled:hover:active,
162 
+.datepicker table tr td.today.active,
163 
+.datepicker table tr td.today:hover.active,
164 
+.datepicker table tr td.today.disabled.active,
165 
+.datepicker table tr td.today.disabled:hover.active,
166 
+.open .dropdown-toggle.datepicker table tr td.today,
167 
+.open .dropdown-toggle.datepicker table tr td.today:hover,
168 
+.open .dropdown-toggle.datepicker table tr td.today.disabled,
169 
+.open .dropdown-toggle.datepicker table tr td.today.disabled:hover {
170 
+  background-image: none;
171 
+}
172 
+.datepicker table tr td.today.disabled,
173 
+.datepicker table tr td.today:hover.disabled,
174 
+.datepicker table tr td.today.disabled.disabled,
175 
+.datepicker table tr td.today.disabled:hover.disabled,
176 
+.datepicker table tr td.today[disabled],
177 
+.datepicker table tr td.today:hover[disabled],
178 
+.datepicker table tr td.today.disabled[disabled],
179 
+.datepicker table tr td.today.disabled:hover[disabled],
180 
+fieldset[disabled] .datepicker table tr td.today,
181 
+fieldset[disabled] .datepicker table tr td.today:hover,
182 
+fieldset[disabled] .datepicker table tr td.today.disabled,
183 
+fieldset[disabled] .datepicker table tr td.today.disabled:hover,
184 
+.datepicker table tr td.today.disabled:hover,
185 
+.datepicker table tr td.today:hover.disabled:hover,
186 
+.datepicker table tr td.today.disabled.disabled:hover,
187 
+.datepicker table tr td.today.disabled:hover.disabled:hover,
188 
+.datepicker table tr td.today[disabled]:hover,
189 
+.datepicker table tr td.today:hover[disabled]:hover,
190 
+.datepicker table tr td.today.disabled[disabled]:hover,
191 
+.datepicker table tr td.today.disabled:hover[disabled]:hover,
192 
+fieldset[disabled] .datepicker table tr td.today:hover,
193 
+fieldset[disabled] .datepicker table tr td.today:hover:hover,
194 
+fieldset[disabled] .datepicker table tr td.today.disabled:hover,
195 
+fieldset[disabled] .datepicker table tr td.today.disabled:hover:hover,
196 
+.datepicker table tr td.today.disabled:focus,
197 
+.datepicker table tr td.today:hover.disabled:focus,
198 
+.datepicker table tr td.today.disabled.disabled:focus,
199 
+.datepicker table tr td.today.disabled:hover.disabled:focus,
200 
+.datepicker table tr td.today[disabled]:focus,
201 
+.datepicker table tr td.today:hover[disabled]:focus,
202 
+.datepicker table tr td.today.disabled[disabled]:focus,
203 
+.datepicker table tr td.today.disabled:hover[disabled]:focus,
204 
+fieldset[disabled] .datepicker table tr td.today:focus,
205 
+fieldset[disabled] .datepicker table tr td.today:hover:focus,
206 
+fieldset[disabled] .datepicker table tr td.today.disabled:focus,
207 
+fieldset[disabled] .datepicker table tr td.today.disabled:hover:focus,
208 
+.datepicker table tr td.today.disabled:active,
209 
+.datepicker table tr td.today:hover.disabled:active,
210 
+.datepicker table tr td.today.disabled.disabled:active,
211 
+.datepicker table tr td.today.disabled:hover.disabled:active,
212 
+.datepicker table tr td.today[disabled]:active,
213 
+.datepicker table tr td.today:hover[disabled]:active,
214 
+.datepicker table tr td.today.disabled[disabled]:active,
215 
+.datepicker table tr td.today.disabled:hover[disabled]:active,
216 
+fieldset[disabled] .datepicker table tr td.today:active,
217 
+fieldset[disabled] .datepicker table tr td.today:hover:active,
218 
+fieldset[disabled] .datepicker table tr td.today.disabled:active,
219 
+fieldset[disabled] .datepicker table tr td.today.disabled:hover:active,
220 
+.datepicker table tr td.today.disabled.active,
221 
+.datepicker table tr td.today:hover.disabled.active,
222 
+.datepicker table tr td.today.disabled.disabled.active,
223 
+.datepicker table tr td.today.disabled:hover.disabled.active,
224 
+.datepicker table tr td.today[disabled].active,
225 
+.datepicker table tr td.today:hover[disabled].active,
226 
+.datepicker table tr td.today.disabled[disabled].active,
227 
+.datepicker table tr td.today.disabled:hover[disabled].active,
228 
+fieldset[disabled] .datepicker table tr td.today.active,
229 
+fieldset[disabled] .datepicker table tr td.today:hover.active,
230 
+fieldset[disabled] .datepicker table tr td.today.disabled.active,
231 
+fieldset[disabled] .datepicker table tr td.today.disabled:hover.active {
232 
+  background-color: #ffdb99;
233 
+  border-color: #ffb733;
234 
+}
235 
+.datepicker table tr td.today:hover:hover {
236 
+  color: #000;
237 
+}
238 
+.datepicker table tr td.today.active:hover {
239 
+  color: #fff;
240 
+}
241 
+.datepicker table tr td.range,
242 
+.datepicker table tr td.range:hover,
243 
+.datepicker table tr td.range.disabled,
244 
+.datepicker table tr td.range.disabled:hover {
245 
+  background: #eeeeee;
246 
+  border-radius: 0;
247 
+}
248 
+.datepicker table tr td.range.today,
249 
+.datepicker table tr td.range.today:hover,
250 
+.datepicker table tr td.range.today.disabled,
251 
+.datepicker table tr td.range.today.disabled:hover {
252 
+  color: #000000;
253 
+  background-color: #f7ca77;
254 
+  border-color: #f1a417;
255 
+  border-radius: 0;
256 
+}
257 
+.datepicker table tr td.range.today:hover,
258 
+.datepicker table tr td.range.today:hover:hover,
259 
+.datepicker table tr td.range.today.disabled:hover,
260 
+.datepicker table tr td.range.today.disabled:hover:hover,
261 
+.datepicker table tr td.range.today:focus,
262 
+.datepicker table tr td.range.today:hover:focus,
263 
+.datepicker table tr td.range.today.disabled:focus,
264 
+.datepicker table tr td.range.today.disabled:hover:focus,
265 
+.datepicker table tr td.range.today:active,
266 
+.datepicker table tr td.range.today:hover:active,
267 
+.datepicker table tr td.range.today.disabled:active,
268 
+.datepicker table tr td.range.today.disabled:hover:active,
269 
+.datepicker table tr td.range.today.active,
270 
+.datepicker table tr td.range.today:hover.active,
271 
+.datepicker table tr td.range.today.disabled.active,
272 
+.datepicker table tr td.range.today.disabled:hover.active,
273 
+.open .dropdown-toggle.datepicker table tr td.range.today,
274 
+.open .dropdown-toggle.datepicker table tr td.range.today:hover,
275 
+.open .dropdown-toggle.datepicker table tr td.range.today.disabled,
276 
+.open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover {
277 
+  color: #000000;
278 
+  background-color: #f4bb51;
279 
+  border-color: #bf800c;
280 
+}
281 
+.datepicker table tr td.range.today:active,
282 
+.datepicker table tr td.range.today:hover:active,
283 
+.datepicker table tr td.range.today.disabled:active,
284 
+.datepicker table tr td.range.today.disabled:hover:active,
285 
+.datepicker table tr td.range.today.active,
286 
+.datepicker table tr td.range.today:hover.active,
287 
+.datepicker table tr td.range.today.disabled.active,
288 
+.datepicker table tr td.range.today.disabled:hover.active,
289 
+.open .dropdown-toggle.datepicker table tr td.range.today,
290 
+.open .dropdown-toggle.datepicker table tr td.range.today:hover,
291 
+.open .dropdown-toggle.datepicker table tr td.range.today.disabled,
292 
+.open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover {
293 
+  background-image: none;
294 
+}
295 
+.datepicker table tr td.range.today.disabled,
296 
+.datepicker table tr td.range.today:hover.disabled,
297 
+.datepicker table tr td.range.today.disabled.disabled,
298 
+.datepicker table tr td.range.today.disabled:hover.disabled,
299 
+.datepicker table tr td.range.today[disabled],
300 
+.datepicker table tr td.range.today:hover[disabled],
301 
+.datepicker table tr td.range.today.disabled[disabled],
302 
+.datepicker table tr td.range.today.disabled:hover[disabled],
303 
+fieldset[disabled] .datepicker table tr td.range.today,
304 
+fieldset[disabled] .datepicker table tr td.range.today:hover,
305 
+fieldset[disabled] .datepicker table tr td.range.today.disabled,
306 
+fieldset[disabled] .datepicker table tr td.range.today.disabled:hover,
307 
+.datepicker table tr td.range.today.disabled:hover,
308 
+.datepicker table tr td.range.today:hover.disabled:hover,
309 
+.datepicker table tr td.range.today.disabled.disabled:hover,
310 
+.datepicker table tr td.range.today.disabled:hover.disabled:hover,
311 
+.datepicker table tr td.range.today[disabled]:hover,
312 
+.datepicker table tr td.range.today:hover[disabled]:hover,
313 
+.datepicker table tr td.range.today.disabled[disabled]:hover,
314 
+.datepicker table tr td.range.today.disabled:hover[disabled]:hover,
315 
+fieldset[disabled] .datepicker table tr td.range.today:hover,
316 
+fieldset[disabled] .datepicker table tr td.range.today:hover:hover,
317 
+fieldset[disabled] .datepicker table tr td.range.today.disabled:hover,
318 
+fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:hover,
319 
+.datepicker table tr td.range.today.disabled:focus,
320 
+.datepicker table tr td.range.today:hover.disabled:focus,
321 
+.datepicker table tr td.range.today.disabled.disabled:focus,
322 
+.datepicker table tr td.range.today.disabled:hover.disabled:focus,
323 
+.datepicker table tr td.range.today[disabled]:focus,
324 
+.datepicker table tr td.range.today:hover[disabled]:focus,
325 
+.datepicker table tr td.range.today.disabled[disabled]:focus,
326 
+.datepicker table tr td.range.today.disabled:hover[disabled]:focus,
327 
+fieldset[disabled] .datepicker table tr td.range.today:focus,
328 
+fieldset[disabled] .datepicker table tr td.range.today:hover:focus,
329 
+fieldset[disabled] .datepicker table tr td.range.today.disabled:focus,
330 
+fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:focus,
331 
+.datepicker table tr td.range.today.disabled:active,
332 
+.datepicker table tr td.range.today:hover.disabled:active,
333 
+.datepicker table tr td.range.today.disabled.disabled:active,
334 
+.datepicker table tr td.range.today.disabled:hover.disabled:active,
335 
+.datepicker table tr td.range.today[disabled]:active,
336 
+.datepicker table tr td.range.today:hover[disabled]:active,
337 
+.datepicker table tr td.range.today.disabled[disabled]:active,
338 
+.datepicker table tr td.range.today.disabled:hover[disabled]:active,
339 
+fieldset[disabled] .datepicker table tr td.range.today:active,
340 
+fieldset[disabled] .datepicker table tr td.range.today:hover:active,
341 
+fieldset[disabled] .datepicker table tr td.range.today.disabled:active,
342 
+fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:active,
343 
+.datepicker table tr td.range.today.disabled.active,
344 
+.datepicker table tr td.range.today:hover.disabled.active,
345 
+.datepicker table tr td.range.today.disabled.disabled.active,
346 
+.datepicker table tr td.range.today.disabled:hover.disabled.active,
347 
+.datepicker table tr td.range.today[disabled].active,
348 
+.datepicker table tr td.range.today:hover[disabled].active,
349 
+.datepicker table tr td.range.today.disabled[disabled].active,
350 
+.datepicker table tr td.range.today.disabled:hover[disabled].active,
351 
+fieldset[disabled] .datepicker table tr td.range.today.active,
352 
+fieldset[disabled] .datepicker table tr td.range.today:hover.active,
353 
+fieldset[disabled] .datepicker table tr td.range.today.disabled.active,
354 
+fieldset[disabled] .datepicker table tr td.range.today.disabled:hover.active {
355 
+  background-color: #f7ca77;
356 
+  border-color: #f1a417;
357 
+}
358 
+.datepicker table tr td.selected,
359 
+.datepicker table tr td.selected:hover,
360 
+.datepicker table tr td.selected.disabled,
361 
+.datepicker table tr td.selected.disabled:hover {
362 
+  color: #ffffff;
363 
+  background-color: #999999;
364 
+  border-color: #555555;
365 
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
366 
+}
367 
+.datepicker table tr td.selected:hover,
368 
+.datepicker table tr td.selected:hover:hover,
369 
+.datepicker table tr td.selected.disabled:hover,
370 
+.datepicker table tr td.selected.disabled:hover:hover,
371 
+.datepicker table tr td.selected:focus,
372 
+.datepicker table tr td.selected:hover:focus,
373 
+.datepicker table tr td.selected.disabled:focus,
374 
+.datepicker table tr td.selected.disabled:hover:focus,
375 
+.datepicker table tr td.selected:active,
376 
+.datepicker table tr td.selected:hover:active,
377 
+.datepicker table tr td.selected.disabled:active,
378 
+.datepicker table tr td.selected.disabled:hover:active,
379 
+.datepicker table tr td.selected.active,
380 
+.datepicker table tr td.selected:hover.active,
381 
+.datepicker table tr td.selected.disabled.active,
382 
+.datepicker table tr td.selected.disabled:hover.active,
383 
+.open .dropdown-toggle.datepicker table tr td.selected,
384 
+.open .dropdown-toggle.datepicker table tr td.selected:hover,
385 
+.open .dropdown-toggle.datepicker table tr td.selected.disabled,
386 
+.open .dropdown-toggle.datepicker table tr td.selected.disabled:hover {
387 
+  color: #ffffff;
388 
+  background-color: #858585;
389 
+  border-color: #373737;
390 
+}
391 
+.datepicker table tr td.selected:active,
392 
+.datepicker table tr td.selected:hover:active,
393 
+.datepicker table tr td.selected.disabled:active,
394 
+.datepicker table tr td.selected.disabled:hover:active,
395 
+.datepicker table tr td.selected.active,
396 
+.datepicker table tr td.selected:hover.active,
397 
+.datepicker table tr td.selected.disabled.active,
398 
+.datepicker table tr td.selected.disabled:hover.active,
399 
+.open .dropdown-toggle.datepicker table tr td.selected,
400 
+.open .dropdown-toggle.datepicker table tr td.selected:hover,
401 
+.open .dropdown-toggle.datepicker table tr td.selected.disabled,
402 
+.open .dropdown-toggle.datepicker table tr td.selected.disabled:hover {
403 
+  background-image: none;
404 
+}
405 
+.datepicker table tr td.selected.disabled,
406 
+.datepicker table tr td.selected:hover.disabled,
407 
+.datepicker table tr td.selected.disabled.disabled,
408 
+.datepicker table tr td.selected.disabled:hover.disabled,
409 
+.datepicker table tr td.selected[disabled],
410 
+.datepicker table tr td.selected:hover[disabled],
411 
+.datepicker table tr td.selected.disabled[disabled],
412 
+.datepicker table tr td.selected.disabled:hover[disabled],
413 
+fieldset[disabled] .datepicker table tr td.selected,
414 
+fieldset[disabled] .datepicker table tr td.selected:hover,
415 
+fieldset[disabled] .datepicker table tr td.selected.disabled,
416 
+fieldset[disabled] .datepicker table tr td.selected.disabled:hover,
417 
+.datepicker table tr td.selected.disabled:hover,
418 
+.datepicker table tr td.selected:hover.disabled:hover,
419 
+.datepicker table tr td.selected.disabled.disabled:hover,
420 
+.datepicker table tr td.selected.disabled:hover.disabled:hover,
421 
+.datepicker table tr td.selected[disabled]:hover,
422 
+.datepicker table tr td.selected:hover[disabled]:hover,
423 
+.datepicker table tr td.selected.disabled[disabled]:hover,
424 
+.datepicker table tr td.selected.disabled:hover[disabled]:hover,
425 
+fieldset[disabled] .datepicker table tr td.selected:hover,
426 
+fieldset[disabled] .datepicker table tr td.selected:hover:hover,
427 
+fieldset[disabled] .datepicker table tr td.selected.disabled:hover,
428 
+fieldset[disabled] .datepicker table tr td.selected.disabled:hover:hover,
429 
+.datepicker table tr td.selected.disabled:focus,
430 
+.datepicker table tr td.selected:hover.disabled:focus,
431 
+.datepicker table tr td.selected.disabled.disabled:focus,
432 
+.datepicker table tr td.selected.disabled:hover.disabled:focus,
433 
+.datepicker table tr td.selected[disabled]:focus,
434 
+.datepicker table tr td.selected:hover[disabled]:focus,
435 
+.datepicker table tr td.selected.disabled[disabled]:focus,
436 
+.datepicker table tr td.selected.disabled:hover[disabled]:focus,
437 
+fieldset[disabled] .datepicker table tr td.selected:focus,
438 
+fieldset[disabled] .datepicker table tr td.selected:hover:focus,
439 
+fieldset[disabled] .datepicker table tr td.selected.disabled:focus,
440 
+fieldset[disabled] .datepicker table tr td.selected.disabled:hover:focus,
441 
+.datepicker table tr td.selected.disabled:active,
442 
+.datepicker table tr td.selected:hover.disabled:active,
443 
+.datepicker table tr td.selected.disabled.disabled:active,
444 
+.datepicker table tr td.selected.disabled:hover.disabled:active,
445 
+.datepicker table tr td.selected[disabled]:active,
446 
+.datepicker table tr td.selected:hover[disabled]:active,
447 
+.datepicker table tr td.selected.disabled[disabled]:active,
448 
+.datepicker table tr td.selected.disabled:hover[disabled]:active,
449 
+fieldset[disabled] .datepicker table tr td.selected:active,
450 
+fieldset[disabled] .datepicker table tr td.selected:hover:active,
451 
+fieldset[disabled] .datepicker table tr td.selected.disabled:active,
452 
+fieldset[disabled] .datepicker table tr td.selected.disabled:hover:active,
453 
+.datepicker table tr td.selected.disabled.active,
454 
+.datepicker table tr td.selected:hover.disabled.active,
455 
+.datepicker table tr td.selected.disabled.disabled.active,
456 
+.datepicker table tr td.selected.disabled:hover.disabled.active,
457 
+.datepicker table tr td.selected[disabled].active,
458 
+.datepicker table tr td.selected:hover[disabled].active,
459 
+.datepicker table tr td.selected.disabled[disabled].active,
460 
+.datepicker table tr td.selected.disabled:hover[disabled].active,
461 
+fieldset[disabled] .datepicker table tr td.selected.active,
462 
+fieldset[disabled] .datepicker table tr td.selected:hover.active,
463 
+fieldset[disabled] .datepicker table tr td.selected.disabled.active,
464 
+fieldset[disabled] .datepicker table tr td.selected.disabled:hover.active {
465 
+  background-color: #999999;
466 
+  border-color: #555555;
467 
+}
468 
+.datepicker table tr td.active,
469 
+.datepicker table tr td.active:hover,
470 
+.datepicker table tr td.active.disabled,
471 
+.datepicker table tr td.active.disabled:hover {
472 
+  color: #ffffff;
473 
+  background-color: #428bca;
474 
+  border-color: #357ebd;
475 
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
476 
+}
477 
+.datepicker table tr td.active:hover,
478 
+.datepicker table tr td.active:hover:hover,
479 
+.datepicker table tr td.active.disabled:hover,
480 
+.datepicker table tr td.active.disabled:hover:hover,
481 
+.datepicker table tr td.active:focus,
482 
+.datepicker table tr td.active:hover:focus,
483 
+.datepicker table tr td.active.disabled:focus,
484 
+.datepicker table tr td.active.disabled:hover:focus,
485 
+.datepicker table tr td.active:active,
486 
+.datepicker table tr td.active:hover:active,
487 
+.datepicker table tr td.active.disabled:active,
488 
+.datepicker table tr td.active.disabled:hover:active,
489 
+.datepicker table tr td.active.active,
490 
+.datepicker table tr td.active:hover.active,
491 
+.datepicker table tr td.active.disabled.active,
492 
+.datepicker table tr td.active.disabled:hover.active,
493 
+.open .dropdown-toggle.datepicker table tr td.active,
494 
+.open .dropdown-toggle.datepicker table tr td.active:hover,
495 
+.open .dropdown-toggle.datepicker table tr td.active.disabled,
496 
+.open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
497 
+  color: #ffffff;
498 
+  background-color: #3276b1;
499 
+  border-color: #285e8e;
500 
+}
501 
+.datepicker table tr td.active:active,
502 
+.datepicker table tr td.active:hover:active,
503 
+.datepicker table tr td.active.disabled:active,
504 
+.datepicker table tr td.active.disabled:hover:active,
505 
+.datepicker table tr td.active.active,
506 
+.datepicker table tr td.active:hover.active,
507 
+.datepicker table tr td.active.disabled.active,
508 
+.datepicker table tr td.active.disabled:hover.active,
509 
+.open .dropdown-toggle.datepicker table tr td.active,
510 
+.open .dropdown-toggle.datepicker table tr td.active:hover,
511 
+.open .dropdown-toggle.datepicker table tr td.active.disabled,
512 
+.open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
513 
+  background-image: none;
514 
+}
515 
+.datepicker table tr td.active.disabled,
516 
+.datepicker table tr td.active:hover.disabled,
517 
+.datepicker table tr td.active.disabled.disabled,
518 
+.datepicker table tr td.active.disabled:hover.disabled,
519 
+.datepicker table tr td.active[disabled],
520 
+.datepicker table tr td.active:hover[disabled],
521 
+.datepicker table tr td.active.disabled[disabled],
522 
+.datepicker table tr td.active.disabled:hover[disabled],
523 
+fieldset[disabled] .datepicker table tr td.active,
524 
+fieldset[disabled] .datepicker table tr td.active:hover,
525 
+fieldset[disabled] .datepicker table tr td.active.disabled,
526 
+fieldset[disabled] .datepicker table tr td.active.disabled:hover,
527 
+.datepicker table tr td.active.disabled:hover,
528 
+.datepicker table tr td.active:hover.disabled:hover,
529 
+.datepicker table tr td.active.disabled.disabled:hover,
530 
+.datepicker table tr td.active.disabled:hover.disabled:hover,
531 
+.datepicker table tr td.active[disabled]:hover,
532 
+.datepicker table tr td.active:hover[disabled]:hover,
533 
+.datepicker table tr td.active.disabled[disabled]:hover,
534 
+.datepicker table tr td.active.disabled:hover[disabled]:hover,
535 
+fieldset[disabled] .datepicker table tr td.active:hover,
536 
+fieldset[disabled] .datepicker table tr td.active:hover:hover,
537 
+fieldset[disabled] .datepicker table tr td.active.disabled:hover,
538 
+fieldset[disabled] .datepicker table tr td.active.disabled:hover:hover,
539 
+.datepicker table tr td.active.disabled:focus,
540 
+.datepicker table tr td.active:hover.disabled:focus,
541 
+.datepicker table tr td.active.disabled.disabled:focus,
542 
+.datepicker table tr td.active.disabled:hover.disabled:focus,
543 
+.datepicker table tr td.active[disabled]:focus,
544 
+.datepicker table tr td.active:hover[disabled]:focus,
545 
+.datepicker table tr td.active.disabled[disabled]:focus,
546 
+.datepicker table tr td.active.disabled:hover[disabled]:focus,
547 
+fieldset[disabled] .datepicker table tr td.active:focus,
548 
+fieldset[disabled] .datepicker table tr td.active:hover:focus,
549 
+fieldset[disabled] .datepicker table tr td.active.disabled:focus,
550 
+fieldset[disabled] .datepicker table tr td.active.disabled:hover:focus,
551 
+.datepicker table tr td.active.disabled:active,
552 
+.datepicker table tr td.active:hover.disabled:active,
553 
+.datepicker table tr td.active.disabled.disabled:active,
554 
+.datepicker table tr td.active.disabled:hover.disabled:active,
555 
+.datepicker table tr td.active[disabled]:active,
556 
+.datepicker table tr td.active:hover[disabled]:active,
557 
+.datepicker table tr td.active.disabled[disabled]:active,
558 
+.datepicker table tr td.active.disabled:hover[disabled]:active,
559 
+fieldset[disabled] .datepicker table tr td.active:active,
560 
+fieldset[disabled] .datepicker table tr td.active:hover:active,
561 
+fieldset[disabled] .datepicker table tr td.active.disabled:active,
562 
+fieldset[disabled] .datepicker table tr td.active.disabled:hover:active,
563 
+.datepicker table tr td.active.disabled.active,
564 
+.datepicker table tr td.active:hover.disabled.active,
565 
+.datepicker table tr td.active.disabled.disabled.active,
566 
+.datepicker table tr td.active.disabled:hover.disabled.active,
567 
+.datepicker table tr td.active[disabled].active,
568 
+.datepicker table tr td.active:hover[disabled].active,
569 
+.datepicker table tr td.active.disabled[disabled].active,
570 
+.datepicker table tr td.active.disabled:hover[disabled].active,
571 
+fieldset[disabled] .datepicker table tr td.active.active,
572 
+fieldset[disabled] .datepicker table tr td.active:hover.active,
573 
+fieldset[disabled] .datepicker table tr td.active.disabled.active,
574 
+fieldset[disabled] .datepicker table tr td.active.disabled:hover.active {
575 
+  background-color: #428bca;
576 
+  border-color: #357ebd;
577 
+}
578 
+.datepicker table tr td span {
579 
+  display: block;
580 
+  width: 23%;
581 
+  height: 54px;
582 
+  line-height: 54px;
583 
+  float: left;
584 
+  margin: 1%;
585 
+  cursor: pointer;
586 
+  border-radius: 4px;
587 
+}
588 
+.datepicker table tr td span:hover {
589 
+  background: #eeeeee;
590 
+}
591 
+.datepicker table tr td span.disabled,
592 
+.datepicker table tr td span.disabled:hover {
593 
+  background: none;
594 
+  color: #999999;
595 
+  cursor: default;
596 
+}
597 
+.datepicker table tr td span.active,
598 
+.datepicker table tr td span.active:hover,
599 
+.datepicker table tr td span.active.disabled,
600 
+.datepicker table tr td span.active.disabled:hover {
601 
+  color: #ffffff;
602 
+  background-color: #428bca;
603 
+  border-color: #357ebd;
604 
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
605 
+}
606 
+.datepicker table tr td span.active:hover,
607 
+.datepicker table tr td span.active:hover:hover,
608 
+.datepicker table tr td span.active.disabled:hover,
609 
+.datepicker table tr td span.active.disabled:hover:hover,
610 
+.datepicker table tr td span.active:focus,
611 
+.datepicker table tr td span.active:hover:focus,
612 
+.datepicker table tr td span.active.disabled:focus,
613 
+.datepicker table tr td span.active.disabled:hover:focus,
614 
+.datepicker table tr td span.active:active,
615 
+.datepicker table tr td span.active:hover:active,
616 
+.datepicker table tr td span.active.disabled:active,
617 
+.datepicker table tr td span.active.disabled:hover:active,
618 
+.datepicker table tr td span.active.active,
619 
+.datepicker table tr td span.active:hover.active,
620 
+.datepicker table tr td span.active.disabled.active,
621 
+.datepicker table tr td span.active.disabled:hover.active,
622 
+.open .dropdown-toggle.datepicker table tr td span.active,
623 
+.open .dropdown-toggle.datepicker table tr td span.active:hover,
624 
+.open .dropdown-toggle.datepicker table tr td span.active.disabled,
625 
+.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
626 
+  color: #ffffff;
627 
+  background-color: #3276b1;
628 
+  border-color: #285e8e;
629 
+}
630 
+.datepicker table tr td span.active:active,
631 
+.datepicker table tr td span.active:hover:active,
632 
+.datepicker table tr td span.active.disabled:active,
633 
+.datepicker table tr td span.active.disabled:hover:active,
634 
+.datepicker table tr td span.active.active,
635 
+.datepicker table tr td span.active:hover.active,
636 
+.datepicker table tr td span.active.disabled.active,
637 
+.datepicker table tr td span.active.disabled:hover.active,
638 
+.open .dropdown-toggle.datepicker table tr td span.active,
639 
+.open .dropdown-toggle.datepicker table tr td span.active:hover,
640 
+.open .dropdown-toggle.datepicker table tr td span.active.disabled,
641 
+.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
642 
+  background-image: none;
643 
+}
644 
+.datepicker table tr td span.active.disabled,
645 
+.datepicker table tr td span.active:hover.disabled,
646 
+.datepicker table tr td span.active.disabled.disabled,
647 
+.datepicker table tr td span.active.disabled:hover.disabled,
648 
+.datepicker table tr td span.active[disabled],
649 
+.datepicker table tr td span.active:hover[disabled],
650 
+.datepicker table tr td span.active.disabled[disabled],
651 
+.datepicker table tr td span.active.disabled:hover[disabled],
652 
+fieldset[disabled] .datepicker table tr td span.active,
653 
+fieldset[disabled] .datepicker table tr td span.active:hover,
654 
+fieldset[disabled] .datepicker table tr td span.active.disabled,
655 
+fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
656 
+.datepicker table tr td span.active.disabled:hover,
657 
+.datepicker table tr td span.active:hover.disabled:hover,
658 
+.datepicker table tr td span.active.disabled.disabled:hover,
659 
+.datepicker table tr td span.active.disabled:hover.disabled:hover,
660 
+.datepicker table tr td span.active[disabled]:hover,
661 
+.datepicker table tr td span.active:hover[disabled]:hover,
662 
+.datepicker table tr td span.active.disabled[disabled]:hover,
663 
+.datepicker table tr td span.active.disabled:hover[disabled]:hover,
664 
+fieldset[disabled] .datepicker table tr td span.active:hover,
665 
+fieldset[disabled] .datepicker table tr td span.active:hover:hover,
666 
+fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
667 
+fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
668 
+.datepicker table tr td span.active.disabled:focus,
669 
+.datepicker table tr td span.active:hover.disabled:focus,
670 
+.datepicker table tr td span.active.disabled.disabled:focus,
671 
+.datepicker table tr td span.active.disabled:hover.disabled:focus,
672 
+.datepicker table tr td span.active[disabled]:focus,
673 
+.datepicker table tr td span.active:hover[disabled]:focus,
674 
+.datepicker table tr td span.active.disabled[disabled]:focus,
675 
+.datepicker table tr td span.active.disabled:hover[disabled]:focus,
676 
+fieldset[disabled] .datepicker table tr td span.active:focus,
677 
+fieldset[disabled] .datepicker table tr td span.active:hover:focus,
678 
+fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
679 
+fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
680 
+.datepicker table tr td span.active.disabled:active,
681 
+.datepicker table tr td span.active:hover.disabled:active,
682 
+.datepicker table tr td span.active.disabled.disabled:active,
683 
+.datepicker table tr td span.active.disabled:hover.disabled:active,
684 
+.datepicker table tr td span.active[disabled]:active,
685 
+.datepicker table tr td span.active:hover[disabled]:active,
686 
+.datepicker table tr td span.active.disabled[disabled]:active,
687 
+.datepicker table tr td span.active.disabled:hover[disabled]:active,
688 
+fieldset[disabled] .datepicker table tr td span.active:active,
689 
+fieldset[disabled] .datepicker table tr td span.active:hover:active,
690 
+fieldset[disabled] .datepicker table tr td span.active.disabled:active,
691 
+fieldset[disabled] .datepicker table tr td span.active.disabled:hover:active,
692 
+.datepicker table tr td span.active.disabled.active,
693 
+.datepicker table tr td span.active:hover.disabled.active,
694 
+.datepicker table tr td span.active.disabled.disabled.active,
695 
+.datepicker table tr td span.active.disabled:hover.disabled.active,
696 
+.datepicker table tr td span.active[disabled].active,
697 
+.datepicker table tr td span.active:hover[disabled].active,
698 
+.datepicker table tr td span.active.disabled[disabled].active,
699 
+.datepicker table tr td span.active.disabled:hover[disabled].active,
700 
+fieldset[disabled] .datepicker table tr td span.active.active,
701 
+fieldset[disabled] .datepicker table tr td span.active:hover.active,
702 
+fieldset[disabled] .datepicker table tr td span.active.disabled.active,
703 
+fieldset[disabled] .datepicker table tr td span.active.disabled:hover.active {
704 
+  background-color: #428bca;
705 
+  border-color: #357ebd;
706 
+}
707 
+.datepicker table tr td span.old,
708 
+.datepicker table tr td span.new {
709 
+  color: #999999;
710 
+}
711 
+.datepicker th.datepicker-switch {
712 
+  width: 145px;
713 
+}
714 
+.datepicker thead tr:first-child th,
715 
+.datepicker tfoot tr th {
716 
+  cursor: pointer;
717 
+}
718 
+.datepicker thead tr:first-child th:hover,
719 
+.datepicker tfoot tr th:hover {
720 
+  background: #eeeeee;
721 
+}
722 
+.datepicker .cw {
723 
+  font-size: 10px;
724 
+  width: 12px;
725 
+  padding: 0 2px 0 5px;
726 
+  vertical-align: middle;
727 
+}
728 
+.datepicker thead tr:first-child th.cw {
729 
+  cursor: default;
730 
+  background-color: transparent;
731 
+}
732 
+.input-group.date .input-group-addon i {
733 
+  cursor: pointer;
734 
+  width: 16px;
735 
+  height: 16px;
736 
+}
737 
+.input-daterange input {
738 
+  text-align: center;
739 
+}
740 
+.input-daterange input:first-child {
741 
+  border-radius: 3px 0 0 3px;
742 
+}
743 
+.input-daterange input:last-child {
744 
+  border-radius: 0 3px 3px 0;
745 
+}
746 
+.input-daterange .input-group-addon {
747 
+  width: auto;
748 
+  min-width: 16px;
749 
+  padding: 4px 5px;
750 
+  font-weight: normal;
751 
+  line-height: 1.428571429;
752 
+  text-align: center;
753 
+  text-shadow: 0 1px 0 #fff;
754 
+  vertical-align: middle;
755 
+  background-color: #eeeeee;
756 
+  border-width: 1px 0;
757 
+  margin-left: -5px;
758 
+  margin-right: -5px;
759 
+}
760 
+.datepicker.dropdown-menu {
761 
+  position: absolute;
762 
+  top: 100%;
763 
+  left: 0;
764 
+  z-index: 1000;
765 
+  float: left;
766 
+  display: none;
767 
+  min-width: 160px;
768 
+  list-style: none;
769 
+  background-color: #ffffff;
770 
+  border: 1px solid #ccc;
771 
+  border: 1px solid rgba(0, 0, 0, 0.2);
772 
+  border-radius: 5px;
773 
+  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
774 
+  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
775 
+  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
776 
+  -webkit-background-clip: padding-box;
777 
+  -moz-background-clip: padding;
778 
+  background-clip: padding-box;
779 
+  *border-right-width: 2px;
780 
+  *border-bottom-width: 2px;
781 
+  color: #333333;
782 
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
783 
+  font-size: 13px;
784 
+  line-height: 1.428571429;
785 
+}
786 
+.datepicker.dropdown-menu th,
787 
+.datepicker.dropdown-menu td {
788 
+  padding: 4px 5px;
789 
+}

+ 335
- 0
css/plugins/daterangepicker/daterangepicker-bs3.css Visa fil 

@@ -0,0 +1,335 @@
1 
+/*!
2 
+ * Stylesheet for the Date Range Picker, for use with Bootstrap 3.x
3 
+ *
4 
+ * Copyright 2013-2015 Dan Grossman ( http://www.dangrossman.info )
5 
+ * Licensed under the MIT license. See http://www.opensource.org/licenses/mit-license.php
6 
+ *
7 
+ * Built for http://www.improvely.com
8 
+ */
9 
+
10 
+ .daterangepicker.dropdown-menu {
11 
+  max-width: none;
12 
+  z-index: 3000;
13 
+}
14 
+
15 
+.daterangepicker.opensleft .ranges, .daterangepicker.opensleft .calendar {
16 
+  float: left;
17 
+  margin: 4px;
18 
+}
19 
+
20 
+.daterangepicker.opensright .ranges, .daterangepicker.opensright .calendar,
21 
+.daterangepicker.openscenter .ranges, .daterangepicker.openscenter .calendar {
22 
+  float: right;
23 
+  margin: 4px;
24 
+}
25 
+
26 
+.daterangepicker.single .ranges, .daterangepicker.single .calendar {
27 
+  float: none;
28 
+}
29 
+
30 
+.daterangepicker .ranges {
31 
+  width: 160px;
32 
+  text-align: left;
33 
+}
34 
+
35 
+.daterangepicker .ranges .range_inputs>div {
36 
+  float: left;
37 
+}
38 
+
39 
+.daterangepicker .ranges .range_inputs>div:nth-child(2) {
40 
+  padding-left: 11px;
41 
+}
42 
+
43 
+.daterangepicker .calendar {
44 
+  display: none;
45 
+  max-width: 270px;
46 
+}
47 
+
48 
+.daterangepicker.show-calendar .calendar {
49 
+    display: block;
50 
+}
51 
+
52 
+.daterangepicker .calendar.single .calendar-date {
53 
+  border: none;
54 
+}
55 
+
56 
+.daterangepicker .calendar th, .daterangepicker .calendar td {
57 
+  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
58 
+  white-space: nowrap;
59 
+  text-align: center;
60 
+  min-width: 32px;
61 
+}
62 
+
63 
+.daterangepicker .daterangepicker_start_input label,
64 
+.daterangepicker .daterangepicker_end_input label {
65 
+  color: #333;
66 
+  display: block;
67 
+  font-size: 11px;
68 
+  font-weight: normal;
69 
+  height: 20px;
70 
+  line-height: 20px;
71 
+  margin-bottom: 2px;
72 
+  text-shadow: #fff 1px 1px 0px;
73 
+  text-transform: uppercase;
74 
+  width: 74px;
75 
+}
76 
+
77 
+.daterangepicker .ranges input {
78 
+  font-size: 11px;
79 
+}
80 
+
81 
+.daterangepicker .ranges .input-mini {
82 
+  border: 1px solid #ccc;
83 
+  border-radius: 4px;
84 
+  color: #555;
85 
+  display: block;
86 
+  font-size: 11px;
87 
+  height: 30px;
88 
+  line-height: 30px;
89 
+  vertical-align: middle;
90 
+  margin: 0 0 10px 0;
91 
+  padding: 0 6px;
92 
+  width: 74px;
93 
+}
94 
+
95 
+.daterangepicker .ranges ul {
96 
+  list-style: none;
97 
+  margin: 0;
98 
+  padding: 0;
99 
+}
100 
+
101 
+.daterangepicker .ranges li {
102 
+  font-size: 13px;
103 
+  background: #f5f5f5;
104 
+  border: 1px solid #f5f5f5;
105 
+  color: #08c;
106 
+  padding: 3px 12px;
107 
+  margin-bottom: 8px;
108 
+  -webkit-border-radius: 5px;
109 
+  -moz-border-radius: 5px;
110 
+  border-radius: 5px;
111 
+  cursor: pointer;
112 
+}
113 
+
114 
+.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
115 
+  background: #08c;
116 
+  border: 1px solid #08c;
117 
+  color: #fff;
118 
+}
119 
+
120 
+.daterangepicker .calendar-date {
121 
+  border: 1px solid #ddd;
122 
+  padding: 4px;
123 
+  border-radius: 4px;
124 
+  background: #fff;
125 
+}
126 
+
127 
+.daterangepicker .calendar-time {
128 
+  text-align: center;
129 
+  margin: 8px auto 0 auto;
130 
+  line-height: 30px;
131 
+}
132 
+
133 
+.daterangepicker {
134 
+  position: absolute;
135 
+  background: #fff;
136 
+  top: 100px;
137 
+  left: 20px;
138 
+  padding: 4px;
139 
+  margin-top: 1px;
140 
+  -webkit-border-radius: 4px;
141 
+  -moz-border-radius: 4px;
142 
+  border-radius: 4px;
143 
+}
144 
+
145 
+.daterangepicker.opensleft:before {
146 
+  position: absolute;
147 
+  top: -7px;
148 
+  right: 9px;
149 
+  display: inline-block;
150 
+  border-right: 7px solid transparent;
151 
+  border-bottom: 7px solid #ccc;
152 
+  border-left: 7px solid transparent;
153 
+  border-bottom-color: rgba(0, 0, 0, 0.2);
154 
+  content: '';
155 
+}
156 
+
157 
+.daterangepicker.opensleft:after {
158 
+  position: absolute;
159 
+  top: -6px;
160 
+  right: 10px;
161 
+  display: inline-block;
162 
+  border-right: 6px solid transparent;
163 
+  border-bottom: 6px solid #fff;
164 
+  border-left: 6px solid transparent;
165 
+  content: '';
166 
+}
167 
+
168 
+.daterangepicker.openscenter:before {
169 
+  position: absolute;
170 
+  top: -7px;
171 
+  left: 0;
172 
+  right: 0;
173 
+  width: 0;
174 
+  margin-left: auto;
175 
+  margin-right: auto;
176 
+  display: inline-block;
177 
+  border-right: 7px solid transparent;
178 
+  border-bottom: 7px solid #ccc;
179 
+  border-left: 7px solid transparent;
180 
+  border-bottom-color: rgba(0, 0, 0, 0.2);
181 
+  content: '';
182 
+}
183 
+
184 
+.daterangepicker.openscenter:after {
185 
+  position: absolute;
186 
+  top: -6px;
187 
+  left: 0;
188 
+  right: 0;
189 
+  width: 0;
190 
+  margin-left: auto;
191 
+  margin-right: auto;
192 
+  display: inline-block;
193 
+  border-right: 6px solid transparent;
194 
+  border-bottom: 6px solid #fff;
195 
+  border-left: 6px solid transparent;
196 
+  content: '';
197 
+}
198 
+
199 
+.daterangepicker.opensright:before {
200 
+  position: absolute;
201 
+  top: -7px;
202 
+  left: 9px;
203 
+  display: inline-block;
204 
+  border-right: 7px solid transparent;
205 
+  border-bottom: 7px solid #ccc;
206 
+  border-left: 7px solid transparent;
207 
+  border-bottom-color: rgba(0, 0, 0, 0.2);
208 
+  content: '';
209 
+}
210 
+
211 
+.daterangepicker.opensright:after {
212 
+  position: absolute;
213 
+  top: -6px;
214 
+  left: 10px;
215 
+  display: inline-block;
216 
+  border-right: 6px solid transparent;
217 
+  border-bottom: 6px solid #fff;
218 
+  border-left: 6px solid transparent;
219 
+  content: '';
220 
+}
221 
+
222 
+.daterangepicker.dropup{
223 
+  margin-top: -5px;
224 
+}
225 
+.daterangepicker.dropup:before{
226 
+  top: initial;
227 
+  bottom:-7px;
228 
+  border-bottom: initial;
229 
+  border-top: 7px solid #ccc;
230 
+}
231 
+.daterangepicker.dropup:after{
232 
+  top: initial;
233 
+  bottom:-6px;
234 
+  border-bottom: initial;
235 
+  border-top: 6px solid #fff;
236 
+}
237 
+
238 
+.daterangepicker table {
239 
+  width: 100%;
240 
+  margin: 0;
241 
+}
242 
+
243 
+.daterangepicker td, .daterangepicker th {
244 
+  text-align: center;
245 
+  width: 20px;
246 
+  height: 20px;
247 
+  -webkit-border-radius: 4px;
248 
+  -moz-border-radius: 4px;
249 
+  border-radius: 4px;
250 
+  cursor: pointer;
251 
+  white-space: nowrap;
252 
+}
253 
+
254 
+.daterangepicker td.off {
255 
+  color: #999;
256 
+}
257 
+
258 
+.daterangepicker td.disabled, .daterangepicker option.disabled {
259 
+  color: #999;
260 
+}
261 
+
262 
+.daterangepicker td.available:hover, .daterangepicker th.available:hover {
263 
+  background: #eee;
264 
+}
265 
+
266 
+.daterangepicker td.in-range {
267 
+  background: #ebf4f8;
268 
+  -webkit-border-radius: 0;
269 
+  -moz-border-radius: 0;
270 
+  border-radius: 0;
271 
+}
272 
+
273 
+.daterangepicker td.start-date {
274 
+  -webkit-border-radius: 4px 0 0 4px;
275 
+  -moz-border-radius: 4px 0 0 4px;
276 
+  border-radius: 4px 0 0 4px;
277 
+}
278 
+
279 
+.daterangepicker td.end-date {
280 
+  -webkit-border-radius: 0 4px 4px 0;
281 
+  -moz-border-radius: 0 4px 4px 0;
282 
+  border-radius: 0 4px 4px 0;
283 
+}
284 
+
285 
+.daterangepicker td.start-date.end-date {
286 
+  -webkit-border-radius: 4px;
287 
+  -moz-border-radius: 4px;
288 
+  border-radius: 4px;
289 
+}
290 
+
291 
+.daterangepicker td.active, .daterangepicker td.active:hover {
292 
+  background-color: #357ebd;
293 
+  border-color: #3071a9;
294 
+  color: #fff;
295 
+}
296 
+
297 
+.daterangepicker td.week, .daterangepicker th.week {
298 
+  font-size: 80%;
299 
+  color: #ccc;
300 
+}
301 
+
302 
+.daterangepicker select.monthselect, .daterangepicker select.yearselect {
303 
+  font-size: 12px;
304 
+  padding: 1px;
305 
+  height: auto;
306 
+  margin: 0;
307 
+  cursor: default;
308 
+}
309 
+
310 
+.daterangepicker select.monthselect {
311 
+  margin-right: 2%;
312 
+  width: 56%;
313 
+}
314 
+
315 
+.daterangepicker select.yearselect {
316 
+  width: 40%;
317 
+}
318 
+
319 
+.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
320 
+  width: 50px;
321 
+  margin-bottom: 0;
322 
+}
323 
+
324 
+.daterangepicker_start_input {
325 
+  float: left;
326 
+}
327 
+
328 
+.daterangepicker_end_input {
329 
+  float: left;
330 
+  padding-left: 11px
331 
+}
332 
+
333 
+.daterangepicker th.month {
334 
+  width: auto;
335 
+}

+ 155
- 0
css/plugins/dropzone/basic.css Visa fil 

@@ -0,0 +1,155 @@
1 
+/* The MIT License */
2 
+.dropzone,
3 
+.dropzone *,
4 
+.dropzone-previews,
5 
+.dropzone-previews * {
6 
+  -webkit-box-sizing: border-box;
7 
+  -moz-box-sizing: border-box;
8 
+  box-sizing: border-box;
9 
+}
10 
+.dropzone {
11 
+  position: relative;
12 
+  border: 1px solid rgba(0,0,0,0.08);
13 
+  background: rgba(0,0,0,0.02);
14 
+  padding: 1em;
15 
+}
16 
+.dropzone.dz-clickable {
17 
+  cursor: pointer;
18 
+}
19 
+.dropzone.dz-clickable .dz-message,
20 
+.dropzone.dz-clickable .dz-message span {
21 
+  cursor: pointer;
22 
+}
23 
+.dropzone.dz-clickable * {
24 
+  cursor: default;
25 
+}
26 
+.dropzone .dz-message {
27 
+  opacity: 1;
28 
+  -ms-filter: none;
29 
+  filter: none;
30 
+}
31 
+.dropzone.dz-drag-hover {
32 
+  border-color: rgba(0,0,0,0.15);
33 
+  background: rgba(0,0,0,0.04);
34 
+}
35 
+.dropzone.dz-started .dz-message {
36 
+  display: none;
37 
+}
38 
+.dropzone .dz-preview,
39 
+.dropzone-previews .dz-preview {
40 
+  background: rgba(255,255,255,0.8);
41 
+  position: relative;
42 
+  display: inline-block;
43 
+  margin: 17px;
44 
+  vertical-align: top;
45 
+  border: 1px solid #acacac;
46 
+  padding: 6px 6px 6px 6px;
47 
+}
48 
+.dropzone .dz-preview.dz-file-preview [data-dz-thumbnail],
49 
+.dropzone-previews .dz-preview.dz-file-preview [data-dz-thumbnail] {
50 
+  display: none;
51 
+}
52 
+.dropzone .dz-preview .dz-details,
53 
+.dropzone-previews .dz-preview .dz-details {
54 
+  width: 100px;
55 
+  height: 100px;
56 
+  position: relative;
57 
+  background: #ebebeb;
58 
+  padding: 5px;
59 
+  margin-bottom: 22px;
60 
+}
61 
+.dropzone .dz-preview .dz-details .dz-filename,
62 
+.dropzone-previews .dz-preview .dz-details .dz-filename {
63 
+  overflow: hidden;
64 
+  height: 100%;
65 
+}
66 
+.dropzone .dz-preview .dz-details img,
67 
+.dropzone-previews .dz-preview .dz-details img {
68 
+  position: absolute;
69 
+  top: 0;
70 
+  left: 0;
71 
+  width: 100px;
72 
+  height: 100px;
73 
+}
74 
+.dropzone .dz-preview .dz-details .dz-size,
75 
+.dropzone-previews .dz-preview .dz-details .dz-size {
76 
+  position: absolute;
77 
+  bottom: -28px;
78 
+  left: 3px;
79 
+  height: 28px;
80 
+  line-height: 28px;
81 
+}
82 
+.dropzone .dz-preview.dz-error .dz-error-mark,
83 
+.dropzone-previews .dz-preview.dz-error .dz-error-mark {
84 
+  display: block;
85 
+}
86 
+.dropzone .dz-preview.dz-success .dz-success-mark,
87 
+.dropzone-previews .dz-preview.dz-success .dz-success-mark {
88 
+  display: block;
89 
+}
90 
+.dropzone .dz-preview:hover .dz-details img,
91 
+.dropzone-previews .dz-preview:hover .dz-details img {
92 
+  display: none;
93 
+}
94 
+.dropzone .dz-preview .dz-success-mark,
95 
+.dropzone-previews .dz-preview .dz-success-mark,
96 
+.dropzone .dz-preview .dz-error-mark,
97 
+.dropzone-previews .dz-preview .dz-error-mark {
98 
+  display: none;
99 
+  position: absolute;
100 
+  width: 40px;
101 
+  height: 40px;
102 
+  font-size: 30px;
103 
+  text-align: center;
104 
+  right: -10px;
105 
+  top: -10px;
106 
+}
107 
+.dropzone .dz-preview .dz-success-mark,
108 
+.dropzone-previews .dz-preview .dz-success-mark {
109 
+  color: #8cc657;
110 
+}
111 
+.dropzone .dz-preview .dz-error-mark,
112 
+.dropzone-previews .dz-preview .dz-error-mark {
113 
+  color: #ee162d;
114 
+}
115 
+.dropzone .dz-preview .dz-progress,
116 
+.dropzone-previews .dz-preview .dz-progress {
117 
+  position: absolute;
118 
+  top: 100px;
119 
+  left: 6px;
120 
+  right: 6px;
121 
+  height: 6px;
122 
+  background: #d7d7d7;
123 
+  display: none;
124 
+}
125 
+.dropzone .dz-preview .dz-progress .dz-upload,
126 
+.dropzone-previews .dz-preview .dz-progress .dz-upload {
127 
+  display: block;
128 
+  position: absolute;
129 
+  top: 0;
130 
+  bottom: 0;
131 
+  left: 0;
132 
+  width: 0%;
133 
+  background-color: #8cc657;
134 
+}
135 
+.dropzone .dz-preview.dz-processing .dz-progress,
136 
+.dropzone-previews .dz-preview.dz-processing .dz-progress {
137 
+  display: block;
138 
+}
139 
+.dropzone .dz-preview .dz-error-message,
140 
+.dropzone-previews .dz-preview .dz-error-message {
141 
+  display: none;
142 
+  position: absolute;
143 
+  top: -5px;
144 
+  left: -20px;
145 
+  background: rgba(245,245,245,0.8);
146 
+  padding: 8px 10px;
147 
+  color: #800;
148 
+  min-width: 140px;
149 
+  max-width: 500px;
150 
+  z-index: 500;
151 
+}
152 
+.dropzone .dz-preview:hover.dz-error .dz-error-message,
153 
+.dropzone-previews .dz-preview:hover.dz-error .dz-error-message {
154 
+  display: block;
155 
+}

+ 410
- 0
css/plugins/dropzone/dropzone.css Visa fil 

@@ -0,0 +1,410 @@
1 
+/* The MIT License */
2 
+.dropzone,
3 
+.dropzone *,
4 
+.dropzone-previews,
5 
+.dropzone-previews * {
6 
+  -webkit-box-sizing: border-box;
7 
+  -moz-box-sizing: border-box;
8 
+  box-sizing: border-box;
9 
+}
10 
+.dropzone {
11 
+  position: relative;
12 
+  border: 1px solid rgba(0,0,0,0.08);
13 
+  background: rgba(0,0,0,0.02);
14 
+  padding: 1em;
15 
+}
16 
+.dropzone.dz-clickable {
17 
+  cursor: pointer;
18 
+}
19 
+.dropzone.dz-clickable .dz-message,
20 
+.dropzone.dz-clickable .dz-message span {
21 
+  cursor: pointer;
22 
+}
23 
+.dropzone.dz-clickable * {
24 
+  cursor: default;
25 
+}
26 
+.dropzone .dz-message {
27 
+  opacity: 1;
28 
+  -ms-filter: none;
29 
+  filter: none;
30 
+}
31 
+.dropzone.dz-drag-hover {
32 
+  border-color: rgba(0,0,0,0.15);
33 
+  background: rgba(0,0,0,0.04);
34 
+}
35 
+.dropzone.dz-started .dz-message {
36 
+  display: none;
37 
+}
38 
+.dropzone .dz-preview,
39 
+.dropzone-previews .dz-preview {
40 
+  background: rgba(255,255,255,0.8);
41 
+  position: relative;
42 
+  display: inline-block;
43 
+  margin: 17px;
44 
+  vertical-align: top;
45 
+  border: 1px solid #acacac;
46 
+  padding: 6px 6px 6px 6px;
47 
+}
48 
+.dropzone .dz-preview.dz-file-preview [data-dz-thumbnail],
49 
+.dropzone-previews .dz-preview.dz-file-preview [data-dz-thumbnail] {
50 
+  display: none;
51 
+}
52 
+.dropzone .dz-preview .dz-details,
53 
+.dropzone-previews .dz-preview .dz-details {
54 
+  width: 100px;
55 
+  height: 100px;
56 
+  position: relative;
57 
+  background: #ebebeb;
58 
+  padding: 5px;
59 
+  margin-bottom: 22px;
60 
+}
61 
+.dropzone .dz-preview .dz-details .dz-filename,
62 
+.dropzone-previews .dz-preview .dz-details .dz-filename {
63 
+  overflow: hidden;
64 
+  height: 100%;
65 
+}
66 
+.dropzone .dz-preview .dz-details img,
67 
+.dropzone-previews .dz-preview .dz-details img {
68 
+  position: absolute;
69 
+  top: 0;
70 
+  left: 0;
71 
+  width: 100px;
72 
+  height: 100px;
73 
+}
74 
+.dropzone .dz-preview .dz-details .dz-size,
75 
+.dropzone-previews .dz-preview .dz-details .dz-size {
76 
+  position: absolute;
77 
+  bottom: -28px;
78 
+  left: 3px;
79 
+  height: 28px;
80 
+  line-height: 28px;
81 
+}
82 
+.dropzone .dz-preview.dz-error .dz-error-mark,
83 
+.dropzone-previews .dz-preview.dz-error .dz-error-mark {
84 
+  display: block;
85 
+}
86 
+.dropzone .dz-preview.dz-success .dz-success-mark,
87 
+.dropzone-previews .dz-preview.dz-success .dz-success-mark {
88 
+  display: block;
89 
+}
90 
+.dropzone .dz-preview:hover .dz-details img,
91 
+.dropzone-previews .dz-preview:hover .dz-details img {
92 
+  display: none;
93 
+}
94 
+.dropzone .dz-preview .dz-success-mark,
95 
+.dropzone-previews .dz-preview .dz-success-mark,
96 
+.dropzone .dz-preview .dz-error-mark,
97 
+.dropzone-previews .dz-preview .dz-error-mark {
98 
+  display: none;
99 
+  position: absolute;
100 
+  width: 40px;
101 
+  height: 40px;
102 
+  font-size: 30px;
103 
+  text-align: center;
104 
+  right: -10px;
105 
+  top: -10px;
106 
+}
107 
+.dropzone .dz-preview .dz-success-mark,
108 
+.dropzone-previews .dz-preview .dz-success-mark {
109 
+  color: #8cc657;
110 
+}
111 
+.dropzone .dz-preview .dz-error-mark,
112 
+.dropzone-previews .dz-preview .dz-error-mark {
113 
+  color: #ee162d;
114 
+}
115 
+.dropzone .dz-preview .dz-progress,
116 
+.dropzone-previews .dz-preview .dz-progress {
117 
+  position: absolute;
118 
+  top: 100px;
119 
+  left: 6px;
120 
+  right: 6px;
121 
+  height: 6px;
122 
+  background: #d7d7d7;
123 
+  display: none;
124 
+}
125 
+.dropzone .dz-preview .dz-progress .dz-upload,
126 
+.dropzone-previews .dz-preview .dz-progress .dz-upload {
127 
+  display: block;
128 
+  position: absolute;
129 
+  top: 0;
130 
+  bottom: 0;
131 
+  left: 0;
132 
+  width: 0%;
133 
+  background-color: #8cc657;
134 
+}
135 
+.dropzone .dz-preview.dz-processing .dz-progress,
136 
+.dropzone-previews .dz-preview.dz-processing .dz-progress {
137 
+  display: block;
138 
+}
139 
+.dropzone .dz-preview .dz-error-message,
140 
+.dropzone-previews .dz-preview .dz-error-message {
141 
+  display: none;
142 
+  position: absolute;
143 
+  top: -5px;
144 
+  left: -20px;
145 
+  background: rgba(245,245,245,0.8);
146 
+  padding: 8px 10px;
147 
+  color: #800;
148 
+  min-width: 140px;
149 
+  max-width: 500px;
150 
+  z-index: 500;
151 
+}
152 
+.dropzone .dz-preview:hover.dz-error .dz-error-message,
153 
+.dropzone-previews .dz-preview:hover.dz-error .dz-error-message {
154 
+  display: block;
155 
+}
156 
+.dropzone {
157 
+  border: 1px solid rgba(0,0,0,0.03);
158 
+  min-height: 360px;
159 
+  -webkit-border-radius: 3px;
160 
+  border-radius: 3px;
161 
+  background: rgba(0,0,0,0.03);
162 
+  padding: 23px;
163 
+}
164 
+.dropzone .dz-default.dz-message {
165 
+  opacity: 1;
166 
+  -ms-filter: none;
167 
+  filter: none;
168 
+  -webkit-transition: opacity 0.3s ease-in-out;
169 
+  -moz-transition: opacity 0.3s ease-in-out;
170 
+  -o-transition: opacity 0.3s ease-in-out;
171 
+  -ms-transition: opacity 0.3s ease-in-out;
172 
+  transition: opacity 0.3s ease-in-out;
173 
+  background-image: url("../images/spritemap.png");
174 
+  background-repeat: no-repeat;
175 
+  background-position: 0 0;
176 
+  position: absolute;
177 
+  width: 428px;
178 
+  height: 123px;
179 
+  margin-left: -214px;
180 
+  margin-top: -61.5px;
181 
+  top: 50%;
182 
+  left: 50%;
183 
+}
184 
+@media all and (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:1.5/1),(min-device-pixel-ratio:1.5),(min-resolution:138dpi),(min-resolution:1.5dppx) {
185 
+  .dropzone .dz-default.dz-message {
186 
+    background-image: url("../images/spritemap@2x.png");
187 
+    -webkit-background-size: 428px 406px;
188 
+    -moz-background-size: 428px 406px;
189 
+    background-size: 428px 406px;
190 
+  }
191 
+}
192 
+.dropzone .dz-default.dz-message span {
193 
+  display: none;
194 
+}
195 
+.dropzone.dz-square .dz-default.dz-message {
196 
+  background-position: 0 -123px;
197 
+  width: 268px;
198 
+  margin-left: -134px;
199 
+  height: 174px;
200 
+  margin-top: -87px;
201 
+}
202 
+.dropzone.dz-drag-hover .dz-message {
203 
+  opacity: 0.15;
204 
+  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
205 
+  filter: alpha(opacity=15);
206 
+}
207 
+.dropzone.dz-started .dz-message {
208 
+  display: block;
209 
+  opacity: 0;
210 
+  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
211 
+  filter: alpha(opacity=0);
212 
+}
213 
+.dropzone .dz-preview,
214 
+.dropzone-previews .dz-preview {
215 
+  -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.16);
216 
+  box-shadow: 1px 1px 4px rgba(0,0,0,0.16);
217 
+  font-size: 14px;
218 
+}
219 
+.dropzone .dz-preview.dz-image-preview:hover .dz-details img,
220 
+.dropzone-previews .dz-preview.dz-image-preview:hover .dz-details img {
221 
+  display: block;
222 
+  opacity: 0.1;
223 
+  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
224 
+  filter: alpha(opacity=10);
225 
+}
226 
+.dropzone .dz-preview.dz-success .dz-success-mark,
227 
+.dropzone-previews .dz-preview.dz-success .dz-success-mark {
228 
+  opacity: 1;
229 
+  -ms-filter: none;
230 
+  filter: none;
231 
+}
232 
+.dropzone .dz-preview.dz-error .dz-error-mark,
233 
+.dropzone-previews .dz-preview.dz-error .dz-error-mark {
234 
+  opacity: 1;
235 
+  -ms-filter: none;
236 
+  filter: none;
237 
+}
238 
+.dropzone .dz-preview.dz-error .dz-progress .dz-upload,
239 
+.dropzone-previews .dz-preview.dz-error .dz-progress .dz-upload {
240 
+  background: #ee1e2d;
241 
+}
242 
+.dropzone .dz-preview .dz-error-mark,
243 
+.dropzone-previews .dz-preview .dz-error-mark,
244 
+.dropzone .dz-preview .dz-success-mark,
245 
+.dropzone-previews .dz-preview .dz-success-mark {
246 
+  display: block;
247 
+  opacity: 0;
248 
+  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
249 
+  filter: alpha(opacity=0);
250 
+  -webkit-transition: opacity 0.4s ease-in-out;
251 
+  -moz-transition: opacity 0.4s ease-in-out;
252 
+  -o-transition: opacity 0.4s ease-in-out;
253 
+  -ms-transition: opacity 0.4s ease-in-out;
254 
+  transition: opacity 0.4s ease-in-out;
255 
+  background-image: url("../images/spritemap.png");
256 
+  background-repeat: no-repeat;
257 
+}
258 
+@media all and (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:1.5/1),(min-device-pixel-ratio:1.5),(min-resolution:138dpi),(min-resolution:1.5dppx) {
259 
+  .dropzone .dz-preview .dz-error-mark,
260 
+  .dropzone-previews .dz-preview .dz-error-mark,
261 
+  .dropzone .dz-preview .dz-success-mark,
262 
+  .dropzone-previews .dz-preview .dz-success-mark {
263 
+    background-image: url("../images/spritemap@2x.png");
264 
+    -webkit-background-size: 428px 406px;
265 
+    -moz-background-size: 428px 406px;
266 
+    background-size: 428px 406px;
267 
+  }
268 
+}
269 
+.dropzone .dz-preview .dz-error-mark span,
270 
+.dropzone-previews .dz-preview .dz-error-mark span,
271 
+.dropzone .dz-preview .dz-success-mark span,
272 
+.dropzone-previews .dz-preview .dz-success-mark span {
273 
+  display: none;
274 
+}
275 
+.dropzone .dz-preview .dz-error-mark,
276 
+.dropzone-previews .dz-preview .dz-error-mark {
277 
+  background-position: -268px -123px;
278 
+}
279 
+.dropzone .dz-preview .dz-success-mark,
280 
+.dropzone-previews .dz-preview .dz-success-mark {
281 
+  background-position: -268px -163px;
282 
+}
283 
+.dropzone .dz-preview .dz-progress .dz-upload,
284 
+.dropzone-previews .dz-preview .dz-progress .dz-upload {
285 
+  -webkit-animation: loading 0.4s linear infinite;
286 
+  -moz-animation: loading 0.4s linear infinite;
287 
+  -o-animation: loading 0.4s linear infinite;
288 
+  -ms-animation: loading 0.4s linear infinite;
289 
+  animation: loading 0.4s linear infinite;
290 
+  -webkit-transition: width 0.3s ease-in-out;
291 
+  -moz-transition: width 0.3s ease-in-out;
292 
+  -o-transition: width 0.3s ease-in-out;
293 
+  -ms-transition: width 0.3s ease-in-out;
294 
+  transition: width 0.3s ease-in-out;
295 
+  -webkit-border-radius: 2px;
296 
+  border-radius: 2px;
297 
+  position: absolute;
298 
+  top: 0;
299 
+  left: 0;
300 
+  width: 0%;
301 
+  height: 100%;
302 
+  background-image: url("../images/spritemap.png");
303 
+  background-repeat: repeat-x;
304 
+  background-position: 0px -400px;
305 
+}
306 
+@media all and (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:1.5/1),(min-device-pixel-ratio:1.5),(min-resolution:138dpi),(min-resolution:1.5dppx) {
307 
+  .dropzone .dz-preview .dz-progress .dz-upload,
308 
+  .dropzone-previews .dz-preview .dz-progress .dz-upload {
309 
+    background-image: url("../images/spritemap@2x.png");
310 
+    -webkit-background-size: 428px 406px;
311 
+    -moz-background-size: 428px 406px;
312 
+    background-size: 428px 406px;
313 
+  }
314 
+}
315 
+.dropzone .dz-preview.dz-success .dz-progress,
316 
+.dropzone-previews .dz-preview.dz-success .dz-progress {
317 
+  display: block;
318 
+  opacity: 0;
319 
+  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
320 
+  filter: alpha(opacity=0);
321 
+  -webkit-transition: opacity 0.4s ease-in-out;
322 
+  -moz-transition: opacity 0.4s ease-in-out;
323 
+  -o-transition: opacity 0.4s ease-in-out;
324 
+  -ms-transition: opacity 0.4s ease-in-out;
325 
+  transition: opacity 0.4s ease-in-out;
326 
+}
327 
+.dropzone .dz-preview .dz-error-message,
328 
+.dropzone-previews .dz-preview .dz-error-message {
329 
+  display: block;
330 
+  opacity: 0;
331 
+  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
332 
+  filter: alpha(opacity=0);
333 
+  -webkit-transition: opacity 0.3s ease-in-out;
334 
+  -moz-transition: opacity 0.3s ease-in-out;
335 
+  -o-transition: opacity 0.3s ease-in-out;
336 
+  -ms-transition: opacity 0.3s ease-in-out;
337 
+  transition: opacity 0.3s ease-in-out;
338 
+}
339 
+.dropzone .dz-preview:hover.dz-error .dz-error-message,
340 
+.dropzone-previews .dz-preview:hover.dz-error .dz-error-message {
341 
+  opacity: 1;
342 
+  -ms-filter: none;
343 
+  filter: none;
344 
+}
345 
+.dropzone a.dz-remove,
346 
+.dropzone-previews a.dz-remove {
347 
+  background-image: -webkit-linear-gradient(top, #fafafa, #eee);
348 
+  background-image: -moz-linear-gradient(top, #fafafa, #eee);
349 
+  background-image: -o-linear-gradient(top, #fafafa, #eee);
350 
+  background-image: -ms-linear-gradient(top, #fafafa, #eee);
351 
+  background-image: linear-gradient(to bottom, #fafafa, #eee);
352 
+  -webkit-border-radius: 2px;
353 
+  border-radius: 2px;
354 
+  border: 1px solid #eee;
355 
+  text-decoration: none;
356 
+  display: block;
357 
+  padding: 4px 5px;
358 
+  text-align: center;
359 
+  color: #aaa;
360 
+  margin-top: 26px;
361 
+}
362 
+.dropzone a.dz-remove:hover,
363 
+.dropzone-previews a.dz-remove:hover {
364 
+  color: #666;
365 
+}
366 
+@-moz-keyframes loading {
367 
+  0% {
368 
+    background-position: 0 -400px;
369 
+  }
370 
+
371 
+  100% {
372 
+    background-position: -7px -400px;
373 
+  }
374 
+}
375 
+@-webkit-keyframes loading {
376 
+  0% {
377 
+    background-position: 0 -400px;
378 
+  }
379 
+
380 
+  100% {
381 
+    background-position: -7px -400px;
382 
+  }
383 
+}
384 
+@-o-keyframes loading {
385 
+  0% {
386 
+    background-position: 0 -400px;
387 
+  }
388 
+
389 
+  100% {
390 
+    background-position: -7px -400px;
391 
+  }
392 
+}
393 
+@-ms-keyframes loading {
394 
+  0% {
395 
+    background-position: 0 -400px;
396 
+  }
397 
+
398 
+  100% {
399 
+    background-position: -7px -400px;
400 
+  }
401 
+}
402 
+@keyframes loading {
403 
+  0% {
404 
+    background-position: 0 -400px;
405 
+  }
406 
+
407 
+  100% {
408 
+    background-position: -7px -400px;
409 
+  }
410 
+}

Binär
css/plugins/footable/fonts/footable.eot Visa fil


+ 78
- 0
css/plugins/footable/fonts/footable.svg Visa fil 

@@ -0,0 +1,78 @@
1 
+<?xml version="1.0" standalone="no"?>
2 
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
3 
+<svg xmlns="http://www.w3.org/2000/svg">
4 
+<metadata>
5 
+This is a custom SVG font generated by IcoMoon.
6 
+<iconset grid="16"></iconset>
7 
+</metadata>
8 
+<defs>
9 
+<font id="footable" horiz-adv-x="512" >
10 
+<font-face units-per-em="512" ascent="480" descent="-32" />
11 
+<missing-glyph horiz-adv-x="512" />
12 
+<glyph class="hidden" unicode="&#xf000;" d="M0,480L 512 -32L0 -32 z" horiz-adv-x="0" />
13 
+<glyph unicode="&#xe000;" d="M 496,288L 320,288 L 320,464 c0,8.836-7.164,16-16,16l-96,0 c-8.836,0-16-7.164-16-16l0-176 L 16,288 c-8.836,0-16-7.164-16-16l0-96
14 
+	c0-8.836, 7.164-16, 16-16l 176,0 l0-176 c0-8.836, 7.164-16, 16-16l 96,0 c 8.836,0, 16,7.164, 16,16L 320,160 l 176,0 c 8.836,0, 16,7.164, 16,16l0,96
15 
+	C 512,280.836, 504.836,288, 496,288z"  />
16 
+<glyph unicode="&#xe001;" d="M0,272l0-96 c0-8.836, 7.164-16, 16-16l 480,0 c 8.836,0, 16,7.164, 16,16l0,96 c0,8.836-7.164,16-16,16L 16,288 C 7.164,288,0,280.836,0,272z"  />
17 
+<glyph unicode="&#xe002;" d="M 256,480C 114.615,480,0,365.385,0,224s 114.615-256, 256-256s 256,114.615, 256,256S 397.385,480, 256,480z M 288,192l0-128 l-64,0 L 224,192 L 96,192 l0,64
18 
+	l 128,0 L 224,384 l 64,0 l0-128 l 128,0 l0-64 L 288,192 z"  />
19 
+<glyph unicode="&#xe003;" d="M 256,480C 114.615,480,0,365.385,0,224s 114.615-256, 256-256s 256,114.615, 256,256S 397.385,480, 256,480z M 416,192L 96,192 l0,64 l 320,0 L 416,192 z"  />
20 
+<glyph unicode="&#xe004;" d="M 256,480C 114.615,480,0,365.385,0,224s 114.615-256, 256-256s 256,114.615, 256,256S 397.385,480, 256,480z M 256,32
21 
+	c-106.039,0-192,85.961-192,192c0,106.039, 85.961,192, 192,192c 106.039,0, 192-85.961, 192-192C 448,117.961, 362.039,32, 256,32zM 384,192 L 288,192 L 288,96 L 224,96 L 224,192 L 128,192 L 128,256 L 224,256 L 224,352 L 288,352 L 288,256 L 384,256 Z"  />
22 
+<glyph unicode="&#xe005;" d="M 256,480C 114.615,480,0,365.385,0,224s 114.615-256, 256-256s 256,114.615, 256,256S 397.385,480, 256,480z M 256,32
23 
+	c-106.039,0-192,85.961-192,192c0,106.039, 85.961,192, 192,192c 106.039,0, 192-85.961, 192-192C 448,117.961, 362.039,32, 256,32zM 128,256L 384,256L 384,192L 128,192z"  />
24 
+<glyph unicode="&#xe006;" d="M 256,214.857l0-18.286 q0-4 -2.571-6.571t-6.571-2.571l-64,0 l0-64 q0-4 -2.571-6.571t-6.571-2.571l-18.286,0 q-4,0 -6.571,2.571t-2.571,6.571l0,64 l-64,0 q-4,0 -6.571,2.571t-2.571,6.571l0,18.286 q0,4 2.571,6.571t 6.571,2.571l 64,0 l0,64 q0,4 2.571,6.571t 6.571,2.571l 18.286,0 q 4,0 6.571-2.571t 2.571-6.571l0-64 l 64,0 q 4,0 6.571-2.571t 2.571-6.571zM 292.571,105.143l0,201.143 q0,11.429 -8,19.429t-19.429,8l-201.143,0 q-11.429,0 -19.429-8 t-8-19.429l0-201.143 q0-11.429 8-19.429t 19.429-8l 201.143,0 q 11.429,0 19.429,8t 8,19.429zM 329.143,306.286l0-201.143 q0-26.286 -18.714-45.143t-45.286-18.857l-201.143,0 q-26.571,0 -45.286,18.857t-18.714,45.143l0,201.143 q0,26.571 18.714,45.286t 45.286,18.714l 201.143,0 q 26.571,0 45.286-18.714t 18.714-45.286z" horiz-adv-x="329.143"  />
25 
+<glyph unicode="&#xe007;" d="M 265.143,370.286q 26.571,0 45.286-18.714t 18.714-45.286l0-201.143 q0-26.286 -18.714-45.143t-45.286-18.857l-201.143,0 q-26.571,0 -45.286,18.857t-18.714,45.143l0,201.143 q0,26.571 18.714,45.286t 45.286,18.714l 201.143,0 zM 292.571,105.143l0,201.143 q0,11.429 -8,19.429t-19.429,8l-201.143,0 q-11.429,0 -19.429-8t-8-19.429l0-201.143 q0-11.429 8-19.429t 19.429-8l 201.143,0 q 11.429,0 19.429,8t 8,19.429z M 246.857,224q 4,0 6.571-2.571t 2.571-6.571l0-18.286 q0-4 -2.571-6.571t-6.571-2.571l-164.571,0 q-4,0 -6.571,2.571t-2.571,6.571l0,18.286 q0,4 2.571,6.571t 6.571,2.571l 164.571,0 z" horiz-adv-x="329.143"  />
26 
+<glyph unicode="&#xe008;" d="M 365.714,205.714l0,36.571 q0,7.429 -5.429,12.857t-12.857,5.429l-91.429,0 l0,91.429 q0,7.429 -5.429,12.857t-12.857,5.429l-36.571,0 q-7.429,0 -12.857-5.429t-5.429-12.857l0-91.429 l-91.429,0 q-7.429,0 -12.857-5.429t-5.429-12.857l0-36.571 q0-7.429 5.429-12.857t 12.857-5.429l 91.429,0 l0-91.429 q0-7.429 5.429-12.857t 12.857-5.429l 36.571,0 q 7.429,0 12.857,5.429t 5.429,12.857l0,91.429 l 91.429,0 q 7.429,0 12.857,5.429t 5.429,12.857zM 438.857,361.143l0-274.286  q0-34 -24.143-58.143t-58.143-24.143l-274.286,0 q-34,0 -58.143,24.143t-24.143,58.143l0,274.286 q0,34 24.143,58.143t 58.143,24.143l 274.286,0 q 34,0 58.143-24.143t 24.143-58.143z" horiz-adv-x="438.857"  />
27 
+<glyph unicode="&#xe009;" d="M 365.714,205.714l0,36.571 q0,7.429 -5.429,12.857t-12.857,5.429l-256,0 q-7.429,0 -12.857-5.429t-5.429-12.857l0-36.571 q0-7.429 5.429-12.857t 12.857-5.429l 256,0 q 7.429,0 12.857,5.429t 5.429,12.857zM 438.857,361.143l0-274.286 q0-34 -24.143-58.143t-58.143-24.143l-274.286,0 q-34,0 -58.143,24.143t-24.143,58.143l0,274.286 q0,34 24.143,58.143t 58.143,24.143l 274.286,0 q 34,0 58.143-24.143 t 24.143-58.143z" horiz-adv-x="438.857"  />
28 
+<glyph unicode="&#xe00a;" d="M 512,224C 512,82.615, 397.385-32, 256-32s -256,114.615, -256,256s 114.615,256, 256,256S 512,365.385, 512,224z M 233.372,374.628
29 
+		l -128-128.001C 99.124,240.379, 96,232.189, 96,224s 3.124-16.379 9.372-22.627c 12.497-12.497 32.759-12.497, 45.256,0L 224,274.745
30 
+		L 224,96 c 0-17.673 14.327-32 32-32c 17.673,0, 32,14.327, 32,32l0,178.745 l 73.373-73.373c 12.497-12.497 32.758-12.497, 45.255,0
31 
+		c 12.497,12.497, 12.497,32.758, 0,45.254l -128,128.001C 266.131,387.124, 245.869,387.124, 233.372,374.628z"  />
32 
+<glyph unicode="&#xe00b;" d="M 512,224C 512,365.385, 397.385,480, 256,480s -256-114.615, -256-256s 114.615-256, 256-256S 512,82.615, 512,224z M 233.372,73.372
33 
+		l -128,128.001C 99.124,207.621, 96,215.811, 96,224s 3.124,16.379 9.372,22.627c 12.497,12.497 32.759,12.497, 45.256,0L 224,173.255
34 
+		L 224,352 c 0,17.673 14.327,32 32,32c 17.673,0, 32-14.327, 32-32l0-178.745 l 73.373,73.373c 12.497,12.497 32.758,12.497, 45.255,0
35 
+		c 12.497-12.497, 12.497-32.758, 0-45.254l -128-128.001C 266.131,60.876, 245.869,60.876, 233.372,73.372z"  />
36 
+<glyph unicode="&#xe00c;" d="M 256,480C 397.385,480, 512,365.385, 512,224s -114.615-256, -256-256s -256,114.615, -256,256S 114.615,480, 256,480z M 105.372,201.372
37 
+		l 128.001-128C 239.621,67.124, 247.811,64, 256,64s 16.379,3.124 22.627,9.372c 12.497,12.497 12.497,32.759,0,45.256L 205.255,192
38 
+		L 384,192 c 17.673,0 32,14.327 32,32c0,17.673, -14.327,32, -32,32l-178.745,0 l 73.373,73.373c 12.497,12.497 12.497,32.758,0,45.255
39 
+		c -12.497,12.497, -32.758,12.497, -45.254,0l -128.001-128C 92.876,234.131, 92.876,213.869, 105.372,201.372z"  />
40 
+<glyph unicode="&#xe00d;" d="M 256,480C 114.615,480,0,365.385,0,224s 114.615-256, 256-256s 256,114.615, 256,256S 397.385,480, 256,480z M 406.628,201.372
41 
+		l-128.001-128C 272.379,67.124, 264.189,64, 256,64s-16.379,3.124-22.627,9.372c-12.497,12.497-12.497,32.759,0,45.256L 306.745,192
42 
+		L 128,192 c-17.673,0-32,14.327-32,32c0,17.673, 14.327,32, 32,32l 178.745,0 l-73.373,73.373c-12.497,12.497-12.497,32.758,0,45.255
43 
+		c 12.497,12.497, 32.758,12.497, 45.254,0l 128.001-128C 419.124,234.131, 419.124,213.869, 406.628,201.372z"  />
44 
+<glyph unicode="&#xe00e;" d="M0,160L 96,64L 256,224L 416,64L 512,160L 256.001,416 z"  />
45 
+<glyph unicode="&#xe00f;" d="M 512,288L 416,384L 256,224L 96,384L0,288L 256,32.001 z"  />
46 
+<glyph unicode="&#xe010;" d="M 320-32L 416,64L 256,224L 416,384L 320,480L 64,224 z"  />
47 
+<glyph unicode="&#xe011;" d="M 192,480L 96,384L 256,224L 96,64L 192-32L 448,224 z"  />
48 
+<glyph unicode="&#xe012;" d="M 292.571,132.571q0-7.429 -5.429-12.857t-12.857-5.429l-256,0 q-7.429,0 -12.857,5.429t-5.429,12.857t 5.429,12.857l 128,128q 5.429,5.429 12.857,5.429t 12.857-5.429l 128-128q 5.429-5.429 5.429-12.857z" horiz-adv-x="292.571"  />
49 
+<glyph unicode="&#xe013;" d="M 292.571,278.857q0-7.429 -5.429-12.857l-128-128q-5.429-5.429 -12.857-5.429t-12.857,5.429l-128,128q-5.429,5.429 -5.429,12.857t 5.429,12.857t 12.857,5.429l 256,0 q 7.429,0 12.857-5.429t 5.429-12.857z" horiz-adv-x="292.571"  />
50 
+<glyph unicode="&#xe014;" d="M 182.857,352l0-256 q0-7.429 -5.429-12.857t-12.857-5.429t-12.857,5.429l-128,128q-5.429,5.429 -5.429,12.857t 5.429,12.857l 128,128q 5.429,5.429 12.857,5.429t 12.857-5.429t 5.429-12.857z" horiz-adv-x="182.857"  />
51 
+<glyph unicode="&#xe015;" d="M 164.571,224q0-7.429 -5.429-12.857l-128-128q-5.429-5.429 -12.857-5.429t-12.857,5.429t-5.429,12.857l0,256 q0,7.429 5.429,12.857t 12.857,5.429t 12.857-5.429l 128-128q 5.429-5.429 5.429-12.857z" horiz-adv-x="182.857"  />
52 
+<glyph unicode="&#xe016;" d="M 256,480L 32-32L 256,64L 480-32 z"  />
53 
+<glyph unicode="&#xe017;" d="M 256-32L 480,480L 256,384L 32,480 z"  />
54 
+<glyph unicode="&#xe018;" d="M0,224L 512,0L 416,224L 512,448 z"  />
55 
+<glyph unicode="&#xe019;" d="M 512,224L0,448L 96,224L0,0 z"  />
56 
+<glyph unicode="&#xe01a;" d="M 512,224C 512,82.615, 397.385-32, 256-32s -256,114.615, -256,256s 114.615,256, 256,256S 512,365.385, 512,224z M 48,224
57 
+		c 0-114.875 93.125-208 208-208S 464,109.125, 464,224s -93.125,208, -208,208S 48,338.875, 48,224zM 278.627,374.628l 128-128.001c 12.497-12.496 12.497-32.757 0-45.254c -12.497-12.497 -32.758-12.497,-45.255,0L 288,274.745
58 
+	L 288,96 c 0-17.673 -14.327-32 -32-32c-17.673,0, -32,14.327, -32,32l0,178.745 l -73.372-73.373c -12.497-12.497 -32.759-12.497,-45.256,0
59 
+	C 99.124,207.621, 96,215.811, 96,224s 3.124,16.379, 9.372,22.627l 128,128.001C 245.869,387.124, 266.131,387.124, 278.627,374.628z"  />
60 
+<glyph unicode="&#xe01b;" d="M 512,224C 512,365.385, 397.385,480, 256,480s -256-114.615, -256-256s 114.615-256, 256-256S 512,82.615, 512,224z M 48,224
61 
+		c 0,114.875 93.125,208 208,208S 464,338.875, 464,224s -93.125-208, -208-208S 48,109.125, 48,224zM 278.627,73.372l 128,128.001c 12.497,12.496 12.497,32.757 0,45.254c -12.497,12.497 -32.758,12.497,-45.255,0L 288,173.255
62 
+	L 288,352 c 0,17.673 -14.327,32 -32,32c-17.673,0, -32-14.327, -32-32l0-178.745 l -73.372,73.373c -12.497,12.497 -32.759,12.497,-45.256,0
63 
+	C 99.124,240.379, 96,232.189, 96,224s 3.124-16.379, 9.372-22.627l 128-128.001C 245.869,60.876, 266.131,60.876, 278.627,73.372z"  />
64 
+<glyph unicode="&#xe01c;" d="M 256,480C 397.385,480, 512,365.385, 512,224s -114.615-256, -256-256s -256,114.615, -256,256S 114.615,480, 256,480z M 256,16
65 
+		c 114.875,0 208,93.125 208,208S 370.875,432, 256,432s -208-93.125, -208-208S 141.125,16, 256,16zM 105.372,246.627l 128.001,128c 12.496,12.497 32.757,12.497 45.254,0c 12.497-12.497 12.497-32.758,0-45.255L 205.255,256
66 
+	L 384,256 c 17.673,0 32-14.327 32-32c0-17.673, -14.327-32, -32-32l-178.745,0 l 73.373-73.372c 12.497-12.497 12.497-32.759,0-45.256
67 
+	C 272.379,67.124, 264.189,64, 256,64s -16.379,3.124, -22.627,9.372l -128.001,128C 92.876,213.869, 92.876,234.131, 105.372,246.627z"  />
68 
+<glyph unicode="&#xe01d;" d="M 256,480C 114.615,480,0,365.385,0,224s 114.615-256, 256-256s 256,114.615, 256,256S 397.385,480, 256,480z M 256,16
69 
+		c-114.875,0-208,93.125-208,208S 141.125,432, 256,432s 208-93.125, 208-208S 370.875,16, 256,16zM 406.628,246.627l-128.001,128c-12.496,12.497-32.757,12.497-45.254,0c-12.497-12.497-12.497-32.758,0-45.255L 306.745,256
70 
+	L 128,256 c-17.673,0-32-14.327-32-32c0-17.673, 14.327-32, 32-32l 178.745,0 l-73.373-73.372c-12.497-12.497-12.497-32.759,0-45.256
71 
+	C 239.621,67.124, 247.811,64, 256,64s 16.379,3.124, 22.627,9.372l 128.001,128C 419.124,213.869, 419.124,234.131, 406.628,246.627z"  />
72 
+<glyph unicode="&#xe01e;" d="M 307.143,141.714q0-3.714 -2.857-6.571l-14.286-14.286q-2.857-2.857 -6.571-2.857t-6.571,2.857l-112.286,112.286l-112.286-112.286q-2.857-2.857 -6.571-2.857t-6.571,2.857l-14.286,14.286q-2.857,2.857 -2.857,6.571t 2.857,6.571l 133.143,133.143q 2.857,2.857 6.571,2.857t 6.571-2.857l 133.143-133.143q 2.857-2.857 2.857-6.571z" horiz-adv-x="329.143"  />
73 
+<glyph unicode="&#xe01f;" d="M 307.143,269.714q0-3.714 -2.857-6.571l-133.143-133.143q-2.857-2.857 -6.571-2.857t-6.571,2.857l-133.143,133.143q-2.857,2.857 -2.857,6.571t 2.857,6.571l 14.286,14.286q 2.857,2.857 6.571,2.857t 6.571-2.857l 112.286-112.286l 112.286,112.286q 2.857,2.857 6.571,2.857t 6.571-2.857l 14.286-14.286q 2.857-2.857 2.857-6.571z" horiz-adv-x="329.143"  />
74 
+<glyph unicode="&#xe020;" d="M 179.143,324.571q0-3.714 -2.857-6.571l-112.286-112.286l 112.286-112.286q 2.857-2.857 2.857-6.571t-2.857-6.571l-14.286-14.286q-2.857-2.857 -6.571-2.857t-6.571,2.857l-133.143,133.143q-2.857,2.857 -2.857,6.571t 2.857,6.571l 133.143,133.143q 2.857,2.857 6.571,2.857t 6.571-2.857l 14.286-14.286q 2.857-2.857 2.857-6.571z" horiz-adv-x="182.857"  />
75 
+<glyph unicode="&#xe021;" d="M 170,205.714q0-3.714 -2.857-6.571l-133.143-133.143q-2.857-2.857 -6.571-2.857t-6.571,2.857l-14.286,14.286q-2.857,2.857 -2.857,6.571t 2.857,6.571l 112.286,112.286l-112.286,112.286q-2.857,2.857 -2.857,6.571t 2.857,6.571l 14.286,14.286q 2.857,2.857 6.571,2.857t 6.571-2.857l 133.143-133.143q 2.857-2.857 2.857-6.571z" horiz-adv-x="182.857"  />
76 
+<glyph unicode="&#xe022;" d="M 292.571,169.143q0-7.429 -5.429-12.857l-128-128q-5.429-5.429 -12.857-5.429t-12.857,5.429l-128,128q-5.429,5.429 -5.429,12.857t 5.429,12.857t 12.857,5.429l 256,0 q 7.429,0 12.857-5.429t 5.429-12.857zM 292.571,278.857q0-7.429 -5.429-12.857t-12.857-5.429l-256,0 q-7.429,0 -12.857,5.429t-5.429,12.857t 5.429,12.857l 128,128q 5.429,5.429 12.857,5.429t 12.857-5.429l 128-128q 5.429-5.429 5.429-12.857z" horiz-adv-x="292.571"  />
77 
+<glyph unicode="&#x20;" horiz-adv-x="256" />
78 
+</font></defs></svg>

Binär
css/plugins/footable/fonts/footable.ttf Visa fil


Binär
css/plugins/footable/fonts/footable.woff Visa fil


+ 178
- 0
css/plugins/footable/footable.core.css Visa fil 

@@ -0,0 +1,178 @@
1 
+@font-face {
2 
+  font-family: 'footable';
3 
+  src: url('fonts/footable.eot');
4 
+  src: url('fonts/footable.eot?#iefix') format('embedded-opentype'), url('fonts/footable.woff') format('woff'), url('fonts/footable.ttf') format('truetype'), url('fonts/footable.svg#footable') format('svg');
5 
+  font-weight: normal;
6 
+  font-style: normal;
7 
+}
8 
+@media screen and (-webkit-min-device-pixel-ratio: 0) {
9 
+  @font-face {
10 
+    font-family: 'footable';
11 
+    src: url('fonts/footable.svg#footable') format('svg');
12 
+    font-weight: normal;
13 
+    font-style: normal;
14 
+  }
15 
+}
16 
+.footable {
17 
+  width: 100%;
18 
+  /** SORTING **/
19 
+
20 
+  /** PAGINATION **/
21 
+
22 
+}
23 
+.footable.breakpoint > tbody > tr.footable-detail-show > td {
24 
+  border-bottom: none;
25 
+}
26 
+.footable.breakpoint > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
27 
+  content: "\e001";
28 
+}
29 
+.footable.breakpoint > tbody > tr:hover:not(.footable-row-detail) {
30 
+  cursor: pointer;
31 
+}
32 
+.footable.breakpoint > tbody > tr > td.footable-cell-detail {
33 
+  background: #eee;
34 
+  border-top: none;
35 
+}
36 
+.footable.breakpoint > tbody > tr > td > span.footable-toggle {
37 
+  display: inline-block;
38 
+  font-family: 'footable';
39 
+  speak: none;
40 
+  font-style: normal;
41 
+  font-weight: normal;
42 
+  font-variant: normal;
43 
+  text-transform: none;
44 
+  -webkit-font-smoothing: antialiased;
45 
+  padding-right: 5px;
46 
+  font-size: 14px;
47 
+  color: #888888;
48 
+}
49 
+.footable.breakpoint > tbody > tr > td > span.footable-toggle:before {
50 
+  content: "\e000";
51 
+}
52 
+.footable.breakpoint.toggle-circle > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
53 
+  content: "\e005";
54 
+}
55 
+.footable.breakpoint.toggle-circle > tbody > tr > td > span.footable-toggle:before {
56 
+  content: "\e004";
57 
+}
58 
+.footable.breakpoint.toggle-circle-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
59 
+  content: "\e003";
60 
+}
61 
+.footable.breakpoint.toggle-circle-filled > tbody > tr > td > span.footable-toggle:before {
62 
+  content: "\e002";
63 
+}
64 
+.footable.breakpoint.toggle-square > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
65 
+  content: "\e007";
66 
+}
67 
+.footable.breakpoint.toggle-square > tbody > tr > td > span.footable-toggle:before {
68 
+  content: "\e006";
69 
+}
70 
+.footable.breakpoint.toggle-square-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
71 
+  content: "\e009";
72 
+}
73 
+.footable.breakpoint.toggle-square-filled > tbody > tr > td > span.footable-toggle:before {
74 
+  content: "\e008";
75 
+}
76 
+.footable.breakpoint.toggle-arrow > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
77 
+  content: "\e00f";
78 
+}
79 
+.footable.breakpoint.toggle-arrow > tbody > tr > td > span.footable-toggle:before {
80 
+  content: "\e011";
81 
+}
82 
+.footable.breakpoint.toggle-arrow-small > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
83 
+  content: "\e013";
84 
+}
85 
+.footable.breakpoint.toggle-arrow-small > tbody > tr > td > span.footable-toggle:before {
86 
+  content: "\e015";
87 
+}
88 
+.footable.breakpoint.toggle-arrow-circle > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
89 
+  content: "\e01b";
90 
+}
91 
+.footable.breakpoint.toggle-arrow-circle > tbody > tr > td > span.footable-toggle:before {
92 
+  content: "\e01d";
93 
+}
94 
+.footable.breakpoint.toggle-arrow-circle-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
95 
+  content: "\e00b";
96 
+}
97 
+.footable.breakpoint.toggle-arrow-circle-filled > tbody > tr > td > span.footable-toggle:before {
98 
+  content: "\e00d";
99 
+}
100 
+.footable.breakpoint.toggle-arrow-tiny > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
101 
+  content: "\e01f";
102 
+}
103 
+.footable.breakpoint.toggle-arrow-tiny > tbody > tr > td > span.footable-toggle:before {
104 
+  content: "\e021";
105 
+}
106 
+.footable.breakpoint.toggle-arrow-alt > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
107 
+  content: "\e017";
108 
+}
109 
+.footable.breakpoint.toggle-arrow-alt > tbody > tr > td > span.footable-toggle:before {
110 
+  content: "\e019";
111 
+}
112 
+.footable.breakpoint.toggle-medium > tbody > tr > td > span.footable-toggle {
113 
+  font-size: 18px;
114 
+}
115 
+.footable.breakpoint.toggle-large > tbody > tr > td > span.footable-toggle {
116 
+  font-size: 24px;
117 
+}
118 
+.footable > thead > tr > th {
119 
+  -webkit-touch-callout: none;
120 
+  -webkit-user-select: none;
121 
+  -khtml-user-select: none;
122 
+  -moz-user-select: -moz-none;
123 
+  -ms-user-select: none;
124 
+  user-select: none;
125 
+}
126 
+.footable > thead > tr > th.footable-sortable:hover {
127 
+  cursor: pointer;
128 
+}
129 
+.footable > thead > tr > th.footable-sorted > span.footable-sort-indicator:before {
130 
+  content: "\e013";
131 
+}
132 
+.footable > thead > tr > th.footable-sorted-desc > span.footable-sort-indicator:before {
133 
+  content: "\e012";
134 
+}
135 
+.footable > thead > tr > th > span.footable-sort-indicator {
136 
+  display: inline-block;
137 
+  font-family: 'footable';
138 
+  speak: none;
139 
+  font-style: normal;
140 
+  font-weight: normal;
141 
+  font-variant: normal;
142 
+  text-transform: none;
143 
+  -webkit-font-smoothing: antialiased;
144 
+  padding-left: 5px;
145 
+}
146 
+.footable > thead > tr > th > span.footable-sort-indicator:before {
147 
+  content: "\e022";
148 
+}
149 
+.footable > tfoot .pagination {
150 
+  margin: 0;
151 
+}
152 
+.footable.no-paging .hide-if-no-paging {
153 
+  display: none;
154 
+}
155 
+.footable-row-detail-inner {
156 
+  display: table;
157 
+}
158 
+.footable-row-detail-row {
159 
+  display: table-row;
160 
+  line-height: 1.5em;
161 
+}
162 
+.footable-row-detail-group {
163 
+  display: block;
164 
+  line-height: 2em;
165 
+  font-size: 1.2em;
166 
+  font-weight: bold;
167 
+}
168 
+.footable-row-detail-name {
169 
+  display: table-cell;
170 
+  font-weight: bold;
171 
+  padding-right: 0.5em;
172 
+}
173 
+.footable-row-detail-value {
174 
+  display: table-cell;
175 
+}
176 
+.footable-odd {
177 
+  background-color: #f7f7f7;
178 
+}

+ 977
- 0
css/plugins/fullcalendar/fullcalendar.css Visa fil 

@@ -0,0 +1,977 @@
1 
+/*!
2 
+ * FullCalendar v2.2.0 Stylesheet
3 
+ * Docs & License: http://arshaw.com/fullcalendar/
4 
+ * (c) 2013 Adam Shaw
5 
+ */
6 
+
7 
+
8 
+.fc {
9 
+    direction: ltr;
10 
+    text-align: left;
11 
+}
12 
+
13 
+.fc-rtl {
14 
+    text-align: right;
15 
+}
16 
+
17 
+body .fc { /* extra precedence to overcome jqui */
18 
+    font-size: 1em;
19 
+}
20 
+
21 
+
22 
+/* Colors
23 
+--------------------------------------------------------------------------------------------------*/
24 
+
25 
+.fc-unthemed th,
26 
+.fc-unthemed td,
27 
+.fc-unthemed hr,
28 
+.fc-unthemed thead,
29 
+.fc-unthemed tbody,
30 
+.fc-unthemed .fc-row,
31 
+.fc-unthemed .fc-popover {
32 
+    border-color: #ddd;
33 
+}
34 
+
35 
+.fc-unthemed .fc-popover {
36 
+    background-color: #fff;
37 
+}
38 
+
39 
+.fc-unthemed hr,
40 
+.fc-unthemed .fc-popover .fc-header {
41 
+    background: #eee;
42 
+}
43 
+
44 
+.fc-unthemed .fc-popover .fc-header .fc-close {
45 
+    color: #666;
46 
+}
47 
+
48 
+.fc-unthemed .fc-today {
49 
+    background: #fcf8e3;
50 
+}
51 
+
52 
+.fc-highlight { /* when user is selecting cells */
53 
+    background: #bce8f1;
54 
+    opacity: .3;
55 
+    filter: alpha(opacity=30); /* for IE */
56 
+}
57 
+
58 
+.fc-bgevent { /* default look for background events */
59 
+    background: rgb(143, 223, 130);
60 
+    opacity: .3;
61 
+    filter: alpha(opacity=30); /* for IE */
62 
+}
63 
+
64 
+.fc-nonbusiness { /* default look for non-business-hours areas */
65 
+    /* will inherit .fc-bgevent's styles */
66 
+    background: #ccc;
67 
+}
68 
+
69 
+
70 
+/* Icons (inline elements with styled text that mock arrow icons)
71 
+--------------------------------------------------------------------------------------------------*/
72 
+
73 
+.fc-icon {
74 
+    display: inline-block;
75 
+    font-size: 2em;
76 
+    line-height: .5em;
77 
+    height: .5em; /* will make the total height 1em */
78 
+    font-family: "Courier New", Courier, monospace;
79 
+}
80 
+
81 
+.fc-icon-left-single-arrow:after {
82 
+    content: "\02039";
83 
+    font-weight: bold;
84 
+}
85 
+
86 
+.fc-icon-right-single-arrow:after {
87 
+    content: "\0203A";
88 
+    font-weight: bold;
89 
+}
90 
+
91 
+.fc-icon-left-double-arrow:after {
92 
+    content: "\000AB";
93 
+}
94 
+
95 
+.fc-icon-right-double-arrow:after {
96 
+    content: "\000BB";
97 
+}
98 
+
99 
+.fc-icon-x:after {
100 
+    content: "\000D7";
101 
+}
102 
+
103 
+
104 
+/* Buttons (styled <button> tags, normalized to work cross-browser)
105 
+--------------------------------------------------------------------------------------------------*/
106 
+
107 
+.fc button {
108 
+    /* force height to include the border and padding */
109 
+    -moz-box-sizing: border-box;
110 
+    -webkit-box-sizing: border-box;
111 
+    box-sizing: border-box;
112 
+
113 
+    /* dimensions */
114 
+    margin: 0;
115 
+    height: 2.1em;
116 
+    padding: 0 .6em;
117 
+
118 
+    /* text & cursor */
119 
+    font-size: 1em; /* normalize */
120 
+    white-space: nowrap;
121 
+    cursor: pointer;
122 
+}
123 
+
124 
+/* Firefox has an annoying inner border */
125 
+.fc button::-moz-focus-inner { margin: 0; padding: 0; }
126 
+
127 
+.fc-state-default { /* non-theme */
128 
+    border: 1px solid;
129 
+}
130 
+
131 
+.fc-state-default.fc-corner-left { /* non-theme */
132 
+    border-top-left-radius: 4px;
133 
+    border-bottom-left-radius: 4px;
134 
+}
135 
+
136 
+.fc-state-default.fc-corner-right { /* non-theme */
137 
+    border-top-right-radius: 4px;
138 
+    border-bottom-right-radius: 4px;
139 
+}
140 
+
141 
+/* icons in buttons */
142 
+
143 
+.fc button .fc-icon { /* non-theme */
144 
+    position: relative;
145 
+    top: .05em; /* seems to be a good adjustment across browsers */
146 
+    margin: 0 .1em;
147 
+}
148 
+
149 
+/*
150 
+  button states
151 
+  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
152 
+*/
153 
+
154 
+.fc-state-default {
155 
+    background-color: #f5f5f5;
156 
+    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
157 
+    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
158 
+    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
159 
+    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
160 
+    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
161 
+    background-repeat: repeat-x;
162 
+    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
163 
+    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
164 
+    color: #333;
165 
+    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
166 
+    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
167 
+}
168 
+
169 
+.fc-state-hover,
170 
+.fc-state-down,
171 
+.fc-state-active,
172 
+.fc-state-disabled {
173 
+    color: #333333;
174 
+    background-color: #e6e6e6;
175 
+}
176 
+
177 
+.fc-state-hover {
178 
+    color: #333333;
179 
+    text-decoration: none;
180 
+    background-position: 0 -15px;
181 
+    -webkit-transition: background-position 0.1s linear;
182 
+    -moz-transition: background-position 0.1s linear;
183 
+    -o-transition: background-position 0.1s linear;
184 
+    transition: background-position 0.1s linear;
185 
+}
186 
+
187 
+.fc-state-down,
188 
+.fc-state-active {
189 
+    background-color: #cccccc;
190 
+    background-image: none;
191 
+    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
192 
+}
193 
+
194 
+.fc-state-disabled {
195 
+    cursor: default;
196 
+    background-image: none;
197 
+    opacity: 0.65;
198 
+    filter: alpha(opacity=65);
199 
+    box-shadow: none;
200 
+}
201 
+
202 
+
203 
+/* Buttons Groups
204 
+--------------------------------------------------------------------------------------------------*/
205 
+
206 
+.fc-button-group {
207 
+    display: inline-block;
208 
+}
209 
+
210 
+/*
211 
+every button that is not first in a button group should scootch over one pixel and cover the
212 
+previous button's border...
213 
+*/
214 
+
215 
+.fc .fc-button-group > * { /* extra precedence b/c buttons have margin set to zero */
216 
+    float: left;
217 
+    margin: 0 0 0 -1px;
218 
+}
219 
+
220 
+.fc .fc-button-group > :first-child { /* same */
221 
+    margin-left: 0;
222 
+}
223 
+
224 
+
225 
+/* Popover
226 
+--------------------------------------------------------------------------------------------------*/
227 
+
228 
+.fc-popover {
229 
+    position: absolute;
230 
+    box-shadow: 0 2px 6px rgba(0,0,0,.15);
231 
+}
232 
+
233 
+.fc-popover .fc-header {
234 
+    padding: 2px 4px;
235 
+}
236 
+
237 
+.fc-popover .fc-header .fc-title {
238 
+    margin: 0 2px;
239 
+}
240 
+
241 
+.fc-popover .fc-header .fc-close {
242 
+    cursor: pointer;
243 
+}
244 
+
245 
+.fc-ltr .fc-popover .fc-header .fc-title,
246 
+.fc-rtl .fc-popover .fc-header .fc-close {
247 
+    float: left;
248 
+}
249 
+
250 
+.fc-rtl .fc-popover .fc-header .fc-title,
251 
+.fc-ltr .fc-popover .fc-header .fc-close {
252 
+    float: right;
253 
+}
254 
+
255 
+/* unthemed */
256 
+
257 
+.fc-unthemed .fc-popover {
258 
+    border-width: 1px;
259 
+    border-style: solid;
260 
+}
261 
+
262 
+.fc-unthemed .fc-popover .fc-header .fc-close {
263 
+    font-size: 25px;
264 
+    margin-top: 4px;
265 
+}
266 
+
267 
+/* jqui themed */
268 
+
269 
+.fc-popover > .ui-widget-header + .ui-widget-content {
270 
+    border-top: 0; /* where they meet, let the header have the border */
271 
+}
272 
+
273 
+
274 
+/* Misc Reusable Components
275 
+--------------------------------------------------------------------------------------------------*/
276 
+
277 
+.fc hr {
278 
+    height: 0;
279 
+    margin: 0;
280 
+    padding: 0 0 2px; /* height is unreliable across browsers, so use padding */
281 
+    border-style: solid;
282 
+    border-width: 1px 0;
283 
+}
284 
+
285 
+.fc-clear {
286 
+    clear: both;
287 
+}
288 
+
289 
+.fc-bg,
290 
+.fc-bgevent-skeleton,
291 
+.fc-highlight-skeleton,
292 
+.fc-helper-skeleton {
293 
+    /* these element should always cling to top-left/right corners */
294 
+    position: absolute;
295 
+    top: 0;
296 
+    left: 0;
297 
+    right: 0;
298 
+}
299 
+
300 
+.fc-bg {
301 
+    bottom: 0; /* strech bg to bottom edge */
302 
+}
303 
+
304 
+.fc-bg table {
305 
+    height: 100%; /* strech bg to bottom edge */
306 
+}
307 
+
308 
+
309 
+/* Tables
310 
+--------------------------------------------------------------------------------------------------*/
311 
+
312 
+.fc table {
313 
+    width: 100%;
314 
+    table-layout: fixed;
315 
+    border-collapse: collapse;
316 
+    border-spacing: 0;
317 
+    font-size: 1em; /* normalize cross-browser */
318 
+}
319 
+
320 
+.fc th {
321 
+    text-align: center;
322 
+}
323 
+
324 
+.fc th,
325 
+.fc td {
326 
+    border-style: solid;
327 
+    border-width: 1px;
328 
+    padding: 0;
329 
+    vertical-align: top;
330 
+}
331 
+
332 
+.fc td.fc-today {
333 
+    border-style: double; /* overcome neighboring borders */
334 
+}
335 
+
336 
+
337 
+/* Fake Table Rows
338 
+--------------------------------------------------------------------------------------------------*/
339 
+
340 
+.fc .fc-row { /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
341 
+    /* no visible border by default. but make available if need be (scrollbar width compensation) */
342 
+    border-style: solid;
343 
+    border-width: 0;
344 
+}
345 
+
346 
+.fc-row table {
347 
+    /* don't put left/right border on anything within a fake row.
348 
+       the outer tbody will worry about this */
349 
+    border-left: 0 hidden transparent;
350 
+    border-right: 0 hidden transparent;
351 
+
352 
+    /* no bottom borders on rows */
353 
+    border-bottom: 0 hidden transparent;
354 
+}
355 
+
356 
+.fc-row:first-child table {
357 
+    border-top: 0 hidden transparent; /* no top border on first row */
358 
+}
359 
+
360 
+
361 
+/* Day Row (used within the header and the DayGrid)
362 
+--------------------------------------------------------------------------------------------------*/
363 
+
364 
+.fc-row {
365 
+    position: relative;
366 
+}
367 
+
368 
+.fc-row .fc-bg {
369 
+    z-index: 1;
370 
+}
371 
+
372 
+/* highlighting cells & background event skeleton */
373 
+
374 
+.fc-row .fc-bgevent-skeleton,
375 
+.fc-row .fc-highlight-skeleton {
376 
+    bottom: 0; /* stretch skeleton to bottom of row */
377 
+}
378 
+
379 
+.fc-row .fc-bgevent-skeleton table,
380 
+.fc-row .fc-highlight-skeleton table {
381 
+    height: 100%; /* stretch skeleton to bottom of row */
382 
+}
383 
+
384 
+.fc-row .fc-highlight-skeleton td,
385 
+.fc-row .fc-bgevent-skeleton td {
386 
+    border-color: transparent;
387 
+}
388 
+
389 
+.fc-row .fc-bgevent-skeleton {
390 
+    z-index: 2;
391 
+
392 
+}
393 
+
394 
+.fc-row .fc-highlight-skeleton {
395 
+    z-index: 3;
396 
+}
397 
+
398 
+/*
399 
+row content (which contains day/week numbers and events) as well as "helper" (which contains
400 
+temporary rendered events).
401 
+*/
402 
+
403 
+.fc-row .fc-content-skeleton {
404 
+    position: relative;
405 
+    z-index: 4;
406 
+    padding-bottom: 2px; /* matches the space above the events */
407 
+}
408 
+
409 
+.fc-row .fc-helper-skeleton {
410 
+    z-index: 5;
411 
+}
412 
+
413 
+.fc-row .fc-content-skeleton td,
414 
+.fc-row .fc-helper-skeleton td {
415 
+    /* see-through to the background below */
416 
+    background: none; /* in case <td>s are globally styled */
417 
+    border-color: transparent;
418 
+
419 
+    /* don't put a border between events and/or the day number */
420 
+    border-bottom: 0;
421 
+}
422 
+
423 
+.fc-row .fc-content-skeleton tbody td, /* cells with events inside (so NOT the day number cell) */
424 
+.fc-row .fc-helper-skeleton tbody td {
425 
+    /* don't put a border between event cells */
426 
+    border-top: 0;
427 
+}
428 
+
429 
+
430 
+/* Scrolling Container
431 
+--------------------------------------------------------------------------------------------------*/
432 
+
433 
+.fc-scroller { /* this class goes on elements for guaranteed vertical scrollbars */
434 
+    overflow-y: scroll;
435 
+    overflow-x: hidden;
436 
+}
437 
+
438 
+.fc-scroller > * { /* we expect an immediate inner element */
439 
+    position: relative; /* re-scope all positions */
440 
+    width: 100%; /* hack to force re-sizing this inner element when scrollbars appear/disappear */
441 
+    overflow: hidden; /* don't let negative margins or absolute positioning create further scroll */
442 
+}
443 
+
444 
+
445 
+/* Global Event Styles
446 
+--------------------------------------------------------------------------------------------------*/
447 
+
448 
+.fc-event {
449 
+    position: relative; /* for resize handle and other inner positioning */
450 
+    display: block; /* make the <a> tag block */
451 
+    font-size: .85em;
452 
+    line-height: 1.3;
453 
+    border-radius: 3px;
454 
+    border: 1px solid #3a87ad; /* default BORDER color */
455 
+    background-color: #3a87ad; /* default BACKGROUND color */
456 
+    font-weight: normal; /* undo jqui's ui-widget-header bold */
457 
+}
458 
+
459 
+/* overpower some of bootstrap's and jqui's styles on <a> tags */
460 
+.fc-event,
461 
+.fc-event:hover,
462 
+.ui-widget .fc-event {
463 
+    color: #fff; /* default TEXT color */
464 
+    text-decoration: none; /* if <a> has an href */
465 
+}
466 
+
467 
+.fc-event[href],
468 
+.fc-event.fc-draggable {
469 
+    cursor: pointer; /* give events with links and draggable events a hand mouse pointer */
470 
+}
471 
+
472 
+.fc-not-allowed, /* causes a "warning" cursor. applied on body */
473 
+.fc-not-allowed .fc-event { /* to override an event's custom cursor */
474 
+    cursor: not-allowed;
475 
+}
476 
+
477 
+
478 
+/* DayGrid events
479 
+----------------------------------------------------------------------------------------------------
480 
+We use the full "fc-day-grid-event" class instead of using descendants because the event won't
481 
+be a descendant of the grid when it is being dragged.
482 
+*/
483 
+
484 
+.fc-day-grid-event {
485 
+    margin: 1px 2px 0; /* spacing between events and edges */
486 
+    padding: 0 1px;
487 
+}
488 
+
489 
+/* events that are continuing to/from another week. kill rounded corners and butt up against edge */
490 
+
491 
+.fc-ltr .fc-day-grid-event.fc-not-start,
492 
+.fc-rtl .fc-day-grid-event.fc-not-end {
493 
+    margin-left: 0;
494 
+    border-left-width: 0;
495 
+    padding-left: 1px; /* replace the border with padding */
496 
+    border-top-left-radius: 0;
497 
+    border-bottom-left-radius: 0;
498 
+}
499 
+
500 
+.fc-ltr .fc-day-grid-event.fc-not-end,
501 
+.fc-rtl .fc-day-grid-event.fc-not-start {
502 
+    margin-right: 0;
503 
+    border-right-width: 0;
504 
+    padding-right: 1px; /* replace the border with padding */
505 
+    border-top-right-radius: 0;
506 
+    border-bottom-right-radius: 0;
507 
+}
508 
+
509 
+.fc-day-grid-event > .fc-content { /* force events to be one-line tall */
510 
+    white-space: nowrap;
511 
+    overflow: hidden;
512 
+}
513 
+
514 
+.fc-day-grid-event .fc-time {
515 
+    font-weight: bold;
516 
+}
517 
+
518 
+/* resize handle (outside of fc-content, so can go outside of bounds) */
519 
+
520 
+.fc-day-grid-event .fc-resizer {
521 
+    position: absolute;
522 
+    top: 0;
523 
+    bottom: 0;
524 
+    width: 7px;
525 
+}
526 
+
527 
+.fc-ltr .fc-day-grid-event .fc-resizer {
528 
+    right: -3px;
529 
+    cursor: e-resize;
530 
+}
531 
+
532 
+.fc-rtl .fc-day-grid-event .fc-resizer {
533 
+    left: -3px;
534 
+    cursor: w-resize;
535 
+}
536 
+
537 
+
538 
+/* Event Limiting
539 
+--------------------------------------------------------------------------------------------------*/
540 
+
541 
+/* "more" link that represents hidden events */
542 
+
543 
+a.fc-more {
544 
+    margin: 1px 3px;
545 
+    font-size: .85em;
546 
+    cursor: pointer;
547 
+    text-decoration: none;
548 
+}
549 
+
550 
+a.fc-more:hover {
551 
+    text-decoration: underline;
552 
+}
553 
+
554 
+.fc-limited { /* rows and cells that are hidden because of a "more" link */
555 
+    display: none;
556 
+}
557 
+
558 
+/* popover that appears when "more" link is clicked */
559 
+
560 
+.fc-day-grid .fc-row {
561 
+    z-index: 1; /* make the "more" popover one higher than this */
562 
+}
563 
+
564 
+.fc-more-popover {
565 
+    z-index: 2;
566 
+    width: 220px;
567 
+}
568 
+
569 
+.fc-more-popover .fc-event-container {
570 
+    padding: 10px;
571 
+}
572 
+
573 
+/* Toolbar
574 
+--------------------------------------------------------------------------------------------------*/
575 
+
576 
+.fc-toolbar {
577 
+    text-align: center;
578 
+    margin-bottom: 1em;
579 
+}
580 
+
581 
+.fc-toolbar .fc-left {
582 
+    float: left;
583 
+}
584 
+
585 
+.fc-toolbar .fc-right {
586 
+    float: right;
587 
+}
588 
+
589 
+.fc-toolbar .fc-center {
590 
+    display: inline-block;
591 
+}
592 
+
593 
+/* the things within each left/right/center section */
594 
+.fc .fc-toolbar > * > * { /* extra precedence to override button border margins */
595 
+    float: left;
596 
+    margin-left: .75em;
597 
+}
598 
+
599 
+/* the first thing within each left/center/right section */
600 
+.fc .fc-toolbar > * > :first-child { /* extra precedence to override button border margins */
601 
+    margin-left: 0;
602 
+}
603 
+
604 
+/* title text */
605 
+
606 
+.fc-toolbar h2 {
607 
+    margin: 0;
608 
+}
609 
+
610 
+/* button layering (for border precedence) */
611 
+
612 
+.fc-toolbar button {
613 
+    position: relative;
614 
+}
615 
+
616 
+.fc-toolbar .fc-state-hover,
617 
+.fc-toolbar .ui-state-hover {
618 
+    z-index: 2;
619 
+}
620 
+
621 
+.fc-toolbar .fc-state-down {
622 
+    z-index: 3;
623 
+}
624 
+
625 
+.fc-toolbar .fc-state-active,
626 
+.fc-toolbar .ui-state-active {
627 
+    z-index: 4;
628 
+}
629 
+
630 
+.fc-toolbar button:focus {
631 
+    z-index: 5;
632 
+}
633 
+
634 
+
635 
+/* View Structure
636 
+--------------------------------------------------------------------------------------------------*/
637 
+
638 
+/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
639 
+/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
640 
+.fc-view-container *,
641 
+.fc-view-container *:before,
642 
+.fc-view-container *:after {
643 
+    -webkit-box-sizing: content-box;
644 
+    -moz-box-sizing: content-box;
645 
+    box-sizing: content-box;
646 
+}
647 
+
648 
+.fc-view, /* scope positioning and z-index's for everything within the view */
649 
+.fc-view > table { /* so dragged elements can be above the view's main element */
650 
+    position: relative;
651 
+    z-index: 1;
652 
+}
653 
+
654 
+/* BasicView
655 
+--------------------------------------------------------------------------------------------------*/
656 
+
657 
+/* day row structure */
658 
+
659 
+.fc-basicWeek-view .fc-content-skeleton,
660 
+.fc-basicDay-view .fc-content-skeleton {
661 
+    /* we are sure there are no day numbers in these views, so... */
662 
+    padding-top: 1px; /* add a pixel to make sure there are 2px padding above events */
663 
+    padding-bottom: 1em; /* ensure a space at bottom of cell for user selecting/clicking */
664 
+}
665 
+
666 
+.fc-basic-view tbody .fc-row {
667 
+    min-height: 4em; /* ensure that all rows are at least this tall */
668 
+}
669 
+
670 
+/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
671 
+
672 
+.fc-row.fc-rigid {
673 
+    overflow: hidden;
674 
+}
675 
+
676 
+.fc-row.fc-rigid .fc-content-skeleton {
677 
+    position: absolute;
678 
+    top: 0;
679 
+    left: 0;
680 
+    right: 0;
681 
+}
682 
+
683 
+/* week and day number styling */
684 
+
685 
+.fc-basic-view .fc-week-number,
686 
+.fc-basic-view .fc-day-number {
687 
+    padding: 0 2px;
688 
+}
689 
+
690 
+.fc-basic-view td.fc-week-number span,
691 
+.fc-basic-view td.fc-day-number {
692 
+    padding-top: 2px;
693 
+    padding-bottom: 2px;
694 
+}
695 
+
696 
+.fc-basic-view .fc-week-number {
697 
+    text-align: center;
698 
+}
699 
+
700 
+.fc-basic-view .fc-week-number span {
701 
+    /* work around the way we do column resizing and ensure a minimum width */
702 
+    display: inline-block;
703 
+    min-width: 1.25em;
704 
+}
705 
+
706 
+.fc-ltr .fc-basic-view .fc-day-number {
707 
+    text-align: right;
708 
+}
709 
+
710 
+.fc-rtl .fc-basic-view .fc-day-number {
711 
+    text-align: left;
712 
+}
713 
+
714 
+.fc-day-number.fc-other-month {
715 
+    opacity: 0.3;
716 
+    filter: alpha(opacity=30); /* for IE */
717 
+    /* opacity with small font can sometimes look too faded
718 
+       might want to set the 'color' property instead
719 
+       making day-numbers bold also fixes the problem */
720 
+}
721 
+
722 
+/* AgendaView all-day area
723 
+--------------------------------------------------------------------------------------------------*/
724 
+
725 
+.fc-agenda-view .fc-day-grid {
726 
+    position: relative;
727 
+    z-index: 2; /* so the "more.." popover will be over the time grid */
728 
+}
729 
+
730 
+.fc-agenda-view .fc-day-grid .fc-row {
731 
+    min-height: 3em; /* all-day section will never get shorter than this */
732 
+}
733 
+
734 
+.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
735 
+    padding-top: 1px; /* add a pixel to make sure there are 2px padding above events */
736 
+    padding-bottom: 1em; /* give space underneath events for clicking/selecting days */
737 
+}
738 
+
739 
+
740 
+/* TimeGrid axis running down the side (for both the all-day area and the slot area)
741 
+--------------------------------------------------------------------------------------------------*/
742 
+
743 
+.fc .fc-axis { /* .fc to overcome default cell styles */
744 
+    vertical-align: middle;
745 
+    padding: 0 4px;
746 
+    white-space: nowrap;
747 
+}
748 
+
749 
+.fc-ltr .fc-axis {
750 
+    text-align: right;
751 
+}
752 
+
753 
+.fc-rtl .fc-axis {
754 
+    text-align: left;
755 
+}
756 
+
757 
+.ui-widget td.fc-axis {
758 
+    font-weight: normal; /* overcome jqui theme making it bold */
759 
+}
760 
+
761 
+
762 
+/* TimeGrid Structure
763 
+--------------------------------------------------------------------------------------------------*/
764 
+
765 
+.fc-time-grid-container, /* so scroll container's z-index is below all-day */
766 
+.fc-time-grid { /* so slats/bg/content/etc positions get scoped within here */
767 
+    position: relative;
768 
+    z-index: 1;
769 
+}
770 
+
771 
+.fc-time-grid {
772 
+    min-height: 100%; /* so if height setting is 'auto', .fc-bg stretches to fill height */
773 
+}
774 
+
775 
+.fc-time-grid table { /* don't put outer borders on slats/bg/content/etc */
776 
+    border: 0 hidden transparent;
777 
+}
778 
+
779 
+.fc-time-grid > .fc-bg {
780 
+    z-index: 1;
781 
+}
782 
+
783 
+.fc-time-grid .fc-slats,
784 
+.fc-time-grid > hr { /* the <hr> AgendaView injects when grid is shorter than scroller */
785 
+    position: relative;
786 
+    z-index: 2;
787 
+}
788 
+
789 
+.fc-time-grid .fc-bgevent-skeleton,
790 
+.fc-time-grid .fc-content-skeleton {
791 
+    position: absolute;
792 
+    top: 0;
793 
+    left: 0;
794 
+    right: 0;
795 
+}
796 
+
797 
+.fc-time-grid .fc-bgevent-skeleton {
798 
+    z-index: 3;
799 
+}
800 
+
801 
+.fc-time-grid .fc-highlight-skeleton {
802 
+    z-index: 4;
803 
+}
804 
+
805 
+.fc-time-grid .fc-content-skeleton {
806 
+    z-index: 5;
807 
+}
808 
+
809 
+.fc-time-grid .fc-helper-skeleton {
810 
+    z-index: 6;
811 
+}
812 
+
813 
+
814 
+/* TimeGrid Slats (lines that run horizontally)
815 
+--------------------------------------------------------------------------------------------------*/
816 
+
817 
+.fc-slats td {
818 
+    height: 1.5em;
819 
+    border-bottom: 0; /* each cell is responsible for its top border */
820 
+}
821 
+
822 
+.fc-slats .fc-minor td {
823 
+    border-top-style: dotted;
824 
+}
825 
+
826 
+.fc-slats .ui-widget-content { /* for jqui theme */
827 
+    background: none; /* see through to fc-bg */
828 
+}
829 
+
830 
+
831 
+/* TimeGrid Highlighting Slots
832 
+--------------------------------------------------------------------------------------------------*/
833 
+
834 
+.fc-time-grid .fc-highlight-container { /* a div within a cell within the fc-highlight-skeleton */
835 
+    position: relative; /* scopes the left/right of the fc-highlight to be in the column */
836 
+}
837 
+
838 
+.fc-time-grid .fc-highlight {
839 
+    position: absolute;
840 
+    left: 0;
841 
+    right: 0;
842 
+    /* top and bottom will be in by JS */
843 
+}
844 
+
845 
+
846 
+/* TimeGrid Event Containment
847 
+--------------------------------------------------------------------------------------------------*/
848 
+
849 
+.fc-time-grid .fc-event-container, /* a div within a cell within the fc-content-skeleton */
850 
+.fc-time-grid .fc-bgevent-container { /* a div within a cell within the fc-bgevent-skeleton */
851 
+    position: relative;
852 
+}
853 
+
854 
+.fc-ltr .fc-time-grid .fc-event-container { /* space on the sides of events for LTR (default) */
855 
+    margin: 0 2.5% 0 2px;
856 
+}
857 
+
858 
+.fc-rtl .fc-time-grid .fc-event-container { /* space on the sides of events for RTL */
859 
+    margin: 0 2px 0 2.5%;
860 
+}
861 
+
862 
+.fc-time-grid .fc-event,
863 
+.fc-time-grid .fc-bgevent {
864 
+    position: absolute;
865 
+    z-index: 1; /* scope inner z-index's */
866 
+}
867 
+
868 
+.fc-time-grid .fc-bgevent {
869 
+    /* background events always span full width */
870 
+    left: 0;
871 
+    right: 0;
872 
+}
873 
+
874 
+
875 
+/* TimeGrid Event Styling
876 
+----------------------------------------------------------------------------------------------------
877 
+We use the full "fc-time-grid-event" class instead of using descendants because the event won't
878 
+be a descendant of the grid when it is being dragged.
879 
+*/
880 
+
881 
+.fc-time-grid-event.fc-not-start { /* events that are continuing from another day */
882 
+    /* replace space made by the top border with padding */
883 
+    border-top-width: 0;
884 
+    padding-top: 1px;
885 
+
886 
+    /* remove top rounded corners */
887 
+    border-top-left-radius: 0;
888 
+    border-top-right-radius: 0;
889 
+}
890 
+
891 
+.fc-time-grid-event.fc-not-end {
892 
+    /* replace space made by the top border with padding */
893 
+    border-bottom-width: 0;
894 
+    padding-bottom: 1px;
895 
+
896 
+    /* remove bottom rounded corners */
897 
+    border-bottom-left-radius: 0;
898 
+    border-bottom-right-radius: 0;
899 
+}
900 
+
901 
+.fc-time-grid-event {
902 
+    overflow: hidden; /* don't let the bg flow over rounded corners */
903 
+}
904 
+
905 
+.fc-time-grid-event > .fc-content { /* contains the time and title, but no bg and resizer */
906 
+    position: relative;
907 
+    z-index: 2; /* above the bg */
908 
+}
909 
+
910 
+.fc-time-grid-event .fc-time,
911 
+.fc-time-grid-event .fc-title {
912 
+    padding: 0 1px;
913 
+}
914 
+
915 
+.fc-time-grid-event .fc-time {
916 
+    font-size: .85em;
917 
+    white-space: nowrap;
918 
+}
919 
+
920 
+.fc-time-grid-event .fc-bg {
921 
+    z-index: 1;
922 
+    background: #fff;
923 
+    opacity: .25;
924 
+    filter: alpha(opacity=25); /* for IE */
925 
+}
926 
+
927 
+/* short mode, where time and title are on the same line */
928 
+
929 
+.fc-time-grid-event.fc-short .fc-content {
930 
+    /* don't wrap to second line (now that contents will be inline) */
931 
+    white-space: nowrap;
932 
+}
933 
+
934 
+.fc-time-grid-event.fc-short .fc-time,
935 
+.fc-time-grid-event.fc-short .fc-title {
936 
+    /* put the time and title on the same line */
937 
+    display: inline-block;
938 
+    vertical-align: top;
939 
+}
940 
+
941 
+.fc-time-grid-event.fc-short .fc-time span {
942 
+    display: none; /* don't display the full time text... */
943 
+}
944 
+
945 
+.fc-time-grid-event.fc-short .fc-time:before {
946 
+    content: attr(data-start); /* ...instead, display only the start time */
947 
+}
948 
+
949 
+.fc-time-grid-event.fc-short .fc-time:after {
950 
+    content: "\000A0-\000A0"; /* seperate with a dash, wrapped in nbsp's */
951 
+}
952 
+
953 
+.fc-time-grid-event.fc-short .fc-title {
954 
+    font-size: .85em; /* make the title text the same size as the time */
955 
+    padding: 0; /* undo padding from above */
956 
+}
957 
+
958 
+/* resizer */
959 
+
960 
+.fc-time-grid-event .fc-resizer {
961 
+    position: absolute;
962 
+    z-index: 3; /* above content */
963 
+    left: 0;
964 
+    right: 0;
965 
+    bottom: 0;
966 
+    height: 8px;
967 
+    overflow: hidden;
968 
+    line-height: 8px;
969 
+    font-size: 11px;
970 
+    font-family: monospace;
971 
+    text-align: center;
972 
+    cursor: s-resize;
973 
+}
974 
+
975 
+.fc-time-grid-event .fc-resizer:after {
976 
+    content: "=";
977 
+}

+ 202
- 0
css/plugins/fullcalendar/fullcalendar.print.css Visa fil 

@@ -0,0 +1,202 @@
1 
+/*!
2 
+ * FullCalendar v2.2.0 Print Stylesheet
3 
+ * Docs & License: http://arshaw.com/fullcalendar/
4 
+ * (c) 2013 Adam Shaw
5 
+ */
6 
+
7 
+/*
8 
+ * Include this stylesheet on your page to get a more printer-friendly calendar.
9 
+ * When including this stylesheet, use the media='print' attribute of the <link> tag.
10 
+ * Make sure to include this stylesheet IN ADDITION to the regular fullcalendar.css.
11 
+ */
12 
+
13 
+.fc {
14 
+	max-width: 100% !important;
15 
+}
16 
+
17 
+
18 
+/* Global Event Restyling
19 
+--------------------------------------------------------------------------------------------------*/
20 
+
21 
+.fc-event {
22 
+	background: #fff !important;
23 
+	color: #000 !important;
24 
+	page-break-inside: avoid;
25 
+}
26 
+
27 
+.fc-event .fc-resizer {
28 
+	display: none;
29 
+}
30 
+
31 
+
32 
+/* Table & Day-Row Restyling
33 
+--------------------------------------------------------------------------------------------------*/
34 
+
35 
+th,
36 
+td,
37 
+hr,
38 
+thead,
39 
+tbody,
40 
+.fc-row {
41 
+	border-color: #ccc !important;
42 
+	background: #fff !important;
43 
+}
44 
+
45 
+/* kill the overlaid, absolutely-positioned common components */
46 
+.fc-bg,
47 
+.fc-bgevent-skeleton,
48 
+.fc-highlight-skeleton,
49 
+.fc-helper-skeleton {
50 
+	display: none;
51 
+}
52 
+
53 
+/* don't force a min-height on rows (for DayGrid) */
54 
+.fc tbody .fc-row {
55 
+	height: auto !important; /* undo height that JS set in distributeHeight */
56 
+	min-height: 0 !important; /* undo the min-height from each view's specific stylesheet */
57 
+}
58 
+
59 
+.fc tbody .fc-row .fc-content-skeleton {
60 
+	position: static; /* undo .fc-rigid */
61 
+	padding-bottom: 0 !important; /* use a more border-friendly method for this... */
62 
+}
63 
+
64 
+.fc tbody .fc-row .fc-content-skeleton tbody tr:last-child td { /* only works in newer browsers */
65 
+	padding-bottom: 1em; /* ...gives space within the skeleton. also ensures min height in a way */
66 
+}
67 
+
68 
+.fc tbody .fc-row .fc-content-skeleton table {
69 
+	/* provides a min-height for the row, but only effective for IE, which exaggerates this value,
70 
+	   making it look more like 3em. for other browers, it will already be this tall */
71 
+	height: 1em;
72 
+}
73 
+
74 
+
75 
+/* Undo month-view event limiting. Display all events and hide the "more" links
76 
+--------------------------------------------------------------------------------------------------*/
77 
+
78 
+.fc-more-cell,
79 
+.fc-more {
80 
+	display: none !important;
81 
+}
82 
+
83 
+.fc tr.fc-limited {
84 
+	display: table-row !important;
85 
+}
86 
+
87 
+.fc td.fc-limited {
88 
+	display: table-cell !important;
89 
+}
90 
+
91 
+.fc-popover {
92 
+	display: none; /* never display the "more.." popover in print mode */
93 
+}
94 
+
95 
+
96 
+/* TimeGrid Restyling
97 
+--------------------------------------------------------------------------------------------------*/
98 
+
99 
+/* undo the min-height 100% trick used to fill the container's height */
100 
+.fc-time-grid {
101 
+	min-height: 0 !important;
102 
+}
103 
+
104 
+/* don't display the side axis at all ("all-day" and time cells) */
105 
+.fc-agenda-view .fc-axis {
106 
+	display: none;
107 
+}
108 
+
109 
+/* don't display the horizontal lines */
110 
+.fc-slats,
111 
+.fc-time-grid hr { /* this hr is used when height is underused and needs to be filled */
112 
+	display: none !important; /* important overrides inline declaration */
113 
+}
114 
+
115 
+/* let the container that holds the events be naturally positioned and create real height */
116 
+.fc-time-grid .fc-content-skeleton {
117 
+	position: static;
118 
+}
119 
+
120 
+/* in case there are no events, we still want some height */
121 
+.fc-time-grid .fc-content-skeleton table {
122 
+	height: 4em;
123 
+}
124 
+
125 
+/* kill the horizontal spacing made by the event container. event margins will be done below */
126 
+.fc-time-grid .fc-event-container {
127 
+	margin: 0 !important;
128 
+}
129 
+
130 
+
131 
+/* TimeGrid *Event* Restyling
132 
+--------------------------------------------------------------------------------------------------*/
133 
+
134 
+/* naturally position events, vertically stacking them */
135 
+.fc-time-grid .fc-event {
136 
+	position: static !important;
137 
+	margin: 3px 2px !important;
138 
+}
139 
+
140 
+/* for events that continue to a future day, give the bottom border back */
141 
+.fc-time-grid .fc-event.fc-not-end {
142 
+	border-bottom-width: 1px !important;
143 
+}
144 
+
145 
+/* indicate the event continues via "..." text */
146 
+.fc-time-grid .fc-event.fc-not-end:after {
147 
+	content: "...";
148 
+}
149 
+
150 
+/* for events that are continuations from previous days, give the top border back */
151 
+.fc-time-grid .fc-event.fc-not-start {
152 
+	border-top-width: 1px !important;
153 
+}
154 
+
155 
+/* indicate the event is a continuation via "..." text */
156 
+.fc-time-grid .fc-event.fc-not-start:before {
157 
+	content: "...";
158 
+}
159 
+
160 
+/* time */
161 
+
162 
+/* undo a previous declaration and let the time text span to a second line */
163 
+.fc-time-grid .fc-event .fc-time {
164 
+	white-space: normal !important;
165 
+}
166 
+
167 
+/* hide the the time that is normally displayed... */
168 
+.fc-time-grid .fc-event .fc-time span {
169 
+	display: none;
170 
+}
171 
+
172 
+/* ...replace it with a more verbose version (includes AM/PM) stored in an html attribute */
173 
+.fc-time-grid .fc-event .fc-time:after {
174 
+	content: attr(data-full);
175 
+}
176 
+
177 
+
178 
+/* Vertical Scroller & Containers
179 
+--------------------------------------------------------------------------------------------------*/
180 
+
181 
+/* kill the scrollbars and allow natural height */
182 
+.fc-scroller,
183 
+.fc-day-grid-container,    /* these divs might be assigned height, which we need to cleared */
184 
+.fc-time-grid-container {  /* */
185 
+	overflow: visible !important;
186 
+	height: auto !important;
187 
+}
188 
+
189 
+/* kill the horizontal border/padding used to compensate for scrollbars */
190 
+.fc-row {
191 
+	border: 0 !important;
192 
+	margin: 0 !important;
193 
+}
194 
+
195 
+
196 
+/* Button Controls
197 
+--------------------------------------------------------------------------------------------------*/
198 
+
199 
+.fc-button-group,
200 
+.fc button {
201 
+	display: none; /* don't display any button-related controls */
202 
+}

+ 59
- 0
css/plugins/iCheck/custom.css Visa fil 

@@ -0,0 +1,59 @@
1 
+/* iCheck plugin Square skin, green
2 
+----------------------------------- */
3 
+.icheckbox_square-green,
4 
+.iradio_square-green {
5 
+    display: inline-block;
6 
+    *display: inline;
7 
+    vertical-align: middle;
8 
+    margin: 0;
9 
+    padding: 0;
10 
+    width: 22px;
11 
+    height: 22px;
12 
+    background: url(green.png) no-repeat;
13 
+    border: none;
14 
+    cursor: pointer;
15 
+}
16 
+
17 
+.icheckbox_square-green {
18 
+    background-position: 0 0;
19 
+}
20 
+.icheckbox_square-green.hover {
21 
+    background-position: -24px 0;
22 
+}
23 
+.icheckbox_square-green.checked {
24 
+    background-position: -48px 0;
25 
+}
26 
+.icheckbox_square-green.disabled {
27 
+    background-position: -72px 0;
28 
+    cursor: default;
29 
+}
30 
+.icheckbox_square-green.checked.disabled {
31 
+    background-position: -96px 0;
32 
+}
33 
+
34 
+.iradio_square-green {
35 
+    background-position: -120px 0;
36 
+}
37 
+.iradio_square-green.hover {
38 
+    background-position: -144px 0;
39 
+}
40 
+.iradio_square-green.checked {
41 
+    background-position: -168px 0;
42 
+}
43 
+.iradio_square-green.disabled {
44 
+    background-position: -192px 0;
45 
+    cursor: default;
46 
+}
47 
+.iradio_square-green.checked.disabled {
48 
+    background-position: -216px 0;
49 
+}
50 
+
51 
+/* HiDPI support */
52 
+@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
53 
+    .icheckbox_square-green,
54 
+    .iradio_square-green {
55 
+        background-image: url(green@2x.png);
56 
+        -webkit-background-size: 240px 24px;
57 
+        background-size: 240px 24px;
58 
+    }
59 
+}

Binär
css/plugins/iCheck/green.png Visa fil


Binär
css/plugins/iCheck/green@2x.png Visa fil


Binär
css/plugins/images/bootstrap-colorpicker/alpha-horizontal.png Visa fil


Binär
css/plugins/images/bootstrap-colorpicker/alpha.png Visa fil


Binär
css/plugins/images/bootstrap-colorpicker/hue-horizontal.png Visa fil


Binär
css/plugins/images/bootstrap-colorpicker/hue.png Visa fil


Binär
css/plugins/images/bootstrap-colorpicker/saturation.png Visa fil


Binär
css/plugins/images/sort.png Visa fil


Binär
css/plugins/images/sort_asc.png Visa fil


Binär
css/plugins/images/sort_desc.png Visa fil


Binär
css/plugins/images/sprite-skin-flat.png Visa fil


Binär
css/plugins/images/sprite-skin-flat2.png Visa fil


Binär
css/plugins/images/sprite-skin-nice.png Visa fil


Binär
css/plugins/images/sprite-skin-simple.png Visa fil


Binär
css/plugins/images/spritemap.png Visa fil


Binär
css/plugins/images/spritemap@2x.png Visa fil


+ 126
- 0
css/plugins/ionRangeSlider/ion.rangeSlider.css Visa fil 

@@ -0,0 +1,126 @@
1 
+/* Ion.RangeSlider
2 
+// css version 1.8.5
3 
+// by Denis Ineshin | ionden.com
4 
+// ===================================================================================================================*/
5 
+
6 
+/* =====================================================================================================================
7 
+// RangeSlider */
8 
+
9 
+.irs {
10 
+    position: relative; display: block;
11 
+}
12 
+    .irs-line {
13 
+        position: relative; display: block;
14 
+        overflow: hidden;
15 
+    }
16 
+        .irs-line-left, .irs-line-mid, .irs-line-right {
17 
+            position: absolute; display: block;
18 
+            top: 0;
19 
+        }
20 
+        .irs-line-left {
21 
+            left: 0; width: 10%;
22 
+        }
23 
+        .irs-line-mid {
24 
+            left: 10%; width: 80%;
25 
+        }
26 
+        .irs-line-right {
27 
+            right: 0; width: 10%;
28 
+        }
29 
+
30 
+    .irs-diapason {
31 
+        position: absolute; display: block;
32 
+        left: 0; width: 100%;
33 
+    }
34 
+    .irs-slider {
35 
+        position: absolute; display: block;
36 
+        cursor: default;
37 
+        z-index: 1;
38 
+    }
39 
+        .irs-slider.single {
40 
+            left: 10px;
41 
+        }
42 
+            .irs-slider.single:before {
43 
+                position: absolute; display: block; content: "";
44 
+                top: -30%; left: -30%;
45 
+                width: 160%; height: 160%;
46 
+                background: rgba(0,0,0,0.0);
47 
+            }
48 
+        .irs-slider.from {
49 
+            left: 100px;
50 
+        }
51 
+            .irs-slider.from:before {
52 
+                position: absolute; display: block; content: "";
53 
+                top: -30%; left: -30%;
54 
+                width: 130%; height: 160%;
55 
+                background: rgba(0,0,0,0.0);
56 
+            }
57 
+        .irs-slider.to {
58 
+            left: 300px;
59 
+        }
60 
+            .irs-slider.to:before {
61 
+                position: absolute; display: block; content: "";
62 
+                top: -30%; left: 0;
63 
+                width: 130%; height: 160%;
64 
+                background: rgba(0,0,0,0.0);
65 
+            }
66 
+        .irs-slider.last {
67 
+            z-index: 2;
68 
+        }
69 
+
70 
+    .irs-min {
71 
+        position: absolute; display: block;
72 
+        left: 0;
73 
+        cursor: default;
74 
+    }
75 
+    .irs-max {
76 
+        position: absolute; display: block;
77 
+        right: 0;
78 
+        cursor: default;
79 
+    }
80 
+
81 
+    .irs-from, .irs-to, .irs-single {
82 
+        position: absolute; display: block;
83 
+        top: 0; left: 0;
84 
+        cursor: default;
85 
+        white-space: nowrap;
86 
+    }
87 
+
88 
+
89 
+.irs-grid {
90 
+    position: absolute; display: none;
91 
+    bottom: 0; left: 0;
92 
+    width: 100%; height: 20px;
93 
+}
94 
+.irs-with-grid .irs-grid {
95 
+    display: block;
96 
+}
97 
+    .irs-grid-pol {
98 
+        position: absolute;
99 
+        top: 0; left: 0;
100 
+        width: 1px; height: 8px;
101 
+        background: #000;
102 
+    }
103 
+    .irs-grid-pol.small {
104 
+        height: 4px;
105 
+    }
106 
+    .irs-grid-text {
107 
+        position: absolute;
108 
+        bottom: 0; left: 0;
109 
+        width: 100px;
110 
+        white-space: nowrap;
111 
+        text-align: center;
112 
+        font-size: 9px; line-height: 9px;
113 
+        color: #000;
114 
+    }
115 
+
116 
+.irs-disable-mask {
117 
+    position: absolute; display: block;
118 
+    top: 0; left: 0;
119 
+    width: 100%; height: 100%;
120 
+    cursor: default;
121 
+    background: rgba(0,0,0,0.0);
122 
+    z-index: 2;
123 
+}
124 
+.irs-disabled {
125 
+    opacity: 0.4;
126 
+}

+ 89
- 0
css/plugins/ionRangeSlider/ion.rangeSlider.skinFlat.css Visa fil 

@@ -0,0 +1,89 @@
1 
+/* Ion.RangeSlider, Flat UI Skin
2 
+// css version 1.8.5
3 
+// by Denis Ineshin | ionden.com
4 
+// ===================================================================================================================*/
5 
+
6 
+/* =====================================================================================================================
7 
+// Skin details */
8 
+
9 
+.irs-line-mid,
10 
+.irs-line-left,
11 
+.irs-line-right,
12 
+.irs-diapason,
13 
+.irs-slider {
14 
+    background: url(../images/sprite-skin-flat.png) repeat-x;
15 
+}
16 
+
17 
+.irs {
18 
+    height: 40px;
19 
+}
20 
+.irs-with-grid {
21 
+    height: 60px;
22 
+}
23 
+.irs-line {
24 
+    height: 12px; top: 25px;
25 
+}
26 
+    .irs-line-left {
27 
+        height: 12px;
28 
+        background-position: 0 -30px;
29 
+    }
30 
+    .irs-line-mid {
31 
+        height: 12px;
32 
+        background-position: 0 0;
33 
+    }
34 
+    .irs-line-right {
35 
+        height: 12px;
36 
+        background-position: 100% -30px;
37 
+    }
38 
+
39 
+.irs-diapason {
40 
+    height: 12px; top: 25px;
41 
+    background-position: 0 -60px;
42 
+}
43 
+
44 
+.irs-slider {
45 
+    width: 16px; height: 18px;
46 
+    top: 22px;
47 
+    background-position: 0 -90px;
48 
+}
49 
+#irs-active-slider, .irs-slider:hover {
50 
+    background-position: 0 -120px;
51 
+}
52 
+
53 
+.irs-min, .irs-max {
54 
+    color: #999;
55 
+    font-size: 10px; line-height: 1.333;
56 
+    text-shadow: none;
57 
+    top: 0; padding: 1px 3px;
58 
+    background: #e1e4e9;
59 
+    border-radius: 4px;
60 
+}
61 
+
62 
+.irs-from, .irs-to, .irs-single {
63 
+    color: #fff;
64 
+    font-size: 10px; line-height: 1.333;
65 
+    text-shadow: none;
66 
+    padding: 1px 5px;
67 
+    background: #ed5565;
68 
+    border-radius: 4px;
69 
+}
70 
+.irs-from:after, .irs-to:after, .irs-single:after {
71 
+    position: absolute; display: block; content: "";
72 
+    bottom: -6px; left: 50%;
73 
+    width: 0; height: 0;
74 
+    margin-left: -3px;
75 
+    overflow: hidden;
76 
+    border: 3px solid transparent;
77 
+    border-top-color: #ed5565;
78 
+}
79 
+
80 
+
81 
+.irs-grid-pol {
82 
+    background: #e1e4e9;
83 
+}
84 
+.irs-grid-text {
85 
+    color: #999;
86 
+}
87 
+
88 
+.irs-disabled {
89 
+}

+ 85
- 0
css/plugins/ionRangeSlider/ion.rangeSlider.skinNice.css Visa fil 

@@ -0,0 +1,85 @@
1 
+/* Ion.RangeSlider, Nice Skin
2 
+// css version 1.8.5
3 
+// by Denis Ineshin | ionden.com
4 
+// ===================================================================================================================*/
5 
+
6 
+/* =====================================================================================================================
7 
+// Skin details */
8 
+
9 
+.irs-line-mid,
10 
+.irs-line-left,
11 
+.irs-line-right,
12 
+.irs-diapason,
13 
+.irs-slider {
14 
+    background: url(../img/sprite-skin-nice.png) repeat-x;
15 
+}
16 
+
17 
+.irs {
18 
+    height: 40px;
19 
+}
20 
+.irs-with-grid {
21 
+    height: 60px;
22 
+}
23 
+.irs-line {
24 
+    height: 8px; top: 25px;
25 
+}
26 
+    .irs-line-left {
27 
+        height: 8px;
28 
+        background-position: 0 -30px;
29 
+    }
30 
+    .irs-line-mid {
31 
+        height: 8px;
32 
+        background-position: 0 0;
33 
+    }
34 
+    .irs-line-right {
35 
+        height: 8px;
36 
+        background-position: 100% -30px;
37 
+    }
38 
+
39 
+.irs-diapason {
40 
+    height: 8px; top: 25px;
41 
+    background-position: 0 -60px;
42 
+}
43 
+
44 
+.irs-slider {
45 
+    width: 22px; height: 22px;
46 
+    top: 17px;
47 
+    background-position: 0 -90px;
48 
+}
49 
+#irs-active-slider, .irs-slider:hover {
50 
+    background-position: 0 -120px;
51 
+}
52 
+
53 
+.irs-min, .irs-max {
54 
+    color: #999;
55 
+    font-size: 10px; line-height: 1.333;
56 
+    text-shadow: none;
57 
+    top: 0; padding: 1px 3px;
58 
+    background: rgba(0,0,0,0.1);
59 
+    border-radius: 3px;
60 
+}
61 
+.lt-ie9 .irs-min, .lt-ie9 .irs-max {
62 
+    background: #ccc;
63 
+}
64 
+
65 
+.irs-from, .irs-to, .irs-single {
66 
+    color: #fff;
67 
+    font-size: 10px; line-height: 1.333;
68 
+    text-shadow: none;
69 
+    padding: 1px 5px;
70 
+    background: rgba(0,0,0,0.3);
71 
+    border-radius: 3px;
72 
+}
73 
+.lt-ie9 .irs-from, .lt-ie9 .irs-to, .lt-ie9 .irs-single {
74 
+    background: #999;
75 
+}
76 
+
77 
+.irs-grid-pol {
78 
+    background: #99a4ac;
79 
+}
80 
+.irs-grid-text {
81 
+    color: #99a4ac;
82 
+}
83 
+
84 
+.irs-disabled {
85 
+}

+ 85
- 0
css/plugins/ionRangeSlider/ion.rangeSlider.skinSimple.css Visa fil 

@@ -0,0 +1,85 @@
1 
+/* Ion.RangeSlider, Simple Skin
2 
+// css version 1.8.5
3 
+// by Denis Ineshin | ionden.com
4 
+// ===================================================================================================================*/
5 
+
6 
+/* =====================================================================================================================
7 
+// Skin details */
8 
+
9 
+.irs-line-mid,
10 
+.irs-line-left,
11 
+.irs-line-right,
12 
+.irs-diapason,
13 
+.irs-slider {
14 
+    background: url(../img/sprite-skin-simple.png) repeat-x;
15 
+}
16 
+
17 
+.irs {
18 
+    height: 40px;
19 
+}
20 
+.irs-with-grid {
21 
+    height: 60px;
22 
+}
23 
+.irs-line {
24 
+    height: 6px; top: 25px;
25 
+}
26 
+    .irs-line-left {
27 
+        height: 6px;
28 
+        background-position: 0 -30px;
29 
+    }
30 
+    .irs-line-mid {
31 
+        height: 6px;
32 
+        background-position: 0 0;
33 
+    }
34 
+    .irs-line-right {
35 
+        height: 6px;
36 
+        background-position: 100% -30px;
37 
+    }
38 
+
39 
+.irs-diapason {
40 
+    height: 6px; top: 25px;
41 
+    background-position: 0 -60px;
42 
+}
43 
+
44 
+.irs-slider {
45 
+    width: 8px; height: 15px;
46 
+    top: 21px;
47 
+    background-position: 0 -90px;
48 
+}
49 
+#irs-active-slider, .irs-slider:hover {
50 
+    background-position: 0 -120px;
51 
+}
52 
+
53 
+.irs-min, .irs-max {
54 
+    color: #c0c0c0;
55 
+    font-size: 10px; line-height: 1.333;
56 
+    text-shadow: none;
57 
+    top: 0; padding: 1px 3px;
58 
+    background: rgba(0,0,0,0.1);
59 
+    border-radius: 3px;
60 
+}
61 
+.lt-ie9 .irs-min, .lt-ie9 .irs-max {
62 
+    background: #3654b0;
63 
+}
64 
+
65 
+.irs-from, .irs-to, .irs-single {
66 
+    color: #000;
67 
+    font-size: 10px; line-height: 1.333;
68 
+    text-shadow: none;
69 
+    padding: 1px 5px;
70 
+    background: rgba(255,255,255,0.8);
71 
+    border-radius: 3px;
72 
+}
73 
+.lt-ie9 .irs-from, .lt-ie9 .irs-to, .lt-ie9 .irs-single {
74 
+    background: #d8dff3;
75 
+}
76 
+
77 
+.irs-grid-pol {
78 
+    background: #777;
79 
+}
80 
+.irs-grid-text {
81 
+    color: #e0e0e0;
82 
+}
83 
+
84 
+.irs-disabled {
85 
+}

Binär
css/plugins/jQueryUI/images/animated-overlay.gif Visa fil


+ 0
- 0
css/plugins/jQueryUI/images/ui-bg_flat_0_aaaaaa_40x100.png Visa fil


Vissa filer visades inte eftersom för många filer har ändrats

Write Förhandsgranska
Laddar…
Avbryt
Spara