Upload custom.css
Browse files- custom.css +36 -0
custom.css
ADDED
|
@@ -0,0 +1,36 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
#title{text-align: center;}
|
| 2 |
+
#title h1{font-size: 3em; display:inline-flex; align-items:center}
|
| 3 |
+
#title img{width: 100px; margin-right: 0.5em}
|
| 4 |
+
#prompt input{width: calc(100% - 160px);border-top-right-radius: 0px;border-bottom-right-radius: 0px;}
|
| 5 |
+
#run_button{position:absolute;margin-top: 11px;right: 0;margin-right: 0.8em;border-bottom-left-radius: 0px;border-top-left-radius: 0px;}
|
| 6 |
+
#gallery{display:flex; border-top-left-radius: 0; border-top-right-radius: 0; border-top-color: transparent}
|
| 7 |
+
#gallery .grid-wrap{min-height: 100%;}
|
| 8 |
+
#accordion code{word-break: break-all;word-wrap: break-word;white-space: pre-wrap}
|
| 9 |
+
#soon{opacity: 0.55; pointer-events: none}
|
| 10 |
+
#soon button{width: 100%}
|
| 11 |
+
#share-btn-container {padding-left: 0.5rem !important; padding-right: 0.5rem !important; background-color: #000000; justify-content: center; align-items: center; border-radius: 9999px !important; max-width: 13rem; margin-left: auto;}
|
| 12 |
+
div#share-btn-container > div {flex-direction: row;background: black;align-items: center}
|
| 13 |
+
#share-btn-container:hover {background-color: #060606}
|
| 14 |
+
#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.5rem !important; padding-bottom: 0.5rem !important;right:0;}
|
| 15 |
+
#share-btn * {all: unset}
|
| 16 |
+
#share-btn-container div:nth-child(-n+2){width: auto !important;min-height: 0px !important;}
|
| 17 |
+
#share-btn-container .wrap {display: none !important}
|
| 18 |
+
#share-btn-container.hidden {display: none!important}
|
| 19 |
+
#extra_info{margin-top: 1em}
|
| 20 |
+
.pending .min {min-height: auto}
|
| 21 |
+
#gallery_box{padding-top: 0}
|
| 22 |
+
#gallery_box .form{border: 0 !important}
|
| 23 |
+
#order_radio{border: 0;padding: 0.5em;}
|
| 24 |
+
#order_radio .form{border:0 !important; padding-bottom: 0.25em}
|
| 25 |
+
#order_radio [data-testid="block-info"]{float: left;margin-top: 2px;margin-right: 6px; margin-bottom: 0}
|
| 26 |
+
#order_radio label{padding: 0.25em 0.75em !important;font-size: 85% !important}
|
| 27 |
+
#gallery_new{border-bottom-left-radius: 0; border-bottom-right-radius:0; border-bottom-color: transparent; height: 160px}
|
| 28 |
+
@media(max-width: 1280px){
|
| 29 |
+
#gallery_new{height: 210px}
|
| 30 |
+
}
|
| 31 |
+
@media (max-width: 700px) {
|
| 32 |
+
#title h1{font-size: 2.2em}
|
| 33 |
+
#title img{width: 80px;}
|
| 34 |
+
#gallery {max-height: 370px}
|
| 35 |
+
#main_app{flex-direction: column}
|
| 36 |
+
}
|