demostf/frontend
1
0
Fork 0
mirror of https://codeberg.org/demostf/frontend.git synced 2026-06-03 10:14:13 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

chat

Browse source
This commit is contained in:
Robin Appelman 2023-04-08 22:53:21 +02:00
commit 82a82d2aff
7 changed files with 152 additions and 43 deletions
Download patch file Download diff file Expand all files Collapse all files

37
style/pages/demo.css
View file

@ -216,3 +216,40 @@ table.players {
background-color: #5b818f66;
}
}
table.chat {
& td {
padding: 0 6px;
}
& td.user {
white-space: nowrap;
vertical-align: top;
width: 20%;
color: var(--text-secondary);
text-align: right;
border-right: 1px solid #ccc;
}
& td.message {
word-break: break-all;
}
& td.duration {
width: 80px;
text-align: right;
color: var(--text-secondary);
}
}
details.chat {
margin-top: -55px;
& > summary {
float: right;
}
& > div {
padding-top: 45px;
}
}

35
style/pure.css Normal file
View file

@ -0,0 +1,35 @@
.button {
border-radius: 0;
min-width: 150px;
display: inline-block;
zoom: 1;
line-height: normal;
white-space: nowrap;
vertical-align: middle;
text-align: center;
cursor: pointer;
border: none;
-webkit-user-drag: none;
font-family: inherit;
font-size: 100%;
padding: .5em 1em;
color: var(--text-primary);
background-color: #E6E6E6;
text-decoration: none;
}
.button:hover {
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1)));
background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.1));
background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}
.button-primary {
background-color: var(--button-primary);
}
.button-tertiary, .button-tertiary:hover {
color: var(--text-secondary);
background-color: transparent;
text-decoration: underline;
}

43
style/style.css
View file

@ -1,5 +1,6 @@
@import 'header.css';
@import 'footer.css';
@import 'pure.css';
@import 'pages/index.css';
@import 'pages/demo.css';
@ -154,48 +155,6 @@ pre {
float: right;
}
.pure-button {
border-radius: 0;
min-width: 150px;
}
.pure-button-primary, .pure-button-selected, a.pure-button-primary, a.pure-button-selected {
background-color: var(--button-primary);
color: var(--text-primary);
}
.pure-button {
display: inline-block;
zoom: 1;
line-height: normal;
white-space: nowrap;
vertical-align: middle;
text-align: center;
cursor: pointer;
border: none;
-webkit-user-drag: none;
font-family: inherit;
font-size: 100%;
padding: .5em 1em;
color: rgba(0, 0, 0, 0.8);
background-color: #E6E6E6;
text-decoration: none;
min-width: 150px;
&.pure-button-tertiary {
background-color: transparent;
text-decoration: underline;
color: var(--text-secondary);
}
}
.pure-button:hover {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a000000', endColorstr='#1a000000', GradientType=0);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1)));
background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.1));
background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}
.button-delete {
background: var(--button-critical);
color: var(--primary-color);