Reddit/styles.css
< Reddit
Jump to navigation
Jump to search
h1#firstHeading {
margin: 0;
padding: 0;
border-bottom: 1px solid #00000033;
}
#contentSub, #contentSub2 {
display: none;
}
.reddit-container {
display: flex;
flex-flow: row nowrap;
}
.reddit-dropdown-inner {
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: center;
column-gap: 0.1rem;
}
.reddit-dropdown-inner div {
border-radius: 1rem;
color: #5c6c74;
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
padding: 0 0.375rem 0 0.625rem;
line-height: 2rem;
font-size: 0.8rem;
font-weight: bold;
cursor: pointer;
}
.reddit-dropdown-inner div:hover {
background: #dbe4e9;
}
.reddit-dropdown-inner img {
opacity: 0.75;
}
.reddit-posts {
max-width: max-content;
margin: 1rem auto;
}
.reddit-posts .reddit-post-container:not(:last-child)::after, .reddit-dropdown::after {
content: "";
margin: 0.4rem 0;
display: block;
height: 1px;
width: 100%;
background-color: #00000019;
}
.reddit-sidebar {
width: fit-content;
padding: 1rem 1.5rem 0 0;
border-right: 1px solid #00000033;
}
.reddit-sidebar li, .reddit-sidebar ul {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
.reddit-sidebar-header {
color: #576f76;
border-radius: 0.6rem;
width: 15rem;
padding: 0.5rem 0 0.5rem 1rem;
cursor: pointer;
user-select: none;
}
.reddit-sidebar-header:hover {
background-color: #f6f8f9;
}
.reddit-sidebar li a:nth-of-type(2) {
display: block;
border-radius: 0.6rem;
color: #21272a;
padding: 0.5rem 0 0.5rem 3rem;
text-decoration: none;
}
.reddit-sidebar li:hover a:nth-of-type(2) {
background: #f6f8f9;
}
.reddit-sidebar li#reddit-home a:nth-of-type(2) {
background: #e5ebee;
}
.reddit-sidebar li:active a:nth-of-type(2) {
background: #00000026;
}
.reddit-sidebar li {
position: relative;
}
.reddit-sidebar li img {
position: absolute;
bottom: 0.5rem;
left: 1rem;
}
.reddit-sidebar-border {
margin: 1rem;
height: 1px;
background: #00000019;
}
@media screen and (max-width: 1200px) {
.reddit-sidebar {
display: none;
}
}