2016-12-29 00:39:08 +08:00
|
|
|
@keyframes button-jump-up {
|
|
|
|
0% { bottom: 0;}
|
|
|
|
50% { bottom: 45px;}
|
|
|
|
65% { bottom: 40px;}
|
|
|
|
77% { bottom: 43px;}
|
|
|
|
100% { bottom: 40px;}
|
|
|
|
}
|
|
|
|
|
2016-12-21 05:00:54 +08:00
|
|
|
.progress-back-container {
|
|
|
|
position: fixed;
|
|
|
|
bottom: 40px;
|
|
|
|
z-index: 950;
|
2016-12-29 01:24:17 +08:00
|
|
|
margin-right: 0px;
|
2016-12-29 00:39:08 +08:00
|
|
|
animation-duration: 0.5s;
|
|
|
|
animation-name: button-jump-up;
|
2016-12-29 01:24:17 +08:00
|
|
|
width: 145px;
|
|
|
|
text-align: center;
|
|
|
|
|
2016-12-21 05:00:54 +08:00
|
|
|
.btn {
|
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2017-06-24 02:37:49 +08:00
|
|
|
#topic-progress-wrapper {
|
|
|
|
.topic-admin-menu-button-container {
|
|
|
|
position: relative;
|
2017-06-27 00:32:01 +08:00
|
|
|
right: 38px;
|
2017-06-24 02:37:49 +08:00
|
|
|
top: 35px;
|
|
|
|
|
|
|
|
.widget-button {
|
|
|
|
height: 35px;
|
2017-06-27 00:32:01 +08:00
|
|
|
border-right: 1px solid dark-light-diff($primary, $secondary, 80%, -70%);
|
2017-06-24 02:37:49 +08:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.topic-admin-popup-menu.right-side {
|
|
|
|
position: relative;
|
|
|
|
right: 35px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
#topic-progress-wrapper.docked {
|
|
|
|
.topic-admin-popup-menu.right-side {
|
|
|
|
right: 40px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
2014-10-06 23:50:18 +08:00
|
|
|
#topic-title {
|
2015-01-15 04:36:38 +08:00
|
|
|
.title-wrapper {
|
2017-08-31 21:08:09 +08:00
|
|
|
float: left;
|
|
|
|
width: 90%;
|
2017-08-31 17:16:08 +08:00
|
|
|
|
2015-01-15 04:36:38 +08:00
|
|
|
.btn-small {
|
|
|
|
margin: 0 6px 0 0;
|
|
|
|
}
|
2015-04-15 03:54:17 +08:00
|
|
|
|
|
|
|
.badge-wrapper {
|
2016-12-30 03:59:30 +08:00
|
|
|
margin-right: 12px;
|
2015-04-15 03:54:17 +08:00
|
|
|
}
|
2016-12-05 20:31:43 +08:00
|
|
|
|
|
|
|
a.topic-featured-link {
|
|
|
|
display: inline-block;
|
|
|
|
}
|
2015-01-15 04:36:38 +08:00
|
|
|
}
|
2014-10-06 23:50:18 +08:00
|
|
|
|
2016-12-30 03:59:30 +08:00
|
|
|
h1 {
|
|
|
|
margin: 0 0 4px 0;
|
|
|
|
}
|
|
|
|
|
2014-10-06 23:50:18 +08:00
|
|
|
a.badge-category {
|
|
|
|
margin-top: 5px;
|
2015-01-15 04:36:38 +08:00
|
|
|
}
|
2014-10-06 23:50:18 +08:00
|
|
|
|
2014-12-19 16:46:24 +08:00
|
|
|
a.edit-topic i { font-size: 0.8em; }
|
2014-10-06 23:50:18 +08:00
|
|
|
}
|
2014-12-31 05:29:28 +08:00
|
|
|
|
|
|
|
.topic-title-outlet {
|
|
|
|
clear: both;
|
|
|
|
}
|
2015-02-19 10:17:31 +08:00
|
|
|
|
2015-04-15 03:54:17 +08:00
|
|
|
.extra-info-wrapper {
|
|
|
|
.badge-wrapper {
|
|
|
|
float: left;
|
2015-09-02 10:20:35 +08:00
|
|
|
&.bullet {
|
|
|
|
margin-top: 5px;
|
|
|
|
}
|
2015-04-15 03:54:17 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
}
|
2015-04-28 03:55:10 +08:00
|
|
|
|
|
|
|
.has-pending-posts {
|
|
|
|
padding: 0.5em;
|
2017-06-12 10:20:14 +08:00
|
|
|
background-color: $highlight-medium;
|
2015-04-28 03:55:10 +08:00
|
|
|
a[href] {
|
|
|
|
float: right;
|
|
|
|
}
|
2017-09-26 22:27:24 +08:00
|
|
|
margin-top: 1em;
|
|
|
|
max-width: 757px;
|
2015-04-28 03:55:10 +08:00
|
|
|
}
|
2015-06-16 06:24:08 +08:00
|
|
|
|
|
|
|
// Target the .badge-category text, the bullet icon needs to maintain `display: block`
|
|
|
|
#suggested-topics h3 .badge-wrapper.bullet span.badge-category,
|
|
|
|
#suggested-topics h3 .badge-wrapper.box span,
|
|
|
|
#suggested-topics h3 .badge-wrapper.bar span {
|
|
|
|
display: inline;
|
|
|
|
}
|
|
|
|
|
2016-12-05 20:31:43 +08:00
|
|
|
#suggested-topics h3 .badge-wrapper.bullet span.badge-category {
|
2015-06-16 06:24:08 +08:00
|
|
|
// Override vertical-align: text-top from `badges.css.scss`
|
|
|
|
vertical-align: baseline;
|
2015-12-15 20:58:08 +08:00
|
|
|
line-height: 1.2;
|
2015-06-16 06:24:08 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
#suggested-topics h3 .badge-wrapper.bullet,
|
|
|
|
#suggested-topics h3 .badge-wrapper.bullet span.badge-category-parent-bg,
|
|
|
|
#suggested-topics h3 .badge-wrapper.bullet span.badge-category-bg {
|
|
|
|
// Top of bullet aligns with top of line - adjust line height to vertically align bullet.
|
|
|
|
line-height: 0.8;
|
|
|
|
}
|
2015-08-13 05:00:16 +08:00
|
|
|
|
2015-10-14 21:32:57 +08:00
|
|
|
#suggested-topics .badge-wrapper.bullet span.badge-category,
|
|
|
|
#suggested-topics .badge-wrapper.bar span.badge-category {
|
|
|
|
max-width: 150px;
|
|
|
|
}
|
|
|
|
|
2015-08-13 05:00:16 +08:00
|
|
|
.topic-unsubscribe {
|
2017-09-10 02:29:07 +08:00
|
|
|
.notifications-button {
|
2015-08-13 05:00:16 +08:00
|
|
|
display: inline-block;
|
2015-08-14 18:22:32 +08:00
|
|
|
float: none;
|
|
|
|
line-height: 2em;
|
2015-08-13 05:00:16 +08:00
|
|
|
.dropdown-toggle {
|
|
|
|
float: none;
|
|
|
|
}
|
|
|
|
.dropdown-menu {
|
|
|
|
bottom: initial;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2016-05-17 02:31:52 +08:00
|
|
|
|
|
|
|
.post-links-container {
|
|
|
|
@include unselectable;
|
|
|
|
clear: both;
|
2016-06-08 14:48:37 +08:00
|
|
|
|
|
|
|
.post-links {
|
|
|
|
margin-top: 1em;
|
2016-06-09 03:37:52 +08:00
|
|
|
padding-top: 1em;
|
2017-06-12 10:20:14 +08:00
|
|
|
border-top: 1px solid $primary-low;
|
2016-06-08 14:48:37 +08:00
|
|
|
}
|
2016-05-17 02:31:52 +08:00
|
|
|
|
|
|
|
.expand-links {
|
2017-10-11 04:07:46 +08:00
|
|
|
color: dark-light-choose($primary-medium, $secondary-medium);
|
2016-05-17 02:31:52 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
.track-link {
|
2016-06-08 14:48:37 +08:00
|
|
|
padding-left: 0;
|
2016-05-17 02:31:52 +08:00
|
|
|
display: inline-block;
|
|
|
|
overflow: hidden;
|
|
|
|
}
|
|
|
|
|
|
|
|
ul {
|
2016-06-08 14:48:37 +08:00
|
|
|
margin: 0;
|
2016-05-17 02:31:52 +08:00
|
|
|
list-style: none;
|
|
|
|
|
|
|
|
li {
|
|
|
|
margin-bottom: 0.5em;
|
|
|
|
a[href] {
|
2017-10-11 04:07:46 +08:00
|
|
|
color: dark-light-choose($primary-medium, $secondary-medium);
|
2016-06-08 14:48:37 +08:00
|
|
|
}
|
|
|
|
.clicks {
|
|
|
|
margin-left: 0.5em;
|
2016-05-17 02:31:52 +08:00
|
|
|
}
|
|
|
|
i {
|
2016-06-08 15:59:34 +08:00
|
|
|
float: left;
|
2016-05-17 02:31:52 +08:00
|
|
|
font-size: 0.857em;
|
2016-06-08 15:59:34 +08:00
|
|
|
margin: 0.3em 0.5em 0 0;
|
2016-05-17 02:31:52 +08:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
a.reply-new {
|
|
|
|
i {
|
|
|
|
background: $secondary;
|
|
|
|
border-radius: 20px;
|
|
|
|
transition: all linear .15s;
|
|
|
|
}
|
|
|
|
&:hover {
|
|
|
|
color: $tertiary;
|
|
|
|
i {
|
2017-06-12 10:20:14 +08:00
|
|
|
background: $tertiary-low;
|
2016-05-17 02:31:52 +08:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2016-12-05 20:31:43 +08:00
|
|
|
|
|
|
|
a.topic-featured-link {
|
|
|
|
display: inline-block;
|
|
|
|
text-transform: lowercase;
|
2017-11-23 03:53:35 +08:00
|
|
|
color: dark-light-choose($primary-medium, $secondary-medium);
|
2016-12-05 20:31:43 +08:00
|
|
|
font-size: 0.875rem;
|
|
|
|
|
|
|
|
&::before {
|
|
|
|
position: relative;
|
|
|
|
top: 0.1em;
|
|
|
|
padding-right: 3px;
|
|
|
|
font-family: FontAwesome;
|
|
|
|
content: "\f08e";
|
|
|
|
}
|
|
|
|
}
|