FelixLuoX/stable_diffusion_test
2
1.gradio-container {2 font-family: 'IBM Plex Sans', sans-serif;3}4.gr-button {5 color: white;6 /* border-color: black; */7 /* background: black; */8 background: rgb(60, 145, 238);9}10/* input[type='range'] {11 accent-color: rgb(60, 145, 238);12}13.dark input[type='range'] {14 accent-color: #dfdfdf;15} */16.container {17 max-width: 900px;18 margin: auto;19 padding-top: 1.5rem;20}21#gallery {22 min-height: 22rem;23 margin-bottom: 15px;24 margin-left: auto;25 margin-right: auto;26 border-bottom-right-radius: .5rem !important;27 border-bottom-left-radius: .5rem !important;28}29#gallery>div>.h-full {30 min-height: 20rem;31}32.details:hover {33 text-decoration: underline;34}35.gr-button {36 white-space: nowrap;37}38/* .gr-button:focus {39 border-color: rgb(147 197 253 / var(--tw-border-opacity));40 outline: none;41 box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);42 --tw-border-opacity: 1;43 --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);44 --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px var(--tw-ring-offset-width)) var(--tw-ring-color);45 --tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity));46 --tw-ring-opacity: .5;47} */48.footer {49 margin-bottom: 45px;50 margin-top: 20px;51 /* text-align: center; */52 border-bottom: 1px solid #e5e5e5;53}54.footer>p {55 font-size: .8rem;56 display: inline-block;57 padding: 0 10px;58 transform: translateY(10px);59 background: white;60}61.footer>p>h4 {62 font-size: .20rem;63 display: inline-block;64 padding: 0 10px;65 transform: translateY(10px);66 background: white;67 font-weight: bold;68}69.dark .footer {70 /* border-color: #303030; */71 border-color: rgb(60, 145, 238);72}73.dark .footer>p {74 /* background: #0b0f19; */75 background: rgb(60, 145, 238);76}77.prompt h4{78 margin: 1.25em 0 .25em 0;79 font-weight: bold;80 font-size: 115%;81}