Files
chatgpt-exporter/packages/userscript/src/style.css

118 lines
1.8 KiB
CSS

img[src*="https://source.unsplash.com/"] {
visibility: hidden;
}
/* hide the flickering */
p > img[src*="https://images.unsplash.com/"] {
animation: fadeIn .3s;
}
.Select {
padding: 0 0 0 0.5rem;
width: 7.5rem;
border-radius: 4px;
box-shadow: 0 0 0 1px #6f6e77;
}
.dark .Select {
background-color: #2f2f2f;
color: #fff;
box-shadow: 0 0 0 1px #6f6e77;
}
.menu-item {
height: 46px;
}
.menu-item[disabled] {
filter: brightness(0.5);
}
.inputFieldSet {
display: block;
border-width: 2px;
border-style: groove;
}
.inputFieldSet legend {
margin-left: 4px;
}
.inputFieldSet input {
background-color: transparent;
box-shadow: none!important;
}
.row-half {
grid-column: auto / span 1;
}
.row-full {
grid-column: auto / span 2;
}
.dropdown-backdrop {
display: block;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0,0,0,.5);
animation-name: pointerFadeIn;
animation-duration: .3s;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes slideUp {
from {
transform: translateY(100%);
}
to {
transform: translateY(0);
}
}
@keyframes pointerFadeIn {
from {
opacity: 0;
pointer-events: none;
}
to {
opacity: 1;
pointer-events: auto;
}
}
@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes circularDash {
0% {
stroke-dasharray: 1px, 200px;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 100px, 200px;
stroke-dashoffset: -15px;
}
100% {
stroke-dasharray: 100px, 200px;
stroke-dashoffset: -125px;
}
}