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.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: eaf8105db2f419b5d13bdf2ec087043095493fb3
4
- data.tar.gz: 3986491e31a295f881a05cd5f4be04957a673cd9
3
+ metadata.gz: 3e70b1388d60427a456f3d8bc2d6802ab887c367
4
+ data.tar.gz: ca1d54f9928cc49261101190cbee5b71d02ff836
5
5
  SHA512:
6
- metadata.gz: 7db4324f3354b84e2e45a2d98d7b966febb2f8fd81519bf9c1b15cfb4d80d4965c058cf9e267e36cc43387ead44b311e233d313e1898738310eb76ac68c9607f
7
- data.tar.gz: e00af821c0c5ac4b824a0977e8620d951a01f124e6a64f4a7c84fcdcb4312f9c63f18a1a133ba401fc79ed1284183da43448ef9991721deb8349aa17f37d4818
6
+ metadata.gz: df25dd10dffd53a25a4828434b5822dd9f020f1ec017cc4445c53aa72c703bcf41d87657af91b02d8b2cb1c4d2c1d7fa2e215a8d9790a35a30bb1eea7a88ab8b
7
+ data.tar.gz: 040bd473fbda7ae6cb32bc01bac67bf31c3e4dcd4afcb4098ef471b789b69b7ae829a8c7ad54667e0903d04045bfd80bac335b988ad845a946490dbaa9e246c7
data/README.md CHANGED
@@ -1,8 +1,10 @@
1
+ [![Gem Version](https://badge.fury.io/rb/bootstrap_sb_admin_base_v2.svg)](https://badge.fury.io/rb/bootstrap_sb_admin_base_v2)
2
+
1
3
  ## About
2
4
 
3
5
  bootstrap_sb_admin_base_v2 is a (work in progress) Rails gem of the Bootstrap based admin theme SB Admin 2. Originally created by Start Bootstrap, all the credits of the development of the Bootstrap admin theme are of them. This is just and adaptation into Rails gem in order to make it easier to integrate all the assets (fonts, images, css and js) into a Rails application.
4
6
 
5
- You could check the original Bootstrap admin theme repository [here](https://github.com/IronSummitMedia/startbootstrap-sb-admin-2).
7
+ You can check the original Bootstrap admin theme repository [here](https://github.com/IronSummitMedia/startbootstrap-sb-admin-2).
6
8
 
7
9
  ## Installation
8
10
 
@@ -34,7 +36,15 @@ and this line into you `application.css` file:
34
36
  *= require bootstrap_sb_admin_base_v2
35
37
  ```
36
38
 
37
- And you're ready to use the HTML structure of the Bootstrap based admin theme SB Admin 2 on your Rails application. All the details and documentation about this is [here](http://startbootstrap.com/template-overviews/sb-admin-2/).
39
+ If you need the RTL version of the template, add this line into you `application.css` instead of the previous one:
40
+
41
+ ```ruby
42
+ *= require bootstrap_sb_admin_base_v2_rtl
43
+ ```
44
+
45
+ You can check the RTL version I've used to add this adaptation [here](https://github.com/dreamingechoes/sb-admin2-rtl).
46
+
47
+ And you're ready to use the HTML structure of the Bootstrap based admin theme SB Admin 2 on your Rails application. All the details and documentation about this are [here](http://startbootstrap.com/template-overviews/sb-admin-2/).
38
48
 
39
49
  ## Contributing
40
50
 
@@ -1,3 +1,3 @@
1
1
  module BootstrapSbAdminBaseV2
2
- VERSION = "0.1.1"
2
+ VERSION = "0.2.0"
3
3
  end
@@ -281,8 +281,12 @@ th {
281
281
  }
282
282
  @font-face {
283
283
  font-family: "Glyphicons Halflings";
284
- src: url("../fonts/glyphicons-halflings-regular.eot");
285
- src: url("../fonts/glyphicons-halflings-regular-.eot#iefix") format("embedded-opentype"), url("../fonts/glyphicons-halflings-regular.woff2") format("woff2"), url("../fonts/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg");
284
+ src: asset-url("assets/glyphicons-halflings-regular.eot");
285
+ src: asset-url("assets/glyphicons-halflings-regular-.eot#iefix") format("embedded-opentype"),
286
+ asset-url("assets/glyphicons-halflings-regular.woff") format("woff"),
287
+ asset-url("assets/glyphicons-halflings-regular.woff2") format("woff2"),
288
+ asset-url("assets/glyphicons-halflings-regular.ttf") format("truetype"),
289
+ asset-url("assets/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg");
286
290
  }
287
291
  .glyphicon {
288
292
  position: relative;
@@ -0,0 +1,6 @@
1
+ @import "rtl/bootstrap/*";
2
+ @import "rtl/font-awesome/*";
3
+ @import "rtl/metis_menu/*";
4
+ @import "rtl/morris/*";
5
+ @import "rtl/sb-admin-2/*";
6
+ @import "rtl/timeline/*";
@@ -4,8 +4,11 @@
4
4
  */
5
5
  @font-face {
6
6
  font-family: "FontAwesome";
7
- src: url("fontawesome-webfont-v=4.2.0.eot");
8
- src: url("fontawesome-webfont-.eot#iefix&v=4.2.0") format("embedded-opentype"), url("fontawesome-webfont-v=4.2.0.woff") format("woff"), url("fontawesome-webfont-v=4.2.0.ttf") format("truetype"), url("fontawesome-webfont-v=4.2.0.svg#fontawesomeregular") format("svg");
7
+ src: asset-url("assets/fontawesome-webfont-v=4.2.0.eot");
8
+ src: asset-url("assets/fontawesome-webfont-.eot#iefix&v=4.2.0") format("embedded-opentype"),
9
+ asset-url("assets/fontawesome-webfont-v=4.2.0.woff") format("woff"),
10
+ asset-url("assets/fontawesome-webfont-v=4.2.0.ttf") format("truetype"),
11
+ asset-url("assets/fontawesome-webfont-v=4.2.0.svg#fontawesomeregular") format("svg");
9
12
  font-weight: normal;
10
13
  font-style: normal;
11
14
  }
@@ -0,0 +1,1198 @@
1
+ /*
2
+ * Social Buttons for Bootstrap
3
+ *
4
+ * Copyright 2013 Panayiotis Lipiridis
5
+ * Licensed under the MIT License
6
+ *
7
+ * https://github.com/lipis/bootstrap-social
8
+ */
9
+
10
+ .btn-social {
11
+ position: relative;
12
+ padding-right: 44px;
13
+ text-align: right;
14
+ white-space: nowrap;
15
+ overflow: hidden;
16
+ text-overflow: ellipsis;
17
+ :first-child {
18
+ position: absolute;
19
+ right: 0;
20
+ top: 0;
21
+ bottom: 0;
22
+ width: 32px;
23
+ line-height: 34px;
24
+ font-size: 1.6em;
25
+ text-align: center;
26
+ border-left: 1px solid rgba(0, 0, 0, 0.2);
27
+ }
28
+ &.btn-lg {
29
+ padding-right: 61px;
30
+ :first-child {
31
+ line-height: 45px;
32
+ width: 45px;
33
+ font-size: 1.8em;
34
+ }
35
+ }
36
+ &.btn-sm {
37
+ padding-right: 38px;
38
+ :first-child {
39
+ line-height: 28px;
40
+ width: 28px;
41
+ font-size: 1.4em;
42
+ }
43
+ }
44
+ &.btn-xs {
45
+ padding-right: 30px;
46
+ :first-child {
47
+ line-height: 20px;
48
+ width: 20px;
49
+ font-size: 1.2em;
50
+ }
51
+ }
52
+ }
53
+
54
+ .btn-social-icon {
55
+ position: relative;
56
+ padding-right: 44px;
57
+ text-align: right;
58
+ white-space: nowrap;
59
+ overflow: hidden;
60
+ text-overflow: ellipsis;
61
+ height: 34px;
62
+ width: 34px;
63
+ padding-right: 0;
64
+ padding-left: 0;
65
+ :first-child {
66
+ position: absolute;
67
+ right: 0;
68
+ top: 0;
69
+ bottom: 0;
70
+ width: 32px;
71
+ line-height: 34px;
72
+ font-size: 1.6em;
73
+ text-align: center;
74
+ border-left: 1px solid rgba(0, 0, 0, 0.2);
75
+ }
76
+ &.btn-lg {
77
+ padding-right: 61px;
78
+ :first-child {
79
+ line-height: 45px;
80
+ width: 45px;
81
+ font-size: 1.8em;
82
+ }
83
+ }
84
+ &.btn-sm {
85
+ padding-right: 38px;
86
+ :first-child {
87
+ line-height: 28px;
88
+ width: 28px;
89
+ font-size: 1.4em;
90
+ }
91
+ }
92
+ &.btn-xs {
93
+ padding-right: 30px;
94
+ :first-child {
95
+ line-height: 20px;
96
+ width: 20px;
97
+ font-size: 1.2em;
98
+ }
99
+ }
100
+ :first-child {
101
+ border: none;
102
+ text-align: center;
103
+ width: 100% !important;
104
+ }
105
+ &.btn-lg {
106
+ height: 45px;
107
+ width: 45px;
108
+ padding-right: 0;
109
+ padding-left: 0;
110
+ }
111
+ &.btn-sm {
112
+ height: 30px;
113
+ width: 30px;
114
+ padding-right: 0;
115
+ padding-left: 0;
116
+ }
117
+ &.btn-xs {
118
+ height: 22px;
119
+ width: 22px;
120
+ padding-right: 0;
121
+ padding-left: 0;
122
+ }
123
+ }
124
+
125
+ .btn-bitbucket {
126
+ color: #fff;
127
+ background-color: #205081;
128
+ border-color: rgba(0, 0, 0, 0.2);
129
+ &:hover, &:focus, &:active, &.active {
130
+ color: #fff;
131
+ background-color: #183c60;
132
+ border-color: rgba(0, 0, 0, 0.2);
133
+ }
134
+ }
135
+
136
+ .open .dropdown-toggle.btn-bitbucket {
137
+ color: #fff;
138
+ background-color: #183c60;
139
+ border-color: rgba(0, 0, 0, 0.2);
140
+ }
141
+
142
+ .btn-bitbucket {
143
+ &:active, &.active {
144
+ background-image: none;
145
+ }
146
+ }
147
+
148
+ .open .dropdown-toggle.btn-bitbucket {
149
+ background-image: none;
150
+ }
151
+
152
+ .btn-bitbucket {
153
+ &.disabled, &[disabled] {
154
+ background-color: #205081;
155
+ border-color: rgba(0, 0, 0, 0.2);
156
+ }
157
+ }
158
+
159
+ fieldset[disabled] .btn-bitbucket {
160
+ background-color: #205081;
161
+ border-color: rgba(0, 0, 0, 0.2);
162
+ }
163
+
164
+ .btn-bitbucket {
165
+ &.disabled:hover, &[disabled]:hover {
166
+ background-color: #205081;
167
+ border-color: rgba(0, 0, 0, 0.2);
168
+ }
169
+ }
170
+
171
+ fieldset[disabled] .btn-bitbucket:hover {
172
+ background-color: #205081;
173
+ border-color: rgba(0, 0, 0, 0.2);
174
+ }
175
+
176
+ .btn-bitbucket {
177
+ &.disabled:focus, &[disabled]:focus {
178
+ background-color: #205081;
179
+ border-color: rgba(0, 0, 0, 0.2);
180
+ }
181
+ }
182
+
183
+ fieldset[disabled] .btn-bitbucket:focus {
184
+ background-color: #205081;
185
+ border-color: rgba(0, 0, 0, 0.2);
186
+ }
187
+
188
+ .btn-bitbucket {
189
+ &.disabled:active, &[disabled]:active {
190
+ background-color: #205081;
191
+ border-color: rgba(0, 0, 0, 0.2);
192
+ }
193
+ }
194
+
195
+ fieldset[disabled] .btn-bitbucket:active {
196
+ background-color: #205081;
197
+ border-color: rgba(0, 0, 0, 0.2);
198
+ }
199
+
200
+ .btn-bitbucket {
201
+ &.disabled.active, &[disabled].active {
202
+ background-color: #205081;
203
+ border-color: rgba(0, 0, 0, 0.2);
204
+ }
205
+ }
206
+
207
+ fieldset[disabled] .btn-bitbucket.active {
208
+ background-color: #205081;
209
+ border-color: rgba(0, 0, 0, 0.2);
210
+ }
211
+
212
+ .btn-dropbox {
213
+ color: #fff;
214
+ background-color: #1087dd;
215
+ border-color: rgba(0, 0, 0, 0.2);
216
+ &:hover, &:focus, &:active, &.active {
217
+ color: #fff;
218
+ background-color: #0d70b7;
219
+ border-color: rgba(0, 0, 0, 0.2);
220
+ }
221
+ }
222
+
223
+ .open .dropdown-toggle.btn-dropbox {
224
+ color: #fff;
225
+ background-color: #0d70b7;
226
+ border-color: rgba(0, 0, 0, 0.2);
227
+ }
228
+
229
+ .btn-dropbox {
230
+ &:active, &.active {
231
+ background-image: none;
232
+ }
233
+ }
234
+
235
+ .open .dropdown-toggle.btn-dropbox {
236
+ background-image: none;
237
+ }
238
+
239
+ .btn-dropbox {
240
+ &.disabled, &[disabled] {
241
+ background-color: #1087dd;
242
+ border-color: rgba(0, 0, 0, 0.2);
243
+ }
244
+ }
245
+
246
+ fieldset[disabled] .btn-dropbox {
247
+ background-color: #1087dd;
248
+ border-color: rgba(0, 0, 0, 0.2);
249
+ }
250
+
251
+ .btn-dropbox {
252
+ &.disabled:hover, &[disabled]:hover {
253
+ background-color: #1087dd;
254
+ border-color: rgba(0, 0, 0, 0.2);
255
+ }
256
+ }
257
+
258
+ fieldset[disabled] .btn-dropbox:hover {
259
+ background-color: #1087dd;
260
+ border-color: rgba(0, 0, 0, 0.2);
261
+ }
262
+
263
+ .btn-dropbox {
264
+ &.disabled:focus, &[disabled]:focus {
265
+ background-color: #1087dd;
266
+ border-color: rgba(0, 0, 0, 0.2);
267
+ }
268
+ }
269
+
270
+ fieldset[disabled] .btn-dropbox:focus {
271
+ background-color: #1087dd;
272
+ border-color: rgba(0, 0, 0, 0.2);
273
+ }
274
+
275
+ .btn-dropbox {
276
+ &.disabled:active, &[disabled]:active {
277
+ background-color: #1087dd;
278
+ border-color: rgba(0, 0, 0, 0.2);
279
+ }
280
+ }
281
+
282
+ fieldset[disabled] .btn-dropbox:active {
283
+ background-color: #1087dd;
284
+ border-color: rgba(0, 0, 0, 0.2);
285
+ }
286
+
287
+ .btn-dropbox {
288
+ &.disabled.active, &[disabled].active {
289
+ background-color: #1087dd;
290
+ border-color: rgba(0, 0, 0, 0.2);
291
+ }
292
+ }
293
+
294
+ fieldset[disabled] .btn-dropbox.active {
295
+ background-color: #1087dd;
296
+ border-color: rgba(0, 0, 0, 0.2);
297
+ }
298
+
299
+ .btn-facebook {
300
+ color: #fff;
301
+ background-color: #3b5998;
302
+ border-color: rgba(0, 0, 0, 0.2);
303
+ &:hover, &:focus, &:active, &.active {
304
+ color: #fff;
305
+ background-color: #30487b;
306
+ border-color: rgba(0, 0, 0, 0.2);
307
+ }
308
+ }
309
+
310
+ .open .dropdown-toggle.btn-facebook {
311
+ color: #fff;
312
+ background-color: #30487b;
313
+ border-color: rgba(0, 0, 0, 0.2);
314
+ }
315
+
316
+ .btn-facebook {
317
+ &:active, &.active {
318
+ background-image: none;
319
+ }
320
+ }
321
+
322
+ .open .dropdown-toggle.btn-facebook {
323
+ background-image: none;
324
+ }
325
+
326
+ .btn-facebook {
327
+ &.disabled, &[disabled] {
328
+ background-color: #3b5998;
329
+ border-color: rgba(0, 0, 0, 0.2);
330
+ }
331
+ }
332
+
333
+ fieldset[disabled] .btn-facebook {
334
+ background-color: #3b5998;
335
+ border-color: rgba(0, 0, 0, 0.2);
336
+ }
337
+
338
+ .btn-facebook {
339
+ &.disabled:hover, &[disabled]:hover {
340
+ background-color: #3b5998;
341
+ border-color: rgba(0, 0, 0, 0.2);
342
+ }
343
+ }
344
+
345
+ fieldset[disabled] .btn-facebook:hover {
346
+ background-color: #3b5998;
347
+ border-color: rgba(0, 0, 0, 0.2);
348
+ }
349
+
350
+ .btn-facebook {
351
+ &.disabled:focus, &[disabled]:focus {
352
+ background-color: #3b5998;
353
+ border-color: rgba(0, 0, 0, 0.2);
354
+ }
355
+ }
356
+
357
+ fieldset[disabled] .btn-facebook:focus {
358
+ background-color: #3b5998;
359
+ border-color: rgba(0, 0, 0, 0.2);
360
+ }
361
+
362
+ .btn-facebook {
363
+ &.disabled:active, &[disabled]:active {
364
+ background-color: #3b5998;
365
+ border-color: rgba(0, 0, 0, 0.2);
366
+ }
367
+ }
368
+
369
+ fieldset[disabled] .btn-facebook:active {
370
+ background-color: #3b5998;
371
+ border-color: rgba(0, 0, 0, 0.2);
372
+ }
373
+
374
+ .btn-facebook {
375
+ &.disabled.active, &[disabled].active {
376
+ background-color: #3b5998;
377
+ border-color: rgba(0, 0, 0, 0.2);
378
+ }
379
+ }
380
+
381
+ fieldset[disabled] .btn-facebook.active {
382
+ background-color: #3b5998;
383
+ border-color: rgba(0, 0, 0, 0.2);
384
+ }
385
+
386
+ .btn-flickr {
387
+ color: #fff;
388
+ background-color: #ff0084;
389
+ border-color: rgba(0, 0, 0, 0.2);
390
+ &:hover, &:focus, &:active, &.active {
391
+ color: #fff;
392
+ background-color: #d6006f;
393
+ border-color: rgba(0, 0, 0, 0.2);
394
+ }
395
+ }
396
+
397
+ .open .dropdown-toggle.btn-flickr {
398
+ color: #fff;
399
+ background-color: #d6006f;
400
+ border-color: rgba(0, 0, 0, 0.2);
401
+ }
402
+
403
+ .btn-flickr {
404
+ &:active, &.active {
405
+ background-image: none;
406
+ }
407
+ }
408
+
409
+ .open .dropdown-toggle.btn-flickr {
410
+ background-image: none;
411
+ }
412
+
413
+ .btn-flickr {
414
+ &.disabled, &[disabled] {
415
+ background-color: #ff0084;
416
+ border-color: rgba(0, 0, 0, 0.2);
417
+ }
418
+ }
419
+
420
+ fieldset[disabled] .btn-flickr {
421
+ background-color: #ff0084;
422
+ border-color: rgba(0, 0, 0, 0.2);
423
+ }
424
+
425
+ .btn-flickr {
426
+ &.disabled:hover, &[disabled]:hover {
427
+ background-color: #ff0084;
428
+ border-color: rgba(0, 0, 0, 0.2);
429
+ }
430
+ }
431
+
432
+ fieldset[disabled] .btn-flickr:hover {
433
+ background-color: #ff0084;
434
+ border-color: rgba(0, 0, 0, 0.2);
435
+ }
436
+
437
+ .btn-flickr {
438
+ &.disabled:focus, &[disabled]:focus {
439
+ background-color: #ff0084;
440
+ border-color: rgba(0, 0, 0, 0.2);
441
+ }
442
+ }
443
+
444
+ fieldset[disabled] .btn-flickr:focus {
445
+ background-color: #ff0084;
446
+ border-color: rgba(0, 0, 0, 0.2);
447
+ }
448
+
449
+ .btn-flickr {
450
+ &.disabled:active, &[disabled]:active {
451
+ background-color: #ff0084;
452
+ border-color: rgba(0, 0, 0, 0.2);
453
+ }
454
+ }
455
+
456
+ fieldset[disabled] .btn-flickr:active {
457
+ background-color: #ff0084;
458
+ border-color: rgba(0, 0, 0, 0.2);
459
+ }
460
+
461
+ .btn-flickr {
462
+ &.disabled.active, &[disabled].active {
463
+ background-color: #ff0084;
464
+ border-color: rgba(0, 0, 0, 0.2);
465
+ }
466
+ }
467
+
468
+ fieldset[disabled] .btn-flickr.active {
469
+ background-color: #ff0084;
470
+ border-color: rgba(0, 0, 0, 0.2);
471
+ }
472
+
473
+ .btn-github {
474
+ color: #fff;
475
+ background-color: #444;
476
+ border-color: rgba(0, 0, 0, 0.2);
477
+ &:hover, &:focus, &:active, &.active {
478
+ color: #fff;
479
+ background-color: #303030;
480
+ border-color: rgba(0, 0, 0, 0.2);
481
+ }
482
+ }
483
+
484
+ .open .dropdown-toggle.btn-github {
485
+ color: #fff;
486
+ background-color: #303030;
487
+ border-color: rgba(0, 0, 0, 0.2);
488
+ }
489
+
490
+ .btn-github {
491
+ &:active, &.active {
492
+ background-image: none;
493
+ }
494
+ }
495
+
496
+ .open .dropdown-toggle.btn-github {
497
+ background-image: none;
498
+ }
499
+
500
+ .btn-github {
501
+ &.disabled, &[disabled] {
502
+ background-color: #444;
503
+ border-color: rgba(0, 0, 0, 0.2);
504
+ }
505
+ }
506
+
507
+ fieldset[disabled] .btn-github {
508
+ background-color: #444;
509
+ border-color: rgba(0, 0, 0, 0.2);
510
+ }
511
+
512
+ .btn-github {
513
+ &.disabled:hover, &[disabled]:hover {
514
+ background-color: #444;
515
+ border-color: rgba(0, 0, 0, 0.2);
516
+ }
517
+ }
518
+
519
+ fieldset[disabled] .btn-github:hover {
520
+ background-color: #444;
521
+ border-color: rgba(0, 0, 0, 0.2);
522
+ }
523
+
524
+ .btn-github {
525
+ &.disabled:focus, &[disabled]:focus {
526
+ background-color: #444;
527
+ border-color: rgba(0, 0, 0, 0.2);
528
+ }
529
+ }
530
+
531
+ fieldset[disabled] .btn-github:focus {
532
+ background-color: #444;
533
+ border-color: rgba(0, 0, 0, 0.2);
534
+ }
535
+
536
+ .btn-github {
537
+ &.disabled:active, &[disabled]:active {
538
+ background-color: #444;
539
+ border-color: rgba(0, 0, 0, 0.2);
540
+ }
541
+ }
542
+
543
+ fieldset[disabled] .btn-github:active {
544
+ background-color: #444;
545
+ border-color: rgba(0, 0, 0, 0.2);
546
+ }
547
+
548
+ .btn-github {
549
+ &.disabled.active, &[disabled].active {
550
+ background-color: #444;
551
+ border-color: rgba(0, 0, 0, 0.2);
552
+ }
553
+ }
554
+
555
+ fieldset[disabled] .btn-github.active {
556
+ background-color: #444;
557
+ border-color: rgba(0, 0, 0, 0.2);
558
+ }
559
+
560
+ .btn-google-plus {
561
+ color: #fff;
562
+ background-color: #dd4b39;
563
+ border-color: rgba(0, 0, 0, 0.2);
564
+ &:hover, &:focus, &:active, &.active {
565
+ color: #fff;
566
+ background-color: #ca3523;
567
+ border-color: rgba(0, 0, 0, 0.2);
568
+ }
569
+ }
570
+
571
+ .open .dropdown-toggle.btn-google-plus {
572
+ color: #fff;
573
+ background-color: #ca3523;
574
+ border-color: rgba(0, 0, 0, 0.2);
575
+ }
576
+
577
+ .btn-google-plus {
578
+ &:active, &.active {
579
+ background-image: none;
580
+ }
581
+ }
582
+
583
+ .open .dropdown-toggle.btn-google-plus {
584
+ background-image: none;
585
+ }
586
+
587
+ .btn-google-plus {
588
+ &.disabled, &[disabled] {
589
+ background-color: #dd4b39;
590
+ border-color: rgba(0, 0, 0, 0.2);
591
+ }
592
+ }
593
+
594
+ fieldset[disabled] .btn-google-plus {
595
+ background-color: #dd4b39;
596
+ border-color: rgba(0, 0, 0, 0.2);
597
+ }
598
+
599
+ .btn-google-plus {
600
+ &.disabled:hover, &[disabled]:hover {
601
+ background-color: #dd4b39;
602
+ border-color: rgba(0, 0, 0, 0.2);
603
+ }
604
+ }
605
+
606
+ fieldset[disabled] .btn-google-plus:hover {
607
+ background-color: #dd4b39;
608
+ border-color: rgba(0, 0, 0, 0.2);
609
+ }
610
+
611
+ .btn-google-plus {
612
+ &.disabled:focus, &[disabled]:focus {
613
+ background-color: #dd4b39;
614
+ border-color: rgba(0, 0, 0, 0.2);
615
+ }
616
+ }
617
+
618
+ fieldset[disabled] .btn-google-plus:focus {
619
+ background-color: #dd4b39;
620
+ border-color: rgba(0, 0, 0, 0.2);
621
+ }
622
+
623
+ .btn-google-plus {
624
+ &.disabled:active, &[disabled]:active {
625
+ background-color: #dd4b39;
626
+ border-color: rgba(0, 0, 0, 0.2);
627
+ }
628
+ }
629
+
630
+ fieldset[disabled] .btn-google-plus:active {
631
+ background-color: #dd4b39;
632
+ border-color: rgba(0, 0, 0, 0.2);
633
+ }
634
+
635
+ .btn-google-plus {
636
+ &.disabled.active, &[disabled].active {
637
+ background-color: #dd4b39;
638
+ border-color: rgba(0, 0, 0, 0.2);
639
+ }
640
+ }
641
+
642
+ fieldset[disabled] .btn-google-plus.active {
643
+ background-color: #dd4b39;
644
+ border-color: rgba(0, 0, 0, 0.2);
645
+ }
646
+
647
+ .btn-instagram {
648
+ color: #fff;
649
+ background-color: #517fa4;
650
+ border-color: rgba(0, 0, 0, 0.2);
651
+ &:hover, &:focus, &:active, &.active {
652
+ color: #fff;
653
+ background-color: #446a89;
654
+ border-color: rgba(0, 0, 0, 0.2);
655
+ }
656
+ }
657
+
658
+ .open .dropdown-toggle.btn-instagram {
659
+ color: #fff;
660
+ background-color: #446a89;
661
+ border-color: rgba(0, 0, 0, 0.2);
662
+ }
663
+
664
+ .btn-instagram {
665
+ &:active, &.active {
666
+ background-image: none;
667
+ }
668
+ }
669
+
670
+ .open .dropdown-toggle.btn-instagram {
671
+ background-image: none;
672
+ }
673
+
674
+ .btn-instagram {
675
+ &.disabled, &[disabled] {
676
+ background-color: #517fa4;
677
+ border-color: rgba(0, 0, 0, 0.2);
678
+ }
679
+ }
680
+
681
+ fieldset[disabled] .btn-instagram {
682
+ background-color: #517fa4;
683
+ border-color: rgba(0, 0, 0, 0.2);
684
+ }
685
+
686
+ .btn-instagram {
687
+ &.disabled:hover, &[disabled]:hover {
688
+ background-color: #517fa4;
689
+ border-color: rgba(0, 0, 0, 0.2);
690
+ }
691
+ }
692
+
693
+ fieldset[disabled] .btn-instagram:hover {
694
+ background-color: #517fa4;
695
+ border-color: rgba(0, 0, 0, 0.2);
696
+ }
697
+
698
+ .btn-instagram {
699
+ &.disabled:focus, &[disabled]:focus {
700
+ background-color: #517fa4;
701
+ border-color: rgba(0, 0, 0, 0.2);
702
+ }
703
+ }
704
+
705
+ fieldset[disabled] .btn-instagram:focus {
706
+ background-color: #517fa4;
707
+ border-color: rgba(0, 0, 0, 0.2);
708
+ }
709
+
710
+ .btn-instagram {
711
+ &.disabled:active, &[disabled]:active {
712
+ background-color: #517fa4;
713
+ border-color: rgba(0, 0, 0, 0.2);
714
+ }
715
+ }
716
+
717
+ fieldset[disabled] .btn-instagram:active {
718
+ background-color: #517fa4;
719
+ border-color: rgba(0, 0, 0, 0.2);
720
+ }
721
+
722
+ .btn-instagram {
723
+ &.disabled.active, &[disabled].active {
724
+ background-color: #517fa4;
725
+ border-color: rgba(0, 0, 0, 0.2);
726
+ }
727
+ }
728
+
729
+ fieldset[disabled] .btn-instagram.active {
730
+ background-color: #517fa4;
731
+ border-color: rgba(0, 0, 0, 0.2);
732
+ }
733
+
734
+ .btn-linkedin {
735
+ color: #fff;
736
+ background-color: #007bb6;
737
+ border-color: rgba(0, 0, 0, 0.2);
738
+ &:hover, &:focus, &:active, &.active {
739
+ color: #fff;
740
+ background-color: #005f8d;
741
+ border-color: rgba(0, 0, 0, 0.2);
742
+ }
743
+ }
744
+
745
+ .open .dropdown-toggle.btn-linkedin {
746
+ color: #fff;
747
+ background-color: #005f8d;
748
+ border-color: rgba(0, 0, 0, 0.2);
749
+ }
750
+
751
+ .btn-linkedin {
752
+ &:active, &.active {
753
+ background-image: none;
754
+ }
755
+ }
756
+
757
+ .open .dropdown-toggle.btn-linkedin {
758
+ background-image: none;
759
+ }
760
+
761
+ .btn-linkedin {
762
+ &.disabled, &[disabled] {
763
+ background-color: #007bb6;
764
+ border-color: rgba(0, 0, 0, 0.2);
765
+ }
766
+ }
767
+
768
+ fieldset[disabled] .btn-linkedin {
769
+ background-color: #007bb6;
770
+ border-color: rgba(0, 0, 0, 0.2);
771
+ }
772
+
773
+ .btn-linkedin {
774
+ &.disabled:hover, &[disabled]:hover {
775
+ background-color: #007bb6;
776
+ border-color: rgba(0, 0, 0, 0.2);
777
+ }
778
+ }
779
+
780
+ fieldset[disabled] .btn-linkedin:hover {
781
+ background-color: #007bb6;
782
+ border-color: rgba(0, 0, 0, 0.2);
783
+ }
784
+
785
+ .btn-linkedin {
786
+ &.disabled:focus, &[disabled]:focus {
787
+ background-color: #007bb6;
788
+ border-color: rgba(0, 0, 0, 0.2);
789
+ }
790
+ }
791
+
792
+ fieldset[disabled] .btn-linkedin:focus {
793
+ background-color: #007bb6;
794
+ border-color: rgba(0, 0, 0, 0.2);
795
+ }
796
+
797
+ .btn-linkedin {
798
+ &.disabled:active, &[disabled]:active {
799
+ background-color: #007bb6;
800
+ border-color: rgba(0, 0, 0, 0.2);
801
+ }
802
+ }
803
+
804
+ fieldset[disabled] .btn-linkedin:active {
805
+ background-color: #007bb6;
806
+ border-color: rgba(0, 0, 0, 0.2);
807
+ }
808
+
809
+ .btn-linkedin {
810
+ &.disabled.active, &[disabled].active {
811
+ background-color: #007bb6;
812
+ border-color: rgba(0, 0, 0, 0.2);
813
+ }
814
+ }
815
+
816
+ fieldset[disabled] .btn-linkedin.active {
817
+ background-color: #007bb6;
818
+ border-color: rgba(0, 0, 0, 0.2);
819
+ }
820
+
821
+ .btn-pinterest {
822
+ color: #fff;
823
+ background-color: #cb2027;
824
+ border-color: rgba(0, 0, 0, 0.2);
825
+ &:hover, &:focus, &:active, &.active {
826
+ color: #fff;
827
+ background-color: #a81a20;
828
+ border-color: rgba(0, 0, 0, 0.2);
829
+ }
830
+ }
831
+
832
+ .open .dropdown-toggle.btn-pinterest {
833
+ color: #fff;
834
+ background-color: #a81a20;
835
+ border-color: rgba(0, 0, 0, 0.2);
836
+ }
837
+
838
+ .btn-pinterest {
839
+ &:active, &.active {
840
+ background-image: none;
841
+ }
842
+ }
843
+
844
+ .open .dropdown-toggle.btn-pinterest {
845
+ background-image: none;
846
+ }
847
+
848
+ .btn-pinterest {
849
+ &.disabled, &[disabled] {
850
+ background-color: #cb2027;
851
+ border-color: rgba(0, 0, 0, 0.2);
852
+ }
853
+ }
854
+
855
+ fieldset[disabled] .btn-pinterest {
856
+ background-color: #cb2027;
857
+ border-color: rgba(0, 0, 0, 0.2);
858
+ }
859
+
860
+ .btn-pinterest {
861
+ &.disabled:hover, &[disabled]:hover {
862
+ background-color: #cb2027;
863
+ border-color: rgba(0, 0, 0, 0.2);
864
+ }
865
+ }
866
+
867
+ fieldset[disabled] .btn-pinterest:hover {
868
+ background-color: #cb2027;
869
+ border-color: rgba(0, 0, 0, 0.2);
870
+ }
871
+
872
+ .btn-pinterest {
873
+ &.disabled:focus, &[disabled]:focus {
874
+ background-color: #cb2027;
875
+ border-color: rgba(0, 0, 0, 0.2);
876
+ }
877
+ }
878
+
879
+ fieldset[disabled] .btn-pinterest:focus {
880
+ background-color: #cb2027;
881
+ border-color: rgba(0, 0, 0, 0.2);
882
+ }
883
+
884
+ .btn-pinterest {
885
+ &.disabled:active, &[disabled]:active {
886
+ background-color: #cb2027;
887
+ border-color: rgba(0, 0, 0, 0.2);
888
+ }
889
+ }
890
+
891
+ fieldset[disabled] .btn-pinterest:active {
892
+ background-color: #cb2027;
893
+ border-color: rgba(0, 0, 0, 0.2);
894
+ }
895
+
896
+ .btn-pinterest {
897
+ &.disabled.active, &[disabled].active {
898
+ background-color: #cb2027;
899
+ border-color: rgba(0, 0, 0, 0.2);
900
+ }
901
+ }
902
+
903
+ fieldset[disabled] .btn-pinterest.active {
904
+ background-color: #cb2027;
905
+ border-color: rgba(0, 0, 0, 0.2);
906
+ }
907
+
908
+ .btn-tumblr {
909
+ color: #fff;
910
+ background-color: #2c4762;
911
+ border-color: rgba(0, 0, 0, 0.2);
912
+ &:hover, &:focus, &:active, &.active {
913
+ color: #fff;
914
+ background-color: #1f3346;
915
+ border-color: rgba(0, 0, 0, 0.2);
916
+ }
917
+ }
918
+
919
+ .open .dropdown-toggle.btn-tumblr {
920
+ color: #fff;
921
+ background-color: #1f3346;
922
+ border-color: rgba(0, 0, 0, 0.2);
923
+ }
924
+
925
+ .btn-tumblr {
926
+ &:active, &.active {
927
+ background-image: none;
928
+ }
929
+ }
930
+
931
+ .open .dropdown-toggle.btn-tumblr {
932
+ background-image: none;
933
+ }
934
+
935
+ .btn-tumblr {
936
+ &.disabled, &[disabled] {
937
+ background-color: #2c4762;
938
+ border-color: rgba(0, 0, 0, 0.2);
939
+ }
940
+ }
941
+
942
+ fieldset[disabled] .btn-tumblr {
943
+ background-color: #2c4762;
944
+ border-color: rgba(0, 0, 0, 0.2);
945
+ }
946
+
947
+ .btn-tumblr {
948
+ &.disabled:hover, &[disabled]:hover {
949
+ background-color: #2c4762;
950
+ border-color: rgba(0, 0, 0, 0.2);
951
+ }
952
+ }
953
+
954
+ fieldset[disabled] .btn-tumblr:hover {
955
+ background-color: #2c4762;
956
+ border-color: rgba(0, 0, 0, 0.2);
957
+ }
958
+
959
+ .btn-tumblr {
960
+ &.disabled:focus, &[disabled]:focus {
961
+ background-color: #2c4762;
962
+ border-color: rgba(0, 0, 0, 0.2);
963
+ }
964
+ }
965
+
966
+ fieldset[disabled] .btn-tumblr:focus {
967
+ background-color: #2c4762;
968
+ border-color: rgba(0, 0, 0, 0.2);
969
+ }
970
+
971
+ .btn-tumblr {
972
+ &.disabled:active, &[disabled]:active {
973
+ background-color: #2c4762;
974
+ border-color: rgba(0, 0, 0, 0.2);
975
+ }
976
+ }
977
+
978
+ fieldset[disabled] .btn-tumblr:active {
979
+ background-color: #2c4762;
980
+ border-color: rgba(0, 0, 0, 0.2);
981
+ }
982
+
983
+ .btn-tumblr {
984
+ &.disabled.active, &[disabled].active {
985
+ background-color: #2c4762;
986
+ border-color: rgba(0, 0, 0, 0.2);
987
+ }
988
+ }
989
+
990
+ fieldset[disabled] .btn-tumblr.active {
991
+ background-color: #2c4762;
992
+ border-color: rgba(0, 0, 0, 0.2);
993
+ }
994
+
995
+ .btn-twitter {
996
+ color: #fff;
997
+ background-color: #2ba9e1;
998
+ border-color: rgba(0, 0, 0, 0.2);
999
+ &:hover, &:focus, &:active, &.active {
1000
+ color: #fff;
1001
+ background-color: #1c92c7;
1002
+ border-color: rgba(0, 0, 0, 0.2);
1003
+ }
1004
+ }
1005
+
1006
+ .open .dropdown-toggle.btn-twitter {
1007
+ color: #fff;
1008
+ background-color: #1c92c7;
1009
+ border-color: rgba(0, 0, 0, 0.2);
1010
+ }
1011
+
1012
+ .btn-twitter {
1013
+ &:active, &.active {
1014
+ background-image: none;
1015
+ }
1016
+ }
1017
+
1018
+ .open .dropdown-toggle.btn-twitter {
1019
+ background-image: none;
1020
+ }
1021
+
1022
+ .btn-twitter {
1023
+ &.disabled, &[disabled] {
1024
+ background-color: #2ba9e1;
1025
+ border-color: rgba(0, 0, 0, 0.2);
1026
+ }
1027
+ }
1028
+
1029
+ fieldset[disabled] .btn-twitter {
1030
+ background-color: #2ba9e1;
1031
+ border-color: rgba(0, 0, 0, 0.2);
1032
+ }
1033
+
1034
+ .btn-twitter {
1035
+ &.disabled:hover, &[disabled]:hover {
1036
+ background-color: #2ba9e1;
1037
+ border-color: rgba(0, 0, 0, 0.2);
1038
+ }
1039
+ }
1040
+
1041
+ fieldset[disabled] .btn-twitter:hover {
1042
+ background-color: #2ba9e1;
1043
+ border-color: rgba(0, 0, 0, 0.2);
1044
+ }
1045
+
1046
+ .btn-twitter {
1047
+ &.disabled:focus, &[disabled]:focus {
1048
+ background-color: #2ba9e1;
1049
+ border-color: rgba(0, 0, 0, 0.2);
1050
+ }
1051
+ }
1052
+
1053
+ fieldset[disabled] .btn-twitter:focus {
1054
+ background-color: #2ba9e1;
1055
+ border-color: rgba(0, 0, 0, 0.2);
1056
+ }
1057
+
1058
+ .btn-twitter {
1059
+ &.disabled:active, &[disabled]:active {
1060
+ background-color: #2ba9e1;
1061
+ border-color: rgba(0, 0, 0, 0.2);
1062
+ }
1063
+ }
1064
+
1065
+ fieldset[disabled] .btn-twitter:active {
1066
+ background-color: #2ba9e1;
1067
+ border-color: rgba(0, 0, 0, 0.2);
1068
+ }
1069
+
1070
+ .btn-twitter {
1071
+ &.disabled.active, &[disabled].active {
1072
+ background-color: #2ba9e1;
1073
+ border-color: rgba(0, 0, 0, 0.2);
1074
+ }
1075
+ }
1076
+
1077
+ fieldset[disabled] .btn-twitter.active {
1078
+ background-color: #2ba9e1;
1079
+ border-color: rgba(0, 0, 0, 0.2);
1080
+ }
1081
+
1082
+ .btn-vk {
1083
+ color: #fff;
1084
+ background-color: #587ea3;
1085
+ border-color: rgba(0, 0, 0, 0.2);
1086
+ &:hover, &:focus, &:active, &.active {
1087
+ color: #fff;
1088
+ background-color: #4a6a89;
1089
+ border-color: rgba(0, 0, 0, 0.2);
1090
+ }
1091
+ }
1092
+
1093
+ .open .dropdown-toggle.btn-vk {
1094
+ color: #fff;
1095
+ background-color: #4a6a89;
1096
+ border-color: rgba(0, 0, 0, 0.2);
1097
+ }
1098
+
1099
+ .btn-vk {
1100
+ &:active, &.active {
1101
+ background-image: none;
1102
+ }
1103
+ }
1104
+
1105
+ .open .dropdown-toggle.btn-vk {
1106
+ background-image: none;
1107
+ }
1108
+
1109
+ .btn-vk {
1110
+ &.disabled, &[disabled] {
1111
+ background-color: #587ea3;
1112
+ border-color: rgba(0, 0, 0, 0.2);
1113
+ }
1114
+ }
1115
+
1116
+ fieldset[disabled] .btn-vk {
1117
+ background-color: #587ea3;
1118
+ border-color: rgba(0, 0, 0, 0.2);
1119
+ }
1120
+
1121
+ .btn-vk {
1122
+ &.disabled:hover, &[disabled]:hover {
1123
+ background-color: #587ea3;
1124
+ border-color: rgba(0, 0, 0, 0.2);
1125
+ }
1126
+ }
1127
+
1128
+ fieldset[disabled] .btn-vk:hover {
1129
+ background-color: #587ea3;
1130
+ border-color: rgba(0, 0, 0, 0.2);
1131
+ }
1132
+
1133
+ .btn-vk {
1134
+ &.disabled:focus, &[disabled]:focus {
1135
+ background-color: #587ea3;
1136
+ border-color: rgba(0, 0, 0, 0.2);
1137
+ }
1138
+ }
1139
+
1140
+ fieldset[disabled] .btn-vk:focus {
1141
+ background-color: #587ea3;
1142
+ border-color: rgba(0, 0, 0, 0.2);
1143
+ }
1144
+
1145
+ .btn-vk {
1146
+ &.disabled:active, &[disabled]:active {
1147
+ background-color: #587ea3;
1148
+ border-color: rgba(0, 0, 0, 0.2);
1149
+ }
1150
+ }
1151
+
1152
+ fieldset[disabled] .btn-vk:active {
1153
+ background-color: #587ea3;
1154
+ border-color: rgba(0, 0, 0, 0.2);
1155
+ }
1156
+
1157
+ .btn-vk {
1158
+ &.disabled.active, &[disabled].active {
1159
+ background-color: #587ea3;
1160
+ border-color: rgba(0, 0, 0, 0.2);
1161
+ }
1162
+ }
1163
+
1164
+ fieldset[disabled] .btn-vk.active {
1165
+ background-color: #587ea3;
1166
+ border-color: rgba(0, 0, 0, 0.2);
1167
+ }
1168
+
1169
+ /*
1170
+ * Only for this example - not needed for the buttons
1171
+ * ----------------------------------------------------- */
1172
+
1173
+ .btn-social-icon {
1174
+ margin-bottom: 4px;
1175
+ }
1176
+
1177
+ .social-class {
1178
+ .social-hex {
1179
+ font-family: Monaco,Menlo,Consolas,"Courier New",monospace;
1180
+ font-size: 10px;
1181
+ opacity: .3;
1182
+ float: left;
1183
+ }
1184
+ li {
1185
+ margin-bottom: 4px;
1186
+ &:hover {
1187
+ .social-hex {
1188
+ opacity: 1;
1189
+ }
1190
+ code {
1191
+ background-color: #e8e8ee;
1192
+ }
1193
+ }
1194
+ }
1195
+ code {
1196
+ cursor: default;
1197
+ }
1198
+ }