| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124 |
- //
- // Dropdown menus
- // --------------------------------------------------
- .dropdown-menu {
- .border-radius(@borderRadiusSmall);
- .box-shadow(0 2px 40px rgba(0,0,0,.4));
- }
- // Hover/Focus state
- // -----------
- .dropdown-menu > li > a:hover,
- .dropdown-menu > li > a:focus,
- .dropdown-submenu:hover > a,
- .dropdown-submenu:focus > a {
- .no-background;
- }
- // Active state
- // ------------
- .dropdown-menu > .active > a,
- .dropdown-menu > .active > a:hover,
- .dropdown-menu > .active > a:focus {
- .no-background;
- }
- .caret {
- border: 0;
- width: 16px;
- height: 16px;
- &:after {
- font-family: FontAwesome;
- content: "\F107"; //"\f078";
- font-size: 14px;
- font-weight: bold;
- }
- }
- .dropup,
- .navbar-fixed-bottom .dropdown {
- // Reverse the caret
- .caret {
- border-bottom: 0;
- content: "";
- &:after {
- font-family: FontAwesome;
- content: "\F106"; //"\f078";
- font-size: 14px;
- font-weight: bold;
- }
- }
- }
- // Dropdown Notifications
- // ----------------------
- .dropdown-notification {
- padding: 10px 0;
- }
- .navbar .nav > li > a.dropdown-toggle.btn-notification {
- padding: 0;
- color: @grayDark;
- font-weight: bold;
- font-size: @baseFontSize;
- text-align: center;
- vertical-align: middle;
- cursor: pointer;
- .buttonBackground(@btnBackground, @btnBackgroundHighlight, @grayDark, none);
- border: 1px solid @btnBorder;
- *border: 0; // Remove the border to prevent IE7's black border on input:focus
- .border-radius(@baseBorderRadius);
- width: 29px;
- height: 27px;
- min-height: 27px;
- line-height: 27px;
- .ie7-restore-left-whitespace(); // Give IE7 some love
- .box-shadow(none);
- }
- .dropdown-menu {
- &.dropdown-notifications {
- min-width: 320px;
- width: auto;
- > ul {
- overflow-y: auto;
- }
- > li {
- padding: 15px;
- border-top: 1px solid #d0d0d0;
- background-color: #F0F0F0;
- &.header {
- padding: 5px;
- background-color: @white;
- text-align: right;
- border-top: 0;
- }
- .title {
- display: block;
- text-overflow: ellipsis;
- white-space: nowrap;
- color: @graySemiLight;
- font-size: 13px;
- height: 17px;
- margin: 0 0 12px 0;
- overflow: hidden;
- }
- }
- }
- }
|