Mercurial > zeropaste
comparison app/assets/stylesheets/bootstrap.css @ 25:faf30647205e
Use bootstrap.
| author | Edho Arief <edho@myconan.net> | 
|---|---|
| date | Mon, 10 Sep 2012 03:48:01 +0700 | 
| parents | |
| children | 58c6d46c3e97 | 
   comparison
  equal
  deleted
  inserted
  replaced
| 24:a8cdf1f45446 | 25:faf30647205e | 
|---|---|
| 1 /*! | |
| 2 * Bootstrap v2.1.1 | |
| 3 * | |
| 4 * Copyright 2012 Twitter, Inc | |
| 5 * Licensed under the Apache License v2.0 | |
| 6 * http://www.apache.org/licenses/LICENSE-2.0 | |
| 7 * | |
| 8 * Designed and built with all the love in the world @twitter by @mdo and @fat. | |
| 9 */ | |
| 10 .clearfix { | |
| 11 *zoom: 1; | |
| 12 } | |
| 13 .clearfix:before, | |
| 14 .clearfix:after { | |
| 15 display: table; | |
| 16 content: ""; | |
| 17 line-height: 0; | |
| 18 } | |
| 19 .clearfix:after { | |
| 20 clear: both; | |
| 21 } | |
| 22 .hide-text { | |
| 23 font: 0/0 a; | |
| 24 color: transparent; | |
| 25 text-shadow: none; | |
| 26 background-color: transparent; | |
| 27 border: 0; | |
| 28 } | |
| 29 .input-block-level { | |
| 30 display: block; | |
| 31 width: 100%; | |
| 32 min-height: 30px; | |
| 33 -webkit-box-sizing: border-box; | |
| 34 -moz-box-sizing: border-box; | |
| 35 box-sizing: border-box; | |
| 36 } | |
| 37 article, | |
| 38 aside, | |
| 39 details, | |
| 40 figcaption, | |
| 41 figure, | |
| 42 footer, | |
| 43 header, | |
| 44 hgroup, | |
| 45 nav, | |
| 46 section { | |
| 47 display: block; | |
| 48 } | |
| 49 audio, | |
| 50 canvas, | |
| 51 video { | |
| 52 display: inline-block; | |
| 53 *display: inline; | |
| 54 *zoom: 1; | |
| 55 } | |
| 56 audio:not([controls]) { | |
| 57 display: none; | |
| 58 } | |
| 59 html { | |
| 60 font-size: 100%; | |
| 61 -webkit-text-size-adjust: 100%; | |
| 62 -ms-text-size-adjust: 100%; | |
| 63 } | |
| 64 a:focus { | |
| 65 outline: thin dotted #333; | |
| 66 outline: 5px auto -webkit-focus-ring-color; | |
| 67 outline-offset: -2px; | |
| 68 } | |
| 69 a:hover, | |
| 70 a:active { | |
| 71 outline: 0; | |
| 72 } | |
| 73 sub, | |
| 74 sup { | |
| 75 position: relative; | |
| 76 font-size: 75%; | |
| 77 line-height: 0; | |
| 78 vertical-align: baseline; | |
| 79 } | |
| 80 sup { | |
| 81 top: -0.5em; | |
| 82 } | |
| 83 sub { | |
| 84 bottom: -0.25em; | |
| 85 } | |
| 86 img { | |
| 87 /* Responsive images (ensure images don't scale beyond their parents) */ | |
| 88 | |
| 89 max-width: 100%; | |
| 90 /* Part 1: Set a maxium relative to the parent */ | |
| 91 | |
| 92 width: auto\9; | |
| 93 /* IE7-8 need help adjusting responsive images */ | |
| 94 | |
| 95 height: auto; | |
| 96 /* Part 2: Scale the height according to the width, otherwise you get stretching */ | |
| 97 | |
| 98 vertical-align: middle; | |
| 99 border: 0; | |
| 100 -ms-interpolation-mode: bicubic; | |
| 101 } | |
| 102 #map_canvas img { | |
| 103 max-width: none; | |
| 104 } | |
| 105 button, | |
| 106 input, | |
| 107 select, | |
| 108 textarea { | |
| 109 margin: 0; | |
| 110 font-size: 100%; | |
| 111 vertical-align: middle; | |
| 112 } | |
| 113 button, | |
| 114 input { | |
| 115 *overflow: visible; | |
| 116 line-height: normal; | |
| 117 } | |
| 118 button::-moz-focus-inner, | |
| 119 input::-moz-focus-inner { | |
| 120 padding: 0; | |
| 121 border: 0; | |
| 122 } | |
| 123 button, | |
| 124 input[type="button"], | |
| 125 input[type="reset"], | |
| 126 input[type="submit"] { | |
| 127 cursor: pointer; | |
| 128 -webkit-appearance: button; | |
| 129 } | |
| 130 input[type="search"] { | |
| 131 -webkit-box-sizing: content-box; | |
| 132 -moz-box-sizing: content-box; | |
| 133 box-sizing: content-box; | |
| 134 -webkit-appearance: textfield; | |
| 135 } | |
| 136 input[type="search"]::-webkit-search-decoration, | |
| 137 input[type="search"]::-webkit-search-cancel-button { | |
| 138 -webkit-appearance: none; | |
| 139 } | |
| 140 textarea { | |
| 141 overflow: auto; | |
| 142 vertical-align: top; | |
| 143 } | |
| 144 body { | |
| 145 margin: 0; | |
| 146 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| 147 font-size: 14px; | |
| 148 line-height: 20px; | |
| 149 color: #333333; | |
| 150 background-color: #ffffff; | |
| 151 } | |
| 152 a { | |
| 153 color: #0088cc; | |
| 154 text-decoration: none; | |
| 155 } | |
| 156 a:hover { | |
| 157 color: #005580; | |
| 158 text-decoration: underline; | |
| 159 } | |
| 160 .img-rounded { | |
| 161 -webkit-border-radius: 6px; | |
| 162 -moz-border-radius: 6px; | |
| 163 border-radius: 6px; | |
| 164 } | |
| 165 .img-polaroid { | |
| 166 padding: 4px; | |
| 167 background-color: #fff; | |
| 168 border: 1px solid #ccc; | |
| 169 border: 1px solid rgba(0, 0, 0, 0.2); | |
| 170 -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); | |
| 171 -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); | |
| 172 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); | |
| 173 } | |
| 174 .img-circle { | |
| 175 -webkit-border-radius: 500px; | |
| 176 -moz-border-radius: 500px; | |
| 177 border-radius: 500px; | |
| 178 } | |
| 179 .row { | |
| 180 margin-left: -20px; | |
| 181 *zoom: 1; | |
| 182 } | |
| 183 .row:before, | |
| 184 .row:after { | |
| 185 display: table; | |
| 186 content: ""; | |
| 187 line-height: 0; | |
| 188 } | |
| 189 .row:after { | |
| 190 clear: both; | |
| 191 } | |
| 192 [class*="span"] { | |
| 193 float: left; | |
| 194 min-height: 1px; | |
| 195 margin-left: 20px; | |
| 196 } | |
| 197 .container, | |
| 198 .navbar-static-top .container, | |
| 199 .navbar-fixed-top .container, | |
| 200 .navbar-fixed-bottom .container { | |
| 201 width: 940px; | |
| 202 } | |
| 203 .span12 { | |
| 204 width: 940px; | |
| 205 } | |
| 206 .span11 { | |
| 207 width: 860px; | |
| 208 } | |
| 209 .span10 { | |
| 210 width: 780px; | |
| 211 } | |
| 212 .span9 { | |
| 213 width: 700px; | |
| 214 } | |
| 215 .span8 { | |
| 216 width: 620px; | |
| 217 } | |
| 218 .span7 { | |
| 219 width: 540px; | |
| 220 } | |
| 221 .span6 { | |
| 222 width: 460px; | |
| 223 } | |
| 224 .span5 { | |
| 225 width: 380px; | |
| 226 } | |
| 227 .span4 { | |
| 228 width: 300px; | |
| 229 } | |
| 230 .span3 { | |
| 231 width: 220px; | |
| 232 } | |
| 233 .span2 { | |
| 234 width: 140px; | |
| 235 } | |
| 236 .span1 { | |
| 237 width: 60px; | |
| 238 } | |
| 239 .offset12 { | |
| 240 margin-left: 980px; | |
| 241 } | |
| 242 .offset11 { | |
| 243 margin-left: 900px; | |
| 244 } | |
| 245 .offset10 { | |
| 246 margin-left: 820px; | |
| 247 } | |
| 248 .offset9 { | |
| 249 margin-left: 740px; | |
| 250 } | |
| 251 .offset8 { | |
| 252 margin-left: 660px; | |
| 253 } | |
| 254 .offset7 { | |
| 255 margin-left: 580px; | |
| 256 } | |
| 257 .offset6 { | |
| 258 margin-left: 500px; | |
| 259 } | |
| 260 .offset5 { | |
| 261 margin-left: 420px; | |
| 262 } | |
| 263 .offset4 { | |
| 264 margin-left: 340px; | |
| 265 } | |
| 266 .offset3 { | |
| 267 margin-left: 260px; | |
| 268 } | |
| 269 .offset2 { | |
| 270 margin-left: 180px; | |
| 271 } | |
| 272 .offset1 { | |
| 273 margin-left: 100px; | |
| 274 } | |
| 275 .row-fluid { | |
| 276 width: 100%; | |
| 277 *zoom: 1; | |
| 278 } | |
| 279 .row-fluid:before, | |
| 280 .row-fluid:after { | |
| 281 display: table; | |
| 282 content: ""; | |
| 283 line-height: 0; | |
| 284 } | |
| 285 .row-fluid:after { | |
| 286 clear: both; | |
| 287 } | |
| 288 .row-fluid [class*="span"] { | |
| 289 display: block; | |
| 290 width: 100%; | |
| 291 min-height: 30px; | |
| 292 -webkit-box-sizing: border-box; | |
| 293 -moz-box-sizing: border-box; | |
| 294 box-sizing: border-box; | |
| 295 float: left; | |
| 296 margin-left: 2.127659574468085%; | |
| 297 *margin-left: 2.074468085106383%; | |
| 298 } | |
| 299 .row-fluid [class*="span"]:first-child { | |
| 300 margin-left: 0; | |
| 301 } | |
| 302 .row-fluid .span12 { | |
| 303 width: 100%; | |
| 304 *width: 99.94680851063829%; | |
| 305 } | |
| 306 .row-fluid .span11 { | |
| 307 width: 91.48936170212765%; | |
| 308 *width: 91.43617021276594%; | |
| 309 } | |
| 310 .row-fluid .span10 { | |
| 311 width: 82.97872340425532%; | |
| 312 *width: 82.92553191489361%; | |
| 313 } | |
| 314 .row-fluid .span9 { | |
| 315 width: 74.46808510638297%; | |
| 316 *width: 74.41489361702126%; | |
| 317 } | |
| 318 .row-fluid .span8 { | |
| 319 width: 65.95744680851064%; | |
| 320 *width: 65.90425531914893%; | |
| 321 } | |
| 322 .row-fluid .span7 { | |
| 323 width: 57.44680851063829%; | |
| 324 *width: 57.39361702127659%; | |
| 325 } | |
| 326 .row-fluid .span6 { | |
| 327 width: 48.93617021276595%; | |
| 328 *width: 48.88297872340425%; | |
| 329 } | |
| 330 .row-fluid .span5 { | |
| 331 width: 40.42553191489362%; | |
| 332 *width: 40.37234042553192%; | |
| 333 } | |
| 334 .row-fluid .span4 { | |
| 335 width: 31.914893617021278%; | |
| 336 *width: 31.861702127659576%; | |
| 337 } | |
| 338 .row-fluid .span3 { | |
| 339 width: 23.404255319148934%; | |
| 340 *width: 23.351063829787233%; | |
| 341 } | |
| 342 .row-fluid .span2 { | |
| 343 width: 14.893617021276595%; | |
| 344 *width: 14.840425531914894%; | |
| 345 } | |
| 346 .row-fluid .span1 { | |
| 347 width: 6.382978723404255%; | |
| 348 *width: 6.329787234042553%; | |
| 349 } | |
| 350 .row-fluid .offset12 { | |
| 351 margin-left: 104.25531914893617%; | |
| 352 *margin-left: 104.14893617021275%; | |
| 353 } | |
| 354 .row-fluid .offset12:first-child { | |
| 355 margin-left: 102.12765957446808%; | |
| 356 *margin-left: 102.02127659574467%; | |
| 357 } | |
| 358 .row-fluid .offset11 { | |
| 359 margin-left: 95.74468085106382%; | |
| 360 *margin-left: 95.6382978723404%; | |
| 361 } | |
| 362 .row-fluid .offset11:first-child { | |
| 363 margin-left: 93.61702127659574%; | |
| 364 *margin-left: 93.51063829787232%; | |
| 365 } | |
| 366 .row-fluid .offset10 { | |
| 367 margin-left: 87.23404255319149%; | |
| 368 *margin-left: 87.12765957446807%; | |
| 369 } | |
| 370 .row-fluid .offset10:first-child { | |
| 371 margin-left: 85.1063829787234%; | |
| 372 *margin-left: 84.99999999999999%; | |
| 373 } | |
| 374 .row-fluid .offset9 { | |
| 375 margin-left: 78.72340425531914%; | |
| 376 *margin-left: 78.61702127659572%; | |
| 377 } | |
| 378 .row-fluid .offset9:first-child { | |
| 379 margin-left: 76.59574468085106%; | |
| 380 *margin-left: 76.48936170212764%; | |
| 381 } | |
| 382 .row-fluid .offset8 { | |
| 383 margin-left: 70.2127659574468%; | |
| 384 *margin-left: 70.10638297872339%; | |
| 385 } | |
| 386 .row-fluid .offset8:first-child { | |
| 387 margin-left: 68.08510638297872%; | |
| 388 *margin-left: 67.9787234042553%; | |
| 389 } | |
| 390 .row-fluid .offset7 { | |
| 391 margin-left: 61.70212765957446%; | |
| 392 *margin-left: 61.59574468085106%; | |
| 393 } | |
| 394 .row-fluid .offset7:first-child { | |
| 395 margin-left: 59.574468085106375%; | |
| 396 *margin-left: 59.46808510638297%; | |
| 397 } | |
| 398 .row-fluid .offset6 { | |
| 399 margin-left: 53.191489361702125%; | |
| 400 *margin-left: 53.085106382978715%; | |
| 401 } | |
| 402 .row-fluid .offset6:first-child { | |
| 403 margin-left: 51.063829787234035%; | |
| 404 *margin-left: 50.95744680851063%; | |
| 405 } | |
| 406 .row-fluid .offset5 { | |
| 407 margin-left: 44.68085106382979%; | |
| 408 *margin-left: 44.57446808510638%; | |
| 409 } | |
| 410 .row-fluid .offset5:first-child { | |
| 411 margin-left: 42.5531914893617%; | |
| 412 *margin-left: 42.4468085106383%; | |
| 413 } | |
| 414 .row-fluid .offset4 { | |
| 415 margin-left: 36.170212765957444%; | |
| 416 *margin-left: 36.06382978723405%; | |
| 417 } | |
| 418 .row-fluid .offset4:first-child { | |
| 419 margin-left: 34.04255319148936%; | |
| 420 *margin-left: 33.93617021276596%; | |
| 421 } | |
| 422 .row-fluid .offset3 { | |
| 423 margin-left: 27.659574468085104%; | |
| 424 *margin-left: 27.5531914893617%; | |
| 425 } | |
| 426 .row-fluid .offset3:first-child { | |
| 427 margin-left: 25.53191489361702%; | |
| 428 *margin-left: 25.425531914893618%; | |
| 429 } | |
| 430 .row-fluid .offset2 { | |
| 431 margin-left: 19.148936170212764%; | |
| 432 *margin-left: 19.04255319148936%; | |
| 433 } | |
| 434 .row-fluid .offset2:first-child { | |
| 435 margin-left: 17.02127659574468%; | |
| 436 *margin-left: 16.914893617021278%; | |
| 437 } | |
| 438 .row-fluid .offset1 { | |
| 439 margin-left: 10.638297872340425%; | |
| 440 *margin-left: 10.53191489361702%; | |
| 441 } | |
| 442 .row-fluid .offset1:first-child { | |
| 443 margin-left: 8.51063829787234%; | |
| 444 *margin-left: 8.404255319148938%; | |
| 445 } | |
| 446 [class*="span"].hide, | |
| 447 .row-fluid [class*="span"].hide { | |
| 448 display: none; | |
| 449 } | |
| 450 [class*="span"].pull-right, | |
| 451 .row-fluid [class*="span"].pull-right { | |
| 452 float: right; | |
| 453 } | |
| 454 .container { | |
| 455 margin-right: auto; | |
| 456 margin-left: auto; | |
| 457 *zoom: 1; | |
| 458 } | |
| 459 .container:before, | |
| 460 .container:after { | |
| 461 display: table; | |
| 462 content: ""; | |
| 463 line-height: 0; | |
| 464 } | |
| 465 .container:after { | |
| 466 clear: both; | |
| 467 } | |
| 468 .container-fluid { | |
| 469 padding-right: 20px; | |
| 470 padding-left: 20px; | |
| 471 *zoom: 1; | |
| 472 } | |
| 473 .container-fluid:before, | |
| 474 .container-fluid:after { | |
| 475 display: table; | |
| 476 content: ""; | |
| 477 line-height: 0; | |
| 478 } | |
| 479 .container-fluid:after { | |
| 480 clear: both; | |
| 481 } | |
| 482 p { | |
| 483 margin: 0 0 10px; | |
| 484 } | |
| 485 .lead { | |
| 486 margin-bottom: 20px; | |
| 487 font-size: 21px; | |
| 488 font-weight: 200; | |
| 489 line-height: 30px; | |
| 490 } | |
| 491 small { | |
| 492 font-size: 85%; | |
| 493 } | |
| 494 strong { | |
| 495 font-weight: bold; | |
| 496 } | |
| 497 em { | |
| 498 font-style: italic; | |
| 499 } | |
| 500 cite { | |
| 501 font-style: normal; | |
| 502 } | |
| 503 .muted { | |
| 504 color: #999999; | |
| 505 } | |
| 506 .text-warning { | |
| 507 color: #c09853; | |
| 508 } | |
| 509 .text-error { | |
| 510 color: #b94a48; | |
| 511 } | |
| 512 .text-info { | |
| 513 color: #3a87ad; | |
| 514 } | |
| 515 .text-success { | |
| 516 color: #468847; | |
| 517 } | |
| 518 h1, | |
| 519 h2, | |
| 520 h3, | |
| 521 h4, | |
| 522 h5, | |
| 523 h6 { | |
| 524 margin: 10px 0; | |
| 525 font-family: inherit; | |
| 526 font-weight: bold; | |
| 527 line-height: 1; | |
| 528 color: inherit; | |
| 529 text-rendering: optimizelegibility; | |
| 530 } | |
| 531 h1 small, | |
| 532 h2 small, | |
| 533 h3 small, | |
| 534 h4 small, | |
| 535 h5 small, | |
| 536 h6 small { | |
| 537 font-weight: normal; | |
| 538 line-height: 1; | |
| 539 color: #999999; | |
| 540 } | |
| 541 h1 { | |
| 542 font-size: 36px; | |
| 543 line-height: 40px; | |
| 544 } | |
| 545 h2 { | |
| 546 font-size: 30px; | |
| 547 line-height: 40px; | |
| 548 } | |
| 549 h3 { | |
| 550 font-size: 24px; | |
| 551 line-height: 40px; | |
| 552 } | |
| 553 h4 { | |
| 554 font-size: 18px; | |
| 555 line-height: 20px; | |
| 556 } | |
| 557 h5 { | |
| 558 font-size: 14px; | |
| 559 line-height: 20px; | |
| 560 } | |
| 561 h6 { | |
| 562 font-size: 12px; | |
| 563 line-height: 20px; | |
| 564 } | |
| 565 h1 small { | |
| 566 font-size: 24px; | |
| 567 } | |
| 568 h2 small { | |
| 569 font-size: 18px; | |
| 570 } | |
| 571 h3 small { | |
| 572 font-size: 14px; | |
| 573 } | |
| 574 h4 small { | |
| 575 font-size: 14px; | |
| 576 } | |
| 577 .page-header { | |
| 578 padding-bottom: 9px; | |
| 579 margin: 20px 0 30px; | |
| 580 border-bottom: 1px solid #eeeeee; | |
| 581 } | |
| 582 ul, | |
| 583 ol { | |
| 584 padding: 0; | |
| 585 margin: 0 0 10px 25px; | |
| 586 } | |
| 587 ul ul, | |
| 588 ul ol, | |
| 589 ol ol, | |
| 590 ol ul { | |
| 591 margin-bottom: 0; | |
| 592 } | |
| 593 li { | |
| 594 line-height: 20px; | |
| 595 } | |
| 596 ul.unstyled, | |
| 597 ol.unstyled { | |
| 598 margin-left: 0; | |
| 599 list-style: none; | |
| 600 } | |
| 601 dl { | |
| 602 margin-bottom: 20px; | |
| 603 } | |
| 604 dt, | |
| 605 dd { | |
| 606 line-height: 20px; | |
| 607 } | |
| 608 dt { | |
| 609 font-weight: bold; | |
| 610 } | |
| 611 dd { | |
| 612 margin-left: 10px; | |
| 613 } | |
| 614 .dl-horizontal { | |
| 615 *zoom: 1; | |
| 616 } | |
| 617 .dl-horizontal:before, | |
| 618 .dl-horizontal:after { | |
| 619 display: table; | |
| 620 content: ""; | |
| 621 line-height: 0; | |
| 622 } | |
| 623 .dl-horizontal:after { | |
| 624 clear: both; | |
| 625 } | |
| 626 .dl-horizontal dt { | |
| 627 float: left; | |
| 628 width: 160px; | |
| 629 clear: left; | |
| 630 text-align: right; | |
| 631 overflow: hidden; | |
| 632 text-overflow: ellipsis; | |
| 633 white-space: nowrap; | |
| 634 } | |
| 635 .dl-horizontal dd { | |
| 636 margin-left: 180px; | |
| 637 } | |
| 638 hr { | |
| 639 margin: 20px 0; | |
| 640 border: 0; | |
| 641 border-top: 1px solid #eeeeee; | |
| 642 border-bottom: 1px solid #ffffff; | |
| 643 } | |
| 644 abbr[title] { | |
| 645 cursor: help; | |
| 646 border-bottom: 1px dotted #999999; | |
| 647 } | |
| 648 abbr.initialism { | |
| 649 font-size: 90%; | |
| 650 text-transform: uppercase; | |
| 651 } | |
| 652 blockquote { | |
| 653 padding: 0 0 0 15px; | |
| 654 margin: 0 0 20px; | |
| 655 border-left: 5px solid #eeeeee; | |
| 656 } | |
| 657 blockquote p { | |
| 658 margin-bottom: 0; | |
| 659 font-size: 16px; | |
| 660 font-weight: 300; | |
| 661 line-height: 25px; | |
| 662 } | |
| 663 blockquote small { | |
| 664 display: block; | |
| 665 line-height: 20px; | |
| 666 color: #999999; | |
| 667 } | |
| 668 blockquote small:before { | |
| 669 content: '\2014 \00A0'; | |
| 670 } | |
| 671 blockquote.pull-right { | |
| 672 float: right; | |
| 673 padding-right: 15px; | |
| 674 padding-left: 0; | |
| 675 border-right: 5px solid #eeeeee; | |
| 676 border-left: 0; | |
| 677 } | |
| 678 blockquote.pull-right p, | |
| 679 blockquote.pull-right small { | |
| 680 text-align: right; | |
| 681 } | |
| 682 blockquote.pull-right small:before { | |
| 683 content: ''; | |
| 684 } | |
| 685 blockquote.pull-right small:after { | |
| 686 content: '\00A0 \2014'; | |
| 687 } | |
| 688 q:before, | |
| 689 q:after, | |
| 690 blockquote:before, | |
| 691 blockquote:after { | |
| 692 content: ""; | |
| 693 } | |
| 694 address { | |
| 695 display: block; | |
| 696 margin-bottom: 20px; | |
| 697 font-style: normal; | |
| 698 line-height: 20px; | |
| 699 } | |
| 700 code, | |
| 701 pre { | |
| 702 padding: 0 3px 2px; | |
| 703 font-family: Monaco, Menlo, Consolas, "Courier New", monospace; | |
| 704 font-size: 12px; | |
| 705 color: #333333; | |
| 706 -webkit-border-radius: 3px; | |
| 707 -moz-border-radius: 3px; | |
| 708 border-radius: 3px; | |
| 709 } | |
| 710 code { | |
| 711 padding: 2px 4px; | |
| 712 color: #d14; | |
| 713 background-color: #f7f7f9; | |
| 714 border: 1px solid #e1e1e8; | |
| 715 } | |
| 716 pre { | |
| 717 display: block; | |
| 718 padding: 9.5px; | |
| 719 margin: 0 0 10px; | |
| 720 font-size: 13px; | |
| 721 line-height: 20px; | |
| 722 word-break: break-all; | |
| 723 word-wrap: break-word; | |
| 724 white-space: pre; | |
| 725 white-space: pre-wrap; | |
| 726 background-color: #f5f5f5; | |
| 727 border: 1px solid #ccc; | |
| 728 border: 1px solid rgba(0, 0, 0, 0.15); | |
| 729 -webkit-border-radius: 4px; | |
| 730 -moz-border-radius: 4px; | |
| 731 border-radius: 4px; | |
| 732 } | |
| 733 pre.prettyprint { | |
| 734 margin-bottom: 20px; | |
| 735 } | |
| 736 pre code { | |
| 737 padding: 0; | |
| 738 color: inherit; | |
| 739 background-color: transparent; | |
| 740 border: 0; | |
| 741 } | |
| 742 .pre-scrollable { | |
| 743 max-height: 340px; | |
| 744 overflow-y: scroll; | |
| 745 } | |
| 746 form { | |
| 747 margin: 0 0 20px; | |
| 748 } | |
| 749 fieldset { | |
| 750 padding: 0; | |
| 751 margin: 0; | |
| 752 border: 0; | |
| 753 } | |
| 754 legend { | |
| 755 display: block; | |
| 756 width: 100%; | |
| 757 padding: 0; | |
| 758 margin-bottom: 20px; | |
| 759 font-size: 21px; | |
| 760 line-height: 40px; | |
| 761 color: #333333; | |
| 762 border: 0; | |
| 763 border-bottom: 1px solid #e5e5e5; | |
| 764 } | |
| 765 legend small { | |
| 766 font-size: 15px; | |
| 767 color: #999999; | |
| 768 } | |
| 769 label, | |
| 770 input, | |
| 771 button, | |
| 772 select, | |
| 773 textarea { | |
| 774 font-size: 14px; | |
| 775 font-weight: normal; | |
| 776 line-height: 20px; | |
| 777 } | |
| 778 input, | |
| 779 button, | |
| 780 select, | |
| 781 textarea { | |
| 782 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| 783 } | |
| 784 label { | |
| 785 display: block; | |
| 786 margin-bottom: 5px; | |
| 787 } | |
| 788 select, | |
| 789 textarea, | |
| 790 input[type="text"], | |
| 791 input[type="password"], | |
| 792 input[type="datetime"], | |
| 793 input[type="datetime-local"], | |
| 794 input[type="date"], | |
| 795 input[type="month"], | |
| 796 input[type="time"], | |
| 797 input[type="week"], | |
| 798 input[type="number"], | |
| 799 input[type="email"], | |
| 800 input[type="url"], | |
| 801 input[type="search"], | |
| 802 input[type="tel"], | |
| 803 input[type="color"], | |
| 804 .uneditable-input { | |
| 805 display: inline-block; | |
| 806 height: 20px; | |
| 807 padding: 4px 6px; | |
| 808 margin-bottom: 9px; | |
| 809 font-size: 14px; | |
| 810 line-height: 20px; | |
| 811 color: #555555; | |
| 812 -webkit-border-radius: 3px; | |
| 813 -moz-border-radius: 3px; | |
| 814 border-radius: 3px; | |
| 815 } | |
| 816 input, | |
| 817 textarea, | |
| 818 .uneditable-input { | |
| 819 width: 206px; | |
| 820 } | |
| 821 textarea { | |
| 822 height: auto; | |
| 823 } | |
| 824 textarea, | |
| 825 input[type="text"], | |
| 826 input[type="password"], | |
| 827 input[type="datetime"], | |
| 828 input[type="datetime-local"], | |
| 829 input[type="date"], | |
| 830 input[type="month"], | |
| 831 input[type="time"], | |
| 832 input[type="week"], | |
| 833 input[type="number"], | |
| 834 input[type="email"], | |
| 835 input[type="url"], | |
| 836 input[type="search"], | |
| 837 input[type="tel"], | |
| 838 input[type="color"], | |
| 839 .uneditable-input { | |
| 840 background-color: #ffffff; | |
| 841 border: 1px solid #cccccc; | |
| 842 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| 843 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| 844 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| 845 -webkit-transition: border linear .2s, box-shadow linear .2s; | |
| 846 -moz-transition: border linear .2s, box-shadow linear .2s; | |
| 847 -o-transition: border linear .2s, box-shadow linear .2s; | |
| 848 transition: border linear .2s, box-shadow linear .2s; | |
| 849 } | |
| 850 textarea:focus, | |
| 851 input[type="text"]:focus, | |
| 852 input[type="password"]:focus, | |
| 853 input[type="datetime"]:focus, | |
| 854 input[type="datetime-local"]:focus, | |
| 855 input[type="date"]:focus, | |
| 856 input[type="month"]:focus, | |
| 857 input[type="time"]:focus, | |
| 858 input[type="week"]:focus, | |
| 859 input[type="number"]:focus, | |
| 860 input[type="email"]:focus, | |
| 861 input[type="url"]:focus, | |
| 862 input[type="search"]:focus, | |
| 863 input[type="tel"]:focus, | |
| 864 input[type="color"]:focus, | |
| 865 .uneditable-input:focus { | |
| 866 border-color: rgba(82, 168, 236, 0.8); | |
| 867 outline: 0; | |
| 868 outline: thin dotted \9; | |
| 869 /* IE6-9 */ | |
| 870 | |
| 871 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); | |
| 872 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); | |
| 873 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); | |
| 874 } | |
| 875 input[type="radio"], | |
| 876 input[type="checkbox"] { | |
| 877 margin: 4px 0 0; | |
| 878 *margin-top: 0; | |
| 879 /* IE7 */ | |
| 880 | |
| 881 margin-top: 1px \9; | |
| 882 /* IE8-9 */ | |
| 883 | |
| 884 line-height: normal; | |
| 885 cursor: pointer; | |
| 886 } | |
| 887 input[type="file"], | |
| 888 input[type="image"], | |
| 889 input[type="submit"], | |
| 890 input[type="reset"], | |
| 891 input[type="button"], | |
| 892 input[type="radio"], | |
| 893 input[type="checkbox"] { | |
| 894 width: auto; | |
| 895 } | |
| 896 select, | |
| 897 input[type="file"] { | |
| 898 height: 30px; | |
| 899 /* In IE7, the height of the select element cannot be changed by height, only font-size */ | |
| 900 | |
| 901 *margin-top: 4px; | |
| 902 /* For IE7, add top margin to align select with labels */ | |
| 903 | |
| 904 line-height: 30px; | |
| 905 } | |
| 906 select { | |
| 907 width: 220px; | |
| 908 border: 1px solid #cccccc; | |
| 909 background-color: #ffffff; | |
| 910 } | |
| 911 select[multiple], | |
| 912 select[size] { | |
| 913 height: auto; | |
| 914 } | |
| 915 select:focus, | |
| 916 input[type="file"]:focus, | |
| 917 input[type="radio"]:focus, | |
| 918 input[type="checkbox"]:focus { | |
| 919 outline: thin dotted #333; | |
| 920 outline: 5px auto -webkit-focus-ring-color; | |
| 921 outline-offset: -2px; | |
| 922 } | |
| 923 .uneditable-input, | |
| 924 .uneditable-textarea { | |
| 925 color: #999999; | |
| 926 background-color: #fcfcfc; | |
| 927 border-color: #cccccc; | |
| 928 -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); | |
| 929 -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); | |
| 930 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); | |
| 931 cursor: not-allowed; | |
| 932 } | |
| 933 .uneditable-input { | |
| 934 overflow: hidden; | |
| 935 white-space: nowrap; | |
| 936 } | |
| 937 .uneditable-textarea { | |
| 938 width: auto; | |
| 939 height: auto; | |
| 940 } | |
| 941 input:-moz-placeholder, | |
| 942 textarea:-moz-placeholder { | |
| 943 color: #999999; | |
| 944 } | |
| 945 input:-ms-input-placeholder, | |
| 946 textarea:-ms-input-placeholder { | |
| 947 color: #999999; | |
| 948 } | |
| 949 input::-webkit-input-placeholder, | |
| 950 textarea::-webkit-input-placeholder { | |
| 951 color: #999999; | |
| 952 } | |
| 953 .radio, | |
| 954 .checkbox { | |
| 955 min-height: 18px; | |
| 956 padding-left: 18px; | |
| 957 } | |
| 958 .radio input[type="radio"], | |
| 959 .checkbox input[type="checkbox"] { | |
| 960 float: left; | |
| 961 margin-left: -18px; | |
| 962 } | |
| 963 .controls > .radio:first-child, | |
| 964 .controls > .checkbox:first-child { | |
| 965 padding-top: 5px; | |
| 966 } | |
| 967 .radio.inline, | |
| 968 .checkbox.inline { | |
| 969 display: inline-block; | |
| 970 padding-top: 5px; | |
| 971 margin-bottom: 0; | |
| 972 vertical-align: middle; | |
| 973 } | |
| 974 .radio.inline + .radio.inline, | |
| 975 .checkbox.inline + .checkbox.inline { | |
| 976 margin-left: 10px; | |
| 977 } | |
| 978 .input-mini { | |
| 979 width: 60px; | |
| 980 } | |
| 981 .input-small { | |
| 982 width: 90px; | |
| 983 } | |
| 984 .input-medium { | |
| 985 width: 150px; | |
| 986 } | |
| 987 .input-large { | |
| 988 width: 210px; | |
| 989 } | |
| 990 .input-xlarge { | |
| 991 width: 270px; | |
| 992 } | |
| 993 .input-xxlarge { | |
| 994 width: 530px; | |
| 995 } | |
| 996 input[class*="span"], | |
| 997 select[class*="span"], | |
| 998 textarea[class*="span"], | |
| 999 .uneditable-input[class*="span"], | |
| 1000 .row-fluid input[class*="span"], | |
| 1001 .row-fluid select[class*="span"], | |
| 1002 .row-fluid textarea[class*="span"], | |
| 1003 .row-fluid .uneditable-input[class*="span"] { | |
| 1004 float: none; | |
| 1005 margin-left: 0; | |
| 1006 } | |
| 1007 .input-append input[class*="span"], | |
| 1008 .input-append .uneditable-input[class*="span"], | |
| 1009 .input-prepend input[class*="span"], | |
| 1010 .input-prepend .uneditable-input[class*="span"], | |
| 1011 .row-fluid input[class*="span"], | |
| 1012 .row-fluid select[class*="span"], | |
| 1013 .row-fluid textarea[class*="span"], | |
| 1014 .row-fluid .uneditable-input[class*="span"], | |
| 1015 .row-fluid .input-prepend [class*="span"], | |
| 1016 .row-fluid .input-append [class*="span"] { | |
| 1017 display: inline-block; | |
| 1018 } | |
| 1019 input, | |
| 1020 textarea, | |
| 1021 .uneditable-input { | |
| 1022 margin-left: 0; | |
| 1023 } | |
| 1024 .controls-row [class*="span"] + [class*="span"] { | |
| 1025 margin-left: 20px; | |
| 1026 } | |
| 1027 input.span12, textarea.span12, .uneditable-input.span12 { | |
| 1028 width: 926px; | |
| 1029 } | |
| 1030 input.span11, textarea.span11, .uneditable-input.span11 { | |
| 1031 width: 846px; | |
| 1032 } | |
| 1033 input.span10, textarea.span10, .uneditable-input.span10 { | |
| 1034 width: 766px; | |
| 1035 } | |
| 1036 input.span9, textarea.span9, .uneditable-input.span9 { | |
| 1037 width: 686px; | |
| 1038 } | |
| 1039 input.span8, textarea.span8, .uneditable-input.span8 { | |
| 1040 width: 606px; | |
| 1041 } | |
| 1042 input.span7, textarea.span7, .uneditable-input.span7 { | |
| 1043 width: 526px; | |
| 1044 } | |
| 1045 input.span6, textarea.span6, .uneditable-input.span6 { | |
| 1046 width: 446px; | |
| 1047 } | |
| 1048 input.span5, textarea.span5, .uneditable-input.span5 { | |
| 1049 width: 366px; | |
| 1050 } | |
| 1051 input.span4, textarea.span4, .uneditable-input.span4 { | |
| 1052 width: 286px; | |
| 1053 } | |
| 1054 input.span3, textarea.span3, .uneditable-input.span3 { | |
| 1055 width: 206px; | |
| 1056 } | |
| 1057 input.span2, textarea.span2, .uneditable-input.span2 { | |
| 1058 width: 126px; | |
| 1059 } | |
| 1060 input.span1, textarea.span1, .uneditable-input.span1 { | |
| 1061 width: 46px; | |
| 1062 } | |
| 1063 .controls-row { | |
| 1064 *zoom: 1; | |
| 1065 } | |
| 1066 .controls-row:before, | |
| 1067 .controls-row:after { | |
| 1068 display: table; | |
| 1069 content: ""; | |
| 1070 line-height: 0; | |
| 1071 } | |
| 1072 .controls-row:after { | |
| 1073 clear: both; | |
| 1074 } | |
| 1075 .controls-row [class*="span"] { | |
| 1076 float: left; | |
| 1077 } | |
| 1078 input[disabled], | |
| 1079 select[disabled], | |
| 1080 textarea[disabled], | |
| 1081 input[readonly], | |
| 1082 select[readonly], | |
| 1083 textarea[readonly] { | |
| 1084 cursor: not-allowed; | |
| 1085 background-color: #eeeeee; | |
| 1086 } | |
| 1087 input[type="radio"][disabled], | |
| 1088 input[type="checkbox"][disabled], | |
| 1089 input[type="radio"][readonly], | |
| 1090 input[type="checkbox"][readonly] { | |
| 1091 background-color: transparent; | |
| 1092 } | |
| 1093 .control-group.warning > label, | |
| 1094 .control-group.warning .help-block, | |
| 1095 .control-group.warning .help-inline { | |
| 1096 color: #c09853; | |
| 1097 } | |
| 1098 .control-group.warning .checkbox, | |
| 1099 .control-group.warning .radio, | |
| 1100 .control-group.warning input, | |
| 1101 .control-group.warning select, | |
| 1102 .control-group.warning textarea { | |
| 1103 color: #c09853; | |
| 1104 } | |
| 1105 .control-group.warning input, | |
| 1106 .control-group.warning select, | |
| 1107 .control-group.warning textarea { | |
| 1108 border-color: #c09853; | |
| 1109 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| 1110 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| 1111 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| 1112 } | |
| 1113 .control-group.warning input:focus, | |
| 1114 .control-group.warning select:focus, | |
| 1115 .control-group.warning textarea:focus { | |
| 1116 border-color: #a47e3c; | |
| 1117 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; | |
| 1118 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; | |
| 1119 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; | |
| 1120 } | |
| 1121 .control-group.warning .input-prepend .add-on, | |
| 1122 .control-group.warning .input-append .add-on { | |
| 1123 color: #c09853; | |
| 1124 background-color: #fcf8e3; | |
| 1125 border-color: #c09853; | |
| 1126 } | |
| 1127 .control-group.error > label, | |
| 1128 .control-group.error .help-block, | |
| 1129 .control-group.error .help-inline { | |
| 1130 color: #b94a48; | |
| 1131 } | |
| 1132 .control-group.error .checkbox, | |
| 1133 .control-group.error .radio, | |
| 1134 .control-group.error input, | |
| 1135 .control-group.error select, | |
| 1136 .control-group.error textarea { | |
| 1137 color: #b94a48; | |
| 1138 } | |
| 1139 .control-group.error input, | |
| 1140 .control-group.error select, | |
| 1141 .control-group.error textarea { | |
| 1142 border-color: #b94a48; | |
| 1143 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| 1144 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| 1145 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| 1146 } | |
| 1147 .control-group.error input:focus, | |
| 1148 .control-group.error select:focus, | |
| 1149 .control-group.error textarea:focus { | |
| 1150 border-color: #953b39; | |
| 1151 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; | |
| 1152 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; | |
| 1153 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; | |
| 1154 } | |
| 1155 .control-group.error .input-prepend .add-on, | |
| 1156 .control-group.error .input-append .add-on { | |
| 1157 color: #b94a48; | |
| 1158 background-color: #f2dede; | |
| 1159 border-color: #b94a48; | |
| 1160 } | |
| 1161 .control-group.success > label, | |
| 1162 .control-group.success .help-block, | |
| 1163 .control-group.success .help-inline { | |
| 1164 color: #468847; | |
| 1165 } | |
| 1166 .control-group.success .checkbox, | |
| 1167 .control-group.success .radio, | |
| 1168 .control-group.success input, | |
| 1169 .control-group.success select, | |
| 1170 .control-group.success textarea { | |
| 1171 color: #468847; | |
| 1172 } | |
| 1173 .control-group.success input, | |
| 1174 .control-group.success select, | |
| 1175 .control-group.success textarea { | |
| 1176 border-color: #468847; | |
| 1177 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| 1178 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| 1179 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| 1180 } | |
| 1181 .control-group.success input:focus, | |
| 1182 .control-group.success select:focus, | |
| 1183 .control-group.success textarea:focus { | |
| 1184 border-color: #356635; | |
| 1185 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; | |
| 1186 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; | |
| 1187 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; | |
| 1188 } | |
| 1189 .control-group.success .input-prepend .add-on, | |
| 1190 .control-group.success .input-append .add-on { | |
| 1191 color: #468847; | |
| 1192 background-color: #dff0d8; | |
| 1193 border-color: #468847; | |
| 1194 } | |
| 1195 .control-group.info > label, | |
| 1196 .control-group.info .help-block, | |
| 1197 .control-group.info .help-inline { | |
| 1198 color: #3a87ad; | |
| 1199 } | |
| 1200 .control-group.info .checkbox, | |
| 1201 .control-group.info .radio, | |
| 1202 .control-group.info input, | |
| 1203 .control-group.info select, | |
| 1204 .control-group.info textarea { | |
| 1205 color: #3a87ad; | |
| 1206 } | |
| 1207 .control-group.info input, | |
| 1208 .control-group.info select, | |
| 1209 .control-group.info textarea { | |
| 1210 border-color: #3a87ad; | |
| 1211 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| 1212 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| 1213 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| 1214 } | |
| 1215 .control-group.info input:focus, | |
| 1216 .control-group.info select:focus, | |
| 1217 .control-group.info textarea:focus { | |
| 1218 border-color: #2d6987; | |
| 1219 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; | |
| 1220 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; | |
| 1221 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; | |
| 1222 } | |
| 1223 .control-group.info .input-prepend .add-on, | |
| 1224 .control-group.info .input-append .add-on { | |
| 1225 color: #3a87ad; | |
| 1226 background-color: #d9edf7; | |
| 1227 border-color: #3a87ad; | |
| 1228 } | |
| 1229 input:focus:required:invalid, | |
| 1230 textarea:focus:required:invalid, | |
| 1231 select:focus:required:invalid { | |
| 1232 color: #b94a48; | |
| 1233 border-color: #ee5f5b; | |
| 1234 } | |
| 1235 input:focus:required:invalid:focus, | |
| 1236 textarea:focus:required:invalid:focus, | |
| 1237 select:focus:required:invalid:focus { | |
| 1238 border-color: #e9322d; | |
| 1239 -webkit-box-shadow: 0 0 6px #f8b9b7; | |
| 1240 -moz-box-shadow: 0 0 6px #f8b9b7; | |
| 1241 box-shadow: 0 0 6px #f8b9b7; | |
| 1242 } | |
| 1243 .form-actions { | |
| 1244 padding: 19px 20px 20px; | |
| 1245 margin-top: 20px; | |
| 1246 margin-bottom: 20px; | |
| 1247 background-color: #f5f5f5; | |
| 1248 border-top: 1px solid #e5e5e5; | |
| 1249 *zoom: 1; | |
| 1250 } | |
| 1251 .form-actions:before, | |
| 1252 .form-actions:after { | |
| 1253 display: table; | |
| 1254 content: ""; | |
| 1255 line-height: 0; | |
| 1256 } | |
| 1257 .form-actions:after { | |
| 1258 clear: both; | |
| 1259 } | |
| 1260 .help-block, | |
| 1261 .help-inline { | |
| 1262 color: #595959; | |
| 1263 } | |
| 1264 .help-block { | |
| 1265 display: block; | |
| 1266 margin-bottom: 10px; | |
| 1267 } | |
| 1268 .help-inline { | |
| 1269 display: inline-block; | |
| 1270 *display: inline; | |
| 1271 /* IE7 inline-block hack */ | |
| 1272 | |
| 1273 *zoom: 1; | |
| 1274 vertical-align: middle; | |
| 1275 padding-left: 5px; | |
| 1276 } | |
| 1277 .input-append, | |
| 1278 .input-prepend { | |
| 1279 margin-bottom: 5px; | |
| 1280 font-size: 0; | |
| 1281 white-space: nowrap; | |
| 1282 } | |
| 1283 .input-append input, | |
| 1284 .input-prepend input, | |
| 1285 .input-append select, | |
| 1286 .input-prepend select, | |
| 1287 .input-append .uneditable-input, | |
| 1288 .input-prepend .uneditable-input { | |
| 1289 position: relative; | |
| 1290 margin-bottom: 0; | |
| 1291 *margin-left: 0; | |
| 1292 font-size: 14px; | |
| 1293 vertical-align: top; | |
| 1294 -webkit-border-radius: 0 3px 3px 0; | |
| 1295 -moz-border-radius: 0 3px 3px 0; | |
| 1296 border-radius: 0 3px 3px 0; | |
| 1297 } | |
| 1298 .input-append input:focus, | |
| 1299 .input-prepend input:focus, | |
| 1300 .input-append select:focus, | |
| 1301 .input-prepend select:focus, | |
| 1302 .input-append .uneditable-input:focus, | |
| 1303 .input-prepend .uneditable-input:focus { | |
| 1304 z-index: 2; | |
| 1305 } | |
| 1306 .input-append .add-on, | |
| 1307 .input-prepend .add-on { | |
| 1308 display: inline-block; | |
| 1309 width: auto; | |
| 1310 height: 20px; | |
| 1311 min-width: 16px; | |
| 1312 padding: 4px 5px; | |
| 1313 font-size: 14px; | |
| 1314 font-weight: normal; | |
| 1315 line-height: 20px; | |
| 1316 text-align: center; | |
| 1317 text-shadow: 0 1px 0 #ffffff; | |
| 1318 background-color: #eeeeee; | |
| 1319 border: 1px solid #ccc; | |
| 1320 } | |
| 1321 .input-append .add-on, | |
| 1322 .input-prepend .add-on, | |
| 1323 .input-append .btn, | |
| 1324 .input-prepend .btn { | |
| 1325 vertical-align: top; | |
| 1326 -webkit-border-radius: 0; | |
| 1327 -moz-border-radius: 0; | |
| 1328 border-radius: 0; | |
| 1329 } | |
| 1330 .input-append .active, | |
| 1331 .input-prepend .active { | |
| 1332 background-color: #a9dba9; | |
| 1333 border-color: #46a546; | |
| 1334 } | |
| 1335 .input-prepend .add-on, | |
| 1336 .input-prepend .btn { | |
| 1337 margin-right: -1px; | |
| 1338 } | |
| 1339 .input-prepend .add-on:first-child, | |
| 1340 .input-prepend .btn:first-child { | |
| 1341 -webkit-border-radius: 3px 0 0 3px; | |
| 1342 -moz-border-radius: 3px 0 0 3px; | |
| 1343 border-radius: 3px 0 0 3px; | |
| 1344 } | |
| 1345 .input-append input, | |
| 1346 .input-append select, | |
| 1347 .input-append .uneditable-input { | |
| 1348 -webkit-border-radius: 3px 0 0 3px; | |
| 1349 -moz-border-radius: 3px 0 0 3px; | |
| 1350 border-radius: 3px 0 0 3px; | |
| 1351 } | |
| 1352 .input-append .add-on, | |
| 1353 .input-append .btn { | |
| 1354 margin-left: -1px; | |
| 1355 } | |
| 1356 .input-append .add-on:last-child, | |
| 1357 .input-append .btn:last-child { | |
| 1358 -webkit-border-radius: 0 3px 3px 0; | |
| 1359 -moz-border-radius: 0 3px 3px 0; | |
| 1360 border-radius: 0 3px 3px 0; | |
| 1361 } | |
| 1362 .input-prepend.input-append input, | |
| 1363 .input-prepend.input-append select, | |
| 1364 .input-prepend.input-append .uneditable-input { | |
| 1365 -webkit-border-radius: 0; | |
| 1366 -moz-border-radius: 0; | |
| 1367 border-radius: 0; | |
| 1368 } | |
| 1369 .input-prepend.input-append .add-on:first-child, | |
| 1370 .input-prepend.input-append .btn:first-child { | |
| 1371 margin-right: -1px; | |
| 1372 -webkit-border-radius: 3px 0 0 3px; | |
| 1373 -moz-border-radius: 3px 0 0 3px; | |
| 1374 border-radius: 3px 0 0 3px; | |
| 1375 } | |
| 1376 .input-prepend.input-append .add-on:last-child, | |
| 1377 .input-prepend.input-append .btn:last-child { | |
| 1378 margin-left: -1px; | |
| 1379 -webkit-border-radius: 0 3px 3px 0; | |
| 1380 -moz-border-radius: 0 3px 3px 0; | |
| 1381 border-radius: 0 3px 3px 0; | |
| 1382 } | |
| 1383 input.search-query { | |
| 1384 padding-right: 14px; | |
| 1385 padding-right: 4px \9; | |
| 1386 padding-left: 14px; | |
| 1387 padding-left: 4px \9; | |
| 1388 /* IE7-8 doesn't have border-radius, so don't indent the padding */ | |
| 1389 | |
| 1390 margin-bottom: 0; | |
| 1391 -webkit-border-radius: 15px; | |
| 1392 -moz-border-radius: 15px; | |
| 1393 border-radius: 15px; | |
| 1394 } | |
| 1395 /* Allow for input prepend/append in search forms */ | |
| 1396 .form-search .input-append .search-query, | |
| 1397 .form-search .input-prepend .search-query { | |
| 1398 -webkit-border-radius: 0; | |
| 1399 -moz-border-radius: 0; | |
| 1400 border-radius: 0; | |
| 1401 } | |
| 1402 .form-search .input-append .search-query { | |
| 1403 -webkit-border-radius: 14px 0 0 14px; | |
| 1404 -moz-border-radius: 14px 0 0 14px; | |
| 1405 border-radius: 14px 0 0 14px; | |
| 1406 } | |
| 1407 .form-search .input-append .btn { | |
| 1408 -webkit-border-radius: 0 14px 14px 0; | |
| 1409 -moz-border-radius: 0 14px 14px 0; | |
| 1410 border-radius: 0 14px 14px 0; | |
| 1411 } | |
| 1412 .form-search .input-prepend .search-query { | |
| 1413 -webkit-border-radius: 0 14px 14px 0; | |
| 1414 -moz-border-radius: 0 14px 14px 0; | |
| 1415 border-radius: 0 14px 14px 0; | |
| 1416 } | |
| 1417 .form-search .input-prepend .btn { | |
| 1418 -webkit-border-radius: 14px 0 0 14px; | |
| 1419 -moz-border-radius: 14px 0 0 14px; | |
| 1420 border-radius: 14px 0 0 14px; | |
| 1421 } | |
| 1422 .form-search input, | |
| 1423 .form-inline input, | |
| 1424 .form-horizontal input, | |
| 1425 .form-search textarea, | |
| 1426 .form-inline textarea, | |
| 1427 .form-horizontal textarea, | |
| 1428 .form-search select, | |
| 1429 .form-inline select, | |
| 1430 .form-horizontal select, | |
| 1431 .form-search .help-inline, | |
| 1432 .form-inline .help-inline, | |
| 1433 .form-horizontal .help-inline, | |
| 1434 .form-search .uneditable-input, | |
| 1435 .form-inline .uneditable-input, | |
| 1436 .form-horizontal .uneditable-input, | |
| 1437 .form-search .input-prepend, | |
| 1438 .form-inline .input-prepend, | |
| 1439 .form-horizontal .input-prepend, | |
| 1440 .form-search .input-append, | |
| 1441 .form-inline .input-append, | |
| 1442 .form-horizontal .input-append { | |
| 1443 display: inline-block; | |
| 1444 *display: inline; | |
| 1445 /* IE7 inline-block hack */ | |
| 1446 | |
| 1447 *zoom: 1; | |
| 1448 margin-bottom: 0; | |
| 1449 vertical-align: middle; | |
| 1450 } | |
| 1451 .form-search .hide, | |
| 1452 .form-inline .hide, | |
| 1453 .form-horizontal .hide { | |
| 1454 display: none; | |
| 1455 } | |
| 1456 .form-search label, | |
| 1457 .form-inline label, | |
| 1458 .form-search .btn-group, | |
| 1459 .form-inline .btn-group { | |
| 1460 display: inline-block; | |
| 1461 } | |
| 1462 .form-search .input-append, | |
| 1463 .form-inline .input-append, | |
| 1464 .form-search .input-prepend, | |
| 1465 .form-inline .input-prepend { | |
| 1466 margin-bottom: 0; | |
| 1467 } | |
| 1468 .form-search .radio, | |
| 1469 .form-search .checkbox, | |
| 1470 .form-inline .radio, | |
| 1471 .form-inline .checkbox { | |
| 1472 padding-left: 0; | |
| 1473 margin-bottom: 0; | |
| 1474 vertical-align: middle; | |
| 1475 } | |
| 1476 .form-search .radio input[type="radio"], | |
| 1477 .form-search .checkbox input[type="checkbox"], | |
| 1478 .form-inline .radio input[type="radio"], | |
| 1479 .form-inline .checkbox input[type="checkbox"] { | |
| 1480 float: left; | |
| 1481 margin-right: 3px; | |
| 1482 margin-left: 0; | |
| 1483 } | |
| 1484 .control-group { | |
| 1485 margin-bottom: 10px; | |
| 1486 } | |
| 1487 legend + .control-group { | |
| 1488 margin-top: 20px; | |
| 1489 -webkit-margin-top-collapse: separate; | |
| 1490 } | |
| 1491 .form-horizontal .control-group { | |
| 1492 margin-bottom: 20px; | |
| 1493 *zoom: 1; | |
| 1494 } | |
| 1495 .form-horizontal .control-group:before, | |
| 1496 .form-horizontal .control-group:after { | |
| 1497 display: table; | |
| 1498 content: ""; | |
| 1499 line-height: 0; | |
| 1500 } | |
| 1501 .form-horizontal .control-group:after { | |
| 1502 clear: both; | |
| 1503 } | |
| 1504 .form-horizontal .control-label { | |
| 1505 float: left; | |
| 1506 width: 160px; | |
| 1507 padding-top: 5px; | |
| 1508 text-align: right; | |
| 1509 } | |
| 1510 .form-horizontal .controls { | |
| 1511 *display: inline-block; | |
| 1512 *padding-left: 20px; | |
| 1513 margin-left: 180px; | |
| 1514 *margin-left: 0; | |
| 1515 } | |
| 1516 .form-horizontal .controls:first-child { | |
| 1517 *padding-left: 180px; | |
| 1518 } | |
| 1519 .form-horizontal .help-block { | |
| 1520 margin-bottom: 0; | |
| 1521 } | |
| 1522 .form-horizontal input + .help-block, | |
| 1523 .form-horizontal select + .help-block, | |
| 1524 .form-horizontal textarea + .help-block { | |
| 1525 margin-top: 10px; | |
| 1526 } | |
| 1527 .form-horizontal .form-actions { | |
| 1528 padding-left: 180px; | |
| 1529 } | |
| 1530 .btn { | |
| 1531 display: inline-block; | |
| 1532 *display: inline; | |
| 1533 /* IE7 inline-block hack */ | |
| 1534 | |
| 1535 *zoom: 1; | |
| 1536 padding: 4px 14px; | |
| 1537 margin-bottom: 0; | |
| 1538 font-size: 14px; | |
| 1539 line-height: 20px; | |
| 1540 *line-height: 20px; | |
| 1541 text-align: center; | |
| 1542 vertical-align: middle; | |
| 1543 cursor: pointer; | |
| 1544 color: #333333; | |
| 1545 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); | |
| 1546 background-color: #f5f5f5; | |
| 1547 background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); | |
| 1548 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); | |
| 1549 background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); | |
| 1550 background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); | |
| 1551 background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); | |
| 1552 background-repeat: repeat-x; | |
| 1553 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); | |
| 1554 border-color: #e6e6e6 #e6e6e6 #bfbfbf; | |
| 1555 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); | |
| 1556 *background-color: #e6e6e6; | |
| 1557 /* Darken IE7 buttons by default so they stand out more given they won't have borders */ | |
| 1558 | |
| 1559 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); | |
| 1560 border: 1px solid #bbbbbb; | |
| 1561 *border: 0; | |
| 1562 border-bottom-color: #a2a2a2; | |
| 1563 -webkit-border-radius: 4px; | |
| 1564 -moz-border-radius: 4px; | |
| 1565 border-radius: 4px; | |
| 1566 *margin-left: .3em; | |
| 1567 -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); | |
| 1568 -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); | |
| 1569 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); | |
| 1570 } | |
| 1571 .btn:hover, | |
| 1572 .btn:active, | |
| 1573 .btn.active, | |
| 1574 .btn.disabled, | |
| 1575 .btn[disabled] { | |
| 1576 color: #333333; | |
| 1577 background-color: #e6e6e6; | |
| 1578 *background-color: #d9d9d9; | |
| 1579 } | |
| 1580 .btn:active, | |
| 1581 .btn.active { | |
| 1582 background-color: #cccccc \9; | |
| 1583 } | |
| 1584 .btn:first-child { | |
| 1585 *margin-left: 0; | |
| 1586 } | |
| 1587 .btn:hover { | |
| 1588 color: #333333; | |
| 1589 text-decoration: none; | |
| 1590 background-color: #e6e6e6; | |
| 1591 *background-color: #d9d9d9; | |
| 1592 /* Buttons in IE7 don't get borders, so darken on hover */ | |
| 1593 | |
| 1594 background-position: 0 -15px; | |
| 1595 -webkit-transition: background-position 0.1s linear; | |
| 1596 -moz-transition: background-position 0.1s linear; | |
| 1597 -o-transition: background-position 0.1s linear; | |
| 1598 transition: background-position 0.1s linear; | |
| 1599 } | |
| 1600 .btn:focus { | |
| 1601 outline: thin dotted #333; | |
| 1602 outline: 5px auto -webkit-focus-ring-color; | |
| 1603 outline-offset: -2px; | |
| 1604 } | |
| 1605 .btn.active, | |
| 1606 .btn:active { | |
| 1607 background-color: #e6e6e6; | |
| 1608 background-color: #d9d9d9 \9; | |
| 1609 background-image: none; | |
| 1610 outline: 0; | |
| 1611 -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); | |
| 1612 -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); | |
| 1613 box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); | |
| 1614 } | |
| 1615 .btn.disabled, | |
| 1616 .btn[disabled] { | |
| 1617 cursor: default; | |
| 1618 background-color: #e6e6e6; | |
| 1619 background-image: none; | |
| 1620 opacity: 0.65; | |
| 1621 filter: alpha(opacity=65); | |
| 1622 -webkit-box-shadow: none; | |
| 1623 -moz-box-shadow: none; | |
| 1624 box-shadow: none; | |
| 1625 } | |
| 1626 .btn-large { | |
| 1627 padding: 9px 14px; | |
| 1628 font-size: 16px; | |
| 1629 line-height: normal; | |
| 1630 -webkit-border-radius: 5px; | |
| 1631 -moz-border-radius: 5px; | |
| 1632 border-radius: 5px; | |
| 1633 } | |
| 1634 .btn-large [class^="icon-"] { | |
| 1635 margin-top: 2px; | |
| 1636 } | |
| 1637 .btn-small { | |
| 1638 padding: 3px 9px; | |
| 1639 font-size: 12px; | |
| 1640 line-height: 18px; | |
| 1641 } | |
| 1642 .btn-small [class^="icon-"] { | |
| 1643 margin-top: 0; | |
| 1644 } | |
| 1645 .btn-mini { | |
| 1646 padding: 2px 6px; | |
| 1647 font-size: 11px; | |
| 1648 line-height: 17px; | |
| 1649 } | |
| 1650 .btn-block { | |
| 1651 display: block; | |
| 1652 width: 100%; | |
| 1653 padding-left: 0; | |
| 1654 padding-right: 0; | |
| 1655 -webkit-box-sizing: border-box; | |
| 1656 -moz-box-sizing: border-box; | |
| 1657 box-sizing: border-box; | |
| 1658 } | |
| 1659 .btn-block + .btn-block { | |
| 1660 margin-top: 5px; | |
| 1661 } | |
| 1662 input[type="submit"].btn-block, | |
| 1663 input[type="reset"].btn-block, | |
| 1664 input[type="button"].btn-block { | |
| 1665 width: 100%; | |
| 1666 } | |
| 1667 .btn-primary.active, | |
| 1668 .btn-warning.active, | |
| 1669 .btn-danger.active, | |
| 1670 .btn-success.active, | |
| 1671 .btn-info.active, | |
| 1672 .btn-inverse.active { | |
| 1673 color: rgba(255, 255, 255, 0.75); | |
| 1674 } | |
| 1675 .btn { | |
| 1676 border-color: #c5c5c5; | |
| 1677 border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25); | |
| 1678 } | |
| 1679 .btn-primary { | |
| 1680 color: #ffffff; | |
| 1681 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | |
| 1682 background-color: #006dcc; | |
| 1683 background-image: -moz-linear-gradient(top, #0088cc, #0044cc); | |
| 1684 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); | |
| 1685 background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); | |
| 1686 background-image: -o-linear-gradient(top, #0088cc, #0044cc); | |
| 1687 background-image: linear-gradient(to bottom, #0088cc, #0044cc); | |
| 1688 background-repeat: repeat-x; | |
| 1689 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0); | |
| 1690 border-color: #0044cc #0044cc #002a80; | |
| 1691 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); | |
| 1692 *background-color: #0044cc; | |
| 1693 /* Darken IE7 buttons by default so they stand out more given they won't have borders */ | |
| 1694 | |
| 1695 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); | |
| 1696 } | |
| 1697 .btn-primary:hover, | |
| 1698 .btn-primary:active, | |
| 1699 .btn-primary.active, | |
| 1700 .btn-primary.disabled, | |
| 1701 .btn-primary[disabled] { | |
| 1702 color: #ffffff; | |
| 1703 background-color: #0044cc; | |
| 1704 *background-color: #003bb3; | |
| 1705 } | |
| 1706 .btn-primary:active, | |
| 1707 .btn-primary.active { | |
| 1708 background-color: #003399 \9; | |
| 1709 } | |
| 1710 .btn-warning { | |
| 1711 color: #ffffff; | |
| 1712 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | |
| 1713 background-color: #faa732; | |
| 1714 background-image: -moz-linear-gradient(top, #fbb450, #f89406); | |
| 1715 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); | |
| 1716 background-image: -webkit-linear-gradient(top, #fbb450, #f89406); | |
| 1717 background-image: -o-linear-gradient(top, #fbb450, #f89406); | |
| 1718 background-image: linear-gradient(to bottom, #fbb450, #f89406); | |
| 1719 background-repeat: repeat-x; | |
| 1720 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); | |
| 1721 border-color: #f89406 #f89406 #ad6704; | |
| 1722 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); | |
| 1723 *background-color: #f89406; | |
| 1724 /* Darken IE7 buttons by default so they stand out more given they won't have borders */ | |
| 1725 | |
| 1726 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); | |
| 1727 } | |
| 1728 .btn-warning:hover, | |
| 1729 .btn-warning:active, | |
| 1730 .btn-warning.active, | |
| 1731 .btn-warning.disabled, | |
| 1732 .btn-warning[disabled] { | |
| 1733 color: #ffffff; | |
| 1734 background-color: #f89406; | |
| 1735 *background-color: #df8505; | |
| 1736 } | |
| 1737 .btn-warning:active, | |
| 1738 .btn-warning.active { | |
| 1739 background-color: #c67605 \9; | |
| 1740 } | |
| 1741 .btn-danger { | |
| 1742 color: #ffffff; | |
| 1743 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | |
| 1744 background-color: #da4f49; | |
| 1745 background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); | |
| 1746 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); | |
| 1747 background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); | |
| 1748 background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); | |
| 1749 background-image: linear-gradient(to bottom, #ee5f5b, #bd362f); | |
| 1750 background-repeat: repeat-x; | |
| 1751 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0); | |
| 1752 border-color: #bd362f #bd362f #802420; | |
| 1753 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); | |
| 1754 *background-color: #bd362f; | |
| 1755 /* Darken IE7 buttons by default so they stand out more given they won't have borders */ | |
| 1756 | |
| 1757 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); | |
| 1758 } | |
| 1759 .btn-danger:hover, | |
| 1760 .btn-danger:active, | |
| 1761 .btn-danger.active, | |
| 1762 .btn-danger.disabled, | |
| 1763 .btn-danger[disabled] { | |
| 1764 color: #ffffff; | |
| 1765 background-color: #bd362f; | |
| 1766 *background-color: #a9302a; | |
| 1767 } | |
| 1768 .btn-danger:active, | |
| 1769 .btn-danger.active { | |
| 1770 background-color: #942a25 \9; | |
| 1771 } | |
| 1772 .btn-success { | |
| 1773 color: #ffffff; | |
| 1774 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | |
| 1775 background-color: #5bb75b; | |
| 1776 background-image: -moz-linear-gradient(top, #62c462, #51a351); | |
| 1777 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); | |
| 1778 background-image: -webkit-linear-gradient(top, #62c462, #51a351); | |
| 1779 background-image: -o-linear-gradient(top, #62c462, #51a351); | |
| 1780 background-image: linear-gradient(to bottom, #62c462, #51a351); | |
| 1781 background-repeat: repeat-x; | |
| 1782 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0); | |
| 1783 border-color: #51a351 #51a351 #387038; | |
| 1784 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); | |
| 1785 *background-color: #51a351; | |
| 1786 /* Darken IE7 buttons by default so they stand out more given they won't have borders */ | |
| 1787 | |
| 1788 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); | |
| 1789 } | |
| 1790 .btn-success:hover, | |
| 1791 .btn-success:active, | |
| 1792 .btn-success.active, | |
| 1793 .btn-success.disabled, | |
| 1794 .btn-success[disabled] { | |
| 1795 color: #ffffff; | |
| 1796 background-color: #51a351; | |
| 1797 *background-color: #499249; | |
| 1798 } | |
| 1799 .btn-success:active, | |
| 1800 .btn-success.active { | |
| 1801 background-color: #408140 \9; | |
| 1802 } | |
| 1803 .btn-info { | |
| 1804 color: #ffffff; | |
| 1805 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | |
| 1806 background-color: #49afcd; | |
| 1807 background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4); | |
| 1808 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4)); | |
| 1809 background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4); | |
| 1810 background-image: -o-linear-gradient(top, #5bc0de, #2f96b4); | |
| 1811 background-image: linear-gradient(to bottom, #5bc0de, #2f96b4); | |
| 1812 background-repeat: repeat-x; | |
| 1813 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0); | |
| 1814 border-color: #2f96b4 #2f96b4 #1f6377; | |
| 1815 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); | |
| 1816 *background-color: #2f96b4; | |
| 1817 /* Darken IE7 buttons by default so they stand out more given they won't have borders */ | |
| 1818 | |
| 1819 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); | |
| 1820 } | |
| 1821 .btn-info:hover, | |
| 1822 .btn-info:active, | |
| 1823 .btn-info.active, | |
| 1824 .btn-info.disabled, | |
| 1825 .btn-info[disabled] { | |
| 1826 color: #ffffff; | |
| 1827 background-color: #2f96b4; | |
| 1828 *background-color: #2a85a0; | |
| 1829 } | |
| 1830 .btn-info:active, | |
| 1831 .btn-info.active { | |
| 1832 background-color: #24748c \9; | |
| 1833 } | |
| 1834 .btn-inverse { | |
| 1835 color: #ffffff; | |
| 1836 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | |
| 1837 background-color: #363636; | |
| 1838 background-image: -moz-linear-gradient(top, #444444, #222222); | |
| 1839 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222)); | |
| 1840 background-image: -webkit-linear-gradient(top, #444444, #222222); | |
| 1841 background-image: -o-linear-gradient(top, #444444, #222222); | |
| 1842 background-image: linear-gradient(to bottom, #444444, #222222); | |
| 1843 background-repeat: repeat-x; | |
| 1844 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0); | |
| 1845 border-color: #222222 #222222 #000000; | |
| 1846 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); | |
| 1847 *background-color: #222222; | |
| 1848 /* Darken IE7 buttons by default so they stand out more given they won't have borders */ | |
| 1849 | |
| 1850 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); | |
| 1851 } | |
| 1852 .btn-inverse:hover, | |
| 1853 .btn-inverse:active, | |
| 1854 .btn-inverse.active, | |
| 1855 .btn-inverse.disabled, | |
| 1856 .btn-inverse[disabled] { | |
| 1857 color: #ffffff; | |
| 1858 background-color: #222222; | |
| 1859 *background-color: #151515; | |
| 1860 } | |
| 1861 .btn-inverse:active, | |
| 1862 .btn-inverse.active { | |
| 1863 background-color: #080808 \9; | |
| 1864 } | |
| 1865 button.btn, | |
| 1866 input[type="submit"].btn { | |
| 1867 *padding-top: 3px; | |
| 1868 *padding-bottom: 3px; | |
| 1869 } | |
| 1870 button.btn::-moz-focus-inner, | |
| 1871 input[type="submit"].btn::-moz-focus-inner { | |
| 1872 padding: 0; | |
| 1873 border: 0; | |
| 1874 } | |
| 1875 button.btn.btn-large, | |
| 1876 input[type="submit"].btn.btn-large { | |
| 1877 *padding-top: 7px; | |
| 1878 *padding-bottom: 7px; | |
| 1879 } | |
| 1880 button.btn.btn-small, | |
| 1881 input[type="submit"].btn.btn-small { | |
| 1882 *padding-top: 3px; | |
| 1883 *padding-bottom: 3px; | |
| 1884 } | |
| 1885 button.btn.btn-mini, | |
| 1886 input[type="submit"].btn.btn-mini { | |
| 1887 *padding-top: 1px; | |
| 1888 *padding-bottom: 1px; | |
| 1889 } | |
| 1890 .btn-link, | |
| 1891 .btn-link:active, | |
| 1892 .btn-link[disabled] { | |
| 1893 background-color: transparent; | |
| 1894 background-image: none; | |
| 1895 -webkit-box-shadow: none; | |
| 1896 -moz-box-shadow: none; | |
| 1897 box-shadow: none; | |
| 1898 } | |
| 1899 .btn-link { | |
| 1900 border-color: transparent; | |
| 1901 cursor: pointer; | |
| 1902 color: #0088cc; | |
| 1903 -webkit-border-radius: 0; | |
| 1904 -moz-border-radius: 0; | |
| 1905 border-radius: 0; | |
| 1906 } | |
| 1907 .btn-link:hover { | |
| 1908 color: #005580; | |
| 1909 text-decoration: underline; | |
| 1910 background-color: transparent; | |
| 1911 } | |
| 1912 .btn-link[disabled]:hover { | |
| 1913 color: #333333; | |
| 1914 text-decoration: none; | |
| 1915 } | |
| 1916 | 
