.event_launcher_file_cont { max-width: 100%; } .event_launcher_file_cont .event_file_meta { color: hsla(0,0%,50%,1); font-size: smaller; } .event_launcher_file_cont .event_file_meta:hover { color: hsla(0,0%,0%,1); } .event_launcher_file_cont .event_file_download { color: hsla(0,0%,50%,1); font-size: smaller; } .event_launcher_file_cont .event_file_download:hover { color: hsla(0,0%,0%,1); } .event_launcher_file_cont .download_clicked { font-size: 1.25em; } .event_launcher_file_cont .download_clicked>strong { font-size: 1.75em; } .event_launcher_message { background: yellow; padding: .5em; } .event_launcher_message>header { margin: .1em; padding: .1em; border-bottom: solid thin gray; } .event_launcher_message h1 { font-size: 2em; margin: 0; padding: 0; } .event_launcher_message>section { font-size: 1.6em; margin: .1em; padding: .1em; } .event_launcher_main_nav_menu { contain: content; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; /* flex-start */ align-items: center; /*align-content: center;*/ background-color: hsla(0,0%,100%,.98); font-size: 1.1em; padding-right: .1em; border-right: solid medium hsla(0,0%,90%,1); } .event_launcher_main_nav_menu section { margin: 0; padding: 0; min-width: 100%; max-width: 100%; contain: content; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; align-items: center; } .event_launcher_main_nav_menu h1,h2 { margin: 0; padding: 0; font-size: 1em; font-weight: bold; } .event_launcher_main_nav_menu ul { margin: 0; padding: 0; min-width: 100%; max-width: 100%; list-style-type: none; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; /* flex-start */ /* align-items: center; */ /* align-content: center; */ } .event_launcher_main_nav_menu ul>li { margin: 0; padding: 0; min-width: 100%; max-width: 100%; /*display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center; align-content: center;*/ } .event_launcher_main_nav_menu .btn { min-width: 100%; max-width: 100%; border-radius: .25em; margin: .1em 0em; } .event_launcher_main_nav_menu .event_session_selector_btn { display: flex; flex-direction: row; flex-wrap: no-wrap; justify-content: space-between; align-items: center; /*align-content: center;*/ } .event_session_selector_btn .event_session_datetime { outline: dashed thin green; transform: rotate(-15deg); text-align: center; font-size: .7em; min-width: 5em; margin: .1em .2em; } .event_launcher_main_nav_menu .event_launcher_event { font-size: .8em; } .event_launcher_main_nav_menu .event_launcher_location { font-size: .8em; } .event_launcher_main_nav_menu .event_launcher_options { margin-top: 1em; } .event_launcher_options_fixed { margin: .1em .4em; padding: 0; position: fixed; top: 0; right: 0; width: 5em; z-index: 500; } .event_launcher_status { outline: dashed thin red; margin: .1em .4em; padding: .0em; position: fixed; bottom: 0; right: 0; /* width: 12em; */ z-index: 500; display: flex; flex-direction: row; /* flex-wrap: nowrap; */ justify-content: center; align-items: center; align-content: center; font-size: .7em; } .event_launcher_status:hover { font-size: 1.1em; font-weight: bold; } .event_launcher_status > .network_status { margin: .2em .2em; } .event_launcher_status > .current_datetime { margin: .2em .2em; } .event_launcher_main_content header.event_session_about { border-bottom: solid thin hsla(0,0%,50%,1); } .event_launcher_main_content header.event_session_about>h2 { margin: .1em 0; padding: .1em 0; } .event_launcher_main_content .event_session_datetimes { font-size: .8em; } .event_launcher_main_content section.event_session_description { border-bottom: solid thin hsla(0,0%,75%,1); font-size: .8em; } .event_launcher_main_content section.event_session_file_list { border-bottom: solid thin hsla(0,0%,75%,1); } .event_launcher_main_content .event_session_file_list li { margin: .5em 0em; } .event_launcher_main_content section.event_presentation_list { /* border-top: solid thin hsla(0,0%,75%,1); */ } .event_launcher_main_content ul.event_presentation_list { margin: 0; padding: 0; } .event_launcher_main_content .event_presentation_list>li { margin: 1em 0em; } .event_launcher_main_content ul.event_presentation_list>li { display: block; } .event_launcher_main_content ul.event_presentation_list>li:hover { outline: dashed thin pink; background-color: hsla(0,0%,95%,1); } .event_launcher_main_content ul.event_presentation_list>li>ul>li { margin: .5em 0em; } ul.event_presentation_list .btn_list>li { margin: .25em 0em; } .event_launcher_main_content .event_presentation_datetime_name { display: flex; flex-direction: row; /*flex-wrap: no-wrap;*/ /*justify-content: space-between;*/ justify-content: left; align-items: center; align-content: center; background-color: hsla(0,0%,90%,1); font-size: 1.1em; font-weight: bold; } .event_launcher_main_content .event_presentation_datetime_name .event_presentation_datetime { /*align-self: flex-start;*/ /*border-right: dashed thin green;*/ text-align: center; font-size: .7em; min-width: 5em; margin: .1em .2em; } .event_launcher_main_content .event_presentation_datetime_name .event_presentation_name { border-left: solid thin gray; margin: .1em .2em; padding-left: .2em; }