v1.2.0-beta/fix file structure

2020-05-21 10:48:37 -04:00
parent c5dc4d756f
commit 9e61fe15ef
38 changed files with 19531 additions and 0 deletions
@@ -0,0 +1,95 @@
+.thread-item {
+  width: 100%;
+  white-space: pre-wrap;
+  margin-top: 25px !important;
+  font-size: 12px !important;
+  position: relative;
+}
+.thread-item.no-space {
+  margin-top: 0 !important;
+}
+.system-message {
+  display: block;
+  text-align: center;
+  width: 100%;
+  text-align: center;
+  font-size: 12px;
+  margin-top: 7.5px !important;
+  color: rgba(147, 147, 147, 0.8) !important;
+}
+.system-message.alert {
+  background-color: black;
+  border-radius: 1rem;
+  color: white !important;
+  padding: 5px 10px;
+  position: sticky;
+  top: 2px;
+  z-index: 1;
+}
+.my-message {
+  display: block;
+  width: fit-content;
+  text-align: right;
+  margin-left: auto !important;
+  margin-right: 5px !important;
+  margin-top: 5px !important;
+  padding: 2.5px 10px !important;
+  border-radius: 13px;
+  max-width: 60%;
+  word-wrap: break-word;
+  background-color: rgb(49, 49, 49);
+}
+img.my-message {
+  margin-right: 0 !important;
+  padding-right: 0 !important;
+  border-radius: 1rem;
+  max-width: 60%;
+  background: none;
+  border-radius: 2rem;
+}
+.party-message {
+  font-size: 1rem !important;
+  display: block;
+  width: fit-content;
+  max-width: 60%;
+  word-wrap: break-word;
+  margin-top: 5px !important;
+  padding: 2.5px 10px !important;
+  border-radius: 13px;
+  background-color: rgb(88, 88, 88);
+}
+img.party-message {
+  border-radius: 1rem;
+  max-width: 60%;
+  background: none;
+  border-radius: 2rem;
+  margin-left: 0 !important;
+  padding-left: 0 !important;
+}
+.thread-item .name {
+  color: rgb(149, 149, 149);
+  font-size: 10px !important;
+}
+.time {
+  top: 0;
+  color: #3a3a3a;
+  position: absolute;
+  opacity: 0;
+  transition: all ease-in-out 0.3s;
+}
+.party-message ~ .time {
+  right: 0;
+}
+.party-message:hover ~ .time {
+  opacity: 1;
+}
+.my-message ~ .time {
+  left: 0;
+}
+.my-message:hover ~ .time {
+  opacity: 1;
+}
+body.hulu .my-message,
+body.hulu .party-message {
+  font-size: 1.4rem !important;
+}