Changeset 1759900
- Timestamp:
- 11/07/2017 07:24:45 AM (8 years ago)
- Location:
- jquery-drop-down-menu-plugin/trunk/themes
- Files:
-
- 8 edited
-
Flat-Tabbed-Menu.css (modified) (1 diff)
-
Indented-Horizontal-Menu-Bar.css (modified) (2 diffs)
-
blue-style.css (modified) (1 diff)
-
bubble-menu.css (modified) (1 diff)
-
menu_style.css (modified) (4 diffs)
-
orange-menu.css (modified) (2 diffs)
-
rounded-corners-light.css (modified) (1 diff)
-
rounded-corners-newstyle.css (modified) (2 diffs)
Legend:
- Unmodified
- Added
- Removed
-
jquery-drop-down-menu-plugin/trunk/themes/Flat-Tabbed-Menu.css
r1758635 r1759900 1 1 #jquery-dropmenu, #jquery-dropmenu ul { 2 2 3 4 3 margin: 0; 5 4 6 7 5 padding: 0; 8 6 9 10 7 list-style-type: none; 11 8 12 13 9 list-style-position: outside; 14 10 15 16 11 position: relative; 17 12 18 19 13 line-height: 1.7em; 20 14 21 22 15 z-index: 300; 23 16 24 25 17 display: inline-block; 26 18 27 28 19 width: 100%; 29 20 30 31 21 background: #e6c697; 32 22 33 34 23 font-weight: normal; 35 24 36 37 25 padding: 0px 0px 0px 10px; 38 26 39 40 27 border: 1px solid #133e40; 41 28 42 43 29 background: #606a76 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA0CAMAAAB8fKKlAAAAmVBMVEVKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmL///9KVmL3Z0MtAAAAMnRSTlP8+fby7+vm4t3Y087Iw723sauln5mTjIaAeXNsZmBaVE5IQjw3MSwnIh0ZFBANCQYDAAm6nKYAAABLSURBVHheDcGDEQMBAACwvFnbtrv/cO3F949AKBJLpDK5QqlSa2hqaevo6ukbGBoZm5iamVtYWlnb2NrZOzg6Obu4url7eHp5+/wAxikFLnlTZcYAAAAASUVORK5CYII=) repeat-x; 44 30 45 46 31 -moz-box-shadow: inset 0 -2px 3px rgba(0, 0, 0, 0.15); 47 32 48 49 33 -webkit-box-shadow: inset 0 -2px 3px rgba(0, 0, 0, 0.15); 50 34 51 52 35 box-shadow: inset 0 -2px 3px rgba(0, 0, 0, 0.15); 53 36 54 55 37 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4a5662), color-stop(1, #606a76)); 56 38 57 58 39 background-image: -webkit-linear-gradient(top, #4a5662, #606a76); 59 40 60 61 41 background-image: -moz-linear-gradient(top, #4a5662, #606a76); 62 42 63 64 43 background-image: -ms-linear-gradient(top, #4a5662, #606a76); 65 44 66 67 45 background-image: -o-linear-gradient(top, #4a5662, #606a76); 68 46 69 70 background-image: linear-gradient(#4a5662, #606a76); 71 72 73 } 74 47 background-image: linear-gradient(#4a5662, #606a76); border-radius: 61px; 48 49 } 75 50 76 51 #jquery-dropmenu a { 77 52 78 79 53 display:block; 80 54 81 82 55 padding: 12px 15px!important; 83 56 84 85 57 line-height: 22px; 86 58 87 88 59 color: #fff; 89 60 90 91 61 font-weight: normal; 92 62 93 94 63 border-radius: 54px 54px 60px 0px; 95 64 96 97 65 text-decoration: none; 98 66 99 100 67 margin: 6px 6px 6px 0px; 101 68 102 103 69 letter-spacing: inherit; 104 70 105 106 } 107 71 } 108 72 109 73 #jquery-dropmenu .active a { 110 74 111 112 } 113 75 } 114 76 115 77 #jquery-dropmenu a:hover, ul#jquery-dropmenu li.current-menu-item a { 116 78 117 118 color:#37dac3!important; 119 120 121 } 122 79 color: #000!important; 80 81 background: #fff; 82 83 } 84 85 86 87 #jquery-dropmenu li.parent:hover{ color: #fff!important; 88 89 background: #000;} 90 91 #jquery-dropmenu li ul li:hover{ color: #fff!important; 92 93 background: #000;} 94 95 96 97 98 99 123 100 124 101 #jquery-dropmenu li { 125 102 126 127 103 float: left; 128 104 129 130 105 font-family: Verdana, Arial, Helvetica, sans-serif; 131 106 132 133 107 position: relative; 134 108 135 136 font-size:14px; 137 109 font-size:14px; border-radius: 54px 54px 60px 0px; 138 110 139 111 margin: 0px!important; 140 112 141 142 113 margin-bottom: 0px; 143 114 144 145 } 146 115 } 147 116 148 117 #jquery-dropmenu ul { 149 118 150 151 119 position:absolute; 152 120 153 154 121 display:none; 155 122 156 157 123 border-radius:0px; 158 124 159 160 125 top:100%; 161 126 162 163 127 left:0px; 164 128 165 166 } 167 129 } 168 130 169 131 #jquery-dropmenu ul a { 170 132 171 172 } 173 133 } 134 135 #jquery-dropmenu li ul li{ float: none!important; 136 137 border-bottom: 0px; 138 139 background: #ccc; 140 141 border: 0px!important; 142 143 border-bottom: 1px solid #000;} 174 144 175 145 #jquery-dropmenu li ul { 176 146 177 178 width:auto; 179 180 181 box-shadow:0px 0px 0px #000; 182 183 184 border-top:0px; 185 186 187 } 188 147 min-width: 195px; 148 149 box-shadow: 0px 0px 0px #000; 150 151 padding: 0px; 152 153 border-top: 0px; 154 155 background:none; 156 157 border: none; 158 159 } 189 160 190 161 #jquery-dropmenu li ul a { 191 162 192 193 width:100%; 194 195 196 height:auto; 197 198 199 } 200 163 /* width: 100%; */ 164 165 height: auto; 166 167 border-bottom: 9px solid #000; 168 169 color: #000; 170 171 background: none; 172 173 } 201 174 202 175 ul#jquery-dropmenu .fa { 203 176 204 205 177 display:none; 206 178 207 208 } 209 179 } 210 180 211 181 #jquery-dropmenu ul ul { 212 182 213 214 183 top:auto; 215 184 216 217 185 border-radius:0px; 218 186 219 220 } 221 187 } 222 188 223 189 #jquery-dropmenu li ul ul { 224 190 225 226 191 left: 100%; 227 192 228 229 193 margin: 0 0 0 0px; 230 194 231 232 195 top:0px; 233 196 234 235 } 236 197 } 237 198 238 199 ul#jquery-dropmenu li li.parent>a:after { 239 200 240 241 201 content: ""; 242 202 243 244 203 position: absolute; 245 204 246 247 205 top: 40%; 248 206 207 right: 5px; 208 209 width: 0; 210 211 height: 0; 212 213 border-top: 4px solid transparent!important; 214 215 border-bottom: 4px solid transparent; 216 217 border-left: 6px solid #fff; 218 219 border-right: 0px solid #fff; 220 221 222 223 } 224 225 ul#jquery-dropmenu li.parent>a:after { 226 227 content: ""; 228 229 position: absolute; 230 231 top: 45%; 249 232 250 233 right: 11px; 251 234 252 253 235 width: 0; 254 236 255 256 237 height: 0; 257 238 258 259 239 border-top: 4px solid rgba(255, 255, 255, 1); 260 240 261 262 border-top: 4px solid transparent;263 264 265 border-bottom: 4px solid transparent;266 267 268 }269 270 271 ul#jquery-dropmenu li.parent>a:after {272 273 274 content: "";275 276 277 position: absolute;278 279 280 top: 45%;281 282 283 right: 11px;284 285 286 width: 0;287 288 289 height: 0;290 291 292 border-top: 4px solid rgba(255, 255, 255, 1);293 294 295 241 border-right: 4px solid transparent; 296 242 297 298 243 border-left: 4px solid transparent; 299 244 300 301 } 302 245 } 303 246 304 247 ul#jquery-dropmenu ul li:hover > a { 305 248 306 307 249 background-color:transparent!important; 308 250 309 310 251 color:#fff!important; 311 252 312 313 } 314 253 } 315 254 316 255 /*dropdown stasr*/ 317 256 318 319 257 ul#jquery-dropmenu li.menu-item-has-children a:before { 320 258 321 322 259 margin-left: 10px!important; 323 260 324 325 261 margin-right: -2px!important; 326 262 327 328 263 position: absolute!important; 329 264 330 331 265 right: 5px!important; 332 266 333 334 267 top: 12px!important; 335 268 336 337 } 338 269 } 339 270 340 271 ul.dropdown a, ul.dropdown a:link, ul.dropdown a:visited { 341 272 342 343 273 text-shadow:0px 0px 0px #000!important 344 274 345 346 } 347 348 275 } 276 -
jquery-drop-down-menu-plugin/trunk/themes/Indented-Horizontal-Menu-Bar.css
r1758635 r1759900 1 1 #jquery-dropmenu, #jquery-dropmenu ul { 2 2 3 4 3 margin: 0; 5 4 6 7 5 padding: 0; 8 6 9 10 7 list-style-type: none; 11 8 12 13 9 list-style-position: outside; 14 10 15 16 11 position: relative; 17 12 18 19 13 line-height: 1.7em; 20 14 21 22 15 z-index: 300; 23 16 24 25 17 display: inline-block; 26 18 27 28 19 width: 100%; 29 20 30 31 21 background: #e6c697; 32 22 33 34 23 font-weight: normal; 35 24 36 37 25 padding: 0px 0px 0px 10px; 38 26 39 40 27 background: #36b0b6; 41 28 42 43 29 background: -moz-linear-gradient(top, #36b0b6 0%, #2a8a8f 100%); 44 30 45 46 31 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #36b0b6), color-stop(100%, #2a8a8f)); 47 32 48 49 33 background: -webkit-linear-gradient(top, #36b0b6 0%, #2a8a8f 100%); 50 34 51 52 35 background: -o-linear-gradient(top, #36b0b6 0%, #2a8a8f 100%); 53 36 54 55 37 background: -ms-linear-gradient(top, #36b0b6 0%, #2a8a8f 100%); 56 38 57 58 39 background: linear-gradient(top, #36b0b6 0%, #2a8a8f 100%); 59 40 60 61 41 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@top-color', endColorstr='@bottom-color', GradientType=0); 62 42 63 64 43 border: 1px solid #133e40; 65 44 66 67 -webkit-border-radius: 5px; 68 69 70 -moz-border-radius: 5px; 71 72 73 -ms-border-radius: 5px; 74 75 76 -o-border-radius: 5px; 77 45 -webkit-border-radius: 5px; 46 47 -moz-border-radius: 5px; 48 49 -ms-border-radius: 5px; 50 51 -o-border-radius: 5px; 78 52 79 53 border-radius: 5px; 80 54 81 82 } 83 55 } 84 56 85 57 #jquery-dropmenu a { 86 58 87 88 59 display:block; 89 60 90 91 61 padding: 12px 15px!important; 92 62 93 94 63 line-height: 22px; 95 64 96 97 65 color: #fff; 98 66 99 100 67 font-weight: normal; 101 68 102 103 69 border-radius: 4px 4px 0px 0px; 104 70 105 106 71 text-decoration: none; 107 72 108 109 margin: 6px 6px 6px 0px; 110 73 111 74 112 75 letter-spacing: inherit; 113 76 114 115 } 116 117 118 ul#jquery-dropmenu li.parent a { 119 77 } 78 79 #jquery-dropmenu li.parent:hover { 120 80 121 81 color:#fff!important; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45484d+0,000000+100;Black+3D+%231 */ 122 82 123 124 -webkit-border-radius: 5px; 125 126 127 -moz-border-radius: 5px; 128 129 130 -ms-border-radius: 5px; 131 132 133 -o-border-radius: 5px; 134 83 -webkit-border-radius: 5px; 84 85 -moz-border-radius: 5px; 86 87 -ms-border-radius: 5px; 88 89 -o-border-radius: 5px; 135 90 136 91 border-radius: 5px; 137 92 138 139 93 background: #1e6468; 140 94 141 142 95 -moz-box-shadow: inset 0 5px 10px #133e40; 143 96 144 145 97 -webkit-box-shadow: inset 0 5px 10px #133e40; 146 98 147 148 99 box-shadow: inset 0 5px 10px #133e40; 149 100 150 151 } 152 101 } 153 102 154 103 #jquery-dropmenu li ul li a { 155 104 156 157 105 border-radius:0px!important; 158 106 159 160 107 box-shadow: inset 0 0px 0px #133e40!important; 161 108 162 163 109 background:none!important; 164 110 165 166 } 167 111 } 168 112 169 113 #jquery-dropmenu li ul li a:hover, #jquery-dropmenu li.current-menu-item a { 170 114 171 172 -webkit-border-radius: 5px; 173 174 175 -moz-border-radius: 5px; 176 177 178 -ms-border-radius: 5px; 179 180 181 -o-border-radius: 5px; 182 115 -webkit-border-radius: 5px; 116 117 -moz-border-radius: 5px; 118 119 -ms-border-radius: 5px; 120 121 -o-border-radius: 5px; 183 122 184 123 border-radius: 5px!important; 185 124 186 187 125 background: #1e6468; 188 126 189 190 127 -moz-box-shadow: inset 0 5px 10px #133e40; 191 128 192 193 129 -webkit-box-shadow: inset 0 5px 10px #133e40; 194 130 195 196 131 box-shadow: inset 0 5px 10px #133e40!important; 197 132 198 199 } 200 133 } 201 134 202 135 #jquery-dropmenu a:hover { 203 136 204 205 137 color:#fff!important; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45484d+0,000000+100;Black+3D+%231 */ 206 138 207 208 -webkit-border-radius: 5px; 209 210 211 -moz-border-radius: 5px; 212 213 214 -ms-border-radius: 5px; 215 216 217 -o-border-radius: 5px; 218 139 -webkit-border-radius: 5px; 140 141 -moz-border-radius: 5px; 142 143 -ms-border-radius: 5px; 144 145 -o-border-radius: 5px; 219 146 220 147 border-radius: 5px; 221 148 222 223 149 background: #1e6468; 224 150 225 226 151 -moz-box-shadow: inset 0 5px 10px #133e40; 227 152 228 229 153 -webkit-box-shadow: inset 0 5px 10px #133e40; 230 154 231 232 155 box-shadow: inset 0 5px 10px #133e40; 233 156 234 235 } 157 } 158 159 160 161 162 163 164 165 #jquery-dropmenu li ul { min-width:195px; padding:0px; 166 167 } 168 169 #jquery-dropmenu li ul li{ float:none;} 170 171 #jquery-dropmenu li ul a { 172 173 height: auto; 174 175 border-bottom: none; 176 177 border-left: 0px; 178 179 border-right: 0px; 180 181 border-bottom: 1px solid #fff; 182 183 } 184 185 #jquery-dropmenu li.parent:hover{ ccolor:#fff!important; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45484d+0,000000+100;Black+3D+%231 */ 186 187 -webkit-border-radius: 5px; 188 189 -moz-border-radius: 5px; 190 191 -ms-border-radius: 5px; 192 193 -o-border-radius: 5px; 194 195 border-radius: 5px; 196 197 background: #1e6468; 198 199 -moz-box-shadow: inset 0 5px 10px #133e40; 200 201 -webkit-box-shadow: inset 0 5px 10px #133e40; 202 203 box-shadow: inset 0 5px 10px #133e40;} 204 205 #jquery-dropmenu li ul li:hover{ color:#fff!important; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45484d+0,000000+100;Black+3D+%231 */ 206 207 -webkit-border-radius: 5px; 208 209 -moz-border-radius: 5px; 210 211 -ms-border-radius: 5px; 212 213 -o-border-radius: 5px; 214 215 border-radius: 5px; 216 217 background: #1e6468; 218 219 -moz-box-shadow: inset 0 5px 10px #133e40; 220 221 -webkit-box-shadow: inset 0 5px 10px #133e40; 222 223 box-shadow: inset 0 5px 10px #133e40;} 224 225 ul#jquery-dropmenu .fa { 226 227 display:none; 228 229 } 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 236 251 237 252 238 253 #jquery-dropmenu li { 239 254 240 241 255 float: left; 242 256 243 244 257 font-family: Verdana, Arial, Helvetica, sans-serif; 245 258 246 247 259 position: relative; 248 260 249 250 font-size:14px; 251 252 253 margin: 0px!important; 254 255 256 margin-bottom: 0px; 257 258 259 } 260 261 font-size:14px; margin-top:6px; margin-bottom:6px; 262 263 } 261 264 262 265 #jquery-dropmenu ul { 263 266 264 265 267 position:absolute; 266 268 267 268 269 display:none; 269 270 270 271 271 border-radius:0px; 272 272 273 274 273 top:100%; 275 274 276 277 275 left:0px; 278 276 279 280 } 281 277 } 282 278 283 279 #jquery-dropmenu ul a { 284 280 285 286 } 287 281 } 288 282 289 283 #jquery-dropmenu li ul { 290 284 291 292 285 width:auto; 293 286 294 295 287 box-shadow:0px 0px 0px #000; 296 288 297 298 289 border-top:0px; 299 290 300 301 } 302 291 } 303 292 304 293 #jquery-dropmenu li ul a { 305 294 306 307 295 height:auto; 308 296 309 310 } 311 297 } 312 298 313 299 ul#jquery-dropmenu .fa { 314 300 315 316 301 display:none; 317 302 318 319 } 320 303 } 321 304 322 305 #jquery-dropmenu ul ul { 323 306 324 325 307 top:auto; 326 308 327 328 309 border-radius:0px; 329 310 330 331 } 332 311 } 333 312 334 313 #jquery-dropmenu li ul ul { 335 314 336 337 315 left: 100%; 338 316 339 340 317 margin: 0 0 0 0px; 341 318 342 343 319 top:0px; 344 320 345 346 } 347 321 } 348 322 349 323 ul#jquery-dropmenu li li.parent>a:after { 350 324 351 352 325 content: ""; 353 326 354 355 327 position: absolute; 356 328 357 358 329 top: 40%; 359 330 360 361 right: 22px; 362 331 right: 5px; 363 332 364 333 width: 0; 365 334 366 367 335 height: 0; 368 336 369 370 border-top: 4px solid rgba(255, 255, 255, 1)!important; 371 372 373 border-top: 4px solid transparent; 374 375 376 border-bottom: 4px solid transparent; 377 378 379 } 380 337 border-top: 4px solid transparent!important; 338 339 border-bottom: 4px solid transparent; 340 341 border-left: 6px solid #fff; 342 343 border-right: 0px solid #fff; 344 345 346 347 } 381 348 382 349 ul#jquery-dropmenu li.parent>a:after { 383 350 384 385 351 content: ""; 386 352 387 388 position: absolute; 389 390 391 top: 45%; 392 393 394 right: 11px; 395 396 397 width: 0; 398 399 400 height: 0; 401 402 403 border-top: 4px solid rgba(255, 255, 255, 1); 404 405 406 border-right: 4px solid transparent; 407 408 409 border-left: 4px solid transparent; 410 411 412 } 413 353 position: absolute; 354 355 top: 48%; 356 357 right: 5px; 358 359 width: 0; 360 361 height: 0; 362 363 border-top: 4px solid rgba(255, 255, 255, 1); 364 365 border-right: 4px solid transparent; 366 367 border-left: 4px solid transparent; 368 369 } 414 370 415 371 ul#jquery-dropmenu ul li:hover > a { 416 372 417 418 373 background-color:transparent!important; 419 374 420 421 375 color:#fff!important; 422 376 423 424 } 425 377 } 426 378 427 379 /*dropdown stasr*/ … … 429 381 430 382 431 432 433 383 ul#jquery-dropmenu li.menu-item-has-children a:before { 434 384 435 436 385 margin-left: 10px!important; 437 386 438 439 387 margin-right: -2px!important; 440 388 441 442 389 position: absolute!important; 443 390 444 445 391 right: 5px!important; 446 392 447 448 393 top: 12px!important; 449 394 450 451 } 452 395 } 453 396 454 397 ul.dropdown a, ul.dropdown a:link, ul.dropdown a:visited { 455 398 456 457 399 text-shadow:0px 0px 0px #000!important 458 400 459 460 } 461 462 401 } 402 -
jquery-drop-down-menu-plugin/trunk/themes/blue-style.css
r1759223 r1759900 1 1 #jquery-dropmenu, #jquery-dropmenu ul { 2 2 3 margin:0; 4 3 5 padding:0; 6 4 7 list-style-type:none; 8 5 9 list-style-position:outside; 10 6 11 position:relative; 12 7 13 line-height:1.7em; 14 8 15 z-index:300; 16 9 17 display:inline-block; 18 10 19 width:100%; 20 11 21 font-weight:normal; 22 12 23 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcfff4+0,dfe5d7+40,b3bead+100;Wax+3D+%233 */ 24 13 25 background: #000; /* Old browsers */ 14 border-radius:0px; 26 27 border-radius:0px; 28 15 29 border-bottom:2px solid #0099ff; 16 } 30 31 } 32 17 33 #jquery-dropmenu a { 34 18 35 display:block; 36 19 37 /*padding:0.25em 1em;*/ padding:12px 15px!important; 38 20 39 line-height:22px; 40 21 41 color:#fff; 42 22 43 font-weight:normal; 44 23 45 box-shadow: 0px 0px 0px #000!important; 46 24 47 border-right:1px solid #c8c8c8; 25 border-radius:0px; 48 49 border-radius:0px; 50 26 51 text-decoration:none; 52 27 53 margin:0px; 54 28 55 letter-spacing:inherit; 29 } 56 57 } 58 30 59 ul#jquery-dropmenu li.last-child a { 60 31 61 border:none; 62 32 63 position:relative; 33 } 64 65 } 66 34 67 #jquery-dropmenu a:hover, ul#jquery-dropmenu li.current-menu-item a { 68 35 69 color:#fff!important; 70 36 71 background:#0099ff!important; 37 } 72 73 } 74 38 75 #jquery-dropmenu li { 76 39 77 float: left; 78 40 79 font-family: Verdana, Arial, Helvetica, sans-serif; 80 41 81 position: relative; 82 42 83 font-size:14px; 84 43 85 margin: 0px!important; 86 44 87 margin-bottom: 0px; 45 } 88 89 } 90 46 91 #jquery-dropmenu ul { 92 47 93 position:absolute; 94 48 95 display:none; 49 border-radius:0px; 96 97 border-radius:0px; 98 50 99 top:100%; 100 51 101 left:0px; z-index:99999; 52 } 102 103 } 104 53 105 #jquery-dropmenu ul a { 106 54 107 border-left:1px solid #c8c8c8; 55 } 56 #jquery-dropmenu li ul { min-width:195px; 57 } 108 109 } 110 111 #jquery-dropmenu li ul { min-width:195px; padding:0px; 112 113 } 114 58 115 #jquery-dropmenu li ul li{ float:none;} 116 59 117 #jquery-dropmenu li ul a { 60 height:auto; 61 border-bottom:none;border-left:0px;border-right:0px; 62 } 118 119 height: auto; 120 121 border-bottom: none; 122 123 border-left: 0px; 124 125 border-right: 0px; 126 127 border-bottom: 1px solid #fff; 128 129 } 130 63 131 #jquery-dropmenu li.parent:hover{ color: #fff!important; 132 64 133 background: #0099ff!important;} 134 65 135 #jquery-dropmenu li ul li:hover{ color: #fff!important; 136 66 137 background: #0099ff!important;} 138 139 140 141 142 143 144 145 146 147 148 67 149 ul#jquery-dropmenu .fa { 150 68 151 display:none; 69 } 152 153 } 154 70 155 #jquery-dropmenu ul ul { 156 71 157 top:auto; 72 border-radius:0px; 73 } 158 159 border-radius:0px; 160 161 } 162 74 163 #jquery-dropmenu li ul ul { 164 75 165 left: 100%; 166 76 167 margin: 0 0 0 0px; 168 77 169 top:0px; 78 } 170 171 } 172 173 ul#jquery-dropmenu li li.parent>a:after { 174 175 content: ""; 176 177 position: absolute; 178 179 top: 40%; 180 181 right: 5px; 182 183 width: 0; 184 185 height: 0; 186 187 border-top: 4px solid transparent!important; 188 189 border-bottom: 4px solid transparent; 190 191 border-left: 6px solid #fff; 192 193 border-right: 0px solid #fff; 194 195 196 197 } 198 79 199 ul#jquery-dropmenu li.parent>a:after { 200 80 201 content: ""; 202 81 203 position: absolute; 82 top: 40%; 83 right: 5px; 204 205 top: 45%; 206 207 right: 6px; 208 84 209 width: 0; 210 85 211 height: 0; 212 86 213 border-top: 4px solid rgba(255, 255, 255, 1); 87 border-top: 4px solid transparent; 88 border-bottom: 4px solid transparent; 89 } 90 ul#jquery-dropmenu li.parent>a:after { 91 content: ""; 92 position: absolute; 93 top: 45%; 94 right: 6px; 95 width: 0; 96 height: 0; 97 border-top: 4px solid rgba(255, 255, 255, 1); 214 98 215 border-right: 4px solid transparent; 216 99 217 border-left: 4px solid transparent; 100 } 218 219 } 220 101 221 ul#jquery-dropmenu ul li:hover > a { 222 102 223 background-color:transparent!important; 224 103 225 color:#fff!important; 104 } 226 227 } 228 105 229 /*dropdown stasr*/ 106 230 107 231 232 233 234 108 235 ul#jquery-dropmenu li.menu-item-has-children a:before { 236 109 237 margin-left: 10px!important; 238 110 239 margin-right: -2px!important; 240 111 241 position: absolute!important; 242 112 243 right: 5px!important; 244 113 245 top: 12px!important; 114 } 246 247 } 248 115 249 ul.dropdown a, ul.dropdown a:link, ul.dropdown a:visited { 250 116 251 text-shadow:0px 0px 0px #000!important 117 } 252 253 } 254 -
jquery-drop-down-menu-plugin/trunk/themes/bubble-menu.css
r1758635 r1759900 1 1 #jquery-dropmenu, #jquery-dropmenu ul { 2 2 3 4 3 margin: 0; 5 4 6 7 5 padding: 0; 8 6 9 10 7 list-style-type: none; 11 8 12 13 9 list-style-position: outside; 14 10 15 16 11 position: relative; 17 12 18 19 13 line-height: 1.7em; 20 14 21 22 15 z-index: 300; 23 16 24 25 17 display: inline-block; 26 18 27 28 19 width: 100%; 29 20 30 31 21 background: #e6c697; 32 22 33 34 23 font-weight: normal; 35 24 36 37 25 padding: 0px 0px 0px 10px; 38 26 39 40 27 border-radius: 5px; 41 28 42 43 29 box-shadow: 5px 5px 0px #cead84; 44 30 45 46 } 47 31 } 32 33 34 35 #jquery-dropmenu li{background: #c24a32;margin: 6px 6px 6px 0px;border-radius:4px;} 48 36 49 37 #jquery-dropmenu a { 50 38 51 52 39 display:block; 53 40 54 55 background: #c24a32; 56 41 57 42 58 43 padding: 12px 15px!important; 59 44 60 61 45 line-height: 22px; 62 46 63 64 47 color: #fff; 65 48 66 67 49 font-weight: normal; 68 50 69 70 51 box-shadow: 0px 0px 0px #000!important; 71 52 72 73 53 border-right:0px; 74 54 75 76 border-radius:4px; 77 55 78 56 79 57 text-decoration: none; 80 58 81 82 margin: 6px 6px 6px 0px; 83 84 85 letter-spacing: inherit; 86 87 88 } 89 59 60 61 letter-spacing: inherit;border-radius:4px; 62 63 } 90 64 91 65 #jquery-dropmenu .active a { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45484d+0,000000+100;Black+3D+%231 */ 92 66 93 94 67 background: #45484d; /* Old browsers */ 95 68 96 97 69 background: -moz-linear-gradient(left, #45484d 0%, #000000 100%); /* FF3.6-15 */ 98 70 99 100 71 background: -webkit-linear-gradient(left, #45484d 0%, #000000 100%); /* Chrome10-25,Safari5.1-6 */ 101 72 102 103 73 background: linear-gradient(to right, #45484d 0%, #000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ 104 74 105 106 75 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000', GradientType=1 ); /* IE6-9 */ 107 76 108 109 77 font-style:normal!important; 110 78 111 112 } 79 } 80 81 82 83 84 85 86 87 #jquery-dropmenu li ul li{ float: none; 88 89 margin: 0px; 90 91 border-radius: 0px;} 92 93 #jquery-dropmenu li ul a { 94 95 height: auto; 96 97 border-bottom: none; 98 99 border-left: 0px; 100 101 border-right: 0px; 102 103 border-bottom: 1px solid #fff; 104 105 } 106 107 #jquery-dropmenu li.parent:hover{ background: #45484d; /* Old browsers */ 108 109 background: -moz-linear-gradient(left, #45484d 0%, #000000 100%); /* FF3.6-15 */ 110 111 background: -webkit-linear-gradient(left, #45484d 0%, #000000 100%); /* Chrome10-25,Safari5.1-6 */ 112 113 background: linear-gradient(to right, #45484d 0%, #000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ 114 115 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000', GradientType=1 ); /* IE6-9 */ 116 117 font-style:normal!important;} 118 119 #jquery-dropmenu li ul li:hover{ background: #45484d; /* Old browsers */ 120 121 background: -moz-linear-gradient(left, #45484d 0%, #000000 100%); /* FF3.6-15 */ 122 123 background: -webkit-linear-gradient(left, #45484d 0%, #000000 100%); /* Chrome10-25,Safari5.1-6 */ 124 125 background: linear-gradient(to right, #45484d 0%, #000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ 126 127 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000', GradientType=1 ); /* IE6-9 */ 128 129 font-style:normal!important; 130 131 } 132 133 134 135 136 113 137 114 138 115 139 ul#jquery-dropmenu li.last-child a { 116 140 117 118 141 border:none; 119 142 120 121 143 position:relative; 122 144 123 124 145 font-style:normal!important; 125 146 126 127 } 128 147 } 129 148 130 149 #jquery-dropmenu a:hover, ul#jquery-dropmenu li.current-menu-item a { 131 150 132 133 151 color:#fff!important; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45484d+0,000000+100;Black+3D+%231 */ 134 152 135 136 153 background: #45484d; /* Old browsers */ 137 154 138 139 155 background: -moz-linear-gradient(left, #45484d 0%, #000000 100%); /* FF3.6-15 */ 140 156 141 142 157 background: -webkit-linear-gradient(left, #45484d 0%, #000000 100%); /* Chrome10-25,Safari5.1-6 */ 143 158 144 145 159 background: linear-gradient(to right, #45484d 0%, #000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ 146 160 147 148 161 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000', GradientType=1 ); /* IE6-9 */ 149 162 150 151 } 152 163 } 153 164 154 165 #jquery-dropmenu li { 155 166 156 157 167 float: left; 158 168 159 160 169 font-family: Verdana, Arial, Helvetica, sans-serif; 161 170 162 163 171 position: relative; 164 172 165 166 173 font-size:14px; 167 174 168 169 margin: 0px!important; 170 171 172 margin-bottom: 0px; 173 174 175 } 176 175 176 177 } 177 178 178 179 #jquery-dropmenu ul { 179 180 180 181 181 position:absolute; 182 182 183 184 183 display:none; 185 184 186 187 185 border-radius:0px; 188 186 189 190 top:100%; 191 187 top:106%; 192 188 193 189 left:0px; 194 190 195 196 } 197 191 } 198 192 199 193 #jquery-dropmenu ul a { 200 194 201 202 195 border-left:1px solid #c8c8c8; 203 196 204 205 } 206 197 } 207 198 208 199 #jquery-dropmenu li ul { 209 200 210 211 width:auto; 212 213 214 background:none; 215 201 min-width:195px; 202 203 background:none; padding:0px; 216 204 217 205 box-shadow:0px 0px 0px #000; 218 206 219 220 } 221 207 } 222 208 223 209 #jquery-dropmenu li ul a { 224 210 225 226 height:auto; 227 228 229 margin:0px!important; 230 231 232 border-bottom:1px solid #c8c8c8; 233 234 235 } 236 211 height: auto; 212 213 margin: 0px!important; 214 215 border-bottom: 1px solid #c8c8c8; 216 217 border-radius: 0px; 218 219 } 237 220 238 221 ul#jquery-dropmenu .fa { 239 222 240 241 223 display:none; 242 224 243 244 } 245 225 } 246 226 247 227 #jquery-dropmenu ul ul { 248 228 249 250 229 top:auto; 251 230 252 253 231 border-radius:0px; 254 232 255 256 } 257 233 } 258 234 259 235 #jquery-dropmenu li ul ul { 260 236 261 262 237 left: 100%; 263 238 264 265 239 margin: 0 0 0 0px; 266 240 267 268 241 top:0px; 269 242 270 271 } 272 243 } 273 244 274 245 ul#jquery-dropmenu li li.parent>a:after { 275 246 276 277 247 content: ""; 278 248 279 280 249 position: absolute; 281 250 282 283 251 top: 40%; 284 252 285 286 right: 11px; 287 253 right: 5px; 288 254 289 255 width: 0; 290 256 291 292 257 height: 0; 293 258 294 295 border-top: 4px solid rgba(255, 255, 255, 1); 296 297 298 border-top: 4px solid transparent; 299 300 301 border-bottom: 4px solid transparent; 302 303 304 } 259 border-top: 4px solid transparent!important; 260 261 border-bottom: 4px solid transparent; 262 263 border-left: 6px solid #fff; 264 265 border-right: 0px solid #fff; 266 267 268 269 } 270 305 271 306 272 307 273 ul#jquery-dropmenu li.parent>a:after { 308 274 309 310 275 content: ""; 311 276 312 313 position: absolute; 314 315 316 top: 45%; 317 318 319 right: 11px; 320 321 322 width: 0; 323 324 325 height: 0; 326 327 328 border-top: 4px solid rgba(255, 255, 255, 1); 329 330 331 border-right: 4px solid transparent; 332 333 334 border-left: 4px solid transparent; 335 336 337 } 338 277 position: absolute; 278 279 top: 47%; 280 281 right: 6px; 282 283 width: 0; 284 285 height: 0; 286 287 border-top: 4px solid rgba(255, 255, 255, 1); 288 289 border-right: 4px solid transparent; 290 291 border-left: 4px solid transparent; 292 293 } 339 294 340 295 ul#jquery-dropmenu ul li:hover > a { 341 296 342 343 297 background-color:transparent!important; 344 298 345 346 299 color:#fff!important; 347 300 348 349 } 350 301 } 351 302 352 303 ul#jquery-dropmenu li.menu-item-has-children a:before { 353 304 354 355 305 margin-left: 10px!important; 356 306 357 358 307 margin-right: -2px!important; 359 308 360 361 309 position: absolute!important; 362 310 363 364 311 right: 5px!important; 365 312 366 367 313 top: 12px!important; 368 314 369 370 } 371 315 } 372 316 373 317 /*dropdown stasr*/ 374 318 375 376 319 ul.dropdown a, ul.dropdown a:link, ul.dropdown a:visited { 377 320 378 379 321 text-shadow:0px 0px 0px #000!important 380 322 381 382 } 383 384 323 } 324 325 326 327 328 329 -
jquery-drop-down-menu-plugin/trunk/themes/menu_style.css
r1758635 r1759900 91 91 92 92 93 background-image: linear-gradient(#4a5662, #606a76); 93 background-image: linear-gradient(#4a5662, #606a76); border-radius: 5px; 94 94 95 95 … … 171 171 172 172 173 174 175 #jquery-dropmenu li ul li{ float:none;} 176 177 #jquery-dropmenu li ul a { 178 179 height:auto; 180 181 border-bottom:none;border-left:0px;border-right:0px; 182 183 } 184 185 186 187 188 189 190 191 #jquery-dropmenu li.parent:hover{ color:#fff!important; 192 193 194 195 background:#4b4e67;} 196 197 #jquery-dropmenu li ul li:hover{ color:#fff!important; 198 199 200 201 background:#4b4e67;} 202 203 204 205 206 207 #jquery-dropmenu li ul li:hover{ color:#fff!important; 208 209 210 211 background:#4b4e67; 212 213 } 214 215 216 217 218 173 219 #jquery-dropmenu li { 174 220 … … 243 289 244 290 245 width:auto; 246 247 248 249 box-shadow:0px 0px 0px #000; 250 251 252 253 border-top:0px; 291 min-width: 195px; 292 293 box-shadow: 0px 0px 0px #000; 294 295 border-top: 0px; 296 297 padding: 0px; 254 298 255 299 … … 351 395 352 396 397 border-top: 4px solid transparent!important; 398 399 border-bottom: 4px solid transparent; 400 401 border-left: 6px solid #fff; 402 403 border-right: 0px solid #fff; 404 405 406 407 } 408 409 410 411 ul#jquery-dropmenu li.parent>a:after { 412 413 414 415 content: ""; 416 417 418 419 position: absolute; 420 421 422 423 top: 45%; 424 425 426 427 right: 11px; 428 429 430 431 width: 0; 432 433 434 435 height: 0; 436 437 438 353 439 border-top: 4px solid rgba(255, 255, 255, 1); 354 440 355 441 356 442 357 border-top: 4px solid transparent;358 359 360 361 border-bottom: 4px solid transparent;362 363 364 365 }366 367 368 369 ul#jquery-dropmenu li.parent>a:after {370 371 372 373 content: "";374 375 376 377 position: absolute;378 379 380 381 top: 45%;382 383 384 385 right: 11px;386 387 388 389 width: 0;390 391 392 393 height: 0;394 395 396 397 border-top: 4px solid rgba(255, 255, 255, 1);398 399 400 401 443 border-right: 4px solid transparent; 402 444 -
jquery-drop-down-menu-plugin/trunk/themes/orange-menu.css
r1758635 r1759900 1 1 #jquery-dropmenu, #jquery-dropmenu ul { 2 2 3 4 3 margin:0; 5 4 6 7 5 padding:0; 8 6 9 10 7 list-style-type:none; 11 8 12 13 9 list-style-position:outside; 14 10 15 16 11 position:relative; 17 12 18 19 13 line-height:1.7em; 20 14 21 22 15 z-index:300; 23 16 24 25 17 display:inline-block; 26 18 27 28 19 width:100%; 29 20 30 31 21 font-weight:normal; 32 22 33 34 23 //* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff3019+0,cf0404+100;Red+3D */ 35 24 36 37 25 background: #ff3019; /* Old browsers */ 38 26 39 40 27 background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* FF3.6-15 */ 41 28 42 43 29 background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* Chrome10-25,Safari5.1-6 */ 44 30 45 46 31 background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ 47 32 48 49 33 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0 ); /* IE6-9 */ 50 34 51 52 } 53 35 } 54 36 55 37 #jquery-dropmenu a { 56 38 57 58 39 display:block; 59 40 60 61 41 /*padding:0.25em 1em;*/ padding:12px 15px!important; 62 42 63 64 43 line-height:22px; 65 44 66 67 45 color:#fff; 68 46 69 70 47 font-weight:normal; 71 48 72 73 49 box-shadow: 0px 0px 0px #000!important; 74 50 75 76 51 border-right:1px solid #c8c8c8; 77 52 78 79 53 border-radius:0px; 80 54 81 82 55 text-decoration:none; 83 56 84 85 57 margin:0px; 86 58 87 88 letter-spacing:inherit; 89 90 91 } 92 59 letter-spacing:inherit; border-radius: 7px; 60 61 } 93 62 94 63 #jquery-dropmenu .active a { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45484d+0,000000+100;Black+3D+%231 */ 95 64 96 97 65 background: #45484d; /* Old browsers */ 98 66 99 100 67 background: -moz-linear-gradient(left, #45484d 0%, #000000 100%); /* FF3.6-15 */ 101 68 102 103 69 background: -webkit-linear-gradient(left, #45484d 0%, #000000 100%); /* Chrome10-25,Safari5.1-6 */ 104 70 105 106 71 background: linear-gradient(to right, #45484d 0%, #000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ 107 72 108 109 73 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000', GradientType=1 ); /* IE6-9 */ 110 74 111 112 } 113 75 } 114 76 115 77 ul#jquery-dropmenu li.last-child a { 116 78 117 118 79 border:none; 119 80 120 121 81 position:relative; 122 82 123 124 } 125 83 } 126 84 127 85 #jquery-dropmenu a:hover, ul#jquery-dropmenu li.current-menu-item a { 128 86 129 130 87 color:#fff!important; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45484d+0,000000+100;Black+3D+%231 */ 131 88 132 133 89 background: #45484d; /* Old browsers */ 134 90 135 136 91 background: -moz-linear-gradient(left, #45484d 0%, #000000 100%); /* FF3.6-15 */ 137 92 138 139 93 background: -webkit-linear-gradient(left, #45484d 0%, #000000 100%); /* Chrome10-25,Safari5.1-6 */ 140 94 141 142 95 background: linear-gradient(to right, #45484d 0%, #000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ 143 96 144 145 97 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000', GradientType=1 ); /* IE6-9 */ 146 98 147 148 } 99 } 100 101 102 103 104 105 #jquery-dropmenu li ul li{ float:none; float: none; 106 107 box-shadow: 0px 0px 8px #000;} 108 109 #jquery-dropmenu li ul a { 110 111 height:auto; 112 113 border-bottom:none;border-left:0px;border-right:0px; 114 115 } 116 117 #jquery-dropmenu li.parent:hover{ background: #45484d; /* Old browsers */ 118 119 background: -moz-linear-gradient(left, #45484d 0%, #000000 100%); /* FF3.6-15 */ 120 121 background: -webkit-linear-gradient(left, #45484d 0%, #000000 100%); /* Chrome10-25,Safari5.1-6 */ 122 123 background: linear-gradient(to right, #45484d 0%, #000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ 124 125 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000', GradientType=1 ); /* IE6-9 */} 126 127 #jquery-dropmenu li ul li:hover{ background: #45484d; /* Old browsers */ 128 129 background: -moz-linear-gradient(left, #45484d 0%, #000000 100%); /* FF3.6-15 */ 130 131 background: -webkit-linear-gradient(left, #45484d 0%, #000000 100%); /* Chrome10-25,Safari5.1-6 */ 132 133 background: linear-gradient(to right, #45484d 0%, #000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ 134 135 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000', GradientType=1 ); /* IE6-9 */} 136 137 138 149 139 150 140 151 141 #jquery-dropmenu li { 152 142 153 154 143 float: left; 155 144 156 157 145 font-family: Verdana, Arial, Helvetica, sans-serif; 158 146 159 160 147 position: relative; 161 148 162 163 149 font-size:14px; 164 150 165 166 151 margin: 0px!important; 167 152 168 169 153 margin-bottom: 0px; 170 154 171 172 } 173 155 } 174 156 175 157 #jquery-dropmenu ul { 176 158 177 178 159 position:absolute; 179 160 180 181 161 display:none; 182 162 183 184 163 border-radius:0px; 185 164 186 187 165 top:100%; 188 166 189 190 167 left:0px; 191 168 192 193 } 194 169 } 195 170 196 171 #jquery-dropmenu ul a { 197 172 198 199 173 border-left:1px solid #c8c8c8; 200 174 201 202 } 203 175 } 204 176 205 177 #jquery-dropmenu li ul { 206 178 207 208 width:auto; 209 210 211 } 212 179 min-width:195px; padding:0px; 180 181 } 213 182 214 183 #jquery-dropmenu li ul a { 215 184 216 217 185 height:auto; 218 186 219 220 187 margin:0px!important; 221 188 222 223 189 border-bottom:1px solid #c8c8c8; 224 190 225 226 } 227 191 } 228 192 229 193 ul#jquery-dropmenu .fa { 230 194 231 232 195 display:none; 233 196 234 235 } 236 197 } 237 198 238 199 #jquery-dropmenu ul ul { 239 200 240 241 201 top:auto; 242 202 243 244 203 border-radius:0px; 245 204 246 247 } 248 205 } 249 206 250 207 #jquery-dropmenu li ul ul { 251 208 252 253 209 left: 100%; 254 210 255 256 211 margin: 0 0 0 0px; 257 212 258 259 213 top:0px; 260 214 261 262 } 263 215 } 264 216 265 217 ul#jquery-dropmenu li li.parent>a:after { 266 218 267 268 219 content: ""; 269 220 270 271 221 position: absolute; 272 222 273 274 223 top: 40%; 275 224 276 277 225 right: 5px; 278 226 279 280 227 width: 0; 281 228 282 283 229 height: 0; 284 230 231 border-top: 4px solid transparent!important; 232 233 border-bottom: 4px solid transparent; 234 235 border-left: 6px solid #fff; 236 237 border-right: 0px solid #fff; 238 239 240 241 } 242 243 ul#jquery-dropmenu li.parent>a:after { 244 245 content: ""; 246 247 position: absolute; 248 249 top: 45%; 250 251 right: 6px; 252 253 width: 0; 254 255 height: 0; 285 256 286 257 border-top: 4px solid rgba(255, 255, 255, 1); 287 258 288 289 border-top: 4px solid transparent;290 291 292 border-bottom: 4px solid transparent;293 294 295 }296 297 298 ul#jquery-dropmenu li.parent>a:after {299 300 301 content: "";302 303 304 position: absolute;305 306 307 top: 45%;308 309 310 right: 6px;311 312 313 width: 0;314 315 316 height: 0;317 318 319 border-top: 4px solid rgba(255, 255, 255, 1);320 321 322 259 border-right: 4px solid transparent; 323 260 324 325 261 border-left: 4px solid transparent; 326 262 327 328 } 329 263 } 330 264 331 265 ul#jquery-dropmenu ul li:hover > a { 332 266 333 334 267 background-color:transparent!important; 335 268 336 337 269 color:#fff!important; 338 270 339 340 } 341 271 } 342 272 343 273 ul#jquery-dropmenu li.menu-item-has-children a:before { 344 274 345 346 275 margin-left: 10px!important; 347 276 348 349 277 margin-right: -2px!important; 350 278 351 352 279 position: absolute!important; 353 280 354 355 281 right: 5px!important; 356 282 357 358 283 top: 12px!important; 359 284 360 361 } 362 285 } 363 286 364 287 /*dropdown stasr*/ … … 372 295 373 296 374 375 376 377 378 379 297 ul.dropdown a, ul.dropdown a:link, ul.dropdown a:visited { 380 298 381 382 299 text-shadow:0px 0px 0px #000!important 383 300 384 385 } 386 387 301 } 302 -
jquery-drop-down-menu-plugin/trunk/themes/rounded-corners-light.css
r1758635 r1759900 1 1 #jquery-dropmenu, #jquery-dropmenu ul { 2 2 3 4 3 margin:0; 5 4 6 7 5 padding:0; 8 6 9 10 7 list-style-type:none; 11 8 12 13 9 list-style-position:outside; 14 10 15 16 11 position:relative; 17 12 18 19 13 line-height:1.7em; 20 14 21 22 15 z-index:300; 23 16 24 25 17 display:inline-block; 26 18 27 28 19 width:100%; 29 20 30 31 21 font-weight:normal; 32 22 33 34 23 //* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff3019+0,cf0404+100;Red+3D */ 35 24 36 37 25 background:none!important; /* Old browsers */ 38 26 39 40 } 41 27 } 42 28 43 29 #jquery-dropmenu a { 44 30 45 46 31 display:block; 47 32 48 49 33 background:#de4a3e; 50 34 51 52 35 padding:12px 15px!important; 53 36 54 55 37 line-height:22px; 56 38 57 58 39 color:#fff; 59 40 60 61 41 font-weight:normal; 62 42 63 64 43 box-shadow: 0px 0px 0px #000!important; 65 44 66 67 45 border-right:1px solid #c8c8c8; 68 46 69 70 47 border-radius:8px; 71 48 72 73 49 text-decoration:none; 74 50 75 76 51 margin:6px 6px 6px 0px; 77 52 78 79 53 letter-spacing:inherit; 80 54 81 82 } 83 55 } 84 56 85 57 #jquery-dropmenu .active a { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45484d+0,000000+100;Black+3D+%231 */ 86 58 87 88 59 background: #45484d; /* Old browsers */ 89 60 90 91 61 background: -moz-linear-gradient(left, #45484d 0%, #000000 100%); /* FF3.6-15 */ 92 62 93 94 63 background: -webkit-linear-gradient(left, #45484d 0%, #000000 100%); /* Chrome10-25,Safari5.1-6 */ 95 64 96 97 65 background: linear-gradient(to right, #45484d 0%, #000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ 98 66 99 100 67 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000', GradientType=1 ); /* IE6-9 */ 101 68 102 103 69 font-style:normal!important; 104 70 105 106 } 107 71 } 108 72 109 73 ul#jquery-dropmenu li.last-child a { 110 74 111 112 75 border:none; 113 76 114 115 77 position:relative; 116 78 117 118 79 font-style:normal!important; 119 80 120 121 } 122 81 } 123 82 124 83 #jquery-dropmenu a:hover, ul#jquery-dropmenu li.current-menu-item a { 125 84 126 127 85 color:#fff!important; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45484d+0,000000+100;Black+3D+%231 */ 128 86 129 130 87 background: #45484d; /* Old browsers */ 131 88 132 133 89 background: -moz-linear-gradient(left, #45484d 0%, #000000 100%); /* FF3.6-15 */ 134 90 135 136 91 background: -webkit-linear-gradient(left, #45484d 0%, #000000 100%); /* Chrome10-25,Safari5.1-6 */ 137 92 138 139 93 background: linear-gradient(to right, #45484d 0%, #000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ 140 94 141 142 95 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000', GradientType=1 ); /* IE6-9 */ 143 96 144 145 } 146 97 } 147 98 148 99 #jquery-dropmenu li { 149 100 150 151 101 float: left; 152 102 153 154 103 font-family: Verdana, Arial, Helvetica, sans-serif; 155 104 156 157 105 position: relative; 158 106 159 160 107 font-size:14px; 161 108 162 163 109 margin: 0px!important; 164 110 165 166 111 margin-bottom: 0px; 167 112 168 169 } 170 113 } 171 114 172 115 #jquery-dropmenu ul { 173 116 174 175 117 position:absolute; 176 118 177 178 119 display:none; 179 120 180 181 121 border-radius:0px; 182 122 183 184 123 top:100%; 185 124 186 187 125 left:0px; 188 126 189 190 } 191 127 } 192 128 193 129 #jquery-dropmenu ul a { 194 130 195 196 131 border-left:1px solid #c8c8c8; 197 132 198 199 } 200 133 } 201 134 202 135 #jquery-dropmenu li ul { 203 136 204 205 137 width:auto; 206 138 207 208 139 background:none; 209 140 210 211 141 box-shadow:0px 0px 0px #000; 212 142 213 214 } 215 143 } 216 144 217 145 #jquery-dropmenu li ul a { 218 146 219 220 147 width:100%; 221 148 222 223 149 height:auto; 224 150 225 226 151 border-bottom:1px solid #c8c8c8; 227 152 228 229 } 230 153 } 231 154 232 155 ul#jquery-dropmenu .fa { 233 156 234 235 157 display:none; 236 158 237 238 } 239 159 } 240 160 241 161 #jquery-dropmenu ul ul { 242 162 243 244 163 top:auto; 245 164 246 247 165 border-radius:0px; 248 166 249 250 } 251 167 } 252 168 253 169 #jquery-dropmenu li ul ul { 254 170 255 256 171 left: 100%; 257 172 258 259 173 margin: 0 0 0 0px; 260 174 261 262 175 top:0px; 263 176 264 265 } 266 177 } 267 178 268 179 ul#jquery-dropmenu li li.parent>a:after { 269 180 270 271 181 content: ""; 272 182 273 274 183 position: absolute; 275 184 276 277 185 top: 40%; 278 186 279 280 187 right: 5px; 281 188 282 283 189 width: 0; 284 190 285 286 191 height: 0; 287 192 288 289 193 border-top: 4px solid rgba(255, 255, 255, 1); 290 194 291 292 195 border-top: 4px solid transparent; 293 196 294 295 197 border-bottom: 4px solid transparent; 296 198 297 298 } 299 199 } 300 200 301 201 ul#jquery-dropmenu li.parent>a:after { 302 202 303 304 203 content: ""; 305 204 306 307 205 position: absolute; 308 206 309 310 207 top: 45%; 311 208 312 313 209 right: 6px; 314 210 315 316 211 width: 0; 317 212 318 319 213 height: 0; 320 214 321 322 215 border-top: 4px solid rgba(255, 255, 255, 1); 323 216 324 325 217 border-right: 4px solid transparent; 326 218 327 328 219 border-left: 4px solid transparent; 329 220 330 331 } 332 221 } 333 222 334 223 ul#jquery-dropmenu ul li:hover > a { 335 224 336 337 225 background-color:transparent!important; 338 226 339 340 227 color:#fff!important; 341 228 342 343 } 344 229 } 345 230 346 231 /*dropdown stasr*/ 347 232 348 349 233 ul#jquery-dropmenu li.menu-item-has-children a:before { 350 234 351 352 235 margin-left: 10px!important; 353 236 354 355 237 margin-right: -2px!important; 356 238 357 358 239 position: absolute!important; 359 240 360 361 241 right: 5px!important; 362 242 363 364 243 top: 12px!important; 365 244 366 367 } 368 245 } 369 246 370 247 ul.dropdown a, ul.dropdown a:link, ul.dropdown a:visited { 371 248 372 373 249 text-shadow:0px 0px 0px #000!important 374 250 375 376 } 377 378 251 } 252 -
jquery-drop-down-menu-plugin/trunk/themes/rounded-corners-newstyle.css
r1758635 r1759900 1 1 #jquery-dropmenu, #jquery-dropmenu ul { 2 2 3 4 3 margin: 0; 5 4 6 7 5 padding: 0; 8 6 9 10 7 list-style-type: none; 11 8 12 13 9 list-style-position: outside; 14 10 15 16 11 position: relative; 17 12 18 19 13 line-height: 1.7em; 20 14 21 22 15 z-index: 300; 23 16 24 25 17 display: inline-block; 26 18 27 28 19 width: 100%; 29 20 30 31 21 font-weight: normal; 32 22 33 34 23 padding: 0px 0px 0px 10px; 35 24 36 37 } 38 25 } 26 27 28 29 30 31 #jquery-dropmenu li{background: #de4a3e;margin:0px 6px 0px 6px;border-radius: 11px 0px 11px 0px;} 39 32 40 33 #jquery-dropmenu a { 41 34 42 43 35 display:block; 44 36 45 37 46 background: #de4a3e;47 48 38 49 39 padding: 12px 15px!important; 50 40 51 52 41 line-height: 22px; 53 42 54 55 43 color: #fff; 56 44 57 58 45 font-weight: normal; 59 46 60 61 47 box-shadow: 0px 0px 0px #000!important; 62 48 63 64 border-right: 1px solid #c8c8c8; 65 66 67 border-radius: 11px 0px 11px 0px; 68 69 70 text-decoration: none; 71 72 73 margin: 6px 6px 6px 0px; 74 49 border-right:0px; 50 51 52 53 text-decoration: none;border-radius: 11px 0px 11px 0px; 54 55 display:block; 75 56 76 57 letter-spacing: inherit; 77 58 78 79 } 80 59 } 81 60 82 61 #jquery-dropmenu a:hover, ul#jquery-dropmenu li.current-menu-item a { 83 62 84 85 63 color:#fff!important; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45484d+0,000000+100;Black+3D+%231 */ 86 64 87 88 background: #45484d; /* Old browsers */ 89 90 91 background: -moz-linear-gradient(left, #45484d 0%, #000000 100%); /* FF3.6-15 */ 92 93 94 background: -webkit-linear-gradient(left, #45484d 0%, #000000 100%); /* Chrome10-25,Safari5.1-6 */ 95 96 97 background: linear-gradient(to right, #45484d 0%, #000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ 98 65 background: #45484d; /* Old browsers */ 66 67 background: -moz-linear-gradient(left, #45484d 0%, #000000 100%); /* FF3.6-15 */ 68 69 background: -webkit-linear-gradient(left, #45484d 0%, #000000 100%); /* Chrome10-25,Safari5.1-6 */ 70 71 background: linear-gradient(to right, #45484d 0%, #000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ 99 72 100 73 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000', GradientType=1 ); /* IE6-9 */ 101 74 102 103 } 75 } 76 77 78 79 80 81 82 83 #jquery-dropmenu li.parent:hover{color:#fff!important; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45484d+0,000000+100;Black+3D+%231 */ 84 85 background: #45484d; /* Old browsers */ 86 87 background: -moz-linear-gradient(left, #45484d 0%, #000000 100%); /* FF3.6-15 */ 88 89 background: -webkit-linear-gradient(left, #45484d 0%, #000000 100%); /* Chrome10-25,Safari5.1-6 */ 90 91 background: linear-gradient(to right, #45484d 0%, #000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ 92 93 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000', GradientType=1 ); /* IE6-9 */border-radius: 11px 0px 11px 0px;} 94 95 #jquery-dropmenu li ul li:hover{ color:#fff!important; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45484d+0,000000+100;Black+3D+%231 */ 96 97 background: #45484d; /* Old browsers */ 98 99 background: -moz-linear-gradient(left, #45484d 0%, #000000 100%); /* FF3.6-15 */ 100 101 background: -webkit-linear-gradient(left, #45484d 0%, #000000 100%); /* Chrome10-25,Safari5.1-6 */ 102 103 background: linear-gradient(to right, #45484d 0%, #000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ 104 105 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000', GradientType=1 ); /* IE6-9 */border-radius: 11px 0px 11px 0px;} 106 107 108 104 109 105 110 106 111 #jquery-dropmenu li { 107 112 108 109 113 float: left; 110 114 111 112 115 font-family: Verdana, Arial, Helvetica, sans-serif; 113 116 114 115 117 position: relative; 116 118 117 118 119 font-size:14px; 119 120 120 121 121 margin: 0px!important; 122 123 124 margin-bottom: 0px; 125 126 127 } 128 122 123 124 125 } 129 126 130 127 #jquery-dropmenu ul { 131 128 132 133 129 position:absolute; 134 130 135 136 131 display:none; 137 132 138 139 133 border-radius:0px; 140 134 141 142 top:100%; 143 135 top:117%; 144 136 145 137 left:0px; 146 138 147 148 } 149 139 } 140 141 142 143 #jquery-dropmenu li ul li{ float:none;} 150 144 151 145 #jquery-dropmenu ul a { 152 146 153 154 border-left:1px solid #c8c8c8; 155 156 157 } 158 147 148 149 } 159 150 160 151 #jquery-dropmenu li ul { 161 152 162 163 width:auto; 164 153 min-width:195px; 165 154 166 155 background:none; 167 156 168 169 box-shadow:0px 0px 0px #000; 170 171 172 } 173 157 box-shadow:0px 0px 0px #000; padding:0px; 158 159 } 174 160 175 161 #jquery-dropmenu li ul a { 176 162 177 178 width:100%; 179 163 180 164 181 165 height:auto; 182 166 183 184 margin:0px; 185 186 187 border-bottom:1px solid #c8c8c8; 188 189 190 } 191 167 margin: 0px 0px 3px 0px; 168 169 170 171 } 192 172 193 173 ul#jquery-dropmenu .fa { 194 174 195 196 175 display:none; 197 176 198 199 } 200 177 } 201 178 202 179 #jquery-dropmenu ul ul { 203 180 204 205 181 top:auto; 206 182 207 208 183 border-radius:0px; 209 184 210 211 } 212 185 } 213 186 214 187 #jquery-dropmenu li ul ul { 215 188 216 217 189 left: 100%; 218 190 219 220 191 margin: 0 0 0 0px; 221 192 222 223 193 top:0px; 224 194 225 226 } 227 195 } 228 196 229 197 ul#jquery-dropmenu li li.parent>a:after { 230 198 231 232 199 content: ""; 233 200 234 235 201 position: absolute; 236 202 237 238 203 top: 40%; 239 204 240 241 right: 11px; 242 205 right: 5px; 243 206 244 207 width: 0; 245 208 246 247 209 height: 0; 248 210 211 border-top: 4px solid transparent!important; 212 213 border-bottom: 4px solid transparent; 214 215 border-left: 6px solid #fff; 216 217 border-right: 0px solid #fff; 218 219 220 221 } 222 223 ul#jquery-dropmenu li.parent>a:after { 224 225 content: ""; 226 227 position: absolute; 228 229 top: 47%; 230 231 right: 5px; 232 233 width: 0; 234 235 height: 0; 249 236 250 237 border-top: 4px solid rgba(255, 255, 255, 1); 251 238 252 253 border-top: 4px solid transparent;254 255 256 border-bottom: 4px solid transparent;257 258 259 }260 261 262 ul#jquery-dropmenu li.parent>a:after {263 264 265 content: "";266 267 268 position: absolute;269 270 271 top: 45%;272 273 274 right: 11px;275 276 277 width: 0;278 279 280 height: 0;281 282 283 border-top: 4px solid rgba(255, 255, 255, 1);284 285 286 239 border-right: 4px solid transparent; 287 240 288 289 241 border-left: 4px solid transparent; 290 242 291 292 } 293 243 } 294 244 295 245 ul#jquery-dropmenu ul li:hover > a { 296 246 297 298 247 background-color:transparent!important; 299 248 300 301 249 color:#fff!important; 302 250 303 304 } 305 251 } 306 252 307 253 ul#jquery-dropmenu li.menu-item-has-children a:before { 308 254 309 310 255 margin-left: 10px!important; 311 256 312 313 257 margin-right: -2px!important; 314 258 315 316 259 position: absolute!important; 317 260 318 319 261 right: 5px!important; 320 262 321 322 263 top: 12px!important; 323 264 324 325 } 326 265 } 327 266 328 267 /*dropdown stasr*/ … … 332 271 333 272 334 335 336 337 273 ul#jquery-dropmenu li.current-menu-item a { 338 274 339 340 275 color:#fff!important; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45484d+0,000000+100;Black+3D+%231 */ 341 276 342 343 background: #45484d; /* Old browsers */ 344 345 346 background: -moz-linear-gradient(left, #45484d 0%, #000000 100%); /* FF3.6-15 */ 347 348 349 background: -webkit-linear-gradient(left, #45484d 0%, #000000 100%); /* Chrome10-25,Safari5.1-6 */ 350 351 352 background: linear-gradient(to right, #45484d 0%, #000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ 353 277 background: #45484d; /* Old browsers */ 278 279 background: -moz-linear-gradient(left, #45484d 0%, #000000 100%); /* FF3.6-15 */ 280 281 background: -webkit-linear-gradient(left, #45484d 0%, #000000 100%); /* Chrome10-25,Safari5.1-6 */ 282 283 background: linear-gradient(to right, #45484d 0%, #000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ 354 284 355 285 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000', GradientType=1 ); /* IE6-9 */ 356 286 357 358 } 359 287 } 360 288 361 289 ul.dropdown a, ul.dropdown a:link, ul.dropdown a:visited { 362 290 363 364 291 text-shadow:0px 0px 0px #000!important 365 292 366 367 } 368 369 @media (min-width: 481px) and (max-width: 767px) { #jquery-dropmenu { 370 display:none!important } }@media (max-width: 480px) { #jquery-dropmenu { 371 display:none!important } } 293 } 294
Note: See TracChangeset
for help on using the changeset viewer.