webcomics.jp by ttr-hamasaki

@name webcomics.jp
@namespace ttr-hamasaki
@version v1
@-moz-document url-prefix("https://webcomics.jp/") {
#page {
  display: flex;
  justify-content: center;
}
#main-container {
    min-width: 1070px;
}

#side,
.entry-title,
.entry-text,
.entry-tag-count,
.entry-new-comment-count,
.entry-comment,
.entry-detail
{
    display: none;
}
.entry-bookmark {
    color: lightgray;
}

.list.top {
    display: flex;
    flex-wrap: wrap;
}

.entry {
    min-width: 200px;
    max-width: 200px;
    margin: 4px;
}
.entry:has(.bookmark-mylisted) {
    border: 2px solid red;
    margin: 2px;
}
/*
img {
    width: 200px;
    height: 200px;
    image-rendering: pixelated;
}
*/
.entry-date {
    position: absolute;
    right: 3px;
}
.entry-site {
    top: initial;
    bottom: 20px;
    word-break: break-all;
}
.entry-date-new {
    color: red;
}
.entry::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
.entry:hover::before {
  animation: rotateBackground 0.2s ease-in-out forwards;
}
@keyframes rotateBackground {
  0% {
    transform: scale(1) rotate(0deg);
  }
  33% {
    transform: scale(1) rotate(-6deg);
    border: 2px solid rgba(255, 0, 0, 0.3);
  }
  66% {
    transform: scale(1) rotate(0deg);
  }
  100% {
    transform: scale(1) rotate(-6deg);
    border: 2px solid rgba(255, 0, 0, 0.3);
  }
}
}