quay/static/css/quay.css

#repoSearch {
  width: 400px;
}

.repo-mini-listing {
  margin: 2px;
}

.repo-mini-listing i {
  color: #aaa;
  margin-right: 4px;
}

.repo-mini-listing .description {
  margin-left: 20px;
  color: #aaa;
  font-size: 85%;
  padding-top: 4px;
  border-top: 1px solid #eee;
  margin-top: 4px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}


.user-mini-listing {
  margin: 2px;
}

.user-mini-listing i {
  margin-right: 8px;
}

.editable i {
  opacity: 0.2;
  font-size: 85%;
  margin-left: 10px;
  display: inline-block;

  transition: opacity 500ms ease-in-out;
}

.noteditable i {
    display: none;
}

p.editable {
  display: inline-block;
}

p.editable .content:empty:after {
  display: inline-block;
  content: "(Click to add)";
  color: #aaa;
}

p.editable:hover {
  cursor: pointer;
}

p.editable:hover i {
  opacity: 1;
}

.tag-dropdown {
  display: inline-block;
  padding: 6px;
  border: 1px solid #ddd;
  margin-right: 15px;
  margin-bottom: 5px;
}

.modal-body textarea {
  width: 100%;
  height: 150px;
  border: 0px;
}

.repo .header {
  margin-bottom: 10px;
  position: relative;
}

.repo .header .back {
  margin-right: 6px;
}

.repo .description {
  margin-bottom: 40px;
}

.repo dl.dl-horizontal dt {
    width: 60px;
}

.repo dl.dl-horizontal dd {
    margin-left: 80px;
}

.repo .header h3 {
  display: inline-block;
}

.repo .pull-command {
  float: right;
  display: inline-block;
  font-size: 1.2em;
  position: relative;
}

.repo .pull-command .pull-container {
    display: inline-block;
    width: 300px;
    margin-right: 10px;
    vertical-align: middle;
}

.repo .pull-command input {
  cursor: default;
  background: white;
  color: #666;
  padding: 4px;
  border: 1px solid #ddd;
  width: 300px;
}

.repo #copyClipboard {
  cursor: pointer;
}

.repo #copyClipboard.zeroclipboard-is-hover {
  background: #428bca;
  color: white;
}

.repo #clipboardCopied {
   position: absolute;
   right: 0px;
   top: 40px;

   font-size: 0.8em;

   background: black;
   color: white;
   padding: 6px;
   border-radius: 4px;

 
    -webkit-animation: fadeOut ease-in-out 1;
    -moz-animation: fadeOut ease-in-out 1;
    -ms-animation: fadeOut ease-in-out 1;
    -o-animation: fadeOut ease-in-out 1;
    animation: fadeOut ease-in-out 1;

    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
 
    -webkit-animation-duration: 4s;
    -moz-animation-duration: 4s;
    -ms-animation-duration: 4s;
    -o-animation-duration: 4s;
    animation-duration: 4s;
}

@-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } }
@-moz-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } }
@-ms-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } }
@-o-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } }
@keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } }

.repo .settings-cog {
  margin-left: 20px;
}

.repo .settings-cog a {
  text-decoration: none !important;
}


.repo-listing {
  display: block;
  margin-bottom: 20px;
  border-bottom: 1px solid #eee;
  padding: 10px;
}

.repo-listing a {
  font-size: 1.5em;
}

.repo-listing i {
  font-size: 1.5em;
  color: #999;
  display: inline-block;
  margin-right: 6px;
}

.repo-listing .description {
  margin-top: 6px;
  padding-left: 36px;
}

.repo-admin .panel {
  display: inline-block;
}

.repo-admin .user i {
  margin-right: 6px;
}

.repo-admin .user {
  font-size: 1.2em;
  min-width: 300px;
}

.repo thead td {
  padding: 4px;
  color: #999;
}

.repo td {
  padding: 6px;
}

.repo .images {
  margin: 10px;
}

.navbar-nav > li > .user-dropdown {
  padding-top: 9px;
  padding-bottom: 9px;
}

.user-dropdown > img {
  padding-right: 6px;
}

.delete-ui {
  outline: none;
}

.delete-ui i {
  cursor: pointer;
  vertical-align: middle;
}

.delete-ui .delete-ui-button {
  display: inline-block;
  vertical-align: middle;
  color: white;
  width: 0px;
  overflow: hidden;

  cursor: pointer;

  transition: width 500ms ease-in-out;
}

.delete-ui .delete-ui-button button {
  padding: 4px;
}

.delete-ui:focus i {
  visibility: hidden;
}

.delete-ui:focus .delete-ui-button {
    width: 54px;
}

/* Overrides for typeahead to work with bootstrap 3. */

.twitter-typeahead .tt-query,
.twitter-typeahead .tt-hint {
  margin-bottom: 0;
}

.tt-dropdown-menu {
  min-width: 160px;
  margin-top: 2px;
  padding: 5px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0,0,0,.2);
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
          box-shadow: 0 5px 10px rgba(0,0,0,.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
}

.tt-suggestion {
  display: block;
  padding: 3px 20px;
}

.tt-suggestion.tt-is-under-cursor {
  color: #fff;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0)
}

.tt-suggestion.tt-is-under-cursor a {
  color: #fff;
}

.tt-suggestion p {
  margin: 0;
}

.twitter-typeahead .tt-hint {
    display: block;
    height: 34px;
    padding: 5px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border: 1px solid transparent;
}