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  }