dropdowns.less 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124
  1. //
  2. // Dropdown menus
  3. // --------------------------------------------------
  4. .dropdown-menu {
  5. .border-radius(@borderRadiusSmall);
  6. .box-shadow(0 2px 40px rgba(0,0,0,.4));
  7. }
  8. // Hover/Focus state
  9. // -----------
  10. .dropdown-menu > li > a:hover,
  11. .dropdown-menu > li > a:focus,
  12. .dropdown-submenu:hover > a,
  13. .dropdown-submenu:focus > a {
  14. .no-background;
  15. }
  16. // Active state
  17. // ------------
  18. .dropdown-menu > .active > a,
  19. .dropdown-menu > .active > a:hover,
  20. .dropdown-menu > .active > a:focus {
  21. .no-background;
  22. }
  23. .caret {
  24. border: 0;
  25. width: 16px;
  26. height: 16px;
  27. &:after {
  28. font-family: FontAwesome;
  29. content: "\F107"; //"\f078";
  30. font-size: 14px;
  31. font-weight: bold;
  32. }
  33. }
  34. .dropup,
  35. .navbar-fixed-bottom .dropdown {
  36. // Reverse the caret
  37. .caret {
  38. border-bottom: 0;
  39. content: "";
  40. &:after {
  41. font-family: FontAwesome;
  42. content: "\F106"; //"\f078";
  43. font-size: 14px;
  44. font-weight: bold;
  45. }
  46. }
  47. }
  48. // Dropdown Notifications
  49. // ----------------------
  50. .dropdown-notification {
  51. padding: 10px 0;
  52. }
  53. .navbar .nav > li > a.dropdown-toggle.btn-notification {
  54. padding: 0;
  55. color: @grayDark;
  56. font-weight: bold;
  57. font-size: @baseFontSize;
  58. text-align: center;
  59. vertical-align: middle;
  60. cursor: pointer;
  61. .buttonBackground(@btnBackground, @btnBackgroundHighlight, @grayDark, none);
  62. border: 1px solid @btnBorder;
  63. *border: 0; // Remove the border to prevent IE7's black border on input:focus
  64. .border-radius(@baseBorderRadius);
  65. width: 29px;
  66. height: 27px;
  67. min-height: 27px;
  68. line-height: 27px;
  69. .ie7-restore-left-whitespace(); // Give IE7 some love
  70. .box-shadow(none);
  71. }
  72. .dropdown-menu {
  73. &.dropdown-notifications {
  74. min-width: 320px;
  75. width: auto;
  76. > ul {
  77. overflow-y: auto;
  78. }
  79. > li {
  80. padding: 15px;
  81. border-top: 1px solid #d0d0d0;
  82. background-color: #F0F0F0;
  83. &.header {
  84. padding: 5px;
  85. background-color: @white;
  86. text-align: right;
  87. border-top: 0;
  88. }
  89. .title {
  90. display: block;
  91. text-overflow: ellipsis;
  92. white-space: nowrap;
  93. color: @graySemiLight;
  94. font-size: 13px;
  95. height: 17px;
  96. margin: 0 0 12px 0;
  97. overflow: hidden;
  98. }
  99. }
  100. }
  101. }