github.com/marinho/drone@v0.2.1-0.20140504195434-d3ba962e89a7/cmd/droned/assets/css/drone.css (about) 1 body { 2 background: #FFF; 3 } 4 .container { 5 max-width: none !important; 6 width: 940px; 7 padding: 0px; 8 } 9 .row { 10 margin: 0px; 11 padding: 0px; 12 } 13 .col-xs-1, 14 .col-xs-2, 15 .col-xs-3, 16 .col-xs-4, 17 .col-xs-5, 18 .col-xs-6, 19 .col-xs-7, 20 .col-xs-8, 21 .col-xs-9 { 22 padding: 0px; 23 } 24 .row > .col-xs-2:last-child, 25 .row > .col-xs-3:last-child, 26 .row > .col-xs-4:last-child, 27 .row > .col-xs-5:last-child, 28 .row > .col-xs-6:last-child, 29 .row > .col-xs-7:last-child, 30 .row > .col-xs-8:last-child, 31 .row > .col-xs-9:last-child { 32 padding-left: 20px; 33 } 34 .navbar-inverse { 35 background: #262829; 36 margin-bottom: 0px; 37 } 38 .navbar-inverse .container { 39 padding-right: 0px; 40 } 41 .navbar-fixed-top, 42 .navbar-fixed-bottom { 43 position: relative; 44 } 45 .navbar-inverse .navbar-brand { 46 padding: 21px 20px 0px 0px; 47 font-weight: normal; 48 text-shadow: none; 49 font-family: 'Orbitron'; 50 font-size: 28px; 51 color: #DDDDDD; 52 margin-left: 0px !IMPORTANT; 53 } 54 .navbar .nav { 55 float: right; 56 margin-right: 0px; 57 } 58 .navbar .nav > li > a { 59 padding: 18px 20px; 60 } 61 .navbar .nav > li > a.btn { 62 padding: 7px 20px; 63 margin: 0px; 64 margin-top: 11px; 65 border-radius: 4px; 66 -webkit-border-radius: 4px; 67 -moz-border-radius: 4px; 68 background: #363839; 69 border: none; 70 box-shadow: none; 71 text-shadow: none; 72 color: #DDD; 73 margin-left: 15px; 74 } 75 .navbar .nav > li > a.btn.btn-search, 76 .navbar .nav > li > a.btn.btn-config { 77 padding: 7px 15px; 78 } 79 .subhead { 80 margin-bottom: 22px; 81 background: #f4f4f4; 82 border: none; 83 position: relative; 84 -webkit-box-shadow: none; 85 -moz-box-shadow: none; 86 box-shadow: none; 87 } 88 .subhead h1 { 89 font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; 90 font-size: 26px; 91 font-weight: normal; 92 color: #777; 93 line-height: 55px; 94 margin-top: 10px; 95 margin-bottom: 10px; 96 } 97 .subhead h1 span { 98 padding-right: 10px; 99 } 100 .subhead h1 small { 101 color: #999; 102 font-size: 60%; 103 } 104 .subhead h1.user span { 105 padding-left: 10px; 106 font-size: 24px; 107 line-height: 24px; 108 } 109 .subhead h1.user img { 110 width: 42px; 111 height: 42px; 112 border-radius: 50%; 113 -webkit-border-radius: 50%; 114 -moz-border-radius: 50%; 115 } 116 .subhead h1.user small { 117 color: #777; 118 font-size: 60%; 119 } 120 .subhead .container { 121 position: relative; 122 padding: 0px; 123 } 124 .subhead .nav-tabs { 125 position: absolute; 126 right: 0px; 127 bottom: 0px; 128 margin: 0px; 129 padding: 0px; 130 border-bottom: none; 131 } 132 .subhead .nav-tabs > li { 133 margin-bottom: 0px; 134 } 135 .subhead .nav-tabs > li > a { 136 color: #999; 137 padding: 10px 20px; 138 line-height: 20px; 139 border: 0px; 140 } 141 .subhead .nav-tabs > li.active > a { 142 color: #777; 143 border: 0px; 144 } 145 .nav-repos, 146 .nav-branches { 147 margin-top: 0px; 148 border: none; 149 } 150 .nav-repos li a, 151 .nav-branches li a { 152 line-height: 22px; 153 margin-bottom: 0px; 154 padding: 5px 15px; 155 padding: 10px 15px; 156 border: none; 157 margin: 0px !IMPORTANT; 158 font-size: 15px; 159 border-radius: 0px; 160 -moz-border-radius: 0px; 161 -webkit-border-radius: 0px; 162 overflow: hidden; 163 white-space: nowrap; 164 text-overflow: ellipsis; 165 } 166 .nav-repos li a span, 167 .nav-branches li a span { 168 color: #777; 169 } 170 .nav-repos li a span [class^="icon-"], 171 .nav-branches li a span [class^="icon-"] { 172 color: #999; 173 } 174 .nav-repos li a i, 175 .nav-branches li a i { 176 padding-right: 10px; 177 color: #AAA; 178 font-size: 18px; 179 vertical-align: middle; 180 } 181 .nav-repos li.active a, 182 .nav-branches li.active a { 183 background: #f4f4f4; 184 } 185 .nav-repos li.active a:hover, 186 .nav-branches li.active a:hover { 187 background: #f4f4f4; 188 } 189 .nav-repos .nav-header, 190 .nav-branches .nav-header { 191 padding: 15px 15px; 192 margin-bottom: 0px; 193 color: #666; 194 font-size: 24px; 195 text-transform: lowercase; 196 font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; 197 font-weight: normal; 198 display: none; 199 } 200 .nav-repos li a, 201 .nav-branches li a { 202 padding: 12px 15px; 203 margin-bottom: 0px; 204 color: #777; 205 } 206 .nav-pills.nav-repos > li > a, 207 .nav-repos > li > a { 208 padding: 13px 15px; 209 } 210 .nav-pills.nav-repos > li:nth-child(odd), 211 .nav-repos > li:nth-child(odd) { 212 background: #f7f7f7; 213 } 214 .nav-repos > li > a span { 215 color: #AAA; 216 } 217 .nav-repos > li > a span:last-child { 218 color: #555; 219 } 220 .nav-pills.nav-branches > li > a { 221 padding: 10px 15px; 222 } 223 .alert { 224 border: none; 225 border-radius: 0px; 226 background: #f4f4f4; 227 color: #999; 228 padding: 30px; 229 font-size: 18px; 230 margin-bottom: 20px; 231 } 232 .alert .pull-right { 233 margin-top: -10px; 234 } 235 .alert .thumbnails { 236 margin: 0px; 237 padding: 0px; 238 } 239 .alert .thumbnails li { 240 margin: 0px; 241 padding: 0px; 242 margin-left: 20px; 243 margin-top: 20px; 244 } 245 .alert .thumbnails .thumbnail { 246 background: transparent; 247 } 248 .alert.alert-feed { 249 margin-top: 0px; 250 margin-bottom: 0px; 251 padding: 15px 20px; 252 } 253 .alert.alert-feed span { 254 line-height: 50px; 255 } 256 .alert.alert-feed span.label { 257 float: right; 258 color: #BBB; 259 font-size: 16px; 260 padding-right: 10px; 261 font-weight: normal; 262 } 263 .alert.alert-feed .thumbnails > li { 264 margin: 0px; 265 margin-left: 5px; 266 padding: 0px; 267 display: inline-block; 268 } 269 .alert.alert-feed .thumbnails > li a { 270 border: 0px; 271 padding: 0px; 272 } 273 .alert.alert-feed .thumbnails > li a img { 274 border-radius: 50%; 275 -moz-border-radius: 50%; 276 -webkit-border-radius: 50%; 277 width: 32px; 278 height: 32px; 279 margin-top: 10px; 280 } 281 .alert.alert-success { 282 color: #3c763d; 283 background-color: #dff0d8; 284 text-shadow: none; 285 font-size: 16px; 286 margin-top: 30px; 287 margin-bottom: 10px; 288 } 289 .alert.alert-error { 290 background: #ebccd1; 291 color: #a94442; 292 text-shadow: none; 293 font-size: 16px; 294 margin-top: 30px; 295 margin-bottom: 10px; 296 } 297 .commit-list { 298 list-style: none; 299 margin: 0px; 300 padding-left: 0px; 301 } 302 .commit-list > li { 303 margin: 0px; 304 position: relative; 305 padding: 25px 20px; 306 padding-left: 25px; 307 list-style: none; 308 } 309 .commit-list > li > img { 310 position: absolute; 311 right: 20px; 312 top: 20px; 313 -webkit-border-radius: 50%; 314 -moz-border-radius: 50%; 315 border-radius: 50%; 316 width: 48px; 317 height: 48px; 318 background: #EEE; 319 } 320 .commit-list > li:last-child { 321 border-bottom: none; 322 } 323 .commit-list > li:nth-child(even) { 324 background: #f7f7f7; 325 } 326 .commit-list.commit-list-alt > li:nth-child(even) { 327 background: #fff; 328 } 329 .commit-list.commit-list-alt > li:nth-child(odd) { 330 background: #f7f7f7; 331 } 332 .commit-list > li > h3 { 333 display: inline; 334 line-height: 18px; 335 height: 18px; 336 font-weight: normal; 337 color: #777; 338 font-size: 18px; 339 margin-top: 10px; 340 } 341 .commit-list > li > h3 a, 342 .commit-list > li > h3 span { 343 margin-top: 2px; 344 display: inline-block; 345 } 346 .commit-list > li > h3 a { 347 color: #555; 348 text-decoration: none; 349 } 350 .commit-list > li > h3 a:hover { 351 text-decoration: underline; 352 } 353 .commit-list > li > h3 small { 354 font-size: 14px; 355 display: inline-block; 356 margin-left: 5px; 357 white-space: nowrap; 358 } 359 .commit-list > li > h3 p { 360 font-size: 14px; 361 color: #999; 362 margin: 0px; 363 padding: 0px; 364 padding-top: 2px; 365 display: block; 366 overflow: hidden; 367 white-space: nowrap; 368 text-overflow: ellipsis; 369 max-width: 350px; 370 } 371 .btn.btn-Success, 372 .btn.btn-Failure, 373 .btn.btn-Pending, 374 .btn.btn-Started, 375 .btn.btn-Error, 376 .btn.btn-None { 377 border: none; 378 background: #BBB; 379 color: #FFF; 380 text-shadow: none; 381 box-shadow: none; 382 padding: 10px 15px; 383 min-width: 75px; 384 float: left; 385 margin-right: 25px; 386 font-size: 16px; 387 text-transform: none; 388 font-weight: normal; 389 padding: 0px; 390 border-bottom: 0px; 391 width: 48px; 392 height: 48px; 393 min-height: 48px; 394 max-height: 48px; 395 min-width: 48px; 396 max-width: 48px; 397 border-radius: 50%; 398 -webkit-border-radius: 50%; 399 -moz-border-radius: 50%; 400 } 401 .btn.btn-success, 402 .btn.btn-Success { 403 background: rgba(81, 163, 81, 0.75); 404 } 405 .btn.btn-failure, 406 .btn.btn-Failure, 407 .btn.btn-Error { 408 background: rgba(189, 54, 47, 0.8); 409 } 410 .btn.btn-Scheduled, 411 .btn.btn-Pending, 412 .btn.btn-Started { 413 background: #D5E802; 414 } 415 .btn.btn-Success:before { 416 content: "\f00c"; 417 font-family: 'FontAwesome'; 418 font-size: 22px; 419 line-height: 48px; 420 opacity: 0.8; 421 color: #FFF; 422 } 423 .btn.btn-Error:before, 424 .btn.btn-Failure:before { 425 content: "\f00d"; 426 font-family: 'FontAwesome'; 427 font-size: 22px; 428 line-height: 48px; 429 opacity: 0.8; 430 color: #fff; 431 } 432 .btn.btn-refresh { 433 position: absolute; 434 left: -95px; 435 float: left; 436 background: #f7f7f7; 437 width: 75px; 438 border-radius: 0px; 439 -webkit-border-radius: 0px; 440 -moz-border-radius: 0px; 441 text-align: center; 442 font-size: 22px; 443 text-decoration: none; 444 color: #999; 445 padding: 10px 0px; 446 z-index: 1; 447 } 448 .btn.btn-refresh span { 449 display: block; 450 font-size: 14px; 451 padding-top: 5px; 452 } 453 .btn.btn-Started:before, 454 .btn.btn-Scheduled:before, 455 .btn.btn-Pending:before { 456 content: "\f021"; 457 font-family: 'FontAwesome'; 458 font-size: 22px; 459 line-height: 48px; 460 color: #FFF; 461 display: inline-block; 462 -webkit-animation: spin 1.5s infinite linear; 463 -moz-animation: spin 1.5s infinite linear; 464 -ms-animation: spin 1.5s infinite linear; 465 -o-animation: spin 1.5s infinite linear; 466 animation: spin 1.5s infinite linear; 467 } 468 .btn.btn-mini { 469 width: 24px; 470 height: 24px; 471 max-width: 24px; 472 max-height: 24px; 473 min-width: 24px; 474 min-height: 24px; 475 } 476 .btn.btn-mini.btn-Success:before, 477 .btn.btn-mini.btn-Failure:before, 478 .btn.btn-mini.btn-Error:before, 479 .btn.btn-mini.btn-Started:before, 480 .btn.btn-mini.btn-Scheduled:before, 481 .btn.btn-mini.btn-Pending:before { 482 line-height: 24px !IMPORTANT; 483 font-size: 14px !IMPORTANT; 484 } 485 @-webkit-keyframes spin { 486 to { 487 -webkit-transform: rotate(360deg); 488 } 489 } 490 @-moz-keyframes spin { 491 to { 492 -moz-transform: rotate(360deg); 493 } 494 } 495 @-ms-keyframes spin { 496 to { 497 -ms-transform: rotate(360deg); 498 } 499 } 500 @-o-keyframes spin { 501 to { 502 -o-transform: rotate(360deg); 503 } 504 } 505 @keyframes spin { 506 to { 507 transform: rotate(360deg); 508 } 509 } 510 .btn.btn-None { 511 background: rgba(81, 163, 81, 0.75); 512 border-bottom: 2px solid #51a351; 513 } 514 .btn.btn-default { 515 padding: 7px 20px; 516 padding-bottom: 6px; 517 border-bottom-width: 2px; 518 color: #777; 519 } 520 .btn.btn-primary { 521 background: rgba(251, 136, 35, 0.85); 522 padding: 7px 20px; 523 border: none; 524 border-bottom: 2px solid #cd6d1d; 525 } 526 .btn.btn-primary:hover, 527 .btn.btn-primary:active { 528 background: #fb8823; 529 border-bottom: 2px solid #cd6d1d; 530 } 531 .btn.btn-danger { 532 border: none; 533 padding: 7px 20px; 534 background: rgba(189, 54, 47, 0.8); 535 border-bottom: 2px solid #bd362f; 536 } 537 .btn.btn-danger:hover, 538 .btn.btn-danger:active { 539 background: rgba(189, 54, 47, 0.9); 540 border-bottom: 2px solid #bd362f; 541 } 542 .nav-pills > li a { 543 padding: 7px 15px; 544 color: #777777; 545 } 546 .nav-pills > li > a, 547 .nav-pills > li > a:hover, 548 .nav-pills > li > a:focus { 549 border-radius: 0px; 550 -webkit-border-radius: 0px; 551 -moz-border-radius: 0px; 552 } 553 .nav-pills > .active { 554 border-radius: 0px; 555 -webkit-border-radius: 0px; 556 -moz-border-radius: 0px; 557 } 558 .nav-pills > li.active > a, 559 .nav-pills > li.active > a:hover, 560 .nav-pills > li.active > a:focus, 561 .nav-pills > .active > a, 562 .nav-pills > .active > a:hover, 563 .nav-pills > .active > a:focus { 564 border-radius: 0px; 565 -webkit-border-radius: 0px; 566 -moz-border-radius: 0px; 567 margin-top: 0px; 568 background-color: #f4f4f4; 569 color: #777777; 570 } 571 form label { 572 color: #777; 573 margin-top: 25px; 574 margin-bottom: 7px; 575 margin-left: 2px; 576 cursor: default; 577 font-weight: normal; 578 display: block; 579 } 580 form label:first-child { 581 margin-top: 0px; 582 } 583 form .form-actions { 584 background: transparent; 585 padding: 30px 0px; 586 margin: 0px; 587 border: none; 588 } 589 form .form-actions .btn { 590 margin-right: 3px; 591 } 592 form .form-group { 593 margin-bottom: 30px; 594 } 595 input.form-control, 596 select.form-control { 597 display: inline-block; 598 height: 30px; 599 padding: 4px 6px; 600 margin-bottom: 0px; 601 font-size: 14px; 602 line-height: 20px; 603 color: #555555; 604 -webkit-border-radius: 4px; 605 -moz-border-radius: 4px; 606 border-radius: 4px; 607 vertical-align: middle; 608 width: 270px; 609 } 610 input.form-control-small, 611 select.form-control-small { 612 width: 90px; 613 } 614 input.form-control-large, 615 select.form-control-large { 616 width: 210px; 617 } 618 input.form-control-xlarge, 619 select.form-control-xlarge { 620 width: 270px; 621 } 622 span.form-control { 623 color: #999999; 624 background-color: #fcfcfc; 625 border-color: #cccccc; 626 -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); 627 -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); 628 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); 629 cursor: not-allowed; 630 } 631 textarea { 632 font-family: 'Droid Sans Mono', monospace; 633 } 634 .avatar-link { 635 float: right; 636 position: relative; 637 background: #eee; 638 padding: 5px; 639 text-decoration: none; 640 } 641 .avatar-link span { 642 display: block; 643 text-align: center; 644 color: #777; 645 padding: 5px; 646 } 647 .avatar-link img { 648 width: 160px; 649 height: 160px; 650 max-width: 160px; 651 max-height: 160px; 652 min-width: 160px; 653 min-height: 160px; 654 } 655 .avatar-link:hover { 656 text-decoration: none; 657 } 658 .avatar-link:hover:before { 659 color: #fff; 660 text-shadow: 1px 1px rgba(0, 0, 0, 0.5); 661 font-family: 'FontAwesome'; 662 content: "\f044"; 663 position: absolute; 664 right: 10px; 665 top: 10px; 666 font-size: 16px; 667 } 668 .row.gravatar-list { 669 margin-left: 0px; 670 } 671 .row.gravatar-list .col-xs-3 { 672 width: 23.404255319148934%; 673 margin: 0px; 674 padding: 0px; 675 margin-right: 2.127659574468085%; 676 } 677 .row.gravatar-list .col-xs-3:nth-child(4) { 678 margin-right: 0px; 679 } 680 .row.gravatar-list .col-xs-3 a.thumbnail, 681 .row.gravatar-list .col-xs-3 a.thumbnail:hover { 682 border-radius: 0px; 683 -webkit-border-radius: 0px; 684 -moz-border-radius: 0px; 685 box-shadow: none; 686 border: none; 687 text-decoration: none; 688 background: #f4f4f4; 689 } 690 .row.gravatar-list .col-xs-3 a.thumbnail img, 691 .row.gravatar-list .col-xs-3 a.thumbnail:hover img { 692 width: 156px; 693 height: 156px; 694 } 695 .row.gravatar-list .col-xs-3 a.thumbnail .caption > h3, 696 .row.gravatar-list .col-xs-3 a.thumbnail:hover .caption > h3 { 697 font-weight: normal; 698 text-align: center; 699 font-size: 15px; 700 padding: 0px; 701 line-height: 16px; 702 margin: 0px; 703 max-width: 156px; 704 overflow: hidden; 705 white-space: nowrap; 706 text-overflow: ellipsis; 707 color: #555555; 708 } 709 .row.gravatar-list .col-xs-3 a.thumbnail.team-add > span, 710 .row.gravatar-list .col-xs-3 a.thumbnail:hover.team-add > span { 711 min-width: 156px; 712 min-height: 156px; 713 display: inline-block; 714 text-align: center; 715 vertical-align: middle; 716 line-height: 156px; 717 font-size: 64px; 718 color: #d7d7d7; 719 } 720 .row.gravatar-list .col-xs-3 a.thumbnail.team-add .caption > h3, 721 .row.gravatar-list .col-xs-3 a.thumbnail:hover.team-add .caption > h3 { 722 color: #999; 723 } 724 /* Checkbox hack */ 725 .switch input, 726 .switch a { 727 cursor: pointer; 728 height: 100%; 729 opacity: 0; 730 position: absolute; 731 width: 100%; 732 z-index: 100; 733 } 734 /* Container */ 735 .switch { 736 height: 40px; 737 position: relative; 738 width: 100px; 739 } 740 /* Background unchecked */ 741 .switch label { 742 background: rgba(189, 54, 47, 0.8); 743 border-radius: 2px; 744 display: block; 745 height: 100%; 746 position: relative; 747 transition: all .15s ease; 748 width: 100%; 749 border-radius: 5px; 750 color: #FFF; 751 } 752 /* Slider unchecked */ 753 .switch label div { 754 background: #fff; 755 border-radius: 2px; 756 display: block; 757 height: 28px; 758 left: 6px; 759 position: absolute; 760 top: 6px; 761 transition: all .15s ease; 762 width: 35px; 763 z-index: 3; 764 border-radius: 5px; 765 } 766 /* Vertical lines on slider */ 767 .switch label div:before { 768 bottom: 0; 769 content: ''; 770 display: block; 771 height: 15px; 772 left: 0; 773 margin: auto; 774 position: absolute; 775 right: 0; 776 top: 0; 777 transition: all .15s ease; 778 width: 3px; 779 } 780 /* Icon styles */ 781 .switch .fontawesome-ok { 782 font-size: 18px; 783 left: 15px; 784 position: relative; 785 top: 8px; 786 z-index: 2; 787 } 788 .switch .fontawesome-ok:before { 789 font-family: 'FontAwesome'; 790 content: "\f00c"; 791 opacity: 0.8; 792 } 793 .switch .fontawesome-remove { 794 font-size: 18px; 795 left: 45px; 796 position: relative; 797 top: 8px; 798 z-index: 2; 799 } 800 .switch .fontawesome-remove:before { 801 font-family: 'FontAwesome'; 802 content: "\f00d"; 803 opacity: 0.8; 804 } 805 /* Checked States */ 806 .switch input:checked ~ label { 807 background: rgba(81, 163, 81, 0.75); 808 } 809 .switch input:checked ~ label div { 810 left: 58px; 811 } 812 pre { 813 white-space: pre-wrap; 814 background: #464849; 815 color: #FFF; 816 padding: 20px 20px; 817 border-radius: 5px; 818 font-size: 12px; 819 margin-top: 0px; 820 overflow: hidden; 821 font-family: 'Droid Sans Mono', 'monospace'; 822 line-height: 20px; 823 } 824 .alert.alert-build-Success, 825 .alert.alert-build-Error, 826 .alert.alert-build-Failure, 827 .alert.alert-build-Pending, 828 .alert.alert-build-Started { 829 text-shadow: none; 830 margin-top: 5px; 831 margin-bottom: 30px; 832 font-size: 15px; 833 padding: 15px 20px; 834 border-radius: 5px; 835 -webkit-border-radius: 5px; 836 -moz-border-radius: 5px; 837 } 838 .alert.alert-build-Success span, 839 .alert.alert-build-Error span, 840 .alert.alert-build-Failure span, 841 .alert.alert-build-Pending span, 842 .alert.alert-build-Started span { 843 line-height: 32px; 844 } 845 .alert.alert-build-Success span span, 846 .alert.alert-build-Error span span, 847 .alert.alert-build-Failure span span, 848 .alert.alert-build-Pending span span, 849 .alert.alert-build-Started span span { 850 text-decoration: underline; 851 } 852 .alert.alert-build-Success a.btn, 853 .alert.alert-build-Error a.btn, 854 .alert.alert-build-Failure a.btn, 855 .alert.alert-build-Pending a.btn, 856 .alert.alert-build-Started a.btn { 857 width: 32px; 858 height: 32px; 859 max-width: 32px; 860 max-height: 32px; 861 min-width: 32px; 862 min-height: 32px; 863 margin-right: 20px !IMPORTANT; 864 } 865 .alert.alert-build-Success a.btn:before, 866 .alert.alert-build-Error a.btn:before, 867 .alert.alert-build-Failure a.btn:before, 868 .alert.alert-build-Pending a.btn:before, 869 .alert.alert-build-Started a.btn:before { 870 font-size: 22px !IMPORTANT; 871 line-height: 32px !IMPORTANT; 872 } 873 .build-details { 874 background: #FFF; 875 margin-bottom: 40px; 876 } 877 .build-details dt { 878 float: left; 879 width: 90px; 880 color: #333; 881 font-weight: normal; 882 } 883 .build-details dt:after { 884 content: ':'; 885 } 886 .build-details dd { 887 color: #555; 888 white-space: nowrap; 889 } 890 .build-details .build-summary { 891 float: left; 892 width: 300px; 893 padding-left: 20px; 894 } 895 .build-details img { 896 float: left; 897 -webkit-border-radius: 50%; 898 -moz-border-radius: 50%; 899 border-radius: 50%; 900 margin-right: 30px; 901 width: 58px; 902 height: 58px; 903 } 904 .build-details .commit-summary { 905 float: left; 906 width: 500px; 907 } 908 .build-details .commit-summary dd { 909 overflow: hidden; 910 text-overflow: ellipsis; 911 max-width: 450px; 912 } 913 .build-details.affix { 914 top: 0px; 915 padding-top: 15px; 916 padding-bottom: 30px; 917 } 918 .alert.alert-build-Success { 919 color: #468847; 920 background-color: #dff0d8; 921 border-color: #d6e9c6; 922 } 923 .alert.alert-build-Error, 924 .alert.alert-build-Failure { 925 background-color: #f2dede; 926 color: #b94a48; 927 } 928 .alert.alert-build-Pending, 929 .alert.alert-build-Started { 930 color: #c09853; 931 background: rgba(213, 232, 2, 0.2); 932 background-color: rgba(213, 232, 2, 0.2); 933 } 934 .form-repo .field-group { 935 display: inline-block; 936 margin-bottom: 30px; 937 } 938 .form-repo .field-group label { 939 margin-top: 0px; 940 } 941 .form-repo .field-separator { 942 display: inline-block; 943 font-size: 20px; 944 } 945 .form-repo ul { 946 padding-top: 15px; 947 margin-bottom: 0px; 948 padding-bottom: 0px; 949 list-style: none; 950 padding-left: 0px; 951 margin-left: 0px; 952 } 953 .form-repo ul li { 954 padding-bottom: 10px; 955 } 956 .form-repo ul li img { 957 width: 32px; 958 height: 32px; 959 border-radius: 50%; 960 -webkit-border-radius: 50%; 961 -moz-border-radius: 50%; 962 margin-left: 10px; 963 margin-right: 10px; 964 } 965 ul.account-radio-group { 966 padding-top: 15px; 967 margin-bottom: 0px; 968 padding-bottom: 0px; 969 list-style: none; 970 padding-left: 0px; 971 margin-left: 0px; 972 } 973 ul.account-radio-group li { 974 padding-bottom: 10px; 975 } 976 ul.account-radio-group li img { 977 width: 32px; 978 height: 32px; 979 border-radius: 50%; 980 -webkit-border-radius: 50%; 981 -moz-border-radius: 50%; 982 margin-left: 10px; 983 margin-right: 10px; 984 } 985 .form-centered { 986 background: #FFF; 987 overflow: hidden; 988 max-width: 350px; 989 margin: 0 auto; 990 text-align: center; 991 margin-top: 40px; 992 padding: 0px 0px 20px 0px; 993 border-radius: 5px; 994 -webkit-border-radius: 5px; 995 -moz-border-radius: 5px; 996 } 997 .form-centered h1 { 998 background-color: #262829; 999 color: #FFF; 1000 border-top-left-radius: 5px; 1001 border-top-right-radius: 5px; 1002 font-family: 'Orbitron'; 1003 font-weight: normal; 1004 font-size: 18px; 1005 padding: 25px 10px; 1006 margin-top: 0px; 1007 margin-bottom: 30px; 1008 } 1009 .form-centered input[type="submit"] { 1010 border: none; 1011 color: #FFF; 1012 padding: 10px; 1013 font-size: 18px; 1014 margin-top: 30px; 1015 margin-bottom: 10px; 1016 width: 280px; 1017 background: #AAA; 1018 border-radius: 5px; 1019 -webkit-border-radius: 5px; 1020 -moz-border-radius: 5px; 1021 } 1022 .form-centered input[type="text"], 1023 .form-centered input[type="email"], 1024 .form-centered input[type="password"] { 1025 margin-bottom: 0px; 1026 font-size: 16px; 1027 padding: 10px; 1028 width: 280px; 1029 height: 40px; 1030 } 1031 .form-centered input[type="text"]:last-child, 1032 .form-centered input[type="email"]:last-child, 1033 .form-centered input[type="password"]:last-child { 1034 border-top-width: 0px; 1035 border-top-right-radius: 0px; 1036 border-top-left-radius: 0px; 1037 } 1038 .form-centered input[type="text"]:first-child, 1039 .form-centered input[type="email"]:first-child, 1040 .form-centered input[type="password"]:first-child { 1041 border-bottom-right-radius: 0px; 1042 border-bottom-left-radius: 0px; 1043 } 1044 .form-centered input[type="text"][disabled], 1045 .form-centered input[type="email"][disabled], 1046 .form-centered input[type="password"][disabled] { 1047 box-shadow: none; 1048 background: #f7f7f7; 1049 color: #999; 1050 text-shadow: none; 1051 } 1052 .form-centered input[type="text"].only-child, 1053 .form-centered input[type="email"].only-child, 1054 .form-centered input[type="password"].only-child { 1055 border-bottom-right-radius: 4px; 1056 border-bottom-left-radius: 4px; 1057 border-top-right-radius: 4px; 1058 border-top-left-radius: 4px; 1059 border-bottom-width: 1px; 1060 border-top-width: 1px; 1061 } 1062 .form-centered a, 1063 .form-centered a:visited { 1064 color: #999; 1065 text-decoration: underline; 1066 } 1067 .form-centered h1 ~ div.alert { 1068 margin-top: -30px; 1069 } 1070 .form-centered .alert.alert-danger { 1071 background: #ebccd1; 1072 color: #a94442; 1073 text-shadow: none; 1074 font-weight: normal; 1075 font-size: 16px; 1076 padding: 20px; 1077 margin-bottom: 30px; 1078 } 1079 .form-centered .alert.alert-success { 1080 color: #3c763d; 1081 background-color: #dff0d8; 1082 text-shadow: none; 1083 font-weight: normal; 1084 font-size: 16px; 1085 padding: 20px; 1086 margin-bottom: 30px; 1087 } 1088 .url { 1089 word-break: break-all; 1090 } 1091 #follow { 1092 position: relative; 1093 z-index: 100; 1094 float: right; 1095 right: 1em; 1096 top: -2.5em; 1097 padding: 0 1em; 1098 border-radius: 7px; 1099 background: #999; 1100 cursor: pointer; 1101 }