@import "moodle/undo";
@import "moodle/debug";
@import "moodle/expendable";
+@import "moodle/sticky-footer";
font-weight: bold;
}
#page-footer .performanceinfo {
- margin: 10px 20%;
+ margin: 0 20%;
}
#page-footer .performanceinfo span {
display: block;
}
#page-footer {
- margin-top: 1em;
- padding: 1em 0;
border-top: 2px solid $table-border-color;
}
--- /dev/null
+/**
+ * This file contains the styles required to make the footer sticky.
+ */
+$footer-min-height: 130px !default;
+
+html,
+body {
+ height: 100%;
+}
+
+#page-wrapper {
+ min-height: 100%;
+ padding-bottom: $spacer;
+ margin-bottom: -$footer-min-height;
+}
+
+#page-wrapper::after {
+ content: "";
+ display: block;
+ min-height: $footer-min-height;
+}
+
+#page-footer {
+ min-height: $footer-min-height;
+}
\ No newline at end of file
<body {{{ output.body_attributes }}}>
-{{{ output.standard_top_of_body_html }}}
+<div id="page-wrapper">
-<header role="banner" class="navbar navbar-light bg-faded navbar-static-top moodle-has-zindex">
- <div class="clearfix">
- <button class="navbar-toggler pull-xs-right hidden-sm-up" data-toggle="collapse" data-target="#bd-main-mav">☰<span class="sr-only">{{#str}}expand{{/str}}</span></button>
- </div>
+ {{{ output.standard_top_of_body_html }}}
- <a href="{{{ config.wwwroot }}}" class="navbar-brand">
- {{# output.should_display_navbar_logo }}
- <div class="logo">
- <img src="{{output.get_compact_logo_url}}" alt={{#quote}}{{sitename}}{{/quote}}>
- </div>
- {{/ output.should_display_navbar_logo }}
- <div class="site-name">{{{ sitename }}}</div>
- </a>
+ <header role="banner" class="navbar navbar-light bg-faded navbar-static-top moodle-has-zindex">
+ <div class="clearfix">
+ <button class="navbar-toggler pull-xs-right hidden-sm-up" data-toggle="collapse" data-target="#bd-main-mav">☰<span class="sr-only">{{#str}}expand{{/str}}</span></button>
+ </div>
- <!-- user_menu -->
- {{{ output.user_menu }}}
+ <a href="{{{ config.wwwroot }}}" class="navbar-brand">
+ {{# output.should_display_navbar_logo }}
+ <div class="logo">
+ <img src="{{output.get_compact_logo_url}}" alt={{#quote}}{{sitename}}{{/quote}}>
+ </div>
+ {{/ output.should_display_navbar_logo }}
+ <div class="site-name">{{{ sitename }}}</div>
+ </a>
- <div class="collapse navbar-toggleable-xs" id="bd-main-nav">
- <nav class="nav navbar-nav">
- <!-- search_box -->
- {{{ output.search_box }}}
- <!-- custom_menu -->
- {{{ output.custom_menu }}}
- <!-- page_heading_menu -->
- {{{ output.page_heading_menu }}}
- </div>
- </nav>
-</header>
+ <!-- user_menu -->
+ {{{ output.user_menu }}}
-<div id="page" class="container-fluid">
- {{{ output.full_header }}}
+ <div class="collapse navbar-toggleable-xs" id="bd-main-nav">
+ <nav class="nav navbar-nav">
+ <!-- search_box -->
+ {{{ output.search_box }}}
+ <!-- custom_menu -->
+ {{{ output.custom_menu }}}
+ <!-- page_heading_menu -->
+ {{{ output.page_heading_menu }}}
+ </div>
+ </nav>
+ </header>
- <div id="page-content" class="row">
- <div id="region-main-box" class="col-xs-12">
- <div class="row">
- <section id="region-main" class="col-xs-12">
- {{{ output.course_content_header }}}
- {{{ output.main_content }}}
- {{{ output.course_content_footer }}}
- </section>
+ <div id="page" class="container-fluid">
+ {{{ output.full_header }}}
+
+ <div id="page-content" class="row">
+ <div id="region-main-box" class="col-xs-12">
+ <div class="row">
+ <section id="region-main" class="col-xs-12">
+ {{{ output.course_content_header }}}
+ {{{ output.main_content }}}
+ {{{ output.course_content_footer }}}
+ </section>
+ </div>
</div>
</div>
</div>
</div>
+<footer id="page-footer" class="p-y-1">
+ <div class="container-fluid">
+ <div id="course-footer">{{{ output.course_footer }}}</div>
+
+ {{# output.page_doc_link }}
+ <p class="helplink">{{{ output.page_doc_link }}}</p>
+ {{/ output.page_doc_link }}
-<footer id="page-footer">
- <div id="course-footer">{{{ output.course_footer }}}</div>
- <p class="helplink">{{{ output.page_doc_link }}}</p>
- {{{ output.login_info }}}
- {{{ output.home_link }}}
- {{{ output.standard_footer_html }}}
+ {{{ output.login_info }}}
+ {{{ output.home_link }}}
+ {{{ output.standard_footer_html }}}
+
+ {{{ output.standard_end_of_body_html }}}
+ </div>
</footer>
-{{{ output.standard_end_of_body_html }}}
</body>
</html>
<body {{{ output.body_attributes }}}>
-{{{ output.standard_top_of_body_html }}}
+<div id="page-wrapper">
-<header role="banner" class="navbar navbar-light bg-faded navbar-static-top moodle-has-zindex">
- <div class="clearfix">
- <button class="navbar-toggler pull-xs-right hidden-sm-up" data-toggle="collapse" data-target="#bd-main-mav">☰<span class="sr-only">{{#str}}expand{{/str}}</span></button>
- </div>
+ {{{ output.standard_top_of_body_html }}}
- <a href="{{{ config.wwwroot }}}" class="navbar-brand">
- {{# output.should_display_navbar_logo }}
- <div class="logo">
- <img src="{{output.get_compact_logo_url}}" alt={{#quote}}{{sitename}}{{/quote}}>
- </div>
- {{/ output.should_display_navbar_logo }}
- <div class="site-name">{{{ sitename }}}</div>
- </a>
+ <header role="banner" class="navbar navbar-light bg-faded navbar-static-top moodle-has-zindex">
+ <div class="clearfix">
+ <button class="navbar-toggler pull-xs-right hidden-sm-up" data-toggle="collapse" data-target="#bd-main-mav">☰<span class="sr-only">{{#str}}expand{{/str}}</span></button>
+ </div>
- <!-- user_menu -->
- {{{ output.user_menu }}}
+ <a href="{{{ config.wwwroot }}}" class="navbar-brand">
+ {{# output.should_display_navbar_logo }}
+ <div class="logo">
+ <img src="{{output.get_compact_logo_url}}" alt={{#quote}}{{sitename}}{{/quote}}>
+ </div>
+ {{/ output.should_display_navbar_logo }}
+ <div class="site-name">{{{ sitename }}}</div>
+ </a>
- <div class="collapse navbar-toggleable-xs" id="bd-main-nav">
- <nav class="nav navbar-nav">
- <!-- search_box -->
- {{{ output.search_box }}}
- <!-- custom_menu -->
- {{{ output.custom_menu }}}
- <!-- page_heading_menu -->
- {{{ output.page_heading_menu }}}
- </div>
- </nav>
-</header>
+ <!-- user_menu -->
+ {{{ output.user_menu }}}
+
+ <div class="collapse navbar-toggleable-xs" id="bd-main-nav">
+ <nav class="nav navbar-nav">
+ <!-- search_box -->
+ {{{ output.search_box }}}
+ <!-- custom_menu -->
+ {{{ output.custom_menu }}}
+ <!-- page_heading_menu -->
+ {{{ output.page_heading_menu }}}
+ </div>
+ </nav>
+ </header>
-<div id="page" class="container-fluid">
- {{{ output.full_header }}}
+ <div id="page" class="container-fluid">
+ {{{ output.full_header }}}
- <div id="page-content" class="row">
- <div id="region-main-box" class="col-md-9 push-md-3">
- <div class="row">
- <section id="region-main" class="col-xs-12">
- {{{ output.course_content_header }}}
- {{{ output.main_content }}}
- {{{ output.course_content_footer }}}
- </section>
+ <div id="page-content" class="row">
+ <div id="region-main-box" class="col-md-9 push-md-3">
+ <div class="row">
+ <section id="region-main" class="col-xs-12">
+ {{{ output.course_content_header }}}
+ {{{ output.main_content }}}
+ {{{ output.course_content_footer }}}
+ </section>
+ </div>
</div>
+ {{{ sidepreblocks }}}
</div>
- {{{ sidepreblocks }}}
- </div>
+ </div>
</div>
-<footer id="page-footer">
- <div id="course-footer">{{{ output.course_footer }}}</div>
- <p class="helplink">{{{ output.page_doc_link }}}</p>
- {{{ output.login_info }}}
- {{{ output.home_link }}}
- {{{ output.standard_footer_html }}}
+<footer id="page-footer" class="p-y-1">
+ <div class="container-fluid">
+ <div id="course-footer">{{{ output.course_footer }}}</div>
+
+ {{# output.page_doc_link }}
+ <p class="helplink">{{{ output.page_doc_link }}}</p>
+ {{/ output.page_doc_link }}
+
+ {{{ output.login_info }}}
+ {{{ output.home_link }}}
+ {{{ output.standard_footer_html }}}
+ {{{ output.standard_end_of_body_html }}}
+ </div>
</footer>
-{{{ output.standard_end_of_body_html }}}
</body>
</html>
<body {{{ output.body_attributes }}}>
-{{{ output.standard_top_of_body_html }}}
+<div id="page-wrapper">
-<header role="banner" class="navbar navbar-light bg-faded navbar-static-top moodle-has-zindex">
- <div class="clearfix">
- <button class="navbar-toggler pull-xs-right hidden-sm-up" data-toggle="collapse" data-target="#bd-main-mav">☰<span class="sr-only">{{#str}}expand{{/str}}</span></button>
- </div>
+ {{{ output.standard_top_of_body_html }}}
- <a href="{{{ config.wwwroot }}}" class="navbar-brand">
- {{# output.should_display_navbar_logo }}
- <div class="logo">
- <img src="{{output.get_compact_logo_url}}" alt={{#quote}}{{sitename}}{{/quote}}>
- </div>
- {{/ output.should_display_navbar_logo }}
- <div class="site-name">{{{ sitename }}}</div>
- </a>
+ <header role="banner" class="navbar navbar-light bg-faded navbar-static-top moodle-has-zindex">
+ <div class="clearfix">
+ <button class="navbar-toggler pull-xs-right hidden-sm-up" data-toggle="collapse" data-target="#bd-main-mav">☰<span class="sr-only">{{#str}}expand{{/str}}</span></button>
+ </div>
- <!-- user_menu -->
- {{{ output.user_menu }}}
+ <a href="{{{ config.wwwroot }}}" class="navbar-brand">
+ {{# output.should_display_navbar_logo }}
+ <div class="logo">
+ <img src="{{output.get_compact_logo_url}}" alt={{#quote}}{{sitename}}{{/quote}}>
+ </div>
+ {{/ output.should_display_navbar_logo }}
+ <div class="site-name">{{{ sitename }}}</div>
+ </a>
- <div class="collapse navbar-toggleable-xs" id="bd-main-nav">
- <nav class="nav navbar-nav">
- <!-- search_box -->
- {{{ output.search_box }}}
- <!-- custom_menu -->
- {{{ output.custom_menu }}}
- <!-- page_heading_menu -->
- {{{ output.page_heading_menu }}}
- </div>
- </nav>
-</header>
+ <!-- user_menu -->
+ {{{ output.user_menu }}}
-<div id="page" class="container-fluid">
- {{{ output.full_header }}}
+ <div class="collapse navbar-toggleable-xs" id="bd-main-nav">
+ <nav class="nav navbar-nav">
+ <!-- search_box -->
+ {{{ output.search_box }}}
+ <!-- custom_menu -->
+ {{{ output.custom_menu }}}
+ <!-- page_heading_menu -->
+ {{{ output.page_heading_menu }}}
+ </div>
+ </nav>
+ </header>
- <div id="page-content" class="row">
- <div id="region-main-box" class="col-md-9">
- <div class="row">
- <section id="region-main" class="col-md-8 push-md-4">
- {{{ output.course_content_header }}}
- {{{ output.main_content }}}
- {{{ output.course_content_footer }}}
- </section>
- {{{ sidepreblocks }}}
+ <div id="page" class="container-fluid">
+ {{{ output.full_header }}}
+
+ <div id="page-content" class="row">
+ <div id="region-main-box" class="col-md-9">
+ <div class="row">
+ <section id="region-main" class="col-md-8 push-md-4">
+ {{{ output.course_content_header }}}
+ {{{ output.main_content }}}
+ {{{ output.course_content_footer }}}
+ </section>
+ {{{ sidepreblocks }}}
+ </div>
</div>
+ {{{ sidepostblocks }}}
</div>
- {{{ sidepostblocks }}}
</div>
</div>
-<footer id="page-footer">
- <div id="course-footer">{{{ output.course_footer }}}</div>
- <p class="helplink">{{{ output.page_doc_link }}}</p>
- {{{ output.login_info }}}
- {{{ output.home_link }}}
- {{{ output.standard_footer_html }}}
+<footer id="page-footer" class="p-y-1">
+ <div class="container-fluid">
+ <div id="course-footer">{{{ output.course_footer }}}</div>
+
+ {{# output.page_doc_link }}
+ <p class="helplink">{{{ output.page_doc_link }}}</p>
+ {{/ output.page_doc_link }}
+
+ {{{ output.login_info }}}
+ {{{ output.home_link }}}
+ {{{ output.standard_footer_html }}}
+ {{{ output.standard_end_of_body_html }}}
+ </div>
</footer>
-{{{ output.standard_end_of_body_html }}}
</body>
</html>
<body {{{ output.body_attributes }}}>
-{{{ output.standard_top_of_body_html }}}
+<div id="page-wrapper">
-<div id="page" class="container-fluid">
- {{{ output.page_heading }}}
+ {{{ output.standard_top_of_body_html }}}
- <div id="page-content" class="row">
- <div id="region-main-box">
- <section id="region-main">
- {{{ output.main_content }}}
- </section>
+ <div id="page" class="container-fluid">
+ {{{ output.page_heading }}}
+
+ <div id="page-content" class="row">
+ <div id="region-main-box">
+ <section id="region-main">
+ {{{ output.main_content }}}
+ </section>
+ </div>
</div>
- </div>
+ </div>
</div>
-<footer id="page-footer">
- {{{ output.standard_footer_html }}}
+
+<footer id="page-footer" class="p-y-1">
+ <div class="container-fluid">
+ {{{ output.standard_footer_html }}}
+ {{{ output.standard_end_of_body_html }}}
+ </div>
</footer>
-{{{ output.standard_end_of_body_html }}}
</body>
</html>