Viewing source of razz/fuck

Revision ID: c2e62a54-5fab-49ba-9011-fe68ea036f43

Hierarchy

Common CSS
/* stop zoom in while using text boxes on mobile */

@media (max-width: 768px) {
  textarea {
    font-size: 16px;
  }
}

/* restyle tab bars on front page to fit better on mobile*/

.tabs__tab {
  border-bottom: 1px solid #999999;
}

.tabs__tab.tabs__tab--active {
  border-bottom: 3px solid #000000;
}

.tabs__link {
  padding: .4rem .7rem .2rem .7rem;
}

.tabs__link--active{
  border: 0;
  padding-top: .48em;
}


/* avoid wide blocks of text */

.submission-body, .wiki-page-body, .comment-body {
  max-width: 46em;
}

@media (min-width: 768px) {
  .sidebar {
    width: 20em;
  }
}

/* change comment and submission design, less padding is better for mobile*/

.comment {
  border: 0;
  border-left: 2px solid #d3d3d3;
  padding-top: 0;
}

.comment-top-level.comment {
  border-left: 0
}

.comment-body p:last-child, .submission-body {
  margin-bottom: .25em;
}

.submission-body {
  padding-top: 0;
  margin: .4em 0;
}

h1.comment-info {
  margin-bottom: .20em;
}

.vote {
  padding: .35rem 1rem;
}

.comment-replies .comment:nth-child(1) {
  margin-top: 1em;
}

.comment-replies .comment {
  padding-top: 1em;
}

.comment-replies article:nth-child(1) {
  padding-top: 0;
}

.comment {
  margin-bottom: 1rem;
}

.user-page .comment {
  margin-bottom: 1rem;
}

.comment-nav ul {
  margin-bottom: 0;
}

.comment-replies .comment {
  margin: 0 0 0 1em;
}

.comment-form {
  margin-top: 1em;
}

@media (max-width: 768px) {
  .comment-replies .comment {
    margin: 0 0 0 .5em;
  }
}

.comment-nav, .submission-nav, .submission-info, .comment-info {
  padding: 0;
}

.comment-nav a, .comment-nav button, .submission-nav a, .submission-nav button {
  font-weight: normal;
}

.comment-nav li:not(:last-child), .submission-nav li:not(:last-child) {
  margin-right: .8rem;
}

.comment-nav-reply a, .submission-nav ul li:first-child a {
  font-weight: 700;
  color: #000000;
}

.comment-nav, .submission-nav, .submission-info, .comment-info {
  color: #8a8a8a;
}

.submission-comments {
  margin-top: 2em;
  }
  

/* Add background to text posts */

.submission-body, .wiki-page-body {
  padding: 0;
}
.submission-body p:last-child, .wiki-page-body p:last-child {
  margin-bottom: 0;
}

/* Remove unique coloring for OP*/

.comment-user.submitter {
  background: transparent;
  color: #4b4b4b;
  padding: 0;
}