Mercurial Hosting > nabble

comparison src/nabble/modules/naml/responsive.naml @ 0:7ecd1a4ef557

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
add content
author Franklin Schmidt <fschmidt@gmail.com>
date Thu, 21 Mar 2019 19:15:52 -0600
parents
children
comparison
equal deleted inserted replaced
-1:000000000000 0:7ecd1a4ef557
1 <override_macro name="jquery_library">
2 <script src="/assets/jquery/jquery-1.9.1.min.js"></script>
3 <script>$.browser = {}</script>
4 </override_macro>
5
6 <override_macro name="html_impl" parameters="head,body" requires="servlet">
7 <n.page_start/>
8 <n.update_default_permissions/>
9 <n.nabble_html>
10 <do>
11 <n.embedding_redirection_js/>
12 <n.put_in_head.head/>
13 <n.body/>
14 <n.load_call_later_script/>
15 </do>
16 <output>
17 <![CDATA[<!DOCTYPE html>]]>
18 <html>
19 <head>
20 <meta name="viewport" content="width=device-width,initial-scale=1.0"/>
21 <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
22 <n.nabble_stylesheets/>
23 <n.nabble_javascript_libraries/>
24 <n.html_head_content/>
25 <n.nabble_shared_scripts/>
26 </head>
27 <body>
28 <div id="notice" class="notice rounded-bottom"></div>
29 <div class="nabble macro_[n.page_template/]" id="nabble">
30 <n.apply_filters.html_body_content/>
31 </div>
32 <n.bottom_scripts/>
33 <n.as_html_comments.site_information/>
34 </body>
35 </html>
36 </output>
37 </n.nabble_html>
38 </override_macro>
39
40 <override_macro name="classic_stylesheet_big_avatar">
41 <n.overridden/>
42 <style type="text/css">
43 @media (max-width: 600px) {
44 #topic-search-box{float:none}
45 img.avatar{width:30%;height:30%}
46 td.classic-author{width:55px;font-size:11px;overflow:hidden}
47 div.avatar-inner{margin:5px}
48 div.classic-author-name{width:auto}
49 div.ad > div,div.ad > ins{float:none !important;margin-left:-70px !important}
50 div.classic-header{overflow:visible}
51 div.classic-bar{height:3.5em}
52 div.classic-subject-line{margin:2em 0;left:0;overflow-x:hidden;overflow-y:visible}
53 table.classic-body{margin-top:2em}
54 }
55 </style>
56 </override_macro>
57
58 <override_macro name="last_post_column" parameters="title,width,white_space">
59 <n.table_column>
60 <head>
61 <td class="[n.column_default_border/] nowrap last-post-column" style="[n.width_style.width/]">
62 <n.default. to="[t]Last Post[/t]"><n.title/></n.default.>
63 </td>
64 </head>
65 <body>
66 <n.current_node.>
67 <td class="[n.column_default_border/] weak-color">
68 <n.if.either condition1="[n.is_post/]" condition2="[n.has_topics/]">
69 <then>
70 <n.last_node.>
71 <table class="avatar-table">
72 <tr>
73 <n.last_post_column_start/>
74 <td class="column" style="width:100%;padding:0;border:none;[n.style. property='white-space'][n.white_space/][/n.style.]">
75 <n.smart_post_link>
76 <text.when_created.short_format/>
77 </n.smart_post_link>
78 <span class="weak-color column nowrap" style="padding-left:.2em">
79 <t>by <t.author.owner.name truncate="20"/></t>
80 </span>
81 </td>
82 </tr>
83 </table>
84 </n.last_node.>
85 </then>
86 <else>
87 <span style="padding-left:.4em">
88 <t>Empty</t>
89 </span>
90 </else>
91 </n.if.either>
92 </td>
93 </n.current_node.>
94 </body>
95 </n.table_column>
96 </override_macro>
97
98 <override_macro name="standard_table_stylesheet">
99 <style type="text/css">
100 table.main {
101 width:100%;
102 border-width: 1px;
103 border-style: solid;
104 border-collapse:collapse;
105 }
106 table.main td {
107 padding:.1em;
108 height:2.2em;
109 }
110 tr.header-row td {
111 font-weight:bold;
112 padding: .1em .2em;
113 border-bottom-width: 1px;
114 border-bottom-style: solid;
115 }
116 @media (max-width: 600px) {
117 table.main td{padding-left:0 !important;font-size:95%}
118 tr.header-row td{font-size:80%}
119 td.column{white-space:normal !important}
120 span.column.nowrap{white-space:normal}
121 span.pages{margin: 2em 0}
122 span.pages a{padding:.2em .6em}
123 img.avatar{display:none}
124 img.online{opacity:0}
125 }
126 </style>
127 </override_macro>
128
129 <override_macro name="topics_table_stylesheet">
130 <style type="text/css">
131 table.main {
132 width:99.9%;
133 border-width: 1px;
134 margin:0 1px;
135 border-style: solid;
136 border-collapse:collapse;
137 }
138 table.main td {
139 padding:.1em;
140 height:2.2em;
141 }
142 tr.header-row td {
143 font-weight:bold;
144 padding: .1em .2em;
145 border-bottom-width: 1px;
146 border-bottom-style: solid;
147 }
148 @media (max-width: 600px) {
149 table.main td{padding-left:0 !important;font-size:95%}
150 tr.header-row td{font-size:80%}
151 td.column{white-space:normal !important}
152 span.column.nowrap{white-space:normal}
153 span.pages{margin: 2em 0}
154 span.pages a{padding:.2em .6em}
155 }
156 </style>
157 </override_macro>
158
159 <override_macro name="topic_common_head">
160 <n.search_highlight_js/>
161 <n.message_width_js/>
162 <style>
163 @media (max-width: 600px) {
164 div.topics-controls-wrapper{margin:1.2em 0 7em !important}
165 div.root-text img,div.message-text img{max-width:100%}
166 }
167 </style>
168 </override_macro>
169
170 <override_macro name="topic_controls" requires="forum_topic_namespace">
171 <div class="topics-controls-wrapper" style="margin:1.2em 0 5em">
172 <div id="topics-controls-left" class="float-left nowrap">
173 <n.topic_controls_left/>
174 </div>
175 <div id="topics-controls-right" class="float-right nowrap" style="padding-top:.3em">
176 <n.topic_controls_right/>
177 </div>
178 </div>
179 </override_macro>
180
181 <override_macro name="category_table_stylesheet">
182 <n.overridden/>
183 <style type="text/css">
184 @media (max-width: 600px) {
185 table.main td{padding-left:0 !important;font-size:95%}
186 tr.header-row td{font-size:80%}
187 tr.main-row img[width]{display:none}
188 td.column{white-space:normal !important}
189 span.column.nowrap{white-space:normal}
190 span.pages{margin:2em 0}
191 span.pages a{padding:.2em .6em}
192 }
193 </style>
194 </override_macro>
195
196 <override_macro name="nabble_stylesheets" unindent="true">
197 <n.overridden/>
198 <style type="text/css">
199 @media (max-width: 600px) {
200 #search-box,#topic-search-box{margin:1em 0}
201 td.pin-column img{display:none}
202 }
203 </style>
204 </override_macro>
205
206 <override_macro name="gallery_table_stylesheet">
207 <n.overridden/>
208 <style type="text/css">
209 table.gallery {clear:both}
210 @media (max-width: 780px) {
211 table.gallery td {
212 float:left;
213 width:45%!important;
214 text-align:center;
215 word-break:break-all;
216 }
217 }
218 @media (max-width: 600px) {
219 #columns div.column{width:100%!important}
220 table.gallery td {
221 float:none;
222 display:block;
223 width: 100%!important;
224 }
225 }
226 </style>
227 </override_macro>
228
229 <override_macro name="mixed_table_stylesheet">
230 <n.overridden/>
231 <style type="text/css">
232 @media (max-width: 600px) {
233 .nowrap{white-space:normal}
234 }
235 </style>
236 </override_macro>