fffiloni/edit_friendly_ddpm_inversion_video
1
1/*2This CSS file is modified from:3https://huggingface.co/spaces/DeepFloyd/IF/blob/main/style.css4*/5 6h1 {7 text-align: center;8}9 10.gradio-container {11 font-family: 'IBM Plex Sans', sans-serif;12}13 14.gr-button {15 color: white;16 border-color: black;17 background: black;18}19 20input[type='range'] {21 accent-color: black;22}23 24.dark input[type='range'] {25 accent-color: #dfdfdf;26}27 28.container {29 max-width: 730px;30 margin: auto;31 padding-top: 1.5rem;32}33 34 35.gr-button:focus {36 border-color: rgb(147 197 253 / var(--tw-border-opacity));37 outline: none;38 box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);39 --tw-border-opacity: 1;40 --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);41 --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px var(--tw-ring-offset-width)) var(--tw-ring-color);42 --tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity));43 --tw-ring-opacity: .5;44}45 46 47/* .footer {48 margin-bottom: 45px;49 margin-top: 35px;50 text-align: center;51 border-bottom: 1px solid #e5e5e5;52}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 62.dark .footer {63 border-color: #303030;64}65 66.dark .footer>p {67 background: #0b0f19;68}69 70.acknowledgments h4 {71 margin: 1.25em 0 .25em 0;72 font-weight: bold;73 font-size: 115%;74}75 76.animate-spin {77 animation: spin 1s linear infinite;78} */79/* 80@keyframes spin {81 from {82 transform: rotate(0deg);83 }84 85 to {86 transform: rotate(360deg);87 }88} */89 90.gr-form {91 flex: 1 1 50%;92 border-top-right-radius: 0;93 border-bottom-right-radius: 0;94}95 96#prompt-container {97 gap: 0;98}99 100#prompt-text-input,101#negative-prompt-text-input {102 padding: .45rem 0.625rem103}104 105#component-16 {106 border-top-width: 1px !important;107 margin-top: 1em108}109 110.image_duplication {111 position: absolute;112 width: 100px;113 left: 50px114}115 116#component-0 {117 max-width: 730px;118 margin: auto;119 padding-top: 1.5rem;120}121 122 