Spaces:
Runtime error
Runtime error
File size: 3,491 Bytes
1b3609a 13c8d9b 1b3609a 16f3a78 883428d b9dde2b 1ae4e34 b523a20 883428d b523a20 883428d 7fb2af9 883428d 7fb2af9 883428d 13c8d9b 883428d e933aeb 883428d 7fb2af9 883428d 7fb2af9 883428d 1b3609a |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 |
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 !important; padding-right: 0.5rem !important; background-color: #000000; justify-content: center; align-items: center; border-radius: 9999px !important; 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 !important; padding-top: 0.25rem !important; padding-bottom: 0.25rem !important;
}
#share-btn * {
all: unset;
}
#share-btn-container div:nth-child(-n+2){
width: auto !important;
min-height: 0px !important;
}
#share-btn-container .wrap {
display: none !important;
} |