#avatar {
  border: 4px dashed #66dddd;
}

#avatar.has-img {
  border: 0;
}

.description {
  white-space: pre-line;
}

#page-name {
  padding-left: 20px; /* match #lists-list indent */
}

#page-img-wrapper {
  width: 100%;
  border: 4px dashed #66dddd;
  cursor: pointer;
}
#page-img-wrapper.has-img {
  width: auto;
  height: auto;
  border: 0;
}
#page-img-wrapper.noimg {
  min-height: 100px;
}

.page-item-image {
  min-height: 100px;
  border: 4px dashed #66dddd;
}
.page-item-image.has-img {
  height: auto;
}
.list-item-image {
  min-height: 200px;
  border: 4px dashed #66dddd;
  background-position: right top;
}
.list-item-image.has-img {
  border: 0;
}

.item-bundle .col {
  overflow: hidden;
}

/* https://stackoverflow.com/questions/20726174/placeholder-for-contenteditable-div 
  [id="bio"][contenteditable=true]:empty:before{
*/
[contenteditable=true]:empty:before{
  content: attr(placeholder);
  pointer-events: none;
  display: block; /* For Firefox */
  color: #aaa;
}
/*
[contenteditable=true]:empty:focus::before {
    content: "";
}
*/
[contenteditable=true] {
  outline: 0px solid transparent;
}

#custom-styles {
  max-width: 100%;
  overflow-x: auto;
}

#settings-btn {
  cursor: pointer;
}
#settings-options.closed {
  display: none;
}

@media (max-width: 800px) {
  #avatar {
    width: 140px;
    height: 140px;
  }
  .list-item-image {
    min-height: 100px;
  }
}

@media (max-width: 400px) {
  .list-item-image {
    min-height: 50px;
  }
}