transbeam/static/css/states.css

/**
 * List of classes the body can have:
 *
 * landing: haven't entered upload password yet
 * uploads_closed: uploading is currently unavailable
 * no_files: no files are selected
 * selecting: upload hasn't started yet
 * uploading: upload is in progress
 * completed: upload is done
 * error: an error has occurred
 */

.section_heading { display: none; }
body.landing .section_heading { display: revert; }

#download { display: none; }
body.landing #download { display: revert; }

#uploads_closed_notice { display: none; }
body.uploads_closed #uploads_closed_notice { display: revert; }

body.noscript #upload { display: none; }
body.uploads_closed #upload { display: none; }

#message { display: none; }
body.completed #message {
    display: revert;
    color: var(--success-primary);
    border-color: var(--success-secondary);
}
body.error #message {
    display: revert;
    color: var(--failure-primary);
    border-color: var(--failure-secondary);
}

#upload_password_form { display: none; }
body.landing #upload_password_form { display: revert; }

body.landing #upload_controls { display: none; }

#upload_settings { display: none; }
body.selecting #upload_settings { display: revert; }
body.no_files #upload_settings { display: none; }

body.selecting #download_code_container { display: none; }

#progress_container { display: none; }
body.uploading #progress_container { display: revert; }

body.no_files #file_list { display: none; }
body.completed #file_list { background-color: var(--progress-tertiary); }

.delete_button { display: none; }
body.selecting .delete_button { display: revert; }

#file_input_container { display: none; }
body.selecting #file_input_container { display: revert; }