Beautify all CSS
This commit is contained in:
parent
231305d0f5
commit
35009c32f0
9 changed files with 99 additions and 86 deletions
|
@ -78,10 +78,10 @@
|
||||||
padding-top: 5px;
|
padding-top: 5px;
|
||||||
/*Message gradient background color - remove the line bellow if you don't want a background color or gradient*/
|
/*Message gradient background color - remove the line bellow if you don't want a background color or gradient*/
|
||||||
background: linear-gradient(to bottom, #171730, #1b263f);
|
background: linear-gradient(to bottom, #171730, #1b263f);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*Adds 2 extra lines at the top and bottom of the message*/
|
/*Adds 2 extra lines at the top and bottom of the message*/
|
||||||
.message-body:before,
|
.message-body:before,
|
||||||
.message-body:after {
|
.message-body:after {
|
||||||
content: "";
|
content: "";
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
@ -89,16 +89,15 @@
|
||||||
right: 10px;
|
right: 10px;
|
||||||
height: 1px;
|
height: 1px;
|
||||||
background-color: rgba(255, 255, 255, 0.13);
|
background-color: rgba(255, 255, 255, 0.13);
|
||||||
}
|
}
|
||||||
|
|
||||||
.message-body:before {
|
.message-body:before {
|
||||||
top: 6px;
|
top: 6px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.message-body:after {
|
.message-body:after {
|
||||||
bottom: 6px;
|
bottom: 6px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.message-body img {
|
.message-body img {
|
||||||
max-width: 300px;
|
max-width: 300px;
|
||||||
|
@ -124,6 +123,7 @@
|
||||||
.message-body code {
|
.message-body code {
|
||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.message-body :not(pre) > code {
|
.message-body :not(pre) > code {
|
||||||
white-space: normal !important;
|
white-space: normal !important;
|
||||||
}
|
}
|
||||||
|
|
|
@ -42,7 +42,8 @@
|
||||||
object-fit: cover;
|
object-fit: cover;
|
||||||
}
|
}
|
||||||
|
|
||||||
.text {}
|
.text {
|
||||||
|
}
|
||||||
|
|
||||||
.text p {
|
.text p {
|
||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
|
@ -52,7 +53,8 @@
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.message-body {}
|
.message-body {
|
||||||
|
}
|
||||||
|
|
||||||
.message-body img {
|
.message-body img {
|
||||||
max-width: 300px;
|
max-width: 300px;
|
||||||
|
@ -78,6 +80,7 @@
|
||||||
.message-body code {
|
.message-body code {
|
||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.message-body :not(pre) > code {
|
.message-body :not(pre) > code {
|
||||||
white-space: normal !important;
|
white-space: normal !important;
|
||||||
}
|
}
|
||||||
|
|
|
@ -42,10 +42,12 @@
|
||||||
height: 100%;
|
height: 100%;
|
||||||
object-fit: cover;
|
object-fit: cover;
|
||||||
}
|
}
|
||||||
|
|
||||||
.circle-you {
|
.circle-you {
|
||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
.circle-bot + .text, .circle-you + .text {
|
.circle-bot + .text, .circle-you + .text {
|
||||||
border-radius: 18px;
|
border-radius: 18px;
|
||||||
padding: 8px 12px;
|
padding: 8px 12px;
|
||||||
|
@ -65,6 +67,7 @@
|
||||||
.circle-you + .text div, .circle-you + .text *, .dark .circle-you + .text div, .dark .circle-you + .text * {
|
.circle-you + .text div, .circle-you + .text *, .dark .circle-you + .text div, .dark .circle-you + .text * {
|
||||||
color: #FFF !important;
|
color: #FFF !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.circle-you + .text .username {
|
.circle-you + .text .username {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
@ -85,7 +88,8 @@
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.message-body {}
|
.message-body {
|
||||||
|
}
|
||||||
|
|
||||||
.message-body img {
|
.message-body img {
|
||||||
max-width: 300px;
|
max-width: 300px;
|
||||||
|
@ -111,6 +115,7 @@
|
||||||
.message-body code {
|
.message-body code {
|
||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.message-body :not(pre) > code {
|
.message-body :not(pre) > code {
|
||||||
white-space: normal !important;
|
white-space: normal !important;
|
||||||
}
|
}
|
||||||
|
|
|
@ -47,7 +47,8 @@
|
||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.message-body {}
|
.message-body {
|
||||||
|
}
|
||||||
|
|
||||||
.message-body img {
|
.message-body img {
|
||||||
max-width: 300px;
|
max-width: 300px;
|
||||||
|
@ -73,6 +74,7 @@
|
||||||
.message-body code {
|
.message-body code {
|
||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.message-body :not(pre) > code {
|
.message-body :not(pre) > code {
|
||||||
white-space: normal !important;
|
white-space: normal !important;
|
||||||
}
|
}
|
||||||
|
|
|
@ -2,6 +2,7 @@
|
||||||
background-color: #eef2ff;
|
background-color: #eef2ff;
|
||||||
padding: 17px;
|
padding: 17px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#parent #container .reply {
|
#parent #container .reply {
|
||||||
background-color: rgb(214, 218, 240);
|
background-color: rgb(214, 218, 240);
|
||||||
border-bottom-color: rgb(183, 197, 217);
|
border-bottom-color: rgb(183, 197, 217);
|
||||||
|
|
|
@ -24,7 +24,8 @@
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.message-body {}
|
.message-body {
|
||||||
|
}
|
||||||
|
|
||||||
.message-body p {
|
.message-body p {
|
||||||
font-size: 15px !important;
|
font-size: 15px !important;
|
||||||
|
@ -44,6 +45,7 @@
|
||||||
.message-body code {
|
.message-body code {
|
||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.message-body :not(pre) > code {
|
.message-body :not(pre) > code {
|
||||||
white-space: normal !important;
|
white-space: normal !important;
|
||||||
}
|
}
|
||||||
|
|
|
@ -3,7 +3,7 @@
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
background-color: rgb(31, 41, 55);
|
background-color: rgb(31, 41, 55);
|
||||||
padding:3em;
|
padding: 3em;
|
||||||
word-break: break-word;
|
word-break: break-word;
|
||||||
overflow-wrap: anywhere;
|
overflow-wrap: anywhere;
|
||||||
color: #efefef !important;
|
color: #efefef !important;
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue