quay/static/css/quay.css

.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-admin thead td {
  padding: 4px;
  color: #999;
}

.repo-admin td {
  padding: 6px;
}