Viewing source of devtesla/devtesla_css_test
Revision ID:
a3e630bb-
Hierarchy
- Default
- devtesla/devtesla_css_test
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-row {
margin-top: .5em;
}
.comment-nav ul {
margin-bottom: 0;
}
.comment-replies .comment {
margin: 0 0 0 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;
}
/* 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
}