adminlte_theme 0.1.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (88) hide show
  1. checksums.yaml +7 -0
  2. data/.gitignore +11 -0
  3. data/.rspec +3 -0
  4. data/.travis.yml +5 -0
  5. data/CODE_OF_CONDUCT.md +74 -0
  6. data/Gemfile +6 -0
  7. data/Gemfile.lock +35 -0
  8. data/LICENSE.txt +21 -0
  9. data/README.md +70 -0
  10. data/Rakefile +6 -0
  11. data/adminlte_theme.gemspec +36 -0
  12. data/bin/console +14 -0
  13. data/bin/setup +8 -0
  14. data/lib/adminlte_theme/engine.rb +6 -0
  15. data/lib/adminlte_theme/version.rb +3 -0
  16. data/lib/adminlte_theme.rb +5 -0
  17. data/vendor/assets/images/AdminLTE/avatar.png +0 -0
  18. data/vendor/assets/images/AdminLTE/avatar04.png +0 -0
  19. data/vendor/assets/images/AdminLTE/avatar2.png +0 -0
  20. data/vendor/assets/images/AdminLTE/avatar3.png +0 -0
  21. data/vendor/assets/images/AdminLTE/avatar5.png +0 -0
  22. data/vendor/assets/images/AdminLTE/boxed-bg.jpg +0 -0
  23. data/vendor/assets/images/AdminLTE/boxed-bg.png +0 -0
  24. data/vendor/assets/images/AdminLTE/credit/american-express.png +0 -0
  25. data/vendor/assets/images/AdminLTE/credit/cirrus.png +0 -0
  26. data/vendor/assets/images/AdminLTE/credit/mastercard.png +0 -0
  27. data/vendor/assets/images/AdminLTE/credit/mestro.png +0 -0
  28. data/vendor/assets/images/AdminLTE/credit/paypal.png +0 -0
  29. data/vendor/assets/images/AdminLTE/credit/paypal2.png +0 -0
  30. data/vendor/assets/images/AdminLTE/credit/visa.png +0 -0
  31. data/vendor/assets/images/AdminLTE/default-50x50.gif +0 -0
  32. data/vendor/assets/images/AdminLTE/icons.png +0 -0
  33. data/vendor/assets/images/AdminLTE/photo1.png +0 -0
  34. data/vendor/assets/images/AdminLTE/photo2.png +0 -0
  35. data/vendor/assets/images/AdminLTE/photo3.jpg +0 -0
  36. data/vendor/assets/images/AdminLTE/photo4.jpg +0 -0
  37. data/vendor/assets/images/AdminLTE/user1-128x128.jpg +0 -0
  38. data/vendor/assets/images/AdminLTE/user2-160x160.jpg +0 -0
  39. data/vendor/assets/images/AdminLTE/user3-128x128.jpg +0 -0
  40. data/vendor/assets/images/AdminLTE/user4-128x128.jpg +0 -0
  41. data/vendor/assets/images/AdminLTE/user5-128x128.jpg +0 -0
  42. data/vendor/assets/images/AdminLTE/user6-128x128.jpg +0 -0
  43. data/vendor/assets/images/AdminLTE/user7-128x128.jpg +0 -0
  44. data/vendor/assets/images/AdminLTE/user8-128x128.jpg +0 -0
  45. data/vendor/assets/javascript/adminlte.js +1135 -0
  46. data/vendor/assets/javascript/adminlte.min.js +14 -0
  47. data/vendor/assets/javascript/demo.js +349 -0
  48. data/vendor/assets/javascript/pages/dashboard.js +210 -0
  49. data/vendor/assets/javascript/pages/dashboard2.js +274 -0
  50. data/vendor/assets/stylesheets/AdminLTE/alt/AdminLTE-bootstrap-social.css +760 -0
  51. data/vendor/assets/stylesheets/AdminLTE/alt/AdminLTE-bootstrap-social.min.css +1 -0
  52. data/vendor/assets/stylesheets/AdminLTE/alt/AdminLTE-fullcalendar.css +93 -0
  53. data/vendor/assets/stylesheets/AdminLTE/alt/AdminLTE-fullcalendar.min.css +1 -0
  54. data/vendor/assets/stylesheets/AdminLTE/alt/AdminLTE-select2.css +100 -0
  55. data/vendor/assets/stylesheets/AdminLTE/alt/AdminLTE-select2.min.css +1 -0
  56. data/vendor/assets/stylesheets/AdminLTE/alt/AdminLTE-without-plugins.css +4002 -0
  57. data/vendor/assets/stylesheets/AdminLTE/alt/AdminLTE-without-plugins.min.css +7 -0
  58. data/vendor/assets/stylesheets/AdminLTE/skins/_all-skins.css +1781 -0
  59. data/vendor/assets/stylesheets/AdminLTE/skins/_all-skins.min.css +1 -0
  60. data/vendor/assets/stylesheets/AdminLTE/skins/skin-black-light.css +171 -0
  61. data/vendor/assets/stylesheets/AdminLTE/skins/skin-black-light.min.css +1 -0
  62. data/vendor/assets/stylesheets/AdminLTE/skins/skin-black.css +161 -0
  63. data/vendor/assets/stylesheets/AdminLTE/skins/skin-black.min.css +1 -0
  64. data/vendor/assets/stylesheets/AdminLTE/skins/skin-blue-light.css +163 -0
  65. data/vendor/assets/stylesheets/AdminLTE/skins/skin-blue-light.min.css +1 -0
  66. data/vendor/assets/stylesheets/AdminLTE/skins/skin-blue.css +142 -0
  67. data/vendor/assets/stylesheets/AdminLTE/skins/skin-blue.min.css +1 -0
  68. data/vendor/assets/stylesheets/AdminLTE/skins/skin-green-light.css +152 -0
  69. data/vendor/assets/stylesheets/AdminLTE/skins/skin-green-light.min.css +1 -0
  70. data/vendor/assets/stylesheets/AdminLTE/skins/skin-green.css +134 -0
  71. data/vendor/assets/stylesheets/AdminLTE/skins/skin-green.min.css +1 -0
  72. data/vendor/assets/stylesheets/AdminLTE/skins/skin-purple-light.css +152 -0
  73. data/vendor/assets/stylesheets/AdminLTE/skins/skin-purple-light.min.css +1 -0
  74. data/vendor/assets/stylesheets/AdminLTE/skins/skin-purple.css +134 -0
  75. data/vendor/assets/stylesheets/AdminLTE/skins/skin-purple.min.css +1 -0
  76. data/vendor/assets/stylesheets/AdminLTE/skins/skin-red-light.css +152 -0
  77. data/vendor/assets/stylesheets/AdminLTE/skins/skin-red-light.min.css +1 -0
  78. data/vendor/assets/stylesheets/AdminLTE/skins/skin-red.css +134 -0
  79. data/vendor/assets/stylesheets/AdminLTE/skins/skin-red.min.css +1 -0
  80. data/vendor/assets/stylesheets/AdminLTE/skins/skin-yellow-light.css +152 -0
  81. data/vendor/assets/stylesheets/AdminLTE/skins/skin-yellow-light.min.css +1 -0
  82. data/vendor/assets/stylesheets/AdminLTE/skins/skin-yellow.css +134 -0
  83. data/vendor/assets/stylesheets/AdminLTE/skins/skin-yellow.min.css +1 -0
  84. data/vendor/assets/stylesheets/AdminLTE.css +4977 -0
  85. data/vendor/assets/stylesheets/AdminLTE.min.css +7 -0
  86. data/vendor/assets/stylesheets/adminlte.css.map +140 -0
  87. data/vendor/assets/stylesheets/adminlte.min.css.map +140 -0
  88. metadata +173 -0
@@ -0,0 +1,134 @@
1
+ /*
2
+ * Skin: Purple
3
+ * ------------
4
+ */
5
+ .skin-purple .main-header .navbar {
6
+ background-color: #605ca8;
7
+ }
8
+ .skin-purple .main-header .navbar .nav > li > a {
9
+ color: #ffffff;
10
+ }
11
+ .skin-purple .main-header .navbar .nav > li > a:hover,
12
+ .skin-purple .main-header .navbar .nav > li > a:active,
13
+ .skin-purple .main-header .navbar .nav > li > a:focus,
14
+ .skin-purple .main-header .navbar .nav .open > a,
15
+ .skin-purple .main-header .navbar .nav .open > a:hover,
16
+ .skin-purple .main-header .navbar .nav .open > a:focus,
17
+ .skin-purple .main-header .navbar .nav > .active > a {
18
+ background: rgba(0, 0, 0, 0.1);
19
+ color: #f6f6f6;
20
+ }
21
+ .skin-purple .main-header .navbar .sidebar-toggle {
22
+ color: #ffffff;
23
+ }
24
+ .skin-purple .main-header .navbar .sidebar-toggle:hover {
25
+ color: #f6f6f6;
26
+ background: rgba(0, 0, 0, 0.1);
27
+ }
28
+ .skin-purple .main-header .navbar .sidebar-toggle {
29
+ color: #fff;
30
+ }
31
+ .skin-purple .main-header .navbar .sidebar-toggle:hover {
32
+ background-color: #555299;
33
+ }
34
+ @media (max-width: 767px) {
35
+ .skin-purple .main-header .navbar .dropdown-menu li.divider {
36
+ background-color: rgba(255, 255, 255, 0.1);
37
+ }
38
+ .skin-purple .main-header .navbar .dropdown-menu li a {
39
+ color: #fff;
40
+ }
41
+ .skin-purple .main-header .navbar .dropdown-menu li a:hover {
42
+ background: #555299;
43
+ }
44
+ }
45
+ .skin-purple .main-header .logo {
46
+ background-color: #555299;
47
+ color: #ffffff;
48
+ border-bottom: 0 solid transparent;
49
+ }
50
+ .skin-purple .main-header .logo:hover {
51
+ background-color: #545096;
52
+ }
53
+ .skin-purple .main-header li.user-header {
54
+ background-color: #605ca8;
55
+ }
56
+ .skin-purple .content-header {
57
+ background: transparent;
58
+ }
59
+ .skin-purple .wrapper,
60
+ .skin-purple .main-sidebar,
61
+ .skin-purple .left-side {
62
+ background-color: #222d32;
63
+ }
64
+ .skin-purple .user-panel > .info,
65
+ .skin-purple .user-panel > .info > a {
66
+ color: #fff;
67
+ }
68
+ .skin-purple .sidebar-menu > li.header {
69
+ color: #4b646f;
70
+ background: #1a2226;
71
+ }
72
+ .skin-purple .sidebar-menu > li > a {
73
+ border-left: 3px solid transparent;
74
+ }
75
+ .skin-purple .sidebar-menu > li:hover > a,
76
+ .skin-purple .sidebar-menu > li.active > a,
77
+ .skin-purple .sidebar-menu > li.menu-open > a {
78
+ color: #ffffff;
79
+ background: #1e282c;
80
+ }
81
+ .skin-purple .sidebar-menu > li.active > a {
82
+ border-left-color: #605ca8;
83
+ }
84
+ .skin-purple .sidebar-menu > li > .treeview-menu {
85
+ margin: 0 1px;
86
+ background: #2c3b41;
87
+ }
88
+ .skin-purple .sidebar a {
89
+ color: #b8c7ce;
90
+ }
91
+ .skin-purple .sidebar a:hover {
92
+ text-decoration: none;
93
+ }
94
+ .skin-purple .sidebar-menu .treeview-menu > li > a {
95
+ color: #8aa4af;
96
+ }
97
+ .skin-purple .sidebar-menu .treeview-menu > li.active > a,
98
+ .skin-purple .sidebar-menu .treeview-menu > li > a:hover {
99
+ color: #ffffff;
100
+ }
101
+ .skin-purple .sidebar-form {
102
+ border-radius: 3px;
103
+ border: 1px solid #374850;
104
+ margin: 10px 10px;
105
+ }
106
+ .skin-purple .sidebar-form input[type="text"],
107
+ .skin-purple .sidebar-form .btn {
108
+ box-shadow: none;
109
+ background-color: #374850;
110
+ border: 1px solid transparent;
111
+ height: 35px;
112
+ }
113
+ .skin-purple .sidebar-form input[type="text"] {
114
+ color: #666;
115
+ border-top-left-radius: 2px;
116
+ border-top-right-radius: 0;
117
+ border-bottom-right-radius: 0;
118
+ border-bottom-left-radius: 2px;
119
+ }
120
+ .skin-purple .sidebar-form input[type="text"]:focus,
121
+ .skin-purple .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
122
+ background-color: #fff;
123
+ color: #666;
124
+ }
125
+ .skin-purple .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
126
+ border-left-color: #fff;
127
+ }
128
+ .skin-purple .sidebar-form .btn {
129
+ color: #999;
130
+ border-top-left-radius: 0;
131
+ border-top-right-radius: 2px;
132
+ border-bottom-right-radius: 2px;
133
+ border-bottom-left-radius: 0;
134
+ }
@@ -0,0 +1 @@
1
+ .skin-purple .main-header .navbar{background-color:#605ca8}.skin-purple .main-header .navbar .nav>li>a{color:#fff}.skin-purple .main-header .navbar .nav>li>a:hover,.skin-purple .main-header .navbar .nav>li>a:active,.skin-purple .main-header .navbar .nav>li>a:focus,.skin-purple .main-header .navbar .nav .open>a,.skin-purple .main-header .navbar .nav .open>a:hover,.skin-purple .main-header .navbar .nav .open>a:focus,.skin-purple .main-header .navbar .nav>.active>a{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-purple .main-header .navbar .sidebar-toggle{color:#fff}.skin-purple .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-purple .main-header .navbar .sidebar-toggle{color:#fff}.skin-purple .main-header .navbar .sidebar-toggle:hover{background-color:#555299}@media (max-width:767px){.skin-purple .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-purple .main-header .navbar .dropdown-menu li a{color:#fff}.skin-purple .main-header .navbar .dropdown-menu li a:hover{background:#555299}}.skin-purple .main-header .logo{background-color:#555299;color:#fff;border-bottom:0 solid transparent}.skin-purple .main-header .logo:hover{background-color:#545096}.skin-purple .main-header li.user-header{background-color:#605ca8}.skin-purple .content-header{background:transparent}.skin-purple .wrapper,.skin-purple .main-sidebar,.skin-purple .left-side{background-color:#222d32}.skin-purple .user-panel>.info,.skin-purple .user-panel>.info>a{color:#fff}.skin-purple .sidebar-menu>li.header{color:#4b646f;background:#1a2226}.skin-purple .sidebar-menu>li>a{border-left:3px solid transparent}.skin-purple .sidebar-menu>li:hover>a,.skin-purple .sidebar-menu>li.active>a,.skin-purple .sidebar-menu>li.menu-open>a{color:#fff;background:#1e282c}.skin-purple .sidebar-menu>li.active>a{border-left-color:#605ca8}.skin-purple .sidebar-menu>li>.treeview-menu{margin:0 1px;background:#2c3b41}.skin-purple .sidebar a{color:#b8c7ce}.skin-purple .sidebar a:hover{text-decoration:none}.skin-purple .sidebar-menu .treeview-menu>li>a{color:#8aa4af}.skin-purple .sidebar-menu .treeview-menu>li.active>a,.skin-purple .sidebar-menu .treeview-menu>li>a:hover{color:#fff}.skin-purple .sidebar-form{border-radius:3px;border:1px solid #374850;margin:10px 10px}.skin-purple .sidebar-form input[type="text"],.skin-purple .sidebar-form .btn{box-shadow:none;background-color:#374850;border:1px solid transparent;height:35px}.skin-purple .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-purple .sidebar-form input[type="text"]:focus,.skin-purple .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-purple .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-purple .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}
@@ -0,0 +1,152 @@
1
+ /*
2
+ * Skin: Red
3
+ * ---------
4
+ */
5
+ .skin-red-light .main-header .navbar {
6
+ background-color: #dd4b39;
7
+ }
8
+ .skin-red-light .main-header .navbar .nav > li > a {
9
+ color: #ffffff;
10
+ }
11
+ .skin-red-light .main-header .navbar .nav > li > a:hover,
12
+ .skin-red-light .main-header .navbar .nav > li > a:active,
13
+ .skin-red-light .main-header .navbar .nav > li > a:focus,
14
+ .skin-red-light .main-header .navbar .nav .open > a,
15
+ .skin-red-light .main-header .navbar .nav .open > a:hover,
16
+ .skin-red-light .main-header .navbar .nav .open > a:focus,
17
+ .skin-red-light .main-header .navbar .nav > .active > a {
18
+ background: rgba(0, 0, 0, 0.1);
19
+ color: #f6f6f6;
20
+ }
21
+ .skin-red-light .main-header .navbar .sidebar-toggle {
22
+ color: #ffffff;
23
+ }
24
+ .skin-red-light .main-header .navbar .sidebar-toggle:hover {
25
+ color: #f6f6f6;
26
+ background: rgba(0, 0, 0, 0.1);
27
+ }
28
+ .skin-red-light .main-header .navbar .sidebar-toggle {
29
+ color: #fff;
30
+ }
31
+ .skin-red-light .main-header .navbar .sidebar-toggle:hover {
32
+ background-color: #d73925;
33
+ }
34
+ @media (max-width: 767px) {
35
+ .skin-red-light .main-header .navbar .dropdown-menu li.divider {
36
+ background-color: rgba(255, 255, 255, 0.1);
37
+ }
38
+ .skin-red-light .main-header .navbar .dropdown-menu li a {
39
+ color: #fff;
40
+ }
41
+ .skin-red-light .main-header .navbar .dropdown-menu li a:hover {
42
+ background: #d73925;
43
+ }
44
+ }
45
+ .skin-red-light .main-header .logo {
46
+ background-color: #dd4b39;
47
+ color: #ffffff;
48
+ border-bottom: 0 solid transparent;
49
+ }
50
+ .skin-red-light .main-header .logo:hover {
51
+ background-color: #dc4735;
52
+ }
53
+ .skin-red-light .main-header li.user-header {
54
+ background-color: #dd4b39;
55
+ }
56
+ .skin-red-light .content-header {
57
+ background: transparent;
58
+ }
59
+ .skin-red-light .wrapper,
60
+ .skin-red-light .main-sidebar,
61
+ .skin-red-light .left-side {
62
+ background-color: #f9fafc;
63
+ }
64
+ .skin-red-light .main-sidebar {
65
+ border-right: 1px solid #d2d6de;
66
+ }
67
+ .skin-red-light .user-panel > .info,
68
+ .skin-red-light .user-panel > .info > a {
69
+ color: #444444;
70
+ }
71
+ .skin-red-light .sidebar-menu > li {
72
+ -webkit-transition: border-left-color 0.3s ease;
73
+ -o-transition: border-left-color 0.3s ease;
74
+ transition: border-left-color 0.3s ease;
75
+ }
76
+ .skin-red-light .sidebar-menu > li.header {
77
+ color: #848484;
78
+ background: #f9fafc;
79
+ }
80
+ .skin-red-light .sidebar-menu > li > a {
81
+ border-left: 3px solid transparent;
82
+ font-weight: 600;
83
+ }
84
+ .skin-red-light .sidebar-menu > li:hover > a,
85
+ .skin-red-light .sidebar-menu > li.active > a {
86
+ color: #000000;
87
+ background: #f4f4f5;
88
+ }
89
+ .skin-red-light .sidebar-menu > li.active {
90
+ border-left-color: #dd4b39;
91
+ }
92
+ .skin-red-light .sidebar-menu > li.active > a {
93
+ font-weight: 600;
94
+ }
95
+ .skin-red-light .sidebar-menu > li > .treeview-menu {
96
+ background: #f4f4f5;
97
+ }
98
+ .skin-red-light .sidebar a {
99
+ color: #444444;
100
+ }
101
+ .skin-red-light .sidebar a:hover {
102
+ text-decoration: none;
103
+ }
104
+ .skin-red-light .sidebar-menu .treeview-menu > li > a {
105
+ color: #777777;
106
+ }
107
+ .skin-red-light .sidebar-menu .treeview-menu > li.active > a,
108
+ .skin-red-light .sidebar-menu .treeview-menu > li > a:hover {
109
+ color: #000000;
110
+ }
111
+ .skin-red-light .sidebar-menu .treeview-menu > li.active > a {
112
+ font-weight: 600;
113
+ }
114
+ .skin-red-light .sidebar-form {
115
+ border-radius: 3px;
116
+ border: 1px solid #d2d6de;
117
+ margin: 10px 10px;
118
+ }
119
+ .skin-red-light .sidebar-form input[type="text"],
120
+ .skin-red-light .sidebar-form .btn {
121
+ box-shadow: none;
122
+ background-color: #fff;
123
+ border: 1px solid transparent;
124
+ height: 35px;
125
+ }
126
+ .skin-red-light .sidebar-form input[type="text"] {
127
+ color: #666;
128
+ border-top-left-radius: 2px;
129
+ border-top-right-radius: 0;
130
+ border-bottom-right-radius: 0;
131
+ border-bottom-left-radius: 2px;
132
+ }
133
+ .skin-red-light .sidebar-form input[type="text"]:focus,
134
+ .skin-red-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
135
+ background-color: #fff;
136
+ color: #666;
137
+ }
138
+ .skin-red-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
139
+ border-left-color: #fff;
140
+ }
141
+ .skin-red-light .sidebar-form .btn {
142
+ color: #999;
143
+ border-top-left-radius: 0;
144
+ border-top-right-radius: 2px;
145
+ border-bottom-right-radius: 2px;
146
+ border-bottom-left-radius: 0;
147
+ }
148
+ @media (min-width: 768px) {
149
+ .skin-red-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
150
+ border-left: 1px solid #d2d6de;
151
+ }
152
+ }
@@ -0,0 +1 @@
1
+ .skin-red-light .main-header .navbar{background-color:#dd4b39}.skin-red-light .main-header .navbar .nav>li>a{color:#fff}.skin-red-light .main-header .navbar .nav>li>a:hover,.skin-red-light .main-header .navbar .nav>li>a:active,.skin-red-light .main-header .navbar .nav>li>a:focus,.skin-red-light .main-header .navbar .nav .open>a,.skin-red-light .main-header .navbar .nav .open>a:hover,.skin-red-light .main-header .navbar .nav .open>a:focus,.skin-red-light .main-header .navbar .nav>.active>a{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-red-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-red-light .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-red-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-red-light .main-header .navbar .sidebar-toggle:hover{background-color:#d73925}@media (max-width:767px){.skin-red-light .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-red-light .main-header .navbar .dropdown-menu li a{color:#fff}.skin-red-light .main-header .navbar .dropdown-menu li a:hover{background:#d73925}}.skin-red-light .main-header .logo{background-color:#dd4b39;color:#fff;border-bottom:0 solid transparent}.skin-red-light .main-header .logo:hover{background-color:#dc4735}.skin-red-light .main-header li.user-header{background-color:#dd4b39}.skin-red-light .content-header{background:transparent}.skin-red-light .wrapper,.skin-red-light .main-sidebar,.skin-red-light .left-side{background-color:#f9fafc}.skin-red-light .main-sidebar{border-right:1px solid #d2d6de}.skin-red-light .user-panel>.info,.skin-red-light .user-panel>.info>a{color:#444}.skin-red-light .sidebar-menu>li{-webkit-transition:border-left-color .3s ease;-o-transition:border-left-color .3s ease;transition:border-left-color .3s ease}.skin-red-light .sidebar-menu>li.header{color:#848484;background:#f9fafc}.skin-red-light .sidebar-menu>li>a{border-left:3px solid transparent;font-weight:600}.skin-red-light .sidebar-menu>li:hover>a,.skin-red-light .sidebar-menu>li.active>a{color:#000;background:#f4f4f5}.skin-red-light .sidebar-menu>li.active{border-left-color:#dd4b39}.skin-red-light .sidebar-menu>li.active>a{font-weight:600}.skin-red-light .sidebar-menu>li>.treeview-menu{background:#f4f4f5}.skin-red-light .sidebar a{color:#444}.skin-red-light .sidebar a:hover{text-decoration:none}.skin-red-light .sidebar-menu .treeview-menu>li>a{color:#777}.skin-red-light .sidebar-menu .treeview-menu>li.active>a,.skin-red-light .sidebar-menu .treeview-menu>li>a:hover{color:#000}.skin-red-light .sidebar-menu .treeview-menu>li.active>a{font-weight:600}.skin-red-light .sidebar-form{border-radius:3px;border:1px solid #d2d6de;margin:10px 10px}.skin-red-light .sidebar-form input[type="text"],.skin-red-light .sidebar-form .btn{box-shadow:none;background-color:#fff;border:1px solid transparent;height:35px}.skin-red-light .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-red-light .sidebar-form input[type="text"]:focus,.skin-red-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-red-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-red-light .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}@media (min-width:768px){.skin-red-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{border-left:1px solid #d2d6de}}
@@ -0,0 +1,134 @@
1
+ /*
2
+ * Skin: Red
3
+ * ---------
4
+ */
5
+ .skin-red .main-header .navbar {
6
+ background-color: #dd4b39;
7
+ }
8
+ .skin-red .main-header .navbar .nav > li > a {
9
+ color: #ffffff;
10
+ }
11
+ .skin-red .main-header .navbar .nav > li > a:hover,
12
+ .skin-red .main-header .navbar .nav > li > a:active,
13
+ .skin-red .main-header .navbar .nav > li > a:focus,
14
+ .skin-red .main-header .navbar .nav .open > a,
15
+ .skin-red .main-header .navbar .nav .open > a:hover,
16
+ .skin-red .main-header .navbar .nav .open > a:focus,
17
+ .skin-red .main-header .navbar .nav > .active > a {
18
+ background: rgba(0, 0, 0, 0.1);
19
+ color: #f6f6f6;
20
+ }
21
+ .skin-red .main-header .navbar .sidebar-toggle {
22
+ color: #ffffff;
23
+ }
24
+ .skin-red .main-header .navbar .sidebar-toggle:hover {
25
+ color: #f6f6f6;
26
+ background: rgba(0, 0, 0, 0.1);
27
+ }
28
+ .skin-red .main-header .navbar .sidebar-toggle {
29
+ color: #fff;
30
+ }
31
+ .skin-red .main-header .navbar .sidebar-toggle:hover {
32
+ background-color: #d73925;
33
+ }
34
+ @media (max-width: 767px) {
35
+ .skin-red .main-header .navbar .dropdown-menu li.divider {
36
+ background-color: rgba(255, 255, 255, 0.1);
37
+ }
38
+ .skin-red .main-header .navbar .dropdown-menu li a {
39
+ color: #fff;
40
+ }
41
+ .skin-red .main-header .navbar .dropdown-menu li a:hover {
42
+ background: #d73925;
43
+ }
44
+ }
45
+ .skin-red .main-header .logo {
46
+ background-color: #d73925;
47
+ color: #ffffff;
48
+ border-bottom: 0 solid transparent;
49
+ }
50
+ .skin-red .main-header .logo:hover {
51
+ background-color: #d33724;
52
+ }
53
+ .skin-red .main-header li.user-header {
54
+ background-color: #dd4b39;
55
+ }
56
+ .skin-red .content-header {
57
+ background: transparent;
58
+ }
59
+ .skin-red .wrapper,
60
+ .skin-red .main-sidebar,
61
+ .skin-red .left-side {
62
+ background-color: #222d32;
63
+ }
64
+ .skin-red .user-panel > .info,
65
+ .skin-red .user-panel > .info > a {
66
+ color: #fff;
67
+ }
68
+ .skin-red .sidebar-menu > li.header {
69
+ color: #4b646f;
70
+ background: #1a2226;
71
+ }
72
+ .skin-red .sidebar-menu > li > a {
73
+ border-left: 3px solid transparent;
74
+ }
75
+ .skin-red .sidebar-menu > li:hover > a,
76
+ .skin-red .sidebar-menu > li.active > a,
77
+ .skin-red .sidebar-menu > li.menu-open > a {
78
+ color: #ffffff;
79
+ background: #1e282c;
80
+ }
81
+ .skin-red .sidebar-menu > li.active > a {
82
+ border-left-color: #dd4b39;
83
+ }
84
+ .skin-red .sidebar-menu > li > .treeview-menu {
85
+ margin: 0 1px;
86
+ background: #2c3b41;
87
+ }
88
+ .skin-red .sidebar a {
89
+ color: #b8c7ce;
90
+ }
91
+ .skin-red .sidebar a:hover {
92
+ text-decoration: none;
93
+ }
94
+ .skin-red .sidebar-menu .treeview-menu > li > a {
95
+ color: #8aa4af;
96
+ }
97
+ .skin-red .sidebar-menu .treeview-menu > li.active > a,
98
+ .skin-red .sidebar-menu .treeview-menu > li > a:hover {
99
+ color: #ffffff;
100
+ }
101
+ .skin-red .sidebar-form {
102
+ border-radius: 3px;
103
+ border: 1px solid #374850;
104
+ margin: 10px 10px;
105
+ }
106
+ .skin-red .sidebar-form input[type="text"],
107
+ .skin-red .sidebar-form .btn {
108
+ box-shadow: none;
109
+ background-color: #374850;
110
+ border: 1px solid transparent;
111
+ height: 35px;
112
+ }
113
+ .skin-red .sidebar-form input[type="text"] {
114
+ color: #666;
115
+ border-top-left-radius: 2px;
116
+ border-top-right-radius: 0;
117
+ border-bottom-right-radius: 0;
118
+ border-bottom-left-radius: 2px;
119
+ }
120
+ .skin-red .sidebar-form input[type="text"]:focus,
121
+ .skin-red .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
122
+ background-color: #fff;
123
+ color: #666;
124
+ }
125
+ .skin-red .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
126
+ border-left-color: #fff;
127
+ }
128
+ .skin-red .sidebar-form .btn {
129
+ color: #999;
130
+ border-top-left-radius: 0;
131
+ border-top-right-radius: 2px;
132
+ border-bottom-right-radius: 2px;
133
+ border-bottom-left-radius: 0;
134
+ }
@@ -0,0 +1 @@
1
+ .skin-red .main-header .navbar{background-color:#dd4b39}.skin-red .main-header .navbar .nav>li>a{color:#fff}.skin-red .main-header .navbar .nav>li>a:hover,.skin-red .main-header .navbar .nav>li>a:active,.skin-red .main-header .navbar .nav>li>a:focus,.skin-red .main-header .navbar .nav .open>a,.skin-red .main-header .navbar .nav .open>a:hover,.skin-red .main-header .navbar .nav .open>a:focus,.skin-red .main-header .navbar .nav>.active>a{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-red .main-header .navbar .sidebar-toggle{color:#fff}.skin-red .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-red .main-header .navbar .sidebar-toggle{color:#fff}.skin-red .main-header .navbar .sidebar-toggle:hover{background-color:#d73925}@media (max-width:767px){.skin-red .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-red .main-header .navbar .dropdown-menu li a{color:#fff}.skin-red .main-header .navbar .dropdown-menu li a:hover{background:#d73925}}.skin-red .main-header .logo{background-color:#d73925;color:#fff;border-bottom:0 solid transparent}.skin-red .main-header .logo:hover{background-color:#d33724}.skin-red .main-header li.user-header{background-color:#dd4b39}.skin-red .content-header{background:transparent}.skin-red .wrapper,.skin-red .main-sidebar,.skin-red .left-side{background-color:#222d32}.skin-red .user-panel>.info,.skin-red .user-panel>.info>a{color:#fff}.skin-red .sidebar-menu>li.header{color:#4b646f;background:#1a2226}.skin-red .sidebar-menu>li>a{border-left:3px solid transparent}.skin-red .sidebar-menu>li:hover>a,.skin-red .sidebar-menu>li.active>a,.skin-red .sidebar-menu>li.menu-open>a{color:#fff;background:#1e282c}.skin-red .sidebar-menu>li.active>a{border-left-color:#dd4b39}.skin-red .sidebar-menu>li>.treeview-menu{margin:0 1px;background:#2c3b41}.skin-red .sidebar a{color:#b8c7ce}.skin-red .sidebar a:hover{text-decoration:none}.skin-red .sidebar-menu .treeview-menu>li>a{color:#8aa4af}.skin-red .sidebar-menu .treeview-menu>li.active>a,.skin-red .sidebar-menu .treeview-menu>li>a:hover{color:#fff}.skin-red .sidebar-form{border-radius:3px;border:1px solid #374850;margin:10px 10px}.skin-red .sidebar-form input[type="text"],.skin-red .sidebar-form .btn{box-shadow:none;background-color:#374850;border:1px solid transparent;height:35px}.skin-red .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-red .sidebar-form input[type="text"]:focus,.skin-red .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-red .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-red .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}
@@ -0,0 +1,152 @@
1
+ /*
2
+ * Skin: Yellow
3
+ * ------------
4
+ */
5
+ .skin-yellow-light .main-header .navbar {
6
+ background-color: #f39c12;
7
+ }
8
+ .skin-yellow-light .main-header .navbar .nav > li > a {
9
+ color: #ffffff;
10
+ }
11
+ .skin-yellow-light .main-header .navbar .nav > li > a:hover,
12
+ .skin-yellow-light .main-header .navbar .nav > li > a:active,
13
+ .skin-yellow-light .main-header .navbar .nav > li > a:focus,
14
+ .skin-yellow-light .main-header .navbar .nav .open > a,
15
+ .skin-yellow-light .main-header .navbar .nav .open > a:hover,
16
+ .skin-yellow-light .main-header .navbar .nav .open > a:focus,
17
+ .skin-yellow-light .main-header .navbar .nav > .active > a {
18
+ background: rgba(0, 0, 0, 0.1);
19
+ color: #f6f6f6;
20
+ }
21
+ .skin-yellow-light .main-header .navbar .sidebar-toggle {
22
+ color: #ffffff;
23
+ }
24
+ .skin-yellow-light .main-header .navbar .sidebar-toggle:hover {
25
+ color: #f6f6f6;
26
+ background: rgba(0, 0, 0, 0.1);
27
+ }
28
+ .skin-yellow-light .main-header .navbar .sidebar-toggle {
29
+ color: #fff;
30
+ }
31
+ .skin-yellow-light .main-header .navbar .sidebar-toggle:hover {
32
+ background-color: #e08e0b;
33
+ }
34
+ @media (max-width: 767px) {
35
+ .skin-yellow-light .main-header .navbar .dropdown-menu li.divider {
36
+ background-color: rgba(255, 255, 255, 0.1);
37
+ }
38
+ .skin-yellow-light .main-header .navbar .dropdown-menu li a {
39
+ color: #fff;
40
+ }
41
+ .skin-yellow-light .main-header .navbar .dropdown-menu li a:hover {
42
+ background: #e08e0b;
43
+ }
44
+ }
45
+ .skin-yellow-light .main-header .logo {
46
+ background-color: #f39c12;
47
+ color: #ffffff;
48
+ border-bottom: 0 solid transparent;
49
+ }
50
+ .skin-yellow-light .main-header .logo:hover {
51
+ background-color: #f39a0d;
52
+ }
53
+ .skin-yellow-light .main-header li.user-header {
54
+ background-color: #f39c12;
55
+ }
56
+ .skin-yellow-light .content-header {
57
+ background: transparent;
58
+ }
59
+ .skin-yellow-light .wrapper,
60
+ .skin-yellow-light .main-sidebar,
61
+ .skin-yellow-light .left-side {
62
+ background-color: #f9fafc;
63
+ }
64
+ .skin-yellow-light .main-sidebar {
65
+ border-right: 1px solid #d2d6de;
66
+ }
67
+ .skin-yellow-light .user-panel > .info,
68
+ .skin-yellow-light .user-panel > .info > a {
69
+ color: #444444;
70
+ }
71
+ .skin-yellow-light .sidebar-menu > li {
72
+ -webkit-transition: border-left-color 0.3s ease;
73
+ -o-transition: border-left-color 0.3s ease;
74
+ transition: border-left-color 0.3s ease;
75
+ }
76
+ .skin-yellow-light .sidebar-menu > li.header {
77
+ color: #848484;
78
+ background: #f9fafc;
79
+ }
80
+ .skin-yellow-light .sidebar-menu > li > a {
81
+ border-left: 3px solid transparent;
82
+ font-weight: 600;
83
+ }
84
+ .skin-yellow-light .sidebar-menu > li:hover > a,
85
+ .skin-yellow-light .sidebar-menu > li.active > a {
86
+ color: #000000;
87
+ background: #f4f4f5;
88
+ }
89
+ .skin-yellow-light .sidebar-menu > li.active {
90
+ border-left-color: #f39c12;
91
+ }
92
+ .skin-yellow-light .sidebar-menu > li.active > a {
93
+ font-weight: 600;
94
+ }
95
+ .skin-yellow-light .sidebar-menu > li > .treeview-menu {
96
+ background: #f4f4f5;
97
+ }
98
+ .skin-yellow-light .sidebar a {
99
+ color: #444444;
100
+ }
101
+ .skin-yellow-light .sidebar a:hover {
102
+ text-decoration: none;
103
+ }
104
+ .skin-yellow-light .sidebar-menu .treeview-menu > li > a {
105
+ color: #777777;
106
+ }
107
+ .skin-yellow-light .sidebar-menu .treeview-menu > li.active > a,
108
+ .skin-yellow-light .sidebar-menu .treeview-menu > li > a:hover {
109
+ color: #000000;
110
+ }
111
+ .skin-yellow-light .sidebar-menu .treeview-menu > li.active > a {
112
+ font-weight: 600;
113
+ }
114
+ .skin-yellow-light .sidebar-form {
115
+ border-radius: 3px;
116
+ border: 1px solid #d2d6de;
117
+ margin: 10px 10px;
118
+ }
119
+ .skin-yellow-light .sidebar-form input[type="text"],
120
+ .skin-yellow-light .sidebar-form .btn {
121
+ box-shadow: none;
122
+ background-color: #fff;
123
+ border: 1px solid transparent;
124
+ height: 35px;
125
+ }
126
+ .skin-yellow-light .sidebar-form input[type="text"] {
127
+ color: #666;
128
+ border-top-left-radius: 2px;
129
+ border-top-right-radius: 0;
130
+ border-bottom-right-radius: 0;
131
+ border-bottom-left-radius: 2px;
132
+ }
133
+ .skin-yellow-light .sidebar-form input[type="text"]:focus,
134
+ .skin-yellow-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
135
+ background-color: #fff;
136
+ color: #666;
137
+ }
138
+ .skin-yellow-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
139
+ border-left-color: #fff;
140
+ }
141
+ .skin-yellow-light .sidebar-form .btn {
142
+ color: #999;
143
+ border-top-left-radius: 0;
144
+ border-top-right-radius: 2px;
145
+ border-bottom-right-radius: 2px;
146
+ border-bottom-left-radius: 0;
147
+ }
148
+ @media (min-width: 768px) {
149
+ .skin-yellow-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
150
+ border-left: 1px solid #d2d6de;
151
+ }
152
+ }
@@ -0,0 +1 @@
1
+ .skin-yellow-light .main-header .navbar{background-color:#f39c12}.skin-yellow-light .main-header .navbar .nav>li>a{color:#fff}.skin-yellow-light .main-header .navbar .nav>li>a:hover,.skin-yellow-light .main-header .navbar .nav>li>a:active,.skin-yellow-light .main-header .navbar .nav>li>a:focus,.skin-yellow-light .main-header .navbar .nav .open>a,.skin-yellow-light .main-header .navbar .nav .open>a:hover,.skin-yellow-light .main-header .navbar .nav .open>a:focus,.skin-yellow-light .main-header .navbar .nav>.active>a{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-yellow-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-yellow-light .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-yellow-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-yellow-light .main-header .navbar .sidebar-toggle:hover{background-color:#e08e0b}@media (max-width:767px){.skin-yellow-light .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-yellow-light .main-header .navbar .dropdown-menu li a{color:#fff}.skin-yellow-light .main-header .navbar .dropdown-menu li a:hover{background:#e08e0b}}.skin-yellow-light .main-header .logo{background-color:#f39c12;color:#fff;border-bottom:0 solid transparent}.skin-yellow-light .main-header .logo:hover{background-color:#f39a0d}.skin-yellow-light .main-header li.user-header{background-color:#f39c12}.skin-yellow-light .content-header{background:transparent}.skin-yellow-light .wrapper,.skin-yellow-light .main-sidebar,.skin-yellow-light .left-side{background-color:#f9fafc}.skin-yellow-light .main-sidebar{border-right:1px solid #d2d6de}.skin-yellow-light .user-panel>.info,.skin-yellow-light .user-panel>.info>a{color:#444}.skin-yellow-light .sidebar-menu>li{-webkit-transition:border-left-color .3s ease;-o-transition:border-left-color .3s ease;transition:border-left-color .3s ease}.skin-yellow-light .sidebar-menu>li.header{color:#848484;background:#f9fafc}.skin-yellow-light .sidebar-menu>li>a{border-left:3px solid transparent;font-weight:600}.skin-yellow-light .sidebar-menu>li:hover>a,.skin-yellow-light .sidebar-menu>li.active>a{color:#000;background:#f4f4f5}.skin-yellow-light .sidebar-menu>li.active{border-left-color:#f39c12}.skin-yellow-light .sidebar-menu>li.active>a{font-weight:600}.skin-yellow-light .sidebar-menu>li>.treeview-menu{background:#f4f4f5}.skin-yellow-light .sidebar a{color:#444}.skin-yellow-light .sidebar a:hover{text-decoration:none}.skin-yellow-light .sidebar-menu .treeview-menu>li>a{color:#777}.skin-yellow-light .sidebar-menu .treeview-menu>li.active>a,.skin-yellow-light .sidebar-menu .treeview-menu>li>a:hover{color:#000}.skin-yellow-light .sidebar-menu .treeview-menu>li.active>a{font-weight:600}.skin-yellow-light .sidebar-form{border-radius:3px;border:1px solid #d2d6de;margin:10px 10px}.skin-yellow-light .sidebar-form input[type="text"],.skin-yellow-light .sidebar-form .btn{box-shadow:none;background-color:#fff;border:1px solid transparent;height:35px}.skin-yellow-light .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-yellow-light .sidebar-form input[type="text"]:focus,.skin-yellow-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-yellow-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-yellow-light .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}@media (min-width:768px){.skin-yellow-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{border-left:1px solid #d2d6de}}