Templates
<body class="s-lg-guide-body">
{{skip_link}}
{{ADMIN_CMD_BAR}}
<!-- BEGIN: Page Header -->
<nav class="navbar navbar-default navbar-fixed-top">
{{public_header}}
<!-- END: Page Header -->
<!-- BEGIN: Guide Info Header -->
<div id="s-lg-guide-header" class="container s-lib-header s-lib-side-borders">
<div id="s-lib-bc">
{{breadcrumbs}}
</div>
<div class="pull-right">
<div id="s-lg-guide-header-search">
{{guide_search}} </div>
{{ADMIN_MINI_CMD_BAR}}
</div>
<div id="s-lg-guide-header-info">
<h1 id="s-lg-guide-name">{{guide_title}}: {{page_title}}</h1>
<div id="s-lg-guide-desc-container">
<span id="s-lg-guide-description">{{guide_description}}</span>
</div>
</div>
</div>
<!-- END: Guide Info Header -->
<div id="s-lg-tabs-container" class="container s-lib-side-borders pad-top-med">
<div id="s-lg-guide-tabs" class="tabs">
<ul class="nav nav-tabs">
SUNYLA 2021 Tips & Tricks Templates Changing Tabbed Box Colors Copyright Test Test Orientation Stuff Experiment Here LERC Survey H5P Experiments Testing stuff Primo widgets Notes file Bookshelf Reusable content workshop APA Blog Test CD policy Test for Course Reserves
</ul>
</div>
</div>
<div id="s-lg-guide-tabs-title-bar" class="container s-lib-side-borders"></div>
</nav>
<!-- BEGIN: Guide Content -->
<div id="s-lg-guide-main" class="container s-lib-main s-lib-side-borders" style="margin-top: 200px;">
{{empty_page_sub_page_list}}
{{content}}
{{page_prev_next_links}}
</div>
<!-- END: Guide Content -->
<!-- BEGIN: Page Footer -->
<div id="s-lib-footer-public" class="s-lib-footer footer container s-lib-side-borders">
<div id="s-lg-guide-header-meta" class="pad-top-sm pad-left-med clearfix">
<ul id="s-lg-guide-header-attributes" class="">
<li id="s-lg-guide-header-updated" class="s-lg-h-separator">
{{last_updated_display}} </li>
<li id="s-lg-guide-header-url" class="s-lg-h-separator">
{{guide_url_display}}
</li>
<li id="s-lg-guide-print-url">
{{print_url_display}}
</li>
</ul>
<div id="s-lib-footer-login-link" class="pull-right pad-right-med">
{{login_url_display}} </div>
</div>
<div class="pad-bottom-sm clearfix">
<div id="s-lib-footer-support-link" class="pull-right pad-right-med">
{{support_url_display}}
</div>
<div id="s-lg-guide-header-subjects" class="pad-top-sm pad-left-med pad-right-med pull-left">
{{guide_subjects}}
</div>
<div id="s-lg-guide-header-tags" class="pad-top-sm pad-left-med">
{{guide_tags}}
</div>
</div>
</div>
<!-- END: Page Footer -->
<div id="s-lib-scroll-top" title="Back to Top">
<span class="fa-stack fa-lg">
<i class="fa fa-square-o fa-stack-2x"></i>
<i class="fa fa-angle-double-up fa-stack-1x" style="position:relative; bottom:2px;"></i>
</span>
</div> <div id="s-lib-alert" title="">
<div id="s-lib-alert-content"></div>
</div>
<!-- BEGIN: Custom Footer -->
{{public_footer}}
<!-- END: Custom Footer -->
</body>
<body class="s-lg-guide-body">
{{ADMIN_CMD_BAR}}
<!-- BEGIN: Page Header -->
{{public_header}}
<!-- END: Page Header -->
<!-- BEGIN: Guide Info Header -->
<div id="s-lg-guide-header" class="container s-lib-header s-lib-side-borders">
<div id="s-lib-bc">
{{breadcrumbs}}
</div>
<div class="pull-right">
<div id="s-lg-guide-header-search">
{{guide_search}} </div>
{{ADMIN_MINI_CMD_BAR}}
</div>
<div id="s-lg-guide-header-info">
<h1 id="s-lg-guide-name">{{guide_title}}: {{page_title}}</h1>
<div id="s-lg-guide-desc-container" class="pad-top-med">
<span id="s-lg-guide-description">{{guide_description}}</span>
</div>
</div>
</div>
<!-- END: Guide Info Header -->
<div id="s-lg-tabs-container" class="container s-lib-side-borders pad-top-med">
<div class="navbar navbar-default" role="navigation">
<a class="navbar-brand" href="#" style="font-size: 12px;">Bootstrap theme</a>
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#s-lg-guide-tabs.navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div id="s-lg-guide-tabs" class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-left">
SUNYLA 2021 Tips & Tricks Templates Changing Tabbed Box Colors Copyright Test Test Orientation Stuff Experiment Here LERC Survey H5P Experiments Testing stuff Primo widgets Notes file Bookshelf Reusable content workshop APA Blog Test CD policy Test for Course Reserves
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
<div id="s-lg-guide-tabs-title-bar" class="container s-lib-side-borders"></div>
<!-- BEGIN: Guide Content -->
<div id="s-lg-guide-main" class="container s-lib-main s-lib-side-borders">
{{content}}
{{page_prev_next_links}}
</div>
<!-- END: Guide Content -->
<!-- BEGIN: Page Footer -->
<div id="s-lib-footer-public" class="s-lib-footer footer container s-lib-side-borders">
<div id="s-lg-guide-header-meta" class="pad-top-sm pad-left-med clearfix">
<ul id="s-lg-guide-header-attributes" class="">
<li id="s-lg-guide-header-updated" class="s-lg-h-separator">
{{last_updated_display}} </li>
<li id="s-lg-guide-header-url" class="s-lg-h-separator">
{{guide_url_display}}
</li>
<li id="s-lg-guide-print-url">
{{print_url_display}}
</li>
</ul>
<div id="s-lib-footer-login-link" class="pull-right pad-right-med">
{{login_url_display}} </div>
</div>
<div class="pad-bottom-sm clearfix">
<div id="s-lib-footer-support-link" class="pull-right pad-right-med">
{{support_url_display}}
</div>
<div id="s-lg-guide-header-subjects" class="pad-top-sm pad-left-med pad-right-med pull-left">
{{guide_subjects}}
</div>
<div id="s-lg-guide-header-tags" class="pad-top-sm pad-left-med">
{{guide_tags}}
</div>
</div>
</div>
<!-- END: Page Footer -->
<div id="s-lib-scroll-top" title="Back to Top">
<span class="fa-stack fa-lg">
<i class="fa fa-square-o fa-stack-2x"></i>
<i class="fa fa-angle-double-up fa-stack-1x" style="position:relative; bottom:2px;"></i>
</span>
</div> <div id="s-lib-alert" title="">
<div id="s-lib-alert-content"></div>
</div>
<!-- BEGIN: Custom Footer -->
{{public_footer}}
<!-- END: Custom Footer -->
</body>
<style>
.instruct {
padding: 5px;
margin-bottom: 20px;
text-align: center;
font-size: 16px;
}
</style>
<body class="s-lg-guide-body">
{{ADMIN_CMD_BAR}}
<!-- BEGIN: Page Header -->
{{public_header}}
<!-- END: Page Header -->
<!-- BEGIN: Guide Info Header -->
<div id="s-lg-guide-header" class="container s-lib-header s-lib-side-borders">
<div id="s-lib-bc">
{{breadcrumbs}}
</div>
<div id="s-lg-guide-header-search">
{{guide_search}} </div>
<div id="s-lg-guide-header-info">
<h1 id="s-lg-guide-name">{{guide_title}}: {{page_title}}</h1>
<div id="s-lg-guide-desc-container" class="pad-top-med">
<span id="s-lg-guide-description">{{guide_description}}</span>
</div>
</div>
</div>
<!-- END: Guide Info Header -->
<div id="s-lg-tabs-container" class="container s-lib-side-borders pad-top-med">
<div id="s-lg-guide-tabs" class="tabs">
<ul class="nav nav-tabs">
{{content_box_profile}}
SUNYLA 2021 Tips & Tricks Templates Changing Tabbed Box Colors Copyright Test Test Orientation Stuff Experiment Here LERC Survey H5P Experiments Testing stuff Primo widgets Notes file Bookshelf Reusable content workshop APA Blog Test CD policy Test for Course Reserves
</ul>
</div>
</div>
<div id="s-lg-guide-tabs-title-bar" class="container s-lib-side-borders"></div>
<!-- BEGIN: Guide Content -->
<div id="s-lg-guide-main" class="container s-lib-main s-lib-side-borders">
<div class="alert alert-danger instruct col-md-12">Add your boxes to the appropriate row. The measurements for each row are below!</div>
<div class="alert alert-danger instruct col-md-12"><STRONG>ONE COLUMN</STRONG>: 12 / 12</div>
<div class="row">
<div class="col-md-12">
{{content_col_1}}
</div>
</div>
<div class="alert alert-danger instruct col-md-12"><strong>LEFT COLUMN</strong>: 9 / 12<br /><strong>RIGHT COLUMN</strong>: 3 / 12
</div>
<div class="row">
<div class="col-md-9">
</div>
<div class="col-md-3">
{{content_col_3}}
</div>
</div>
<div class="alert alert-danger instruct col-md-12"><strong>LEFT COLUMN</strong>: 4 / 12<br /><strong>MIDDLE COLUMN</strong>: 4 / 12<br /><strong>RIGHT COLUMN</strong>: 4 / 12</div>
<div class="row">
<div class="col-md-4">
{{content_col_4}}
</div>
<div class="col-md-4">
{{content_col_5}}
</div>
<div class="col-md-4">
{{content_col_6}}
</div>
</div>
<div class="alert alert-danger instruct col-md-12"><strong>LEFT COLUMN</strong>: 3 / 12<br /><strong>MIDDLE COLUMN</strong>: 6 / 12<br /><strong>RIGHT COLUMN</strong>: 3 / 12</div>
<div class="row">
<div class="col-md-3">
{{content_col_7}}
</div>
<div class="col-md-6">
{{content_col_8}}
</div>
<div class="col-md-3">
{{content_col_9}}
</div>
</div>
<div class="alert alert-danger instruct col-md-12"><strong>LEFT COLUMN</strong>: 6 / 12<br /><strong>RIGHT COLUMN</strong>: 6 / 12</div>
<div class="row">
<div class="col-md-6">
{{content_col_10}}
</div>
<div class="col-md-6">
{{content_col_11}}
</div>
</div>
{{page_prev_next_links}}
</div>
<!-- END: Guide Content -->
<!-- BEGIN: Page Footer -->
<div id="s-lib-footer-public" class="s-lib-footer footer container s-lib-side-borders">
<div id="s-lg-guide-header-meta" class="pad-top-sm pad-left-med clearfix">
<ul id="s-lg-guide-header-attributes" class="">
<li id="s-lg-guide-header-updated" class="s-lg-h-separator">
<span class="s-lg-guide-label">Last Updated:</span> <span class="s-lg-text-greyout">{{guide_updated}}
</span>
</li>
<li id="s-lg-guide-header-url" class="s-lg-h-separator">
<span class="s-lg-guide-label">URL:</span> <span class="s-lg-text-greyout">{{guide_url}}
</span>
</li>
<li id="s-lg-guide-print-url">
<a href="{{guide_print_url}}"><i class="fa fa-print" title="Print Page"></i> Print Page</a>
</li>
</ul>
<div id="s-lib-footer-login-link" class="pull-right pad-right-med">
<a href="{{login_url}}">Login to LibApps</a>.
</div>
</div>
<div class="pad-bottom-sm clearfix">
<div id="s-lib-footer-support-link" class="pull-right pad-right-med">
</div>
<div id="s-lg-guide-header-subjects" class="pad-top-sm pad-left-med pad-right-med pull-left">
{{guide_subjects}}
</div>
<div id="s-lg-guide-header-tags" class="pad-top-sm pad-left-med">
{{guide_tags}}
</div>
</div>
</div>
<!-- END: Page Footer -->
<div id="s-lib-scroll-top" title="Back to Top">
<span class="fa-stack fa-lg">
<i class="fa fa-square-o fa-stack-2x"></i>
<i class="fa fa-angle-double-up fa-stack-1x" style="position:relative; bottom:2px;"></i>
</span>
</div> <div id="s-lib-alert" title="">
<div id="s-lib-alert-content"></div>
</div>
<!-- BEGIN: Custom Footer -->
{{public_footer}}
<!-- END: Custom Footer -->
</body>
<style>
.instruct {
padding: 5px;
margin-bottom: 20px;
text-align: left;
font-size: 14px;
}
</style>
<!-- SIDE NAV -->
<body class="s-lg-guide-body">
{{ADMIN_CMD_BAR}}
<!-- BEGIN: Page Header -->
{{public_header}}
<!-- END: Page Header -->
<!-- BEGIN: Guide Header -->
<div id="s-lg-guide-header" class="container s-lib-header s-lib-side-borders">
<div id="s-lib-bc">
{{breadcrumbs}}
</div>
<div class="pull-right">
<div id="s-lg-guide-header-search">
{{guide_search}} </div>
{{ADMIN_MINI_CMD_BAR}}
</div>
<div id="s-lg-guide-header-info">
<h1 id="s-lg-guide-name">{{guide_title}}</h1>
<div id="s-lg-guide-desc-container" class="pad-top-med">
<span id="s-lg-guide-description">{{guide_description}}</span>
</div>
</div>
</div>
<!-- END: Guide Header -->
<div id="s-lg-guide-tabs-title-bar" class="container s-lib-side-borders"></div>
<div id="s-lg-tabs-container" class="container s-lib-side-borders pad-top-med">
<div id="s-lg-guide-tabs">
<div class="row">
<div class="col-md-3 s-lg-tabs-side pad-bottom-med">
<ul class="nav nav-pills nav-stacked">SUNYLA 2021 Tips & Tricks Templates Changing Tabbed Box Colors Copyright Test Test Orientation Stuff Experiment Here LERC Survey H5P Experiments Testing stuff Primo widgets Notes file Bookshelf Reusable content workshop APA Blog Test CD policy Test for Course Reserves
</ul>
{{side_nav_boxes}}
</div>
<div class="col-md-9">
<div class="s-lg-tab-content">
<div id="s-lg-guide-main" class="tab-pane active">
<div class="alert alert-danger instruct col-md-12">
<p><strong>Column 1</strong>: Boxes in this column will span the whole row</p>
<p><strong>Columns 2 & 3</strong>: Boxes added to column 2 will take up half the page, in the middle. Column 3 will take up the rest of the page, on the right.</p>
<p><strong>Columns 4 & 5</strong>: Add boxes to these columns if they should be equally wide.</p>
</div>
<div class="row">
<div class="col-md-12">
{{content_col_1}}
</div>
</div>
<div class="row">
<div class="col-md-8">
</div>
<div class="col-md-4">
{{content_col_3}}
</div>
</div>
<div class="row">
<div class="col-md-6">
{{content_col_4}}
</div>
<div class="col-md-6">
{{content_col_5}}
</div>
</div>
</div>
</div>
{{page_prev_next_links}}
</div>
</div>
</div>
</div>
<!-- BEGIN: Page Footer -->
<div id="s-lib-footer-public" class="s-lib-footer footer container s-lib-side-borders">
<div id="s-lg-guide-header-meta" class="pad-top-sm pad-left-med clearfix">
<ul id="s-lg-guide-header-attributes" class="">
<li id="s-lg-guide-header-updated" class="s-lg-h-separator">
<span class="s-lg-guide-label">Last Updated:</span> <span class="s-lg-text-greyout">{{guide_updated}}
</span>
</li>
<li id="s-lg-guide-header-url" class="s-lg-h-separator">
<span class="s-lg-guide-label">URL:</span> <span class="s-lg-text-greyout">{{guide_url}}
</span>
</li>
<li id="s-lg-guide-print-url">
<a href="{{guide_print_url}}"><i class="fa fa-print" title="Print Page"></i> Print Page</a>
</li>
</ul>
<div id="s-lib-footer-login-link" class="pull-right pad-right-med">
<a href="{{login_url}}">Login to LibApps</a>.
</div>
</div>
<div class="pad-bottom-sm clearfix">
<div id="s-lib-footer-support-link" class="pull-right pad-right-med">
</div>
<div id="s-lg-guide-header-subjects" class="pad-top-sm pad-left-med pad-right-med pull-left">
{{guide_subjects}}
</div>
<div id="s-lg-guide-header-tags" class="pad-top-sm pad-left-med">
{{guide_tags}}
</div>
</div>
</div>
<!-- END: Page Footer -->
<div id="s-lib-scroll-top" title="Back to Top">
<span class="fa-stack fa-lg">
<i class="fa fa-square-o fa-stack-2x"></i>
<i class="fa fa-angle-double-up fa-stack-1x" style="position:relative; bottom:2px;"></i>
</span>
</div> <div id="s-lib-alert" title="">
<div id="s-lib-alert-content"></div>
</div>
<!-- BEGIN: Custom Footer -->
{{public_footer}}
<!-- END: Custom Footer -->
</body>