-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathportalTemplate.html
128 lines (122 loc) · 3.76 KB
/
portalTemplate.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
<style>
@media all and (max-width: 768px) {
.guidesRow{
grid-template-columns: repeat(3,1fr);
}
}
@media all and (min-width: 769px) and (max-width: 992px) {
.guidesRow{
grid-template-columns: repeat(4,1fr);
}
}
.guidesRow {
display: grid;
grid-template-columns: repeat(6,1fr);
gap: 0 15px;
}
.guidesRow ul {
padding-left: 0;
}
.guidesRow span > a {
font-size: 18px;
line-height: 1.1;
}
.guidesRow span > a .pad-right-sm {
margin:auto 0;
}
.guidesRow span > a img {
margin-bottom:10px;
max-height:100px;
}
</style>
<body class="s-lg-guide-body">
{{skip_link}}
{{obsolete_browser_alert}}
{{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">
<nav id="s-lib-bc" aria-label="breadcrumb">{{breadcrumbs}}</nav>
<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" role="navigation" aria-label="Guide Pages">
<ul class="nav nav-tabs split-button-nav">
{{guide_nav}}
</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" tabindex="-1">
{{empty_page_sub_page_list}}
<div class="row">
<div id="s-lg-col-1" class="col-md-12">
<div class="s-lg-col-boxes">
{{content_col_1}}
</div>
</div>
</div>
<div class="guidesRow">
{{content_col_2}}
</div>
<div class="row">
<div id="s-lg-col-3" class="col-md-12">
<div class="s-lg-col-boxes">
{{content_col_3}}
</div>
</div>
</div>
<div class="guidesRow">
{{content_col_4}}
</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"><!--{{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 -->
<!-- scroll_top.twig -->
<div id="s-lib-scroll-top">
<a href="javascript:void(0);" onclick="jQuery('body').focus();" title="Back to Top" aria-label="Back to Top">
<span class="fa-stack fa-lg" aria-hidden="true">
<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>
</a>
</div>
<!-- !scroll_top.twig -->
<div id="s-lib-alert" title="">
<div id="s-lib-alert-content"></div>
</div>
<!-- BEGIN: Custom Footer -->
{{public_footer}}
<!-- END: Custom Footer -->
</body>