Viewing source of devtesla/devtesla_css_test

Revision ID: 11b75e64-fe06-4db4-9c40-4a498b6cbba5

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 #4EA7FF;
}

.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: #4EA7FF;
}

.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;
}
Daytime CSS
/* Use universal colors for links and visited links */

.submission:not(.submission-sticky) h1.submission-title a, .wiki-page-body p a, .submission-body p a {
  color: #0000EE;
}

.submission:not(.submission-sticky) h1.submission-title a:visited, .wiki-page-body p a:visited, .submission-body p a:visited {
  color: #551A8B;
}

.submission:not(.submission-sticky) h1.submission-title a:active, .wiki-page-body p a:active, .submission-body p a:active {
  color: #EE0000;
}

/*identify posts with bodies*/

.submission-body-hidden:not(.submission-has-url) a.submission-link::after {
  content: " [Aa]";
  color: #000001;
}

.submission-body-hidden.submission-has-url.submission-has-body .submission-nav ul li:first-child a::after {
  content: " [Aa]";
  color: #000001;
}

/* some color changes */

.sidebar__title a {
  color: #000001;
}

.sidebar__title a:visited {
  color: #000001;
}

.tabs__bar {
  background: #efefef;
}

/* lighter colors for info and nav */

a.comment-user, a.submission-submitter, a.submission-forum {
  color: #4b4b4b
}
Night CSS
/*identify posts with bodies*/

.submission-body-hidden:not(.submission-has-url) a.submission-link::after {
  content: " [Aa]";
  color: #fffffe;
}

.submission-body-hidden.submission-has-url.submission-has-body .submission-nav ul li:first-child a::after {
  content: " [Aa]";
  color: #fffffe;
}

/* some color changes */

.sidebar__title a {
  color: #fffffe;
}

.sidebar__title a:visited {
  color: #fffffe;
}

.tabs__bar {
  background: #333;
}

/* lighter colors for info and nav */

a.comment-user, a.submission-submitter, a.submission-forum, a.comment-user.submitter {
  color: #bfbfbf
}