mirror of
https://github.com/KivotosRailway/website.git
synced 2026-11-03 19:07:56 +09:00
103 lines
1.8 KiB
CSS
103 lines
1.8 KiB
CSS
#efuTalk {
|
|
display: flex;
|
|
align-items: center;
|
|
z-index: 1001;
|
|
position: fixed;
|
|
bottom: 70px;
|
|
left: 20px;
|
|
height: 38px;
|
|
cursor: pointer;
|
|
transition: 0.3s;
|
|
box-shadow: var(--efu-shadow-border);
|
|
background: var(--efu-card-bg);
|
|
border-radius: 20px;
|
|
overflow: hidden;
|
|
padding: 8px;
|
|
color: var(--efu-fontcolor);
|
|
width: 42px;
|
|
border: var(--style-border-always);
|
|
}
|
|
#efuTalk.on,
|
|
#efuTalk:hover {
|
|
background: var(--efu-lighttext);
|
|
color: var(--efu-card-bg);
|
|
width: 159px;
|
|
border-color: var(--efu-lighttext);
|
|
}
|
|
#efuTalk span.efuTalkTitle {
|
|
display: flex;
|
|
font-size: 14px;
|
|
padding: 0 12px;
|
|
line-height: 1;
|
|
white-space: nowrap;
|
|
opacity: 0;
|
|
transition: 0.3s;
|
|
}
|
|
#post_chat_button {
|
|
display: none;
|
|
maxWidth768()
|
|
}
|
|
#postChat_iframeContainer {
|
|
z-index: 1000;
|
|
border: var(--style-border-always);
|
|
background: var(--efu-card-bg);
|
|
animation: to_show_fromLeftBottom 0.2s ease-out;
|
|
border-radius: 12px;
|
|
maxWidth768()
|
|
}
|
|
#efuTalk.on span.efuTalkTitle,
|
|
#efuTalk:hover span.efuTalkTitle {
|
|
color: var(--efu-card-bg);
|
|
opacity: 1;
|
|
}
|
|
#postChat_button {
|
|
display: none !important;
|
|
}
|
|
#efuTalk i.solitude.efuTalkIcon {
|
|
width: 18px;
|
|
height: 18px;
|
|
font-size: 18px;
|
|
margin-left: 3px;
|
|
line-height: 1;
|
|
}
|
|
@-moz-keyframes to_show_fromLeftBottom {
|
|
from {
|
|
opacity: 0;
|
|
transform: scale(0);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
@-webkit-keyframes to_show_fromLeftBottom {
|
|
from {
|
|
opacity: 0;
|
|
transform: scale(0);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
@-o-keyframes to_show_fromLeftBottom {
|
|
from {
|
|
opacity: 0;
|
|
transform: scale(0);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
@keyframes to_show_fromLeftBottom {
|
|
from {
|
|
opacity: 0;
|
|
transform: scale(0);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
transform: scale(1);
|
|
}
|
|
}
|