jquery-ui.theme.css (16941B)
1 /*! 2 * jQuery UI CSS Framework 1.11.4 3 * http://jqueryui.com 4 * 5 * Copyright jQuery Foundation and other contributors 6 * Released under the MIT license. 7 * http://jquery.org/license 8 * 9 * http://api.jqueryui.com/category/theming/ 10 * 11 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px 12 */ 13 14 15 /* Component containers 16 ----------------------------------*/ 17 .ui-widget { 18 font-family: Arial,Helvetica,sans-serif; 19 font-size: 1em; 20 } 21 .ui-widget .ui-widget { 22 font-size: 1em; 23 } 24 .ui-widget input, 25 .ui-widget select, 26 .ui-widget textarea, 27 .ui-widget button { 28 font-family: Arial,Helvetica,sans-serif; 29 font-size: 1em; 30 } 31 .ui-widget-content { 32 border: 1px solid #dddddd; 33 background: #ffffff; 34 color: #333333; 35 } 36 .ui-widget-content a { 37 color: #333333; 38 } 39 .ui-widget-header { 40 border: 1px solid #dddddd; 41 background: #e9e9e9; 42 color: #333333; 43 font-weight: bold; 44 } 45 .ui-widget-header a { 46 color: #333333; 47 } 48 49 /* Interaction states 50 ----------------------------------*/ 51 .ui-state-default, 52 .ui-widget-content .ui-state-default, 53 .ui-widget-header .ui-state-default { 54 border: 1px solid #c5c5c5; 55 background: #f6f6f6; 56 font-weight: normal; 57 color: #454545; 58 } 59 .ui-state-default a, 60 .ui-state-default a:link, 61 .ui-state-default a:visited { 62 color: #454545; 63 text-decoration: none; 64 } 65 .ui-state-hover, 66 .ui-widget-content .ui-state-hover, 67 .ui-widget-header .ui-state-hover, 68 .ui-state-focus, 69 .ui-widget-content .ui-state-focus, 70 .ui-widget-header .ui-state-focus { 71 border: 1px solid #cccccc; 72 background: #ededed; 73 font-weight: normal; 74 color: #2b2b2b; 75 } 76 .ui-state-hover a, 77 .ui-state-hover a:hover, 78 .ui-state-hover a:link, 79 .ui-state-hover a:visited, 80 .ui-state-focus a, 81 .ui-state-focus a:hover, 82 .ui-state-focus a:link, 83 .ui-state-focus a:visited { 84 color: #2b2b2b; 85 text-decoration: none; 86 } 87 .ui-state-active, 88 .ui-widget-content .ui-state-active, 89 .ui-widget-header .ui-state-active { 90 border: 1px solid #003eff; 91 background: #007fff; 92 font-weight: normal; 93 color: #ffffff; 94 } 95 .ui-state-active a, 96 .ui-state-active a:link, 97 .ui-state-active a:visited { 98 color: #ffffff; 99 text-decoration: none; 100 } 101 102 /* Interaction Cues 103 ----------------------------------*/ 104 .ui-state-highlight, 105 .ui-widget-content .ui-state-highlight, 106 .ui-widget-header .ui-state-highlight { 107 border: 1px solid #dad55e; 108 background: #fffa90; 109 color: #777620; 110 } 111 .ui-state-highlight a, 112 .ui-widget-content .ui-state-highlight a, 113 .ui-widget-header .ui-state-highlight a { 114 color: #777620; 115 } 116 .ui-state-error, 117 .ui-widget-content .ui-state-error, 118 .ui-widget-header .ui-state-error { 119 border: 1px solid #f1a899; 120 background: #fddfdf; 121 color: #5f3f3f; 122 } 123 .ui-state-error a, 124 .ui-widget-content .ui-state-error a, 125 .ui-widget-header .ui-state-error a { 126 color: #5f3f3f; 127 } 128 .ui-state-error-text, 129 .ui-widget-content .ui-state-error-text, 130 .ui-widget-header .ui-state-error-text { 131 color: #5f3f3f; 132 } 133 .ui-priority-primary, 134 .ui-widget-content .ui-priority-primary, 135 .ui-widget-header .ui-priority-primary { 136 font-weight: bold; 137 } 138 .ui-priority-secondary, 139 .ui-widget-content .ui-priority-secondary, 140 .ui-widget-header .ui-priority-secondary { 141 opacity: .7; 142 filter:Alpha(Opacity=70); /* support: IE8 */ 143 font-weight: normal; 144 } 145 .ui-state-disabled, 146 .ui-widget-content .ui-state-disabled, 147 .ui-widget-header .ui-state-disabled { 148 opacity: .35; 149 filter:Alpha(Opacity=35); /* support: IE8 */ 150 background-image: none; 151 } 152 .ui-state-disabled .ui-icon { 153 filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */ 154 } 155 156 /* Icons 157 ----------------------------------*/ 158 159 /* states and images */ 160 .ui-icon { 161 width: 16px; 162 height: 16px; 163 } 164 .ui-icon, 165 .ui-widget-content .ui-icon { 166 background-image: url("images/ui-icons_444444_256x240.png"); 167 } 168 .ui-widget-header .ui-icon { 169 background-image: url("images/ui-icons_444444_256x240.png"); 170 } 171 .ui-state-default .ui-icon { 172 background-image: url("images/ui-icons_777777_256x240.png"); 173 } 174 .ui-state-hover .ui-icon, 175 .ui-state-focus .ui-icon { 176 background-image: url("images/ui-icons_555555_256x240.png"); 177 } 178 .ui-state-active .ui-icon { 179 background-image: url("images/ui-icons_ffffff_256x240.png"); 180 } 181 .ui-state-highlight .ui-icon { 182 background-image: url("images/ui-icons_777620_256x240.png"); 183 } 184 .ui-state-error .ui-icon, 185 .ui-state-error-text .ui-icon { 186 background-image: url("images/ui-icons_cc0000_256x240.png"); 187 } 188 189 /* positioning */ 190 .ui-icon-blank { background-position: 16px 16px; } 191 .ui-icon-carat-1-n { background-position: 0 0; } 192 .ui-icon-carat-1-ne { background-position: -16px 0; } 193 .ui-icon-carat-1-e { background-position: -32px 0; } 194 .ui-icon-carat-1-se { background-position: -48px 0; } 195 .ui-icon-carat-1-s { background-position: -64px 0; } 196 .ui-icon-carat-1-sw { background-position: -80px 0; } 197 .ui-icon-carat-1-w { background-position: -96px 0; } 198 .ui-icon-carat-1-nw { background-position: -112px 0; } 199 .ui-icon-carat-2-n-s { background-position: -128px 0; } 200 .ui-icon-carat-2-e-w { background-position: -144px 0; } 201 .ui-icon-triangle-1-n { background-position: 0 -16px; } 202 .ui-icon-triangle-1-ne { background-position: -16px -16px; } 203 .ui-icon-triangle-1-e { background-position: -32px -16px; } 204 .ui-icon-triangle-1-se { background-position: -48px -16px; } 205 .ui-icon-triangle-1-s { background-position: -64px -16px; } 206 .ui-icon-triangle-1-sw { background-position: -80px -16px; } 207 .ui-icon-triangle-1-w { background-position: -96px -16px; } 208 .ui-icon-triangle-1-nw { background-position: -112px -16px; } 209 .ui-icon-triangle-2-n-s { background-position: -128px -16px; } 210 .ui-icon-triangle-2-e-w { background-position: -144px -16px; } 211 .ui-icon-arrow-1-n { background-position: 0 -32px; } 212 .ui-icon-arrow-1-ne { background-position: -16px -32px; } 213 .ui-icon-arrow-1-e { background-position: -32px -32px; } 214 .ui-icon-arrow-1-se { background-position: -48px -32px; } 215 .ui-icon-arrow-1-s { background-position: -64px -32px; } 216 .ui-icon-arrow-1-sw { background-position: -80px -32px; } 217 .ui-icon-arrow-1-w { background-position: -96px -32px; } 218 .ui-icon-arrow-1-nw { background-position: -112px -32px; } 219 .ui-icon-arrow-2-n-s { background-position: -128px -32px; } 220 .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } 221 .ui-icon-arrow-2-e-w { background-position: -160px -32px; } 222 .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } 223 .ui-icon-arrowstop-1-n { background-position: -192px -32px; } 224 .ui-icon-arrowstop-1-e { background-position: -208px -32px; } 225 .ui-icon-arrowstop-1-s { background-position: -224px -32px; } 226 .ui-icon-arrowstop-1-w { background-position: -240px -32px; } 227 .ui-icon-arrowthick-1-n { background-position: 0 -48px; } 228 .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } 229 .ui-icon-arrowthick-1-e { background-position: -32px -48px; } 230 .ui-icon-arrowthick-1-se { background-position: -48px -48px; } 231 .ui-icon-arrowthick-1-s { background-position: -64px -48px; } 232 .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } 233 .ui-icon-arrowthick-1-w { background-position: -96px -48px; } 234 .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } 235 .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } 236 .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } 237 .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } 238 .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } 239 .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } 240 .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } 241 .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } 242 .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } 243 .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } 244 .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } 245 .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } 246 .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } 247 .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } 248 .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } 249 .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } 250 .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } 251 .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } 252 .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } 253 .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } 254 .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } 255 .ui-icon-arrow-4 { background-position: 0 -80px; } 256 .ui-icon-arrow-4-diag { background-position: -16px -80px; } 257 .ui-icon-extlink { background-position: -32px -80px; } 258 .ui-icon-newwin { background-position: -48px -80px; } 259 .ui-icon-refresh { background-position: -64px -80px; } 260 .ui-icon-shuffle { background-position: -80px -80px; } 261 .ui-icon-transfer-e-w { background-position: -96px -80px; } 262 .ui-icon-transferthick-e-w { background-position: -112px -80px; } 263 .ui-icon-folder-collapsed { background-position: 0 -96px; } 264 .ui-icon-folder-open { background-position: -16px -96px; } 265 .ui-icon-document { background-position: -32px -96px; } 266 .ui-icon-document-b { background-position: -48px -96px; } 267 .ui-icon-note { background-position: -64px -96px; } 268 .ui-icon-mail-closed { background-position: -80px -96px; } 269 .ui-icon-mail-open { background-position: -96px -96px; } 270 .ui-icon-suitcase { background-position: -112px -96px; } 271 .ui-icon-comment { background-position: -128px -96px; } 272 .ui-icon-person { background-position: -144px -96px; } 273 .ui-icon-print { background-position: -160px -96px; } 274 .ui-icon-trash { background-position: -176px -96px; } 275 .ui-icon-locked { background-position: -192px -96px; } 276 .ui-icon-unlocked { background-position: -208px -96px; } 277 .ui-icon-bookmark { background-position: -224px -96px; } 278 .ui-icon-tag { background-position: -240px -96px; } 279 .ui-icon-home { background-position: 0 -112px; } 280 .ui-icon-flag { background-position: -16px -112px; } 281 .ui-icon-calendar { background-position: -32px -112px; } 282 .ui-icon-cart { background-position: -48px -112px; } 283 .ui-icon-pencil { background-position: -64px -112px; } 284 .ui-icon-clock { background-position: -80px -112px; } 285 .ui-icon-disk { background-position: -96px -112px; } 286 .ui-icon-calculator { background-position: -112px -112px; } 287 .ui-icon-zoomin { background-position: -128px -112px; } 288 .ui-icon-zoomout { background-position: -144px -112px; } 289 .ui-icon-search { background-position: -160px -112px; } 290 .ui-icon-wrench { background-position: -176px -112px; } 291 .ui-icon-gear { background-position: -192px -112px; } 292 .ui-icon-heart { background-position: -208px -112px; } 293 .ui-icon-star { background-position: -224px -112px; } 294 .ui-icon-link { background-position: -240px -112px; } 295 .ui-icon-cancel { background-position: 0 -128px; } 296 .ui-icon-plus { background-position: -16px -128px; } 297 .ui-icon-plusthick { background-position: -32px -128px; } 298 .ui-icon-minus { background-position: -48px -128px; } 299 .ui-icon-minusthick { background-position: -64px -128px; } 300 .ui-icon-close { background-position: -80px -128px; } 301 .ui-icon-closethick { background-position: -96px -128px; } 302 .ui-icon-key { background-position: -112px -128px; } 303 .ui-icon-lightbulb { background-position: -128px -128px; } 304 .ui-icon-scissors { background-position: -144px -128px; } 305 .ui-icon-clipboard { background-position: -160px -128px; } 306 .ui-icon-copy { background-position: -176px -128px; } 307 .ui-icon-contact { background-position: -192px -128px; } 308 .ui-icon-image { background-position: -208px -128px; } 309 .ui-icon-video { background-position: -224px -128px; } 310 .ui-icon-script { background-position: -240px -128px; } 311 .ui-icon-alert { background-position: 0 -144px; } 312 .ui-icon-info { background-position: -16px -144px; } 313 .ui-icon-notice { background-position: -32px -144px; } 314 .ui-icon-help { background-position: -48px -144px; } 315 .ui-icon-check { background-position: -64px -144px; } 316 .ui-icon-bullet { background-position: -80px -144px; } 317 .ui-icon-radio-on { background-position: -96px -144px; } 318 .ui-icon-radio-off { background-position: -112px -144px; } 319 .ui-icon-pin-w { background-position: -128px -144px; } 320 .ui-icon-pin-s { background-position: -144px -144px; } 321 .ui-icon-play { background-position: 0 -160px; } 322 .ui-icon-pause { background-position: -16px -160px; } 323 .ui-icon-seek-next { background-position: -32px -160px; } 324 .ui-icon-seek-prev { background-position: -48px -160px; } 325 .ui-icon-seek-end { background-position: -64px -160px; } 326 .ui-icon-seek-start { background-position: -80px -160px; } 327 /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ 328 .ui-icon-seek-first { background-position: -80px -160px; } 329 .ui-icon-stop { background-position: -96px -160px; } 330 .ui-icon-eject { background-position: -112px -160px; } 331 .ui-icon-volume-off { background-position: -128px -160px; } 332 .ui-icon-volume-on { background-position: -144px -160px; } 333 .ui-icon-power { background-position: 0 -176px; } 334 .ui-icon-signal-diag { background-position: -16px -176px; } 335 .ui-icon-signal { background-position: -32px -176px; } 336 .ui-icon-battery-0 { background-position: -48px -176px; } 337 .ui-icon-battery-1 { background-position: -64px -176px; } 338 .ui-icon-battery-2 { background-position: -80px -176px; } 339 .ui-icon-battery-3 { background-position: -96px -176px; } 340 .ui-icon-circle-plus { background-position: 0 -192px; } 341 .ui-icon-circle-minus { background-position: -16px -192px; } 342 .ui-icon-circle-close { background-position: -32px -192px; } 343 .ui-icon-circle-triangle-e { background-position: -48px -192px; } 344 .ui-icon-circle-triangle-s { background-position: -64px -192px; } 345 .ui-icon-circle-triangle-w { background-position: -80px -192px; } 346 .ui-icon-circle-triangle-n { background-position: -96px -192px; } 347 .ui-icon-circle-arrow-e { background-position: -112px -192px; } 348 .ui-icon-circle-arrow-s { background-position: -128px -192px; } 349 .ui-icon-circle-arrow-w { background-position: -144px -192px; } 350 .ui-icon-circle-arrow-n { background-position: -160px -192px; } 351 .ui-icon-circle-zoomin { background-position: -176px -192px; } 352 .ui-icon-circle-zoomout { background-position: -192px -192px; } 353 .ui-icon-circle-check { background-position: -208px -192px; } 354 .ui-icon-circlesmall-plus { background-position: 0 -208px; } 355 .ui-icon-circlesmall-minus { background-position: -16px -208px; } 356 .ui-icon-circlesmall-close { background-position: -32px -208px; } 357 .ui-icon-squaresmall-plus { background-position: -48px -208px; } 358 .ui-icon-squaresmall-minus { background-position: -64px -208px; } 359 .ui-icon-squaresmall-close { background-position: -80px -208px; } 360 .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } 361 .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } 362 .ui-icon-grip-solid-vertical { background-position: -32px -224px; } 363 .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } 364 .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } 365 .ui-icon-grip-diagonal-se { background-position: -80px -224px; } 366 367 368 /* Misc visuals 369 ----------------------------------*/ 370 371 /* Corner radius */ 372 .ui-corner-all, 373 .ui-corner-top, 374 .ui-corner-left, 375 .ui-corner-tl { 376 border-top-left-radius: 3px; 377 } 378 .ui-corner-all, 379 .ui-corner-top, 380 .ui-corner-right, 381 .ui-corner-tr { 382 border-top-right-radius: 3px; 383 } 384 .ui-corner-all, 385 .ui-corner-bottom, 386 .ui-corner-left, 387 .ui-corner-bl { 388 border-bottom-left-radius: 3px; 389 } 390 .ui-corner-all, 391 .ui-corner-bottom, 392 .ui-corner-right, 393 .ui-corner-br { 394 border-bottom-right-radius: 3px; 395 } 396 397 /* Overlays */ 398 .ui-widget-overlay { 399 background: #aaaaaa; 400 opacity: .3; 401 filter: Alpha(Opacity=30); /* support: IE8 */ 402 } 403 .ui-widget-shadow { 404 margin: 0px 0 0 0px; 405 padding: 5px; 406 background: #666666; 407 opacity: .3; 408 filter: Alpha(Opacity=30); /* support: IE8 */ 409 border-radius: 8px; 410 }