Chat texture and status
This commit is contained in:
Mandar
29
system/assets/icons/status-equipped-readied.svg
Normal file
29
system/assets/icons/status-equipped-readied.svg
Normal file
@@ -0,0 +1,29 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 24.1.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
width="512px" height="512px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
|
||||
<path d="M115.6,20c-23.7,3.2-45.2,30.9-45.2,66.8c0,19.7,6.9,37.4,17,49.4l11.9,14.4l-18.4,3.4c-13.1,2.5-22.5,9.4-30.7,20.5
|
||||
c-8.2,11.3-14.4,26.9-18.8,44.9c-8.1,32.6-9.8,72.5-10.1,107.7h43.5l11.9,159.6c30.2,6.9,62.4,6.6,91.6,0l10.6-159.6H220
|
||||
c0-35.7-0.5-76.1-7.7-109.1c-4-18-9.9-33.7-18.2-44.8c-8.3-11.1-18.3-17.9-33-20.1l-18.8-3l11.9-14.8c9.7-12.1,16-29.4,16-48.6
|
||||
c0-38.3-24-66.7-50-66.7C120.3,20.1,115.6,20,115.6,20z"/>
|
||||
<g transform="translate(0,0)">
|
||||
<path d="M360.6,41.8c-14.2,0-25.8,11.6-25.8,25.8c0,8.1,3.8,15.4,9.7,20.1h-24.2l-30.2,90.6h141l-30.2-90.6h-24.2
|
||||
c5.9-4.7,9.7-12,9.7-20.1C386.4,53.5,374.8,41.8,360.6,41.8z M360.6,53.2c8.1,0,14.5,6.4,14.5,14.5s-6.4,14.5-14.5,14.5
|
||||
c-8.1,0-14.5-6.4-14.5-14.5S352.5,53.2,360.6,53.2z M334.7,117h7.4v10.5l10.7-10.5h8.6l-13.8,13.6l15.2,15.1h-9.3l-11.4-11.3v11.3
|
||||
h-7.4V117L334.7,117z M372.5,123.7c1.5,0,2.8,0.3,4,0.9c1.1,0.6,2.2,1.5,3.1,2.8v-3.2h6.9v19.3c0,3.5-1.1,6.1-3.3,7.9
|
||||
c-2.2,1.8-5.3,2.7-9.5,2.7c-1.3,0-2.6-0.1-3.9-0.3c-1.3-0.2-2.5-0.5-3.8-0.9v-5.4c1.2,0.7,2.4,1.2,3.5,1.5c1.2,0.3,2.3,0.5,3.5,0.5
|
||||
c2.3,0,3.9-0.5,5-1.5c1.1-1,1.6-2.5,1.6-4.6v-1.5c-0.9,1.3-2,2.2-3.1,2.8c-1.1,0.6-2.5,0.9-4,0.9c-2.6,0-4.8-1-6.5-3.1
|
||||
c-1.7-2.1-2.6-4.7-2.6-7.9c0-3.2,0.9-5.8,2.6-7.9C367.7,124.8,369.8,123.7,372.5,123.7z M375,128.7c-1.4,0-2.5,0.5-3.3,1.6
|
||||
c-0.8,1.1-1.2,2.5-1.2,4.5c0,2,0.4,3.5,1.2,4.5c0.8,1,1.9,1.5,3.4,1.5c1.4,0,2.5-0.5,3.3-1.6c0.8-1.1,1.2-2.5,1.2-4.4
|
||||
c0-1.9-0.4-3.4-1.2-4.5C377.6,129.2,376.5,128.7,375,128.7L375,128.7z"/>
|
||||
</g>
|
||||
<g transform="translate(0,0)">
|
||||
<path d="M467.9,266.6c-5-4.2-11.8-2-20.5,5.5c-36.1,31-96.1,84.9-133.9,127.5l10,10C362.5,368.3,419.9,312.2,467.9,266.6
|
||||
L467.9,266.6z M307.5,405.7l-8.1,8.1l10.6,10.6c2.5-2.8,5.1-5.6,7.8-8.4L307.5,405.7z M280.6,405.7l-6,6l37.5,37.5l6-6L280.6,405.7
|
||||
z M281.9,431.4L253.3,460c0.2,5.4,5.1,10.6,10.7,10.7l28.7-28.7l-3.9-3.9c1.3,2,1.3,4.1,0.2,5.3c-1.5,1.5-4.5,0.8-6.8-1.4
|
||||
c2.3,2.3,2.9,5.3,1.4,6.8c-1.5,1.5-4.5,0.8-6.8-1.4c2.3,2.3,2.9,5.3,1.4,6.8c-1.5,1.5-4.5,0.8-6.8-1.4c2.3,2.3,2.9,5.3,1.4,6.8
|
||||
c-1.5,1.5-4.5,0.8-6.8-1.4c2.3,2.3,2.9,5.3,1.4,6.8c-1.5,1.5-4.5,0.8-6.8-1.4c-2.3-2.3-2.9-5.3-1.4-6.8c1.5-1.5,4.5-0.8,6.8,1.4
|
||||
c-2.3-2.3-2.9-5.3-1.4-6.8c1.5-1.5,4.5-0.8,6.8,1.4c-2.3-2.3-2.9-5.3-1.4-6.8c1.5-1.5,4.5-0.8,6.8,1.4c-2.3-2.3-2.9-5.3-1.4-6.8
|
||||
c1.5-1.5,4.5-0.8,6.8,1.4c-2.3-2.3-2.9-5.3-1.4-6.8c1.1-1.1,3.2-1,5.3,0.2L281.9,431.4z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.7 KiB |
20
system/assets/icons/status-equipped.svg
Normal file
20
system/assets/icons/status-equipped.svg
Normal file
@@ -0,0 +1,20 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 24.1.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
width="512px" height="512px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
|
||||
<path d="M115.6,20c-23.7,3.2-45.2,30.9-45.2,66.8c0,19.7,6.9,37.4,17,49.4l11.9,14.4l-18.4,3.4c-13.1,2.5-22.5,9.4-30.7,20.5
|
||||
c-8.2,11.3-14.4,26.9-18.8,44.9c-8.1,32.6-9.8,72.5-10.1,107.7h43.5l11.9,159.6c30.2,6.9,62.4,6.6,91.6,0l10.6-159.6H220
|
||||
c0-35.7-0.5-76.1-7.7-109.1c-4-18-9.9-33.7-18.2-44.8c-8.3-11.1-18.3-17.9-33-20.1l-18.8-3l11.9-14.8c9.7-12.1,16-29.4,16-48.6
|
||||
c0-38.3-24-66.7-50-66.7C120.3,20.1,115.6,20,115.6,20z"/>
|
||||
<g transform="translate(0,0)">
|
||||
<path d="M360.6,41.8c-14.2,0-25.8,11.6-25.8,25.8c0,8.1,3.8,15.4,9.7,20.1h-24.2l-30.2,90.6h141l-30.2-90.6h-24.2
|
||||
c5.9-4.7,9.7-12,9.7-20.1C386.4,53.5,374.8,41.8,360.6,41.8z M360.6,53.2c8.1,0,14.5,6.4,14.5,14.5s-6.4,14.5-14.5,14.5
|
||||
c-8.1,0-14.5-6.4-14.5-14.5S352.5,53.2,360.6,53.2z M334.7,117h7.4v10.5l10.7-10.5h8.6l-13.8,13.6l15.2,15.1h-9.3l-11.4-11.3v11.3
|
||||
h-7.4V117L334.7,117z M372.5,123.7c1.5,0,2.8,0.3,4,0.9c1.1,0.6,2.2,1.5,3.1,2.8v-3.2h6.9v19.3c0,3.5-1.1,6.1-3.3,7.9
|
||||
c-2.2,1.8-5.3,2.7-9.5,2.7c-1.3,0-2.6-0.1-3.9-0.3c-1.3-0.2-2.5-0.5-3.8-0.9v-5.4c1.2,0.7,2.4,1.2,3.5,1.5c1.2,0.3,2.3,0.5,3.5,0.5
|
||||
c2.3,0,3.9-0.5,5-1.5c1.1-1,1.6-2.5,1.6-4.6v-1.5c-0.9,1.3-2,2.2-3.1,2.8c-1.1,0.6-2.5,0.9-4,0.9c-2.6,0-4.8-1-6.5-3.1
|
||||
c-1.7-2.1-2.6-4.7-2.6-7.9c0-3.2,0.9-5.8,2.6-7.9C367.7,124.8,369.8,123.7,372.5,123.7z M375,128.7c-1.4,0-2.5,0.5-3.3,1.6
|
||||
c-0.8,1.1-1.2,2.5-1.2,4.5c0,2,0.4,3.5,1.2,4.5c0.8,1,1.9,1.5,3.4,1.5c1.4,0,2.5-0.5,3.3-1.6c0.8-1.1,1.2-2.5,1.2-4.4
|
||||
c0-1.9-0.4-3.4-1.2-4.5C377.6,129.2,376.5,128.7,375,128.7L375,128.7z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.8 KiB |
18
system/assets/icons/status-readied.svg
Normal file
18
system/assets/icons/status-readied.svg
Normal file
@@ -0,0 +1,18 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 24.1.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
width="512px" height="512px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
|
||||
<path d="M115.6,20c-23.7,3.2-45.2,30.9-45.2,66.8c0,19.7,6.9,37.4,17,49.4l11.9,14.4l-18.4,3.4c-13.1,2.5-22.5,9.4-30.7,20.5
|
||||
c-8.2,11.3-14.4,26.9-18.8,44.9c-8.1,32.6-9.8,72.5-10.1,107.7h43.5l11.9,159.6c30.2,6.9,62.4,6.6,91.6,0l10.6-159.6H220
|
||||
c0-35.7-0.5-76.1-7.7-109.1c-4-18-9.9-33.7-18.2-44.8c-8.3-11.1-18.3-17.9-33-20.1l-18.8-3l11.9-14.8c9.7-12.1,16-29.4,16-48.6
|
||||
c0-38.3-24-66.7-50-66.7C120.3,20.1,115.6,20,115.6,20z"/>
|
||||
<g transform="translate(0,0)">
|
||||
<path d="M467.9,266.6c-5-4.2-11.8-2-20.5,5.5c-36.1,31-96.1,84.9-133.9,127.5l10,10C362.5,368.3,419.9,312.2,467.9,266.6
|
||||
L467.9,266.6z M307.5,405.7l-8.1,8.1l10.6,10.6c2.5-2.8,5.1-5.6,7.8-8.4L307.5,405.7z M280.6,405.7l-6,6l37.5,37.5l6-6L280.6,405.7
|
||||
z M281.9,431.4L253.3,460c0.2,5.4,5.1,10.6,10.7,10.7l28.7-28.7l-3.9-3.9c1.3,2,1.3,4.1,0.2,5.3c-1.5,1.5-4.5,0.8-6.8-1.4
|
||||
c2.3,2.3,2.9,5.3,1.4,6.8c-1.5,1.5-4.5,0.8-6.8-1.4c2.3,2.3,2.9,5.3,1.4,6.8c-1.5,1.5-4.5,0.8-6.8-1.4c2.3,2.3,2.9,5.3,1.4,6.8
|
||||
c-1.5,1.5-4.5,0.8-6.8-1.4c2.3,2.3,2.9,5.3,1.4,6.8c-1.5,1.5-4.5,0.8-6.8-1.4c-2.3-2.3-2.9-5.3-1.4-6.8c1.5-1.5,4.5-0.8,6.8,1.4
|
||||
c-2.3-2.3-2.9-5.3-1.4-6.8c1.5-1.5,4.5-0.8,6.8,1.4c-2.3-2.3-2.9-5.3-1.4-6.8c1.5-1.5,4.5-0.8,6.8,1.4c-2.3-2.3-2.9-5.3-1.4-6.8
|
||||
c1.5-1.5,4.5-0.8,6.8,1.4c-2.3-2.3-2.9-5.3-1.4-6.8c1.1-1.1,3.2-1,5.3,0.2L281.9,431.4z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 22 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 31 KiB After Width: | Height: | Size: 20 KiB |
File diff suppressed because one or more lines are too long
@@ -48,9 +48,10 @@ $l5r5e-linear-gradient-third: rgba(95, 40, 65, 1);
|
||||
$l5r5e-linear-gradient-third-dark: rgba(65, 25, 40, 1);
|
||||
|
||||
// Chat color
|
||||
$l5r5e-chat-color: rgba(225, 215, 200, 0.75);
|
||||
$l5r5e-chat-color-mid: rgba(225, 215, 200, 0.5);
|
||||
$l5r5e-chat-color-light: rgba(225, 215, 200, 0.25);
|
||||
$l5r5e-chat-color: rgba(225, 215, 200, 0.25);
|
||||
$l5r5e-chat-color-roll: rgba(225, 215, 200, 0.75);
|
||||
$l5r5e-chat-color-blind: transparent;
|
||||
$l5r5e-chat-color-whisper: rgba(225, 200, 225, 0.75);
|
||||
|
||||
// -- Rings
|
||||
|
||||
|
||||
@@ -15,7 +15,6 @@ body {
|
||||
position: relative;
|
||||
background: rgb(255, 250, 230) url("../assets/imgs/bg-l5r.webp") no-repeat;
|
||||
background-size: cover;
|
||||
overflow-y: scroll;
|
||||
scrollbar-width: thin;
|
||||
padding: 0;
|
||||
> form,
|
||||
@@ -64,6 +63,19 @@ body {
|
||||
}
|
||||
}
|
||||
}
|
||||
&.sheet,
|
||||
&.npc,
|
||||
&.advancement,
|
||||
&.armor,
|
||||
&.item,
|
||||
&.peculiarity,
|
||||
&.property,
|
||||
&.technique,
|
||||
&.weapon {
|
||||
.window-content {
|
||||
overflow-y: scroll;
|
||||
}
|
||||
}
|
||||
.window-resizable-handle {
|
||||
z-index: 2;
|
||||
background: $black-light;
|
||||
|
||||
@@ -90,8 +90,6 @@
|
||||
}
|
||||
.sheet-body {
|
||||
padding: 0;
|
||||
padding-bottom: 0.25rem;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
.npc-skill {
|
||||
display: flex;
|
||||
|
||||
@@ -207,10 +207,10 @@ button {
|
||||
background: transparent url("../assets/ui/chat-texture.webp") no-repeat;
|
||||
}
|
||||
.header-search input[name="search"] {
|
||||
background-color: $l5r5e-chat-color-mid;
|
||||
background-color: $l5r5e-chat-color;
|
||||
color: $l5r5e-black;
|
||||
&:focus {
|
||||
background-color: $l5r5e-chat-color;
|
||||
background-color: $l5r5e-chat-color-roll;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -226,11 +226,11 @@ button {
|
||||
|
||||
#chat-log {
|
||||
margin: 0 0 0.5rem;
|
||||
font-size: 1rem;
|
||||
.message.whisper,
|
||||
.message.blind,
|
||||
.message.roll {
|
||||
position: relative;
|
||||
font-style: italic;
|
||||
.message-header {
|
||||
.message-metadata:before {
|
||||
position: absolute;
|
||||
@@ -243,6 +243,7 @@ button {
|
||||
}
|
||||
}
|
||||
.message.whisper {
|
||||
font-style: italic;
|
||||
.message-header {
|
||||
.message-metadata:before {
|
||||
content: "(Private)";
|
||||
@@ -257,6 +258,7 @@ button {
|
||||
}
|
||||
}
|
||||
.message.blind {
|
||||
font-style: italic;
|
||||
.message-header {
|
||||
.message-metadata:before {
|
||||
content: "(Blind)";
|
||||
@@ -283,19 +285,32 @@ button {
|
||||
text-shadow: 1px 1px 0px $l5r5e-black-light;
|
||||
}
|
||||
.message {
|
||||
background-color: $l5r5e-chat-color-light;
|
||||
color: $l5r5e-black;
|
||||
background-color: $l5r5e-chat-color;
|
||||
color: $black-light;
|
||||
ul {
|
||||
li {
|
||||
padding: 0.25rem;
|
||||
border: 1px solid rgba(0, 0, 0, 0.05);
|
||||
border-bottom: 0 none;
|
||||
&:nth-child(odd) {
|
||||
background: $l5r5e-odd;
|
||||
}
|
||||
&:nth-child(even) {
|
||||
background: $l5r5e-even;
|
||||
}
|
||||
&:last-child {
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
}
|
||||
}
|
||||
&.roll {
|
||||
background-color: $l5r5e-chat-color-mid;
|
||||
background-color: $l5r5e-chat-color-roll;
|
||||
}
|
||||
&.blind {
|
||||
background-color: $l5r5e-chat-color-light;
|
||||
background-color: $l5r5e-chat-color-blind;
|
||||
}
|
||||
&.whisper {
|
||||
background-color: $l5r5e-white;
|
||||
&.roll {
|
||||
background-color: $l5r5e-chat-color;
|
||||
}
|
||||
background-color: $l5r5e-chat-color-whisper;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user