cat-bookmarker/priv/static/assets/app.css

/* css/app.css */
.inline {
  display: inline;
}
.center-text {
  text-align: center;
}
.center-box-inner {
  margin-left: auto;
  margin-right: auto;
}
body {
  font-family:
    "Lucida Sans Unicode",
    "Lucida Grande",
    sans-serif;
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family:
    "Lucida Console",
    Monaco,
    monospace;
}
h2 {
  font-size: 2em;
}
img {
  height: 50vh;
}
button {
  padding: 10px;
  margin: 5px;
  background-color: #bde0fe;
}
button:hover {
  background-color: #a2d2ff;
}
button.active {
  background-color: #ffc8dd;
}
button.active:hover {
  background-color: #ffafcc;
}
.main-container {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}
.random-image {
  display: block;
}
.form-container {
  width: 500px;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.form-label {
  margin-bottom: 5px;
}
input {
  font-family:
    "Lucida Console",
    Monaco,
    monospace;
  width: 100%;
  padding: 10px;
}
button.form-submit-button {
  min-width: 40%;
}
img.collection-image {
  height: auto;
  max-width: 75%;
}
p.collection-note {
  font-style: italic;
}
.collection-item-caption {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 5px;
  margin-bottom: 20px;
}
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.alert p {
  margin-bottom: 0;
}
.alert:empty {
  display: none;
}
.invalid-feedback {
  color: #a94442;
  display: block;
  margin: -1rem 0 2rem;
}
.phx-no-feedback.invalid-feedback,
.phx-no-feedback .invalid-feedback {
  display: none;
}
.phx-click-loading {
  opacity: 0.5;
  transition: opacity 1s ease-out;
}
.phx-loading {
  cursor: wait;
}
.phx-modal {
  opacity: 1 !important;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
}
.phx-modal-content {
  background-color: #fefefe;
  margin: 15vh auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}
.phx-modal-close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}
.phx-modal-close:hover,
.phx-modal-close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
.fade-in-scale {
  animation: 0.2s ease-in 0s normal forwards 1 fade-in-scale-keys;
}
.fade-out-scale {
  animation: 0.2s ease-out 0s normal forwards 1 fade-out-scale-keys;
}
.fade-in {
  animation: 0.2s ease-out 0s normal forwards 1 fade-in-keys;
}
.fade-out {
  animation: 0.2s ease-out 0s normal forwards 1 fade-out-keys;
}
@keyframes fade-in-scale-keys {
  0% {
    scale: 0.95;
    opacity: 0;
  }
  100% {
    scale: 1.0;
    opacity: 1;
  }
}
@keyframes fade-out-scale-keys {
  0% {
    scale: 1.0;
    opacity: 1;
  }
  100% {
    scale: 0.95;
    opacity: 0;
  }
}
@keyframes fade-in-keys {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-out-keys {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsiLi4vLi4vLi4vYXNzZXRzL2Nzcy9hcHAuY3NzIl0sCiAgInNvdXJjZXNDb250ZW50IjogWyIvKiBUaGlzIGZpbGUgaXMgZm9yIHlvdXIgbWFpbiBhcHBsaWNhdGlvbiBDU1MgKi9cbi8qQGltcG9ydCBcIi4vcGhvZW5peC5jc3NcIjsqL1xuXG4uaW5saW5lIHsgZGlzcGxheTogaW5saW5lOyB9XG4uY2VudGVyLXRleHQgeyB0ZXh0LWFsaWduOiBjZW50ZXI7IH1cbi5jZW50ZXItYm94LWlubmVyIHtcbiAgICBtYXJnaW4tbGVmdDogYXV0bztcbiAgICBtYXJnaW4tcmlnaHQ6IGF1dG87XG59XG5cbmJvZHkge1xuICAgIGZvbnQtZmFtaWx5OiBcIkx1Y2lkYSBTYW5zIFVuaWNvZGVcIiwgXCJMdWNpZGEgR3JhbmRlXCIsIHNhbnMtc2VyaWY7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7XG59XG5cbmgxLGgyLGgzLGg0LGg1LGg2IHtcbiAgICBmb250LWZhbWlseTogXCJMdWNpZGEgQ29uc29sZVwiLCBNb25hY28sIG1vbm9zcGFjZTtcbn1cblxuaDIgeyBmb250LXNpemU6IDJlbTsgfVxuXG5pbWcge1xuICAgIGhlaWdodDogNTB2aDtcbn1cblxuYnV0dG9uIHtcbiAgICBwYWRkaW5nOiAxMHB4O1xuICAgIG1hcmdpbjogNXB4O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICNiZGUwZmU7XG59XG5cbmJ1dHRvbjpob3ZlciB7IGJhY2tncm91bmQtY29sb3I6ICNhMmQyZmY7IH1cblxuYnV0dG9uLmFjdGl2ZSB7IGJhY2tncm91bmQtY29sb3I6ICNmZmM4ZGQ7IH1cbmJ1dHRvbi5hY3RpdmU6aG92ZXIgeyBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZhZmNjIH1cblxuLm1haW4tY29udGFpbmVyIHtcbiAgICB3aWR0aDogNzAlO1xuICAgIG1hcmdpbi1sZWZ0OiBhdXRvO1xuICAgIG1hcmdpbi1yaWdodDogYXV0bztcbn1cblxuLnJhbmRvbS1pbWFnZSB7XG4gICAgZGlzcGxheTogYmxvY2s7XG59XG5cbi5mb3JtLWNvbnRhaW5lciB7XG4gICAgd2lkdGg6IDUwMHB4O1xuICAgIG1heC13aWR0aDogODAlO1xuICAgIG1hcmdpbi1sZWZ0OiBhdXRvO1xuICAgIG1hcmdpbi1yaWdodDogYXV0bztcbn1cblxuLmZvcm0tbGFiZWwge1xuICAgIG1hcmdpbi1ib3R0b206IDVweDtcbn1cblxuaW5wdXQge1xuICAgIGZvbnQtZmFtaWx5OiBcIkx1Y2lkYSBDb25zb2xlXCIsIE1vbmFjbywgbW9ub3NwYWNlO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIHBhZGRpbmc6IDEwcHg7XG59XG5cbmJ1dHRvbi5mb3JtLXN1Ym1pdC1idXR0b24ge1xuICAgIG1pbi13aWR0aDogNDAlXG59XG5cbmltZy5jb2xsZWN0aW9uLWltYWdlIHtcbiAgICBoZWlnaHQ6IGF1dG87XG4gICAgbWF4LXdpZHRoOiA3NSU7XG59XG5cbnAuY29sbGVjdGlvbi1ub3RlIHtcbiAgICBmb250LXN0eWxlOiBpdGFsaWM7XG59XG5cbi5jb2xsZWN0aW9uLWl0ZW0tY2FwdGlvbiB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgbWFyZ2luLXRvcDogNXB4O1xuICAgIG1hcmdpbi1ib3R0b206IDIwcHg7XG59XG5cbi8qIEFsZXJ0cyBhbmQgZm9ybSBlcnJvcnMgdXNlZCBieSBwaHgubmV3ICovXG4uYWxlcnQge1xuICBwYWRkaW5nOiAxNXB4O1xuICBtYXJnaW4tYm90dG9tOiAyMHB4O1xuICBib3JkZXI6IDFweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLXJhZGl1czogNHB4O1xufVxuLmFsZXJ0LWluZm8ge1xuICBjb2xvcjogIzMxNzA4ZjtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2Q5ZWRmNztcbiAgYm9yZGVyLWNvbG9yOiAjYmNlOGYxO1xufVxuLmFsZXJ0LXdhcm5pbmcge1xuICBjb2xvcjogIzhhNmQzYjtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZjZjhlMztcbiAgYm9yZGVyLWNvbG9yOiAjZmFlYmNjO1xufVxuLmFsZXJ0LWRhbmdlciB7XG4gIGNvbG9yOiAjYTk0NDQyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjJkZWRlO1xuICBib3JkZXItY29sb3I6ICNlYmNjZDE7XG59XG4uYWxlcnQgcCB7XG4gIG1hcmdpbi1ib3R0b206IDA7XG59XG4uYWxlcnQ6ZW1wdHkge1xuICBkaXNwbGF5OiBub25lO1xufVxuLmludmFsaWQtZmVlZGJhY2sge1xuICBjb2xvcjogI2E5NDQ0MjtcbiAgZGlzcGxheTogYmxvY2s7XG4gIG1hcmdpbjogLTFyZW0gMCAycmVtO1xufVxuXG4vKiBMaXZlVmlldyBzcGVjaWZpYyBjbGFzc2VzIGZvciB5b3VyIGN1c3RvbWl6YXRpb24gKi9cbi5waHgtbm8tZmVlZGJhY2suaW52YWxpZC1mZWVkYmFjayxcbi5waHgtbm8tZmVlZGJhY2sgLmludmFsaWQtZmVlZGJhY2sge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4ucGh4LWNsaWNrLWxvYWRpbmcge1xuICBvcGFjaXR5OiAwLjU7XG4gIHRyYW5zaXRpb246IG9wYWNpdHkgMXMgZWFzZS1vdXQ7XG59XG5cbi5waHgtbG9hZGluZ3tcbiAgY3Vyc29yOiB3YWl0O1xufVxuXG4ucGh4LW1vZGFsIHtcbiAgb3BhY2l0eTogMSFpbXBvcnRhbnQ7XG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgei1pbmRleDogMTtcbiAgbGVmdDogMDtcbiAgdG9wOiAwO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBvdmVyZmxvdzogYXV0bztcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgwLDAsMCwwLjQpO1xufVxuXG4ucGh4LW1vZGFsLWNvbnRlbnQge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmVmZWZlO1xuICBtYXJnaW46IDE1dmggYXV0bztcbiAgcGFkZGluZzogMjBweDtcbiAgYm9yZGVyOiAxcHggc29saWQgIzg4ODtcbiAgd2lkdGg6IDgwJTtcbn1cblxuLnBoeC1tb2RhbC1jbG9zZSB7XG4gIGNvbG9yOiAjYWFhO1xuICBmbG9hdDogcmlnaHQ7XG4gIGZvbnQtc2l6ZTogMjhweDtcbiAgZm9udC13ZWlnaHQ6IGJvbGQ7XG59XG5cbi5waHgtbW9kYWwtY2xvc2U6aG92ZXIsXG4ucGh4LW1vZGFsLWNsb3NlOmZvY3VzIHtcbiAgY29sb3I6IGJsYWNrO1xuICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cblxuLmZhZGUtaW4tc2NhbGUge1xuICBhbmltYXRpb246IDAuMnMgZWFzZS1pbiAwcyBub3JtYWwgZm9yd2FyZHMgMSBmYWRlLWluLXNjYWxlL