Template:Reddit post/styles.css

.reddit-post {
  border-radius: 1.2rem;
  padding: 0.4rem 1rem;
  width: 700px;
  cursor: pointer;
}
.reddit-post:hover {
  background: #f6f8f9;
}
.reddit-upper {
  display:flex;
  flex-flow: row nowrap;
  align-items: center;
  margin-bottom: 0.1rem;
  column-gap: 5px;
  font-size: 0.75rem;
}
.reddit-upper img {
  width: 25px;
  height: 25px;
  border-radius: 100%;
}
.reddit-upper-credit a {
  color: #111;
  text-decoration: none;
}
.reddit-upper-credit a:hover {
  color: #0a449b;
}
.reddit-upper-credit .fakelinks {
  color: #111;
  text-decoration: none;
}
.reddit-upper-credit .fakelinks:hover {
  color: #0a449b;
}
.reddit-upper-info {
  color: #5C6C74;
  cursor: pointer;
}
.reddit-title {
  color: #111;
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 0.25rem;
}
.reddit-title a {
  color: #111;
  text-decoration: none;
}

.reddit-content {
  margin-bottom: 0.5rem;
}
  .reddit-content a:link, .reddit-content a:visited {
    color:#2B7BB9;
}
  .reddit-content a:hover {
    color:#2753c2;
}
.reddit-image {
  display: flex;
  justify-content: center;
  width: 700px;
  height: 540px;
  background: #333;
  overflow: hidden;
  border-radius: 1.2rem;
}
.reddit-image img {
  height: 100%;
  width: auto;
}

.reddit-vote {
  cursor: pointer;
  position: relative;
}
.reddit-votenum {
  text-align: center;
  position: absolute;
  font-size: 0.75rem;
  right: 1.9rem;
  top: 0rem;
  width: 30px;
}

@media screen and (max-width: 982px) {
  .reddit-post {
    width: auto !important;
  }
  .reddit-image {
    width: 100% !important;
    height: auto !important;
  }
  .reddit-image img {
    width: auto !important;
    height: auto !important;
    max-height: 50vw;
  }
}
@media screen and (max-width: 769px) {
  .reddit-image img {
    width: 100% !important;
    height: auto !important;
    max-height: none;
  }
}