You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
162 lines
2.3 KiB
Plaintext
162 lines
2.3 KiB
Plaintext
.category {
|
|
|
|
.topic-list {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
> ul {
|
|
> li {
|
|
list-style: none;
|
|
|
|
&:not(.unread) {
|
|
.card {
|
|
border-color: lighten(@gray-light, 20%) !important;
|
|
}
|
|
|
|
h2 a {
|
|
color: @gray;
|
|
}
|
|
}
|
|
|
|
&.deleted {
|
|
-moz-opacity: 0.30;
|
|
opacity: 0.30;
|
|
}
|
|
|
|
&.pinned {
|
|
[component="topic/pinned"] {
|
|
cursor: move;
|
|
}
|
|
}
|
|
|
|
.select {
|
|
position: relative;
|
|
.pointer;
|
|
|
|
&:before {
|
|
content: "";
|
|
display: none;
|
|
}
|
|
|
|
.fa-check {
|
|
padding: 14px;
|
|
border-radius: 50%;
|
|
position: absolute;
|
|
font-size: 15px;
|
|
opacity: 0;
|
|
top: 0px;
|
|
left: 0px;
|
|
|
|
&:before {
|
|
.pointer;
|
|
}
|
|
|
|
@media (max-width: @screen-sm-max) {
|
|
padding: 7px;
|
|
}
|
|
}
|
|
|
|
.user-img, .user-icon {
|
|
opacity: 1;
|
|
}
|
|
|
|
.fa-check, .user-img, .user-icon {
|
|
.transition(.2s ease-in-out all);
|
|
}
|
|
|
|
float: left;
|
|
}
|
|
|
|
.avatar .select:hover {
|
|
.user-img, .user-icon {
|
|
opacity: 0;
|
|
}
|
|
|
|
.fa-check {
|
|
border: 1px solid @brand-primary;
|
|
color: @brand-primary;
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
&.selected {
|
|
.select .user-img, .select .user-icon {
|
|
opacity: 0;
|
|
}
|
|
|
|
.avatar .select .fa-check {
|
|
opacity: 1;
|
|
border: 1px solid @brand-success;
|
|
color: @brand-success;
|
|
}
|
|
}
|
|
|
|
.tag-list {
|
|
display: inline-block;
|
|
.tag {
|
|
text-transform: uppercase;
|
|
font-size: 10px;
|
|
background: lighten(@gray-lighter, 2.5%);
|
|
padding: 5px;
|
|
white-space: nowrap;
|
|
}
|
|
}
|
|
|
|
.fa-stack {
|
|
font-size: 90%;
|
|
}
|
|
|
|
.card .user-icon {
|
|
display: inline-block;
|
|
.user-icon-style(24px, 1.5rem, 50%);
|
|
}
|
|
}
|
|
|
|
&:last-child li {
|
|
border-bottom: 0;
|
|
}
|
|
}
|
|
|
|
.unread {
|
|
.topic-title {
|
|
font-weight: bold;
|
|
}
|
|
}
|
|
}
|
|
|
|
.category, .categories, .subcategory {
|
|
> p {
|
|
text-transform: uppercase;
|
|
color: @gray-light;
|
|
}
|
|
|
|
h2.title .description {
|
|
font-size: 65%;
|
|
font-weight: normal;
|
|
line-height: 1;
|
|
color: @gray-light;
|
|
margin-top: 5px;
|
|
display: block;
|
|
}
|
|
}
|
|
|
|
.categories-title {
|
|
text-transform: uppercase;
|
|
color: @gray-light;
|
|
margin: 0 0 10px;
|
|
font-size: 14px;
|
|
font-weight: normal;
|
|
line-height: 1.42857143;
|
|
}
|
|
|
|
[component="category-selector"], .category-dropdown-container {
|
|
.fa-stack {
|
|
font-size: 65%;
|
|
}
|
|
}
|
|
|
|
.category-dropdown-menu {
|
|
max-height: 500px;
|
|
overflow-y: auto;
|
|
}
|