body { background: #232323; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;b3 } ::-moz-progress-bar { background-color: #ec567c; } .stylish-button { background-color: #ec567c; margin: 0; padding: 1% 2%; border: 0; border-radius: 3px; color: #fff; } #room { margin-top: 30px; color: #ccc; width: 65%; margin: 0 auto; margin-top: 30px; } @media (max-width: 1280px) { #room { width: 100%; } } #upload { text-align: center; } #create-room { text-align: center; } #create-room > input { background-color: #EF7896; border: 4px dashed #ccc; border-radius: 10px; font-size: 60px; margin-top: 20%; color: #ccc; padding: 20px; white-space: normal; } #file-list > ul { padding: 0; } #file-list > ul > li { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #363636; border: 1px solid #bbb; width: 100%; width: -moz-available; width: -webkit-fill-available; word-wrap: break-word; } #file-list > ul > li:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } #file-list > ul > li:last-child { margin-bottom: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } #file-list > ul > li > span.delete-button { float: right; } #upload-buttons { text-align: right; } label, input { font-size: inherit; padding: 0.2em; margin: 0.1em 0.2em; box-sizing: content-box; } #file-selector { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } #progress-bar { background-color: #ccc; height: 25px; padding: 3px; width: 100%; width: -moz-available; width: -webkit-fill-available; margin-top: 10px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444; box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444; } #empty-room { text-align: center; }