mirror of https://github.com/spikecodes/libreddit
Make posts single-color
This commit is contained in:
spikecodes
parent
140c1b1bfa
commit
7360503234
|
|
@ -16,6 +16,7 @@
|
|||
--background: #0f0f0f;
|
||||
--outside: #1f1f1f;
|
||||
--post: #161616;
|
||||
--panel-border: 1px solid #333;
|
||||
--highlighted: #333;
|
||||
--shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
|
@ -30,6 +31,7 @@
|
|||
--background: #ddd;
|
||||
--outside: #ececec;
|
||||
--post: #eee;
|
||||
--panel-border: 1px solid #ccc;
|
||||
--highlighted: white;
|
||||
--shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
|
@ -44,6 +46,7 @@
|
|||
--background: #ddd;
|
||||
--outside: #ececec;
|
||||
--post: #eee;
|
||||
--panel-border: 1px solid #ccc;
|
||||
--highlighted: white;
|
||||
--shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
|
@ -167,7 +170,7 @@ aside {
|
|||
}
|
||||
|
||||
.post, .panel {
|
||||
border: 1px solid var(--highlighted);
|
||||
border: var(--panel-border);
|
||||
}
|
||||
|
||||
.dot {
|
||||
|
|
@ -388,7 +391,7 @@ button.submit:hover > svg { stroke: var(--accent); }
|
|||
background: var(--post);
|
||||
box-shadow: var(--shadow);
|
||||
transition: 0.2s background;
|
||||
border: 1px solid var(--highlighted);
|
||||
border: var(--panel-border);
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
|
|
@ -443,7 +446,7 @@ a.search_subreddit:hover {
|
|||
"post_score post_media post_thumbnail" auto
|
||||
"post_score post_body post_thumbnail" auto
|
||||
"post_score post_footer post_thumbnail" auto
|
||||
/ minmax(50px, auto) 1fr fit-content(min(20%, 152px));
|
||||
/ minmax(40px, auto) 1fr fit-content(min(20%, 152px));
|
||||
}
|
||||
|
||||
.post:not(:last-child) { margin-bottom: 10px; }
|
||||
|
|
@ -458,18 +461,16 @@ a.search_subreddit:hover {
|
|||
|
||||
.post_score {
|
||||
padding-top: 20px;
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
text-align: end;
|
||||
color: var(--accent);
|
||||
grid-area: post_score;
|
||||
text-align: center;
|
||||
background: var(--foreground);
|
||||
text-align: end;
|
||||
border-radius: 5px 0 0 5px;
|
||||
transition: 0.2s background;
|
||||
}
|
||||
|
||||
.post:hover > .post_score {
|
||||
background: var(--highlighted);
|
||||
}
|
||||
|
||||
.post_score .label {
|
||||
display: none;
|
||||
}
|
||||
|
|
@ -569,7 +570,7 @@ a.search_subreddit:hover {
|
|||
|
||||
.post_thumbnail {
|
||||
border-radius: 5px;
|
||||
border: 1px solid var(--foreground);
|
||||
border: var(--panel-border);
|
||||
display: grid;
|
||||
overflow: hidden;
|
||||
background-color: var(--background);
|
||||
|
|
@ -849,7 +850,7 @@ input[type="submit"] {
|
|||
padding: 10px;
|
||||
margin: 4px 0 4px 5px;
|
||||
border-left: 4px solid var(--highlighted);
|
||||
background: var(--outside);
|
||||
background: var(--post);
|
||||
}
|
||||
|
||||
.md a, .md a * {
|
||||
|
|
@ -891,13 +892,14 @@ input[type="submit"] {
|
|||
|
||||
/* Tables */
|
||||
|
||||
table, td, th { border: var(--panel-border); }
|
||||
|
||||
table {
|
||||
border: 3px var(--highlighted) solid;
|
||||
border-width: 3px;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
td, th {
|
||||
border: 1px var(--highlighted) solid;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
|
@ -917,7 +919,6 @@ td, th {
|
|||
background-color: unset;
|
||||
margin: 5px 0px 20px 20px;
|
||||
padding: 0;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.compact .post_score {
|
||||
|
|
|
|||
|
|
@ -41,7 +41,6 @@
|
|||
|
||||
<!-- POST CONTENT -->
|
||||
<div class="post highlighted">
|
||||
|
||||
<p class="post_header">
|
||||
<a class="post_subreddit" href="/r/{{ post.community }}">r/{{ post.community }}</a>
|
||||
<span class="dot">•</span>
|
||||
|
|
@ -73,14 +72,12 @@
|
|||
<div class="post_body">{{ post.body }}</div>
|
||||
<div class="post_score">{{ post.score }}<span class="label"> Upvotes</span></div>
|
||||
<div class="post_footer">
|
||||
|
||||
<ul id="post_links">
|
||||
<li><a href="/{{ post.id }}">permalink</a></li>
|
||||
<li><a href="https://reddit.com/{{ post.id }}">reddit</a></li>
|
||||
</ul>
|
||||
<p>{{ post.upvote_ratio }}% Upvoted</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- SORT FORM -->
|
||||
|
|
|
|||
|
|
@ -77,7 +77,7 @@
|
|||
|
||||
<div class="post_score">{{ post.score }}<span class="label"> Upvotes</span></div>
|
||||
<div class="post_footer">
|
||||
<a href="{{ post.permalink }}" class="post_comments">{{ post.comments }} Comments</a>
|
||||
<a href="{{ post.permalink }}" class="post_comments">{{ post.comments }} comments</a>
|
||||
</div>
|
||||
</div>
|
||||
{% else %}
|
||||
|
|
|
|||
|
|
@ -72,7 +72,7 @@
|
|||
|
||||
<div class="post_score">{{ post.score }}<span class="label"> Upvotes</span></div>
|
||||
<div class="post_footer">
|
||||
<a href="{{ post.permalink }}" class="post_comments">{{ post.comments }} Comments</a>
|
||||
<a href="{{ post.permalink }}" class="post_comments">{{ post.comments }} comments</a>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
|
|
|||
|
|
@ -62,7 +62,7 @@
|
|||
|
||||
<div class="post_score">{{ post.score }}<span class="label"> Upvotes</span></div>
|
||||
<div class="post_footer">
|
||||
<a href="{{ post.permalink }}" class="post_comments">{{ post.comments }} Comments</a>
|
||||
<a href="{{ post.permalink }}" class="post_comments">{{ post.comments }} comments</a>
|
||||
</div>
|
||||
</div>
|
||||
{% else %}
|
||||
|
|
|
|||
Loading…
Reference in New Issue