diff --git a/web/themes/asc_bootstrap/assets/sass/layout/_default.scss b/web/themes/asc_bootstrap/assets/sass/layout/_default.scss index 6b24afc31d4c06ecd0a77b8eb7bd36591845ee6f..c20f2ef4e1ab5f40f198b15d1030895e831e2f1a 100755 --- a/web/themes/asc_bootstrap/assets/sass/layout/_default.scss +++ b/web/themes/asc_bootstrap/assets/sass/layout/_default.scss @@ -251,3 +251,16 @@ h6 { #user-form { margin-bottom: 40px; } + + +// -------------------------------------------------- + +//## Additional. + +.alert-link { + text-decoration: underline; +} + +.alert { + margin-bottom: 0; +} diff --git a/web/themes/asc_bootstrap/css/style.css b/web/themes/asc_bootstrap/css/style.css index 1b33c0f325c4078ab8b084085a1f7caf8ad290dd..2dffbfaf147755491d492c22690a76d0e7b40aa7 100644 --- a/web/themes/asc_bootstrap/css/style.css +++ b/web/themes/asc_bootstrap/css/style.css @@ -9121,6 +9121,16 @@ h6 { margin-bottom: 40px; } +/* line 260, ../assets/sass/layout/_default.scss */ +.alert-link { + text-decoration: underline; +} + +/* line 264, ../assets/sass/layout/_default.scss */ +.alert { + margin-bottom: 0; +} + /* line 8, ../assets/sass/layout/_footer.scss */ .footer { background: #173E41; diff --git a/web/themes/asc_bootstrap/templates/system/page--front.html.twig b/web/themes/asc_bootstrap/templates/system/page--front.html.twig index 91541dd4aa8bd23fa65da7a608defd209d814a2e..ad0efff7f9bf8f6d8adf042843b0e0a8560ca444 100755 --- a/web/themes/asc_bootstrap/templates/system/page--front.html.twig +++ b/web/themes/asc_bootstrap/templates/system/page--front.html.twig @@ -57,6 +57,9 @@ </div> <div class="layout-container"> + <div class="alert alert-warning text-center"> + Ohio State has <strong>suspended face-to-face classes</strong> and moved to virtual instruction through at least Monday, March 30. <a href="https://wexnermedical.osu.edu/features/coronavirus/staff-and-students" class="alert-link">Additional guidance on work arrangements, travel and events.</a> + </div> <main role="main"> <a id="main-content" tabindex="-1"></a>{# link is in html.html.twig #}