AdminLTE-bootstrap-social.css (15719B)
1 /* 2 * Social Buttons for Bootstrap 3 * 4 * Copyright 2013-2015 Panayiotis Lipiridis 5 * Licensed under the MIT License 6 * 7 * https://github.com/lipis/bootstrap-social 8 */ 9 .btn-social { 10 position: relative; 11 padding-left: 44px; 12 text-align: left; 13 white-space: nowrap; 14 overflow: hidden; 15 text-overflow: ellipsis; 16 } 17 .btn-social > :first-child { 18 position: absolute; 19 left: 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-right: 1px solid rgba(0, 0, 0, 0.2); 27 } 28 .btn-social.btn-lg { 29 padding-left: 61px; 30 } 31 .btn-social.btn-lg > :first-child { 32 line-height: 45px; 33 width: 45px; 34 font-size: 1.8em; 35 } 36 .btn-social.btn-sm { 37 padding-left: 38px; 38 } 39 .btn-social.btn-sm > :first-child { 40 line-height: 28px; 41 width: 28px; 42 font-size: 1.4em; 43 } 44 .btn-social.btn-xs { 45 padding-left: 30px; 46 } 47 .btn-social.btn-xs > :first-child { 48 line-height: 20px; 49 width: 20px; 50 font-size: 1.2em; 51 } 52 .btn-social-icon { 53 position: relative; 54 padding-left: 44px; 55 text-align: left; 56 white-space: nowrap; 57 overflow: hidden; 58 text-overflow: ellipsis; 59 height: 34px; 60 width: 34px; 61 padding: 0; 62 } 63 .btn-social-icon > :first-child { 64 position: absolute; 65 left: 0; 66 top: 0; 67 bottom: 0; 68 width: 32px; 69 line-height: 34px; 70 font-size: 1.6em; 71 text-align: center; 72 border-right: 1px solid rgba(0, 0, 0, 0.2); 73 } 74 .btn-social-icon.btn-lg { 75 padding-left: 61px; 76 } 77 .btn-social-icon.btn-lg > :first-child { 78 line-height: 45px; 79 width: 45px; 80 font-size: 1.8em; 81 } 82 .btn-social-icon.btn-sm { 83 padding-left: 38px; 84 } 85 .btn-social-icon.btn-sm > :first-child { 86 line-height: 28px; 87 width: 28px; 88 font-size: 1.4em; 89 } 90 .btn-social-icon.btn-xs { 91 padding-left: 30px; 92 } 93 .btn-social-icon.btn-xs > :first-child { 94 line-height: 20px; 95 width: 20px; 96 font-size: 1.2em; 97 } 98 .btn-social-icon > :first-child { 99 border: none; 100 text-align: center; 101 width: 100%; 102 } 103 .btn-social-icon.btn-lg { 104 height: 45px; 105 width: 45px; 106 padding-left: 0; 107 padding-right: 0; 108 } 109 .btn-social-icon.btn-sm { 110 height: 30px; 111 width: 30px; 112 padding-left: 0; 113 padding-right: 0; 114 } 115 .btn-social-icon.btn-xs { 116 height: 22px; 117 width: 22px; 118 padding-left: 0; 119 padding-right: 0; 120 } 121 .btn-adn { 122 color: #ffffff; 123 background-color: #d87a68; 124 border-color: rgba(0, 0, 0, 0.2); 125 } 126 .btn-adn:focus, 127 .btn-adn.focus { 128 color: #ffffff; 129 background-color: #ce563f; 130 border-color: rgba(0, 0, 0, 0.2); 131 } 132 .btn-adn:hover { 133 color: #ffffff; 134 background-color: #ce563f; 135 border-color: rgba(0, 0, 0, 0.2); 136 } 137 .btn-adn:active, 138 .btn-adn.active, 139 .open > .dropdown-toggle.btn-adn { 140 color: #ffffff; 141 background-color: #ce563f; 142 border-color: rgba(0, 0, 0, 0.2); 143 } 144 .btn-adn:active, 145 .btn-adn.active, 146 .open > .dropdown-toggle.btn-adn { 147 background-image: none; 148 } 149 .btn-adn .badge { 150 color: #d87a68; 151 background-color: #ffffff; 152 } 153 .btn-bitbucket { 154 color: #ffffff; 155 background-color: #205081; 156 border-color: rgba(0, 0, 0, 0.2); 157 } 158 .btn-bitbucket:focus, 159 .btn-bitbucket.focus { 160 color: #ffffff; 161 background-color: #163758; 162 border-color: rgba(0, 0, 0, 0.2); 163 } 164 .btn-bitbucket:hover { 165 color: #ffffff; 166 background-color: #163758; 167 border-color: rgba(0, 0, 0, 0.2); 168 } 169 .btn-bitbucket:active, 170 .btn-bitbucket.active, 171 .open > .dropdown-toggle.btn-bitbucket { 172 color: #ffffff; 173 background-color: #163758; 174 border-color: rgba(0, 0, 0, 0.2); 175 } 176 .btn-bitbucket:active, 177 .btn-bitbucket.active, 178 .open > .dropdown-toggle.btn-bitbucket { 179 background-image: none; 180 } 181 .btn-bitbucket .badge { 182 color: #205081; 183 background-color: #ffffff; 184 } 185 .btn-dropbox { 186 color: #ffffff; 187 background-color: #1087dd; 188 border-color: rgba(0, 0, 0, 0.2); 189 } 190 .btn-dropbox:focus, 191 .btn-dropbox.focus { 192 color: #ffffff; 193 background-color: #0d6aad; 194 border-color: rgba(0, 0, 0, 0.2); 195 } 196 .btn-dropbox:hover { 197 color: #ffffff; 198 background-color: #0d6aad; 199 border-color: rgba(0, 0, 0, 0.2); 200 } 201 .btn-dropbox:active, 202 .btn-dropbox.active, 203 .open > .dropdown-toggle.btn-dropbox { 204 color: #ffffff; 205 background-color: #0d6aad; 206 border-color: rgba(0, 0, 0, 0.2); 207 } 208 .btn-dropbox:active, 209 .btn-dropbox.active, 210 .open > .dropdown-toggle.btn-dropbox { 211 background-image: none; 212 } 213 .btn-dropbox .badge { 214 color: #1087dd; 215 background-color: #ffffff; 216 } 217 .btn-facebook { 218 color: #ffffff; 219 background-color: #3b5998; 220 border-color: rgba(0, 0, 0, 0.2); 221 } 222 .btn-facebook:focus, 223 .btn-facebook.focus { 224 color: #ffffff; 225 background-color: #2d4373; 226 border-color: rgba(0, 0, 0, 0.2); 227 } 228 .btn-facebook:hover { 229 color: #ffffff; 230 background-color: #2d4373; 231 border-color: rgba(0, 0, 0, 0.2); 232 } 233 .btn-facebook:active, 234 .btn-facebook.active, 235 .open > .dropdown-toggle.btn-facebook { 236 color: #ffffff; 237 background-color: #2d4373; 238 border-color: rgba(0, 0, 0, 0.2); 239 } 240 .btn-facebook:active, 241 .btn-facebook.active, 242 .open > .dropdown-toggle.btn-facebook { 243 background-image: none; 244 } 245 .btn-facebook .badge { 246 color: #3b5998; 247 background-color: #ffffff; 248 } 249 .btn-flickr { 250 color: #ffffff; 251 background-color: #ff0084; 252 border-color: rgba(0, 0, 0, 0.2); 253 } 254 .btn-flickr:focus, 255 .btn-flickr.focus { 256 color: #ffffff; 257 background-color: #cc006a; 258 border-color: rgba(0, 0, 0, 0.2); 259 } 260 .btn-flickr:hover { 261 color: #ffffff; 262 background-color: #cc006a; 263 border-color: rgba(0, 0, 0, 0.2); 264 } 265 .btn-flickr:active, 266 .btn-flickr.active, 267 .open > .dropdown-toggle.btn-flickr { 268 color: #ffffff; 269 background-color: #cc006a; 270 border-color: rgba(0, 0, 0, 0.2); 271 } 272 .btn-flickr:active, 273 .btn-flickr.active, 274 .open > .dropdown-toggle.btn-flickr { 275 background-image: none; 276 } 277 .btn-flickr .badge { 278 color: #ff0084; 279 background-color: #ffffff; 280 } 281 .btn-foursquare { 282 color: #ffffff; 283 background-color: #f94877; 284 border-color: rgba(0, 0, 0, 0.2); 285 } 286 .btn-foursquare:focus, 287 .btn-foursquare.focus { 288 color: #ffffff; 289 background-color: #f71752; 290 border-color: rgba(0, 0, 0, 0.2); 291 } 292 .btn-foursquare:hover { 293 color: #ffffff; 294 background-color: #f71752; 295 border-color: rgba(0, 0, 0, 0.2); 296 } 297 .btn-foursquare:active, 298 .btn-foursquare.active, 299 .open > .dropdown-toggle.btn-foursquare { 300 color: #ffffff; 301 background-color: #f71752; 302 border-color: rgba(0, 0, 0, 0.2); 303 } 304 .btn-foursquare:active, 305 .btn-foursquare.active, 306 .open > .dropdown-toggle.btn-foursquare { 307 background-image: none; 308 } 309 .btn-foursquare .badge { 310 color: #f94877; 311 background-color: #ffffff; 312 } 313 .btn-github { 314 color: #ffffff; 315 background-color: #444444; 316 border-color: rgba(0, 0, 0, 0.2); 317 } 318 .btn-github:focus, 319 .btn-github.focus { 320 color: #ffffff; 321 background-color: #2b2b2b; 322 border-color: rgba(0, 0, 0, 0.2); 323 } 324 .btn-github:hover { 325 color: #ffffff; 326 background-color: #2b2b2b; 327 border-color: rgba(0, 0, 0, 0.2); 328 } 329 .btn-github:active, 330 .btn-github.active, 331 .open > .dropdown-toggle.btn-github { 332 color: #ffffff; 333 background-color: #2b2b2b; 334 border-color: rgba(0, 0, 0, 0.2); 335 } 336 .btn-github:active, 337 .btn-github.active, 338 .open > .dropdown-toggle.btn-github { 339 background-image: none; 340 } 341 .btn-github .badge { 342 color: #444444; 343 background-color: #ffffff; 344 } 345 .btn-google { 346 color: #ffffff; 347 background-color: #dd4b39; 348 border-color: rgba(0, 0, 0, 0.2); 349 } 350 .btn-google:focus, 351 .btn-google.focus { 352 color: #ffffff; 353 background-color: #c23321; 354 border-color: rgba(0, 0, 0, 0.2); 355 } 356 .btn-google:hover { 357 color: #ffffff; 358 background-color: #c23321; 359 border-color: rgba(0, 0, 0, 0.2); 360 } 361 .btn-google:active, 362 .btn-google.active, 363 .open > .dropdown-toggle.btn-google { 364 color: #ffffff; 365 background-color: #c23321; 366 border-color: rgba(0, 0, 0, 0.2); 367 } 368 .btn-google:active, 369 .btn-google.active, 370 .open > .dropdown-toggle.btn-google { 371 background-image: none; 372 } 373 .btn-google .badge { 374 color: #dd4b39; 375 background-color: #ffffff; 376 } 377 .btn-instagram { 378 color: #ffffff; 379 background-color: #3f729b; 380 border-color: rgba(0, 0, 0, 0.2); 381 } 382 .btn-instagram:focus, 383 .btn-instagram.focus { 384 color: #ffffff; 385 background-color: #305777; 386 border-color: rgba(0, 0, 0, 0.2); 387 } 388 .btn-instagram:hover { 389 color: #ffffff; 390 background-color: #305777; 391 border-color: rgba(0, 0, 0, 0.2); 392 } 393 .btn-instagram:active, 394 .btn-instagram.active, 395 .open > .dropdown-toggle.btn-instagram { 396 color: #ffffff; 397 background-color: #305777; 398 border-color: rgba(0, 0, 0, 0.2); 399 } 400 .btn-instagram:active, 401 .btn-instagram.active, 402 .open > .dropdown-toggle.btn-instagram { 403 background-image: none; 404 } 405 .btn-instagram .badge { 406 color: #3f729b; 407 background-color: #ffffff; 408 } 409 .btn-linkedin { 410 color: #ffffff; 411 background-color: #007bb6; 412 border-color: rgba(0, 0, 0, 0.2); 413 } 414 .btn-linkedin:focus, 415 .btn-linkedin.focus { 416 color: #ffffff; 417 background-color: #005983; 418 border-color: rgba(0, 0, 0, 0.2); 419 } 420 .btn-linkedin:hover { 421 color: #ffffff; 422 background-color: #005983; 423 border-color: rgba(0, 0, 0, 0.2); 424 } 425 .btn-linkedin:active, 426 .btn-linkedin.active, 427 .open > .dropdown-toggle.btn-linkedin { 428 color: #ffffff; 429 background-color: #005983; 430 border-color: rgba(0, 0, 0, 0.2); 431 } 432 .btn-linkedin:active, 433 .btn-linkedin.active, 434 .open > .dropdown-toggle.btn-linkedin { 435 background-image: none; 436 } 437 .btn-linkedin .badge { 438 color: #007bb6; 439 background-color: #ffffff; 440 } 441 .btn-microsoft { 442 color: #ffffff; 443 background-color: #2672ec; 444 border-color: rgba(0, 0, 0, 0.2); 445 } 446 .btn-microsoft:focus, 447 .btn-microsoft.focus { 448 color: #ffffff; 449 background-color: #125acd; 450 border-color: rgba(0, 0, 0, 0.2); 451 } 452 .btn-microsoft:hover { 453 color: #ffffff; 454 background-color: #125acd; 455 border-color: rgba(0, 0, 0, 0.2); 456 } 457 .btn-microsoft:active, 458 .btn-microsoft.active, 459 .open > .dropdown-toggle.btn-microsoft { 460 color: #ffffff; 461 background-color: #125acd; 462 border-color: rgba(0, 0, 0, 0.2); 463 } 464 .btn-microsoft:active, 465 .btn-microsoft.active, 466 .open > .dropdown-toggle.btn-microsoft { 467 background-image: none; 468 } 469 .btn-microsoft .badge { 470 color: #2672ec; 471 background-color: #ffffff; 472 } 473 .btn-openid { 474 color: #ffffff; 475 background-color: #f7931e; 476 border-color: rgba(0, 0, 0, 0.2); 477 } 478 .btn-openid:focus, 479 .btn-openid.focus { 480 color: #ffffff; 481 background-color: #da7908; 482 border-color: rgba(0, 0, 0, 0.2); 483 } 484 .btn-openid:hover { 485 color: #ffffff; 486 background-color: #da7908; 487 border-color: rgba(0, 0, 0, 0.2); 488 } 489 .btn-openid:active, 490 .btn-openid.active, 491 .open > .dropdown-toggle.btn-openid { 492 color: #ffffff; 493 background-color: #da7908; 494 border-color: rgba(0, 0, 0, 0.2); 495 } 496 .btn-openid:active, 497 .btn-openid.active, 498 .open > .dropdown-toggle.btn-openid { 499 background-image: none; 500 } 501 .btn-openid .badge { 502 color: #f7931e; 503 background-color: #ffffff; 504 } 505 .btn-pinterest { 506 color: #ffffff; 507 background-color: #cb2027; 508 border-color: rgba(0, 0, 0, 0.2); 509 } 510 .btn-pinterest:focus, 511 .btn-pinterest.focus { 512 color: #ffffff; 513 background-color: #9f191f; 514 border-color: rgba(0, 0, 0, 0.2); 515 } 516 .btn-pinterest:hover { 517 color: #ffffff; 518 background-color: #9f191f; 519 border-color: rgba(0, 0, 0, 0.2); 520 } 521 .btn-pinterest:active, 522 .btn-pinterest.active, 523 .open > .dropdown-toggle.btn-pinterest { 524 color: #ffffff; 525 background-color: #9f191f; 526 border-color: rgba(0, 0, 0, 0.2); 527 } 528 .btn-pinterest:active, 529 .btn-pinterest.active, 530 .open > .dropdown-toggle.btn-pinterest { 531 background-image: none; 532 } 533 .btn-pinterest .badge { 534 color: #cb2027; 535 background-color: #ffffff; 536 } 537 .btn-reddit { 538 color: #000000; 539 background-color: #eff7ff; 540 border-color: rgba(0, 0, 0, 0.2); 541 } 542 .btn-reddit:focus, 543 .btn-reddit.focus { 544 color: #000000; 545 background-color: #bcddff; 546 border-color: rgba(0, 0, 0, 0.2); 547 } 548 .btn-reddit:hover { 549 color: #000000; 550 background-color: #bcddff; 551 border-color: rgba(0, 0, 0, 0.2); 552 } 553 .btn-reddit:active, 554 .btn-reddit.active, 555 .open > .dropdown-toggle.btn-reddit { 556 color: #000000; 557 background-color: #bcddff; 558 border-color: rgba(0, 0, 0, 0.2); 559 } 560 .btn-reddit:active, 561 .btn-reddit.active, 562 .open > .dropdown-toggle.btn-reddit { 563 background-image: none; 564 } 565 .btn-reddit .badge { 566 color: #eff7ff; 567 background-color: #000000; 568 } 569 .btn-soundcloud { 570 color: #ffffff; 571 background-color: #ff5500; 572 border-color: rgba(0, 0, 0, 0.2); 573 } 574 .btn-soundcloud:focus, 575 .btn-soundcloud.focus { 576 color: #ffffff; 577 background-color: #cc4400; 578 border-color: rgba(0, 0, 0, 0.2); 579 } 580 .btn-soundcloud:hover { 581 color: #ffffff; 582 background-color: #cc4400; 583 border-color: rgba(0, 0, 0, 0.2); 584 } 585 .btn-soundcloud:active, 586 .btn-soundcloud.active, 587 .open > .dropdown-toggle.btn-soundcloud { 588 color: #ffffff; 589 background-color: #cc4400; 590 border-color: rgba(0, 0, 0, 0.2); 591 } 592 .btn-soundcloud:active, 593 .btn-soundcloud.active, 594 .open > .dropdown-toggle.btn-soundcloud { 595 background-image: none; 596 } 597 .btn-soundcloud .badge { 598 color: #ff5500; 599 background-color: #ffffff; 600 } 601 .btn-tumblr { 602 color: #ffffff; 603 background-color: #2c4762; 604 border-color: rgba(0, 0, 0, 0.2); 605 } 606 .btn-tumblr:focus, 607 .btn-tumblr.focus { 608 color: #ffffff; 609 background-color: #1c2d3f; 610 border-color: rgba(0, 0, 0, 0.2); 611 } 612 .btn-tumblr:hover { 613 color: #ffffff; 614 background-color: #1c2d3f; 615 border-color: rgba(0, 0, 0, 0.2); 616 } 617 .btn-tumblr:active, 618 .btn-tumblr.active, 619 .open > .dropdown-toggle.btn-tumblr { 620 color: #ffffff; 621 background-color: #1c2d3f; 622 border-color: rgba(0, 0, 0, 0.2); 623 } 624 .btn-tumblr:active, 625 .btn-tumblr.active, 626 .open > .dropdown-toggle.btn-tumblr { 627 background-image: none; 628 } 629 .btn-tumblr .badge { 630 color: #2c4762; 631 background-color: #ffffff; 632 } 633 .btn-twitter { 634 color: #ffffff; 635 background-color: #55acee; 636 border-color: rgba(0, 0, 0, 0.2); 637 } 638 .btn-twitter:focus, 639 .btn-twitter.focus { 640 color: #ffffff; 641 background-color: #2795e9; 642 border-color: rgba(0, 0, 0, 0.2); 643 } 644 .btn-twitter:hover { 645 color: #ffffff; 646 background-color: #2795e9; 647 border-color: rgba(0, 0, 0, 0.2); 648 } 649 .btn-twitter:active, 650 .btn-twitter.active, 651 .open > .dropdown-toggle.btn-twitter { 652 color: #ffffff; 653 background-color: #2795e9; 654 border-color: rgba(0, 0, 0, 0.2); 655 } 656 .btn-twitter:active, 657 .btn-twitter.active, 658 .open > .dropdown-toggle.btn-twitter { 659 background-image: none; 660 } 661 .btn-twitter .badge { 662 color: #55acee; 663 background-color: #ffffff; 664 } 665 .btn-vimeo { 666 color: #ffffff; 667 background-color: #1ab7ea; 668 border-color: rgba(0, 0, 0, 0.2); 669 } 670 .btn-vimeo:focus, 671 .btn-vimeo.focus { 672 color: #ffffff; 673 background-color: #1295bf; 674 border-color: rgba(0, 0, 0, 0.2); 675 } 676 .btn-vimeo:hover { 677 color: #ffffff; 678 background-color: #1295bf; 679 border-color: rgba(0, 0, 0, 0.2); 680 } 681 .btn-vimeo:active, 682 .btn-vimeo.active, 683 .open > .dropdown-toggle.btn-vimeo { 684 color: #ffffff; 685 background-color: #1295bf; 686 border-color: rgba(0, 0, 0, 0.2); 687 } 688 .btn-vimeo:active, 689 .btn-vimeo.active, 690 .open > .dropdown-toggle.btn-vimeo { 691 background-image: none; 692 } 693 .btn-vimeo .badge { 694 color: #1ab7ea; 695 background-color: #ffffff; 696 } 697 .btn-vk { 698 color: #ffffff; 699 background-color: #587ea3; 700 border-color: rgba(0, 0, 0, 0.2); 701 } 702 .btn-vk:focus, 703 .btn-vk.focus { 704 color: #ffffff; 705 background-color: #466482; 706 border-color: rgba(0, 0, 0, 0.2); 707 } 708 .btn-vk:hover { 709 color: #ffffff; 710 background-color: #466482; 711 border-color: rgba(0, 0, 0, 0.2); 712 } 713 .btn-vk:active, 714 .btn-vk.active, 715 .open > .dropdown-toggle.btn-vk { 716 color: #ffffff; 717 background-color: #466482; 718 border-color: rgba(0, 0, 0, 0.2); 719 } 720 .btn-vk:active, 721 .btn-vk.active, 722 .open > .dropdown-toggle.btn-vk { 723 background-image: none; 724 } 725 .btn-vk .badge { 726 color: #587ea3; 727 background-color: #ffffff; 728 } 729 .btn-yahoo { 730 color: #ffffff; 731 background-color: #720e9e; 732 border-color: rgba(0, 0, 0, 0.2); 733 } 734 .btn-yahoo:focus, 735 .btn-yahoo.focus { 736 color: #ffffff; 737 background-color: #500a6f; 738 border-color: rgba(0, 0, 0, 0.2); 739 } 740 .btn-yahoo:hover { 741 color: #ffffff; 742 background-color: #500a6f; 743 border-color: rgba(0, 0, 0, 0.2); 744 } 745 .btn-yahoo:active, 746 .btn-yahoo.active, 747 .open > .dropdown-toggle.btn-yahoo { 748 color: #ffffff; 749 background-color: #500a6f; 750 border-color: rgba(0, 0, 0, 0.2); 751 } 752 .btn-yahoo:active, 753 .btn-yahoo.active, 754 .open > .dropdown-toggle.btn-yahoo { 755 background-image: none; 756 } 757 .btn-yahoo .badge { 758 color: #720e9e; 759 background-color: #ffffff; 760 }