Spaces:
Runtime error
Runtime error
H1 { | |
background: #FFB76B; | |
background: -webkit-linear-gradient(to right, #FFB76B 0%, #FFA73D 30%, #FF7C00 60%, #FF7F04 100%); | |
background: -moz-linear-gradient(to right, #FFB76B 0%, #FFA73D 30%, #FF7C00 60%, #FF7F04 100%); | |
background: linear-gradient(to right, #FFB76B 0%, #FFA73D 30%, #FF7C00 60%, #FF7F04 100%); | |
font-family: 'IBM Plex Sans', sans-serif; | |
width: 95%; | |
color: #FFFFFF; | |
width: 100%; | |
padding: 20px; | |
border-radius: 10px; | |
border: 1px solid #1b0202; | |
} | |
gr.blocks { | |
background-color: #758bec; | |
width: 100%; | |
color: #FFFFFF; | |
} | |
h3 { | |
background-color:#758bec; | |
color: #FFFFF; | |
text-align: center; | |
font-family: verdana; | |
font-size: 24px; | |
border: 1px solid #FFFFFF; | |
border-radius: 10px; | |
} | |
p { | |
font-family: verdana; | |
font-size: 14px; | |
} | |
label { | |
font-family: verdana; | |
color: #FFB76B; | |
font-weight: 700; | |
font-size: 14px; | |
border: 1px solid #000000; | |
} | |
gr.Textbox { | |
font-family: verdana; | |
background-color: #000000; | |
color: #FFFFFF; | |
font-weight: 700; | |
font-size: 14px; | |
border: 1px solid #FFFFFF; | |
border-radius: 6px; | |
} | |
gr.Botton { | |
font-family: verdana; | |
background-color: #758bec; | |
color: #FFFFFF; | |
font-weight: 700; | |
font-size: 14px; | |
border: 1px solid #000000; | |
border-radius: 6px; | |
} | |
a a:active a.hover | |
{ | |
font-family: verdana; | |
color: #572430; | |
text-decoration: none; | |
font-weight: 700; | |
font-size: 14px; | |
} | |
/* | |
This CSS file is modified from: | |
https://huggingface.co./spaces/DeepFloyd/IF/blob/main/style.css | |
*/ | |
h1 { | |
text-align: center; | |
} | |
.gradio-container { | |
font-family: 'IBM Plex Sans', sans-serif; | |
} | |
.gr-button { | |
color: white; | |
border-color: black; | |
background: black; | |
} | |
input[type='range'] { | |
accent-color: black; | |
} | |
.dark input[type='range'] { | |
accent-color: #dfdfdf; | |
} | |
.container { | |
max-width: 730px; | |
margin: auto; | |
} | |
.gr-button:focus { | |
border-color: rgb(147 197 253 / var(--tw-border-opacity)); | |
outline: none; | |
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); | |
--tw-border-opacity: 1; | |
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); | |
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px var(--tw-ring-offset-width)) var(--tw-ring-color); | |
--tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity)); | |
--tw-ring-opacity: .5; | |
} | |
.gr-form { | |
flex: 1 1 50%; | |
border-top-right-radius: 0; | |
border-bottom-right-radius: 0; | |
} | |
#prompt-container { | |
gap: 0; | |
} | |
#prompt-text-input, | |
#negative-prompt-text-input { | |
padding: .45rem 0.625rem | |
} | |
/* #component-16 { | |
border-top-width: 1px !important; | |
margin-top: 1em | |
} */ | |
.image_duplication { | |
position: absolute; | |
width: 100px; | |
left: 50px | |
} | |
#component-0 { | |
max-width: 730px; | |
margin: auto; | |
padding-top: 1.5rem; | |
} | |
#share-btn-container { | |
display: flex; padding-left: 0.5rem ; padding-right: 0.5rem ; background-color: #000000; justify-content: center; align-items: center; border-radius: 9999px ; width: 13rem; margin-left: auto; | |
} | |
#share-btn { | |
all: initial; color: #ffffff;font-weight: 600; cursor:pointer; font-family: 'IBM Plex Sans', sans-serif; margin-left: 0.5rem ; padding-top: 0.25rem ; padding-bottom: 0.25rem ; | |
} | |
#share-btn * { | |
all: unset; | |
} | |
#share-btn-container div:nth-child(-n+2){ | |
width: auto ; | |
min-height: 0px ; | |
} | |
#share-btn-container .wrap { | |
display: none ; | |
} |