transbeam/static/css/states.css

62 lines
1.8 KiB
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
* one_file: exactly one file is 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.one_file #collection_name { 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; }