language-selector.css 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  1. .language-selector {
  2. /* float: right;
  3. position: relative;
  4. top: 50%;
  5. vertical-align: middle;
  6. -webkit-transform: translateY(-50%);
  7. -moz-transform: translateY(-50%);
  8. -o-transform: translateY(-50%);
  9. -ms-transform: translateY(-50%);
  10. transform: translateY(-50%);
  11. margin: 0 1rem !important;
  12. display: inline-block; */
  13. }
  14. .language-selector>.btn:first-child {
  15. margin-left: 0;
  16. }
  17. .language-selector .btn {
  18. float: left;
  19. position: relative;
  20. display: inline-block;
  21. margin-bottom: 0;
  22. font-weight: 400;
  23. text-align: center;
  24. white-space: nowrap;
  25. vertical-align: middle;
  26. touch-action: manipulation;
  27. cursor: pointer;
  28. user-select: none;
  29. background-image: none;
  30. border: 1px solid transparent;
  31. /* size */
  32. padding: 5px 10px;
  33. font-size: 0.8rem;
  34. line-height: 1.5;
  35. border-radius: 3px;
  36. /* Aspect */
  37. color: #333;
  38. background-color: #fff;
  39. border-color: #ccc;
  40. }
  41. .language-selector .dropdown-menu {
  42. position: absolute;
  43. top: 100%;
  44. left: 0;
  45. z-index: 1000;
  46. display: none;
  47. float: left;
  48. padding: 5px 0;
  49. margin: 2px 0 0;
  50. font-size: 1rem;
  51. text-align: left;
  52. list-style: none;
  53. background-color: #fff;
  54. background-clip: padding-box;
  55. border-radius: 4px;
  56. box-shadow: 0 6px 12px rgba(0,0,0,.175);
  57. }
  58. .language-selector .dropdown-menu img {
  59. width: 24px;
  60. height: 12px;
  61. max-width: inherit;
  62. }
  63. .language-selector .dropdown-menu li {
  64. line-height: 1rem;
  65. font-color: #c0c0c0;
  66. display: list-item;
  67. text-align: -webkit-match-parent;
  68. }
  69. .language-selector .dropdown-menu li:hover {
  70. background-color: #eee;
  71. }
  72. .language-selector .dropdown-menu>li>a {
  73. display: block;
  74. padding: 3px 15px;
  75. clear: both;
  76. font-weight: 400;
  77. line-height: 1.42857143;
  78. color: #333;
  79. white-space: nowrap;
  80. }