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  }