bootstrap_sb_admin_base_v2 0.1.1 → 0.2.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -0,0 +1,62 @@
1
+ /*
2
+ * metismenu - v1.0.3
3
+ * Easy menu jQuery plugin for Twitter Bootstrap 3
4
+ * https://github.com/onokumus/metisMenu
5
+ *
6
+ * Made by Osman Nuri Okumuş
7
+ * Under MIT License
8
+ */
9
+
10
+ .arrow {
11
+ float: left;
12
+ }
13
+
14
+ .glyphicon.arrow:before {
15
+ content: "\e079";
16
+ }
17
+
18
+ .active > a > .glyphicon.arrow:before {
19
+ content: "\e114";
20
+ }
21
+
22
+ /*
23
+ * Require Font-Awesome
24
+ * http://fortawesome.github.io/Font-Awesome/
25
+ */
26
+
27
+ .fa.arrow:before {
28
+ content: "\f104";
29
+ }
30
+
31
+ .active > a > .fa.arrow:before {
32
+ content: "\f107";
33
+ }
34
+
35
+ .plus-times {
36
+ float: left;
37
+ }
38
+
39
+ .fa.plus-times:before {
40
+ content: "\f067";
41
+ }
42
+
43
+ .active > a > .fa.plus-times {
44
+ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
45
+ -webkit-transform: rotate(45deg);
46
+ -moz-transform: rotate(45deg);
47
+ -ms-transform: rotate(45deg);
48
+ -o-transform: rotate(45deg);
49
+ transform: rotate(45deg);
50
+ }
51
+
52
+ .plus-minus {
53
+ float: left;
54
+ }
55
+
56
+ .fa.plus-minus:before {
57
+ content: "\f067";
58
+ }
59
+
60
+ .active > a > .fa.plus-minus:before {
61
+ content: "\f068";
62
+ }
@@ -0,0 +1,22 @@
1
+ .morris-hover {
2
+ position: absolute;
3
+ z-index: 1000;
4
+ &.morris-default-style {
5
+ border-radius: 10px;
6
+ padding: 6px;
7
+ color: #666;
8
+ background: rgba(255, 255, 255, 0.8);
9
+ border: solid 2px rgba(230, 230, 230, 0.8);
10
+ font-family: sans-serif;
11
+ font-size: 12px;
12
+ text-align: center;
13
+ .morris-hover-row-label {
14
+ font-weight: bold;
15
+ margin: 0.25em 0;
16
+ }
17
+ .morris-hover-point {
18
+ white-space: nowrap;
19
+ margin: 0.1em 0;
20
+ }
21
+ }
22
+ }
@@ -0,0 +1,299 @@
1
+ /*!
2
+ * Start Bootstrap - SB Admin 2 Bootstrap Admin Theme (http://startbootstrap.com)
3
+ * Code licensed under the Apache License v2.0.
4
+ * For details, see http://www.apache.org/licenses/LICENSE-2.0.
5
+ */
6
+
7
+ body {
8
+ background-color: #f8f8f8;
9
+ }
10
+
11
+ #wrapper {
12
+ width: 100%;
13
+ }
14
+
15
+ #page-wrapper {
16
+ padding: 0 15px;
17
+ min-height: 568px;
18
+ background-color: #fff;
19
+ }
20
+
21
+ @media (min-width: 768px) {
22
+ #page-wrapper {
23
+ position: inherit;
24
+ margin: 0 250px 0 0;
25
+ padding: 0 30px;
26
+ border-right: 1px solid #e7e7e7;
27
+ }
28
+ }
29
+
30
+ .navbar-top-links {
31
+ li {
32
+ display: inline-block;
33
+ &:last-child {
34
+ margin-left: 15px;
35
+ }
36
+ a {
37
+ padding: 15px;
38
+ min-height: 50px;
39
+ }
40
+ }
41
+ .dropdown-menu li {
42
+ display: block;
43
+ &:last-child {
44
+ margin-left: 0;
45
+ }
46
+ a {
47
+ padding: 3px 20px;
48
+ min-height: 0;
49
+ div {
50
+ white-space: normal;
51
+ }
52
+ }
53
+ }
54
+ .dropdown-messages, .dropdown-tasks, .dropdown-alerts {
55
+ width: 310px;
56
+ min-width: 0;
57
+ }
58
+ .dropdown-messages {
59
+ margin-right: 5px;
60
+ }
61
+ .dropdown-tasks {
62
+ margin-right: -59px;
63
+ }
64
+ .dropdown-alerts {
65
+ margin-right: -123px;
66
+ }
67
+ .dropdown-user {
68
+ left: 0;
69
+ right: auto;
70
+ }
71
+ }
72
+
73
+ .sidebar {
74
+ .sidebar-nav.navbar-collapse {
75
+ padding-left: 0;
76
+ padding-right: 0;
77
+ }
78
+ .sidebar-search {
79
+ padding: 15px;
80
+ }
81
+ ul li {
82
+ border-bottom: 1px solid #e7e7e7;
83
+ a.active {
84
+ background-color: #eee;
85
+ }
86
+ }
87
+ .arrow {
88
+ float: left;
89
+ }
90
+ .fa.arrow:before {
91
+ content: "\f104";
92
+ }
93
+ .active > a > .fa.arrow:before {
94
+ content: "\f107";
95
+ }
96
+ .nav-second-level li, .nav-third-level li {
97
+ border-bottom: 0 !important;
98
+ }
99
+ .nav-second-level li a {
100
+ padding-right: 37px;
101
+ }
102
+ .nav-third-level li a {
103
+ padding-right: 52px;
104
+ }
105
+ }
106
+
107
+ @media (min-width: 768px) {
108
+ .sidebar {
109
+ z-index: 1;
110
+ position: absolute;
111
+ width: 250px;
112
+ margin-top: 51px;
113
+ }
114
+ .navbar-top-links {
115
+ .dropdown-messages, .dropdown-tasks, .dropdown-alerts {
116
+ margin-right: auto;
117
+ }
118
+ }
119
+ }
120
+
121
+ .btn-outline {
122
+ color: inherit;
123
+ background-color: transparent;
124
+ transition: all .5s;
125
+ }
126
+
127
+ .btn-primary.btn-outline {
128
+ color: #428bca;
129
+ }
130
+
131
+ .btn-success.btn-outline {
132
+ color: #5cb85c;
133
+ }
134
+
135
+ .btn-info.btn-outline {
136
+ color: #5bc0de;
137
+ }
138
+
139
+ .btn-warning.btn-outline {
140
+ color: #f0ad4e;
141
+ }
142
+
143
+ .btn-danger.btn-outline {
144
+ color: #d9534f;
145
+ }
146
+
147
+ .btn-primary.btn-outline:hover, .btn-success.btn-outline:hover, .btn-info.btn-outline:hover, .btn-warning.btn-outline:hover, .btn-danger.btn-outline:hover {
148
+ color: #fff;
149
+ }
150
+
151
+ .chat {
152
+ margin: 0;
153
+ padding: 0;
154
+ list-style: none;
155
+ li {
156
+ margin-bottom: 10px;
157
+ padding-bottom: 5px;
158
+ border-bottom: 1px dotted #999;
159
+ &.left .chat-body {
160
+ margin-right: 60px;
161
+ }
162
+ &.right .chat-body {
163
+ margin-left: 60px;
164
+ }
165
+ .chat-body p {
166
+ margin: 0;
167
+ }
168
+ }
169
+ }
170
+
171
+ .panel .slidedown .glyphicon, .chat .glyphicon {
172
+ margin-left: 5px;
173
+ }
174
+
175
+ .chat-panel .panel-body {
176
+ height: 350px;
177
+ overflow-y: scroll;
178
+ }
179
+
180
+ .login-panel {
181
+ margin-top: 25%;
182
+ }
183
+
184
+ .flot-chart {
185
+ display: block;
186
+ height: 400px;
187
+ }
188
+
189
+ .flot-chart-content {
190
+ width: 100%;
191
+ height: 100%;
192
+ }
193
+
194
+ table.dataTable thead {
195
+ .sorting, .sorting_asc, .sorting_desc, .sorting_asc_disabled, .sorting_desc_disabled {
196
+ background: 0 0;
197
+ }
198
+ .sorting_asc:after {
199
+ content: "\f0de";
200
+ float: left;
201
+ font-family: fontawesome;
202
+ }
203
+ .sorting_desc:after {
204
+ content: "\f0dd";
205
+ float: left;
206
+ font-family: fontawesome;
207
+ }
208
+ .sorting:after {
209
+ content: "\f0dc";
210
+ float: left;
211
+ font-family: fontawesome;
212
+ color: rgba(50, 50, 50, 0.5);
213
+ }
214
+ }
215
+
216
+ .btn-circle {
217
+ width: 30px;
218
+ height: 30px;
219
+ padding: 6px 0;
220
+ border-radius: 15px;
221
+ text-align: center;
222
+ font-size: 12px;
223
+ line-height: 1.428571429;
224
+ &.btn-lg {
225
+ width: 50px;
226
+ height: 50px;
227
+ padding: 10px 16px;
228
+ border-radius: 25px;
229
+ font-size: 18px;
230
+ line-height: 1.33;
231
+ }
232
+ &.btn-xl {
233
+ width: 70px;
234
+ height: 70px;
235
+ padding: 10px 16px;
236
+ border-radius: 35px;
237
+ font-size: 24px;
238
+ line-height: 1.33;
239
+ }
240
+ }
241
+
242
+ .show-grid {
243
+ [class^=col-] {
244
+ padding-top: 10px;
245
+ padding-bottom: 10px;
246
+ border: 1px solid #ddd;
247
+ background-color: #eee !important;
248
+ }
249
+ margin: 15px 0;
250
+ }
251
+
252
+ .huge {
253
+ font-size: 40px;
254
+ }
255
+
256
+ .panel-green {
257
+ border-color: #5cb85c;
258
+ .panel-heading {
259
+ border-color: #5cb85c;
260
+ color: #fff;
261
+ background-color: #5cb85c;
262
+ }
263
+ a {
264
+ color: #5cb85c;
265
+ &:hover {
266
+ color: #3d8b3d;
267
+ }
268
+ }
269
+ }
270
+
271
+ .panel-red {
272
+ border-color: #d9534f;
273
+ .panel-heading {
274
+ border-color: #d9534f;
275
+ color: #fff;
276
+ background-color: #d9534f;
277
+ }
278
+ a {
279
+ color: #d9534f;
280
+ &:hover {
281
+ color: #b52b27;
282
+ }
283
+ }
284
+ }
285
+
286
+ .panel-yellow {
287
+ border-color: #f0ad4e;
288
+ .panel-heading {
289
+ border-color: #f0ad4e;
290
+ color: #fff;
291
+ background-color: #f0ad4e;
292
+ }
293
+ a {
294
+ color: #f0ad4e;
295
+ &:hover {
296
+ color: #df8a13;
297
+ }
298
+ }
299
+ }
@@ -0,0 +1,168 @@
1
+ .timeline {
2
+ position: relative;
3
+ padding: 20px 0 20px;
4
+ list-style: none;
5
+ &:before {
6
+ content: " ";
7
+ position: absolute;
8
+ top: 0;
9
+ bottom: 0;
10
+ right: 50%;
11
+ width: 3px;
12
+ margin-right: -1.5px;
13
+ background-color: #eeeeee;
14
+ }
15
+ > li {
16
+ position: relative;
17
+ margin-bottom: 20px;
18
+ &:before {
19
+ content: " ";
20
+ display: table;
21
+ }
22
+ &:after {
23
+ content: " ";
24
+ display: table;
25
+ clear: both;
26
+ }
27
+ &:before {
28
+ content: " ";
29
+ display: table;
30
+ }
31
+ &:after {
32
+ content: " ";
33
+ display: table;
34
+ clear: both;
35
+ }
36
+ > {
37
+ .timeline-panel {
38
+ float: right;
39
+ position: relative;
40
+ width: 46%;
41
+ padding: 20px;
42
+ border: 1px solid #d4d4d4;
43
+ border-radius: 2px;
44
+ -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
45
+ box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
46
+ &:before {
47
+ content: " ";
48
+ display: inline-block;
49
+ position: absolute;
50
+ top: 26px;
51
+ left: -15px;
52
+ border-top: 15px solid transparent;
53
+ border-left: 0 solid #ccc;
54
+ border-bottom: 15px solid transparent;
55
+ border-right: 15px solid #ccc;
56
+ }
57
+ &:after {
58
+ content: " ";
59
+ display: inline-block;
60
+ position: absolute;
61
+ top: 27px;
62
+ left: -14px;
63
+ border-top: 14px solid transparent;
64
+ border-left: 0 solid #fff;
65
+ border-bottom: 14px solid transparent;
66
+ border-right: 14px solid #fff;
67
+ }
68
+ }
69
+ .timeline-badge {
70
+ z-index: 100;
71
+ position: absolute;
72
+ top: 16px;
73
+ right: 50%;
74
+ width: 50px;
75
+ height: 50px;
76
+ margin-right: -25px;
77
+ border-radius: 50% 50% 50% 50%;
78
+ text-align: center;
79
+ font-size: 1.4em;
80
+ line-height: 50px;
81
+ color: #fff;
82
+ background-color: #999999;
83
+ }
84
+ }
85
+ &.timeline-inverted > .timeline-panel {
86
+ float: left;
87
+ &:before {
88
+ left: auto;
89
+ right: -15px;
90
+ border-left-width: 15px;
91
+ border-right-width: 0;
92
+ }
93
+ &:after {
94
+ left: auto;
95
+ right: -14px;
96
+ border-left-width: 14px;
97
+ border-right-width: 0;
98
+ }
99
+ }
100
+ }
101
+ }
102
+
103
+ .timeline-badge {
104
+ &.primary {
105
+ background-color: #2e6da4 !important;
106
+ }
107
+ &.success {
108
+ background-color: #3f903f !important;
109
+ }
110
+ &.warning {
111
+ background-color: #f0ad4e !important;
112
+ }
113
+ &.danger {
114
+ background-color: #d9534f !important;
115
+ }
116
+ &.info {
117
+ background-color: #5bc0de !important;
118
+ }
119
+ }
120
+
121
+ .timeline-title {
122
+ margin-top: 0;
123
+ color: inherit;
124
+ }
125
+
126
+ .timeline-body > {
127
+ p, ul {
128
+ margin-bottom: 0;
129
+ }
130
+ p + p {
131
+ margin-top: 5px;
132
+ }
133
+ }
134
+
135
+ @media (max-width: 767px) {
136
+ ul.timeline {
137
+ &:before {
138
+ right: 40px;
139
+ }
140
+ > li > {
141
+ .timeline-panel {
142
+ width: calc(100% - 90px);
143
+ width: -moz-calc(100% - 90px);
144
+ width: -webkit-calc(100% - 90px);
145
+ }
146
+ .timeline-badge {
147
+ top: 16px;
148
+ right: 15px;
149
+ margin-right: 0;
150
+ }
151
+ .timeline-panel {
152
+ float: left;
153
+ &:before {
154
+ left: auto;
155
+ right: -15px;
156
+ border-left-width: 15px;
157
+ border-right-width: 0;
158
+ }
159
+ &:after {
160
+ left: auto;
161
+ right: -14px;
162
+ border-left-width: 14px;
163
+ border-right-width: 0;
164
+ }
165
+ }
166
+ }
167
+ }
168
+ }