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