| 提交 | 用户 | 时间 | ||
| 58d006 | 1 | @dropdown-shadow:~"0 2px 4px rgba(0, 0, 0, 0.2)"; |
| A | 2 | |
| 3 | ||
| 4 | // dropdown menus | |
| 5 | .icon-white, | |
| 6 | .nav-pills > .active > a > .@{icon}, | |
| 7 | .nav-list > .active > a > .@{icon}, | |
| 8 | .navbar-inverse .nav > .active > a > .@{icon}, | |
| 9 | .dropdown-menu > li > a:hover > .@{icon}, | |
| 10 | .dropdown-menu > li > a:focus > .@{icon}, | |
| 11 | .dropdown-menu > .active > a > .@{icon}, | |
| 12 | .dropdown-submenu:hover > a > .@{icon}, | |
| 13 | .dropdown-submenu:focus > a > .@{icon} { | |
| 14 | background-image: none; | |
| 15 | } | |
| 16 | ||
| 17 | ||
| 18 | ||
| 19 | .dropdown-menu { | |
| 20 | .border-radius(0) !important; | |
| 21 | .box-shadow(@dropdown-shadow); | |
| 22 | > li > a { | |
| 23 | font-size: @font-size-dropdown-menu; | |
| 24 | padding-left: 11px; | |
| 25 | padding-right: 11px; | |
| 26 | padding-bottom: 4px; | |
| 27 | margin-bottom: 1px; | |
| 28 | margin-top: 1px; | |
| 29 | } | |
| 30 | ||
| 31 | &.dropdown-only-icon { | |
| 32 | min-width: 50px; | |
| 33 | > li { | |
| 34 | //float:left; | |
| 35 | margin:0 4px; | |
| 36 | > a { | |
| 37 | .@{icon} { | |
| 38 | width: 18px; | |
| 39 | //font-size: 16px; | |
| 40 | display: inline-block; | |
| 41 | text-align: center; | |
| 42 | } | |
| 43 | .icon-2x { | |
| 44 | width: 36px; | |
| 45 | //font-size:22px; | |
| 46 | } | |
| 47 | }// > a | |
| 48 | }// > li | |
| 49 | }//&.dropdown-only-icon | |
| 50 | ||
| 51 | }//.dropdown-menu | |
| 52 | ||
| 53 | ||
| 54 | ||
| 55 | .enable_dropdown_colors() when(@enable-dropdown-colors = true) { | |
| 56 | //dropdown | |
| 57 | .dropdown-color(@bgcolor:~"menu";@txtcolor:#FFFFFF) { | |
| 58 | @dropdown-class:~`"dropdown-@{bgcolor}"`; | |
| 59 | @dropdown-bg:~`"dropdown-@{bgcolor}"`; | |
| 60 | @dropdown-cl:@@dropdown-bg; | |
| 61 | ||
| 62 | ||
| 63 | .@{dropdown-class} { | |
| 64 | > li:hover > a, | |
| 65 | > li > a:focus, | |
| 66 | > li > a:active, | |
| 67 | > li.active > a, | |
| 68 | > li.active:hover > a | |
| 69 | //, | |
| 70 | //.dropdown-submenu:hover > a | |
| 71 | //,.nav-tabs & li > a:focus | |
| 72 | { | |
| 73 | background: @dropdown-cl; | |
| 74 | color: @txtcolor; | |
| 75 | } | |
| 76 | } | |
| 77 | } | |
| 78 | ||
| 79 | .dropdown-color(); | |
| 80 | .dropdown-color(~"default"); | |
| 81 | .dropdown-color(~"info"); | |
| 82 | .dropdown-color(~"primary"); | |
| 83 | .dropdown-color(~"success"); | |
| 84 | .dropdown-color(~"warning"); | |
| 85 | .dropdown-color(~"danger"); | |
| 86 | .dropdown-color(~"inverse"); | |
| 87 | .dropdown-color(~"purple"); | |
| 88 | .dropdown-color(~"pink"); | |
| 89 | .dropdown-color(~"grey"); | |
| 90 | .dropdown-color(~"light" ; #333333); | |
| 91 | .dropdown-color(~"lighter" ; #444444); | |
| 92 | .dropdown-color(~"lightest" ; #444444); | |
| 93 | .dropdown-color(~"yellow" ; #444444); | |
| 94 | .dropdown-color(~"yellow2" ; #444444); | |
| 95 | .dropdown-color(~"light-blue" ; #445566); | |
| 96 | ||
| 97 | ||
| 98 | //.dropdown-light , .dropdown-lighter , .dropdown-lightest { | |
| 99 | // .dropdown-submenu:hover > a:after { | |
| 100 | // border-left-color:#444; | |
| 101 | // } | |
| 102 | //} | |
| 103 | ||
| 104 | } | |
| 105 | .enable_dropdown_colors(); | |
| 106 | ||
| 107 | ||
| 108 | ||
| 109 | //closer to the toggle button | |
| 110 | .dropdown-menu { | |
| 111 | &.dropdown-close { | |
| 112 | top:92%; | |
| 113 | left:-5px; | |
| 114 | &.dropdown-menu-right { | |
| 115 | left:auto; | |
| 116 | right:-5px; | |
| 117 | } | |
| 118 | } | |
| 119 | &.dropdown-closer { | |
| 120 | top:80%; | |
| 121 | left:-10px; | |
| 122 | &.dropdown-menu-right { | |
| 123 | right:-10px; | |
| 124 | left:auto; | |
| 125 | } | |
| 126 | } | |
| 127 | } | |
| 128 | ||
| 129 | .dropup , .navbar-fixed-bottom .dropdown { | |
| 130 | > .dropdown-menu { | |
| 131 | top: auto !important; | |
| 132 | bottom: 100%; | |
| 133 | ||
| 134 | &.dropdown-close { | |
| 135 | bottom: 92%; | |
| 136 | } | |
| 137 | &.dropdown-closer { | |
| 138 | bottom: 80%; | |
| 139 | } | |
| 140 | } | |
| 141 | } | |
| 142 | ||
| 143 | ||
| 144 | ||
| 145 | ||
| 146 | .dropdown-submenu > .dropdown-menu { | |
| 147 | .border-radius(0); | |
| 148 | } | |
| 149 | .dropdown-submenu > a:after { | |
| 150 | margin-right:-5px; | |
| 151 | } | |
| 152 | ||
| 153 | ||
| 154 | ||
| 155 | .dropdown-50 { | |
| 156 | min-width: 50px; | |
| 157 | } | |
| 158 | .dropdown-75 { | |
| 159 | min-width: 75px; | |
| 160 | } | |
| 161 | .dropdown-100 { | |
| 162 | min-width: 100px; | |
| 163 | } | |
| 164 | .dropdown-125 { | |
| 165 | min-width: 125px; | |
| 166 | } | |
| 167 | .dropdown-150 { | |
| 168 | min-width: 150px; | |
| 169 | } | |
| 170 | ||
| 171 | ||
| 172 | ||
| 173 | ||
| 174 | ||
| 175 | .dropdown-hover { | |
| 176 | position: relative; | |
| 177 | &:before { | |
| 178 | //for better hoverability | |
| 179 | display: block; | |
| 180 | content: ""; | |
| 181 | ||
| 182 | position: absolute; | |
| 183 | //z-index: auto; | |
| 184 | top: -2px; | |
| 185 | bottom: -2px; | |
| 186 | left: -2px; | |
| 187 | right: -2px; | |
| 188 | ||
| 189 | background-color: transparent; | |
| 190 | } | |
| 191 | } | |
| 192 | .dropdown-hover:hover > .dropdown-menu { | |
| 193 | display: block; | |
| 194 | } | |
| 195 | ||
| 196 | .dropdown-menu > .dropdown-hover > .dropdown-menu { | |
| 197 | top: -5px; | |
| 198 | left: 99%; | |
| 199 | right: auto; | |
| 200 | } | |
| 201 | .dropdown-menu > .dropdown-hover > .dropdown-menu.dropdown-menu-right { | |
| 202 | left: auto; | |
| 203 | right: 99%; | |
| 204 | } | |
| 205 | .dropup .dropdown-menu > .dropdown-hover > .dropdown-menu, | |
| 206 | .dropdown-menu > .dropdown-hover.dropup > .dropdown-menu | |
| 207 | { | |
| 208 | top: auto; | |
| 209 | bottom: -5px; | |
| 210 | } | |
| 211 | ||
| 212 | ||
| 213 | ||
| 214 | ||
| 215 | ||
| 216 | ||
| 217 | //carets | |
| 218 | .dropdown-menu.dropdown-caret:before { | |
| 219 | border-bottom: 7px solid rgba(0, 0, 0, 0.2); | |
| 220 | -moz-border-bottom-colors: rgba(0, 0, 0, 0.2); | |
| 221 | ||
| 222 | border-left: 7px solid transparent; | |
| 223 | border-right: 7px solid transparent; | |
| 224 | content: ""; | |
| 225 | display: inline-block; | |
| 226 | left: 9px; | |
| 227 | position: absolute; | |
| 228 | top: -7px; | |
| 229 | } | |
| 230 | .dropdown-menu.dropdown-caret:after { | |
| 231 | border-bottom: 6px solid #FFF; | |
| 232 | -moz-border-bottom-colors: #FFF; | |
| 233 | ||
| 234 | border-left: 6px solid transparent; | |
| 235 | border-right: 6px solid transparent; | |
| 236 | content: ""; | |
| 237 | display: inline-block; | |
| 238 | left: 10px; | |
| 239 | position: absolute; | |
| 240 | top: -6px; | |
| 241 | } | |
| 242 | ||
| 243 | .dropdown-menu.dropdown-menu-right.dropdown-caret:before, .dropdown-menu.dropdown-caret-right.dropdown-caret:before { | |
| 244 | left: auto; | |
| 245 | right:9px; | |
| 246 | } | |
| 247 | .dropdown-menu.dropdown-menu-right.dropdown-caret:after, .dropdown-menu.dropdown-caret-right.dropdown-caret:after { | |
| 248 | left: auto; | |
| 249 | right:10px; | |
| 250 | } | |
| 251 | ||
| 252 | ||
| 253 | //drop up | |
| 254 | .dropup , .navbar-fixed-bottom .dropdown { | |
| 255 | > .dropdown-menu.dropdown-caret:before { | |
| 256 | border-bottom-width: 0; | |
| 257 | border-top: 7px solid rgba(0, 0, 0, 0.2); | |
| 258 | -moz-border-top-colors: rgba(0, 0, 0, 0.2); | |
| 259 | ||
| 260 | bottom: -7px; | |
| 261 | top: auto; | |
| 262 | } | |
| 263 | > .dropdown-menu.dropdown-caret:after { | |
| 264 | border-bottom-width: 0; | |
| 265 | border-top: 6px solid #FFF; | |
| 266 | -moz-border-top-colors: #FFF; | |
| 267 | ||
| 268 | bottom: -6px; | |
| 269 | top: auto; | |
| 270 | } | |
| 271 | } | |
| 272 | ||
| 273 | ||
| 274 | ||
| 275 | ||
| 276 | ||
| 277 | //colorpicker dropdown | |
| 278 | @import "dropdown/colorpicker.less"; | |
| 279 | @import "dropdown/navbar-dropdown.less"; | |
| 280 | @import "dropdown/navbar-tabbed-dropdown.less"; | |
