Download static/css/style.css from lazyghost/Minecraft-noteblock-music-generator: direct link, hf CLI and curl.
- Browser
- Download file 3.21 kB
-
https://huggingface.co/spaces/lazyghost/Minecraft-noteblock-music-generator/resolve/main/static/css/style.css
- Command line
-
hf download hf://spaces/lazyghost/Minecraft-noteblock-music-generator/static/css/style.css
-
curl -L -o style.css https://huggingface.co/spaces/lazyghost/Minecraft-noteblock-music-generator/resolve/main/static/css/style.css
3.21 kB
| @font-face { | |
| font-family: Minecraft; | |
| src: url("../resources/Minecraft-Regular.otf") | |
| } | |
| .headercover { | |
| font-family: Minecraft, Verdana, sans-serif; | |
| background-image: url(../images/model.png); | |
| background-attachment: fixed; | |
| background-repeat: no-repeat; | |
| background-position: center; | |
| padding: 120px 20px 120px; | |
| background-size: cover; | |
| max-height: 50%; | |
| } | |
| #pagemaintitle { | |
| background-color: rgba(0, 0, 0, 0.6); | |
| color: white; | |
| padding: 15px; | |
| margin-bottom: 0px; | |
| } | |
| #pagesubtitle { | |
| background-color: rgba(60, 60, 60, 0.5); | |
| color: white; | |
| padding: 10px; | |
| margin-top: 0px; | |
| } | |
| .minecraft { | |
| font-family: 'Minecraft', sans-serif; | |
| } | |
| #tabContainer { | |
| background-color: #8B4513; | |
| /* Minecraft dirt color */ | |
| border: 5px solid #D2691E; | |
| /* Minecraft dirt edge color */ | |
| } | |
| #loadingSpinner { | |
| position: fixed; | |
| top: 50%; | |
| left: 50%; | |
| transform: translate(-50%, -50%); | |
| background-color: rgba(255, 255, 255, 0.8); | |
| padding: 20px; | |
| border-radius: 8px; | |
| text-align: center; | |
| display: none; | |
| } | |
| .form-check-inline { | |
| display: inline-block; | |
| width: 24%; | |
| } | |
| .custom-file-label::after { | |
| content: "Browse"; | |
| } | |
| .btn-primary { | |
| background-color: #00BFFF; | |
| border-color: #00BFFF; | |
| } | |
| .form-control-sm { | |
| background-color: #D3D3D3; | |
| /* Light grey */ | |
| border-color: #A9A9A9; | |
| /* Dark grey */ | |
| } | |
| .form-control-range { | |
| background-color: #D3D3D3; | |
| } | |
| .custom-range::-webkit-slider-thumb { | |
| background: #00BFFF; | |
| /* Light blue */ | |
| } | |
| .form-check-input { | |
| background-color: #00BFFF; | |
| border-color: #00BFFF; | |
| } | |
| .custom-file-input:focus~.custom-file-label { | |
| box-shadow: none; | |
| border-color: #A9A9A9; | |
| } | |
| .form-check-label { | |
| color: white; | |
| } | |
| input[type="range"] { | |
| appearance: none; | |
| -webkit-appearance: none; | |
| /* margin: auto; */ | |
| position: relative; | |
| overflow: hidden; | |
| height: 20px; | |
| width: 400px; | |
| cursor: pointer; | |
| padding-top: 10px; | |
| border-radius: 0; /* iOS */ | |
| vertical-align: middle; | |
| } | |
| ::-webkit-slider-runnable-track { | |
| background: #ddd; | |
| } | |
| ::-webkit-slider-thumb { | |
| -webkit-appearance: none; | |
| width: 20px; /* 1 */ | |
| height: 40px; | |
| background: #fff; | |
| box-shadow: -400px 0 0 400px dodgerblue; /* 2 */ | |
| border: 2px solid #999; /* 1 */ | |
| } | |
| ::-moz-range-track { | |
| height: 40px; | |
| background: #ddd; | |
| } | |
| ::-moz-range-thumb { | |
| background: #fff; | |
| height: 40px; | |
| width: 20px; /* 1 */ | |
| border: 3px solid #999; /* 1 */ | |
| border-radius: 0 ; | |
| box-shadow: -200px 0 0 200px dodgerblue; | |
| box-sizing: border-box; | |
| } | |
| ::-ms-fill-lower { | |
| background: dodgerblue; | |
| } | |
| ::-ms-thumb { | |
| background: #fff; | |
| border: 2px solid #999; /* 1 */ | |
| height: 40px; | |
| width: 20px; /* 1 */ | |
| box-sizing: border-box; | |
| } | |
| ::-ms-ticks-after { | |
| display: none; | |
| } | |
| ::-ms-ticks-before { | |
| display: none; | |
| } | |
| ::-ms-track { | |
| background: #ddd; | |
| color: transparent; | |
| height: 40px; | |
| border: none; | |
| } | |
| ::-ms-tooltip { | |
| display: none; | |
| } | |
| #simThreshOutput, #simThreshOutputCommand { | |
| display: inline-block; | |
| width: 40px; | |
| text-align: center; | |
| color: white; | |
| } |