Eight_Ways_to_Trick_Time_transforms >> tbwiki.header_transforms 

TB Wiki

Login

navigation
search
toolbox
  article   edit this page   history  

Regression Test

Expected HTML for page "mobile.css"


expected html
nothing
t1/* tbwiki mobile stylet
2 *
3<ul><li>Copyright (c) 2020 by Tim Bird
4*/
5</ul>
6<p>
7/* text-size-adjust: none; */
8<p>
9html * { max-height:1000000px; }
10<p>
11/* * {
12   font-family: Times New;
13   font-size: 28pt;
14}
15*/
16<p>
17body {
18   background-color: #eeeeee;
19   color: #000000;
20   font-family: Times New;
21   font-size: 28pt;
22   margin-right: 0px;
23   margin-left: 4px;
24}
25<p>
26h1,h2,h3,h4,h5 {
27   font-family: Helvetica;
28}
29<p>
30h1 {
31   font-size: 36pt;
32   font-weight: normal;
33   padding-bottom: 4px;
34   border-bottom: 2px solid #c0c0c0;
35}
36<p>
37h2 {
38   font-size: 32pt;
39   font-weight: normal;
40}
41<p>
42h3 {
43   font-size: 28pt;
44}
45<p>
46h4 {
47   font-size: 24pt;
48}
49<p>
50.content {
51   background-color: #ffffff;
52   font-family: Times New;
53   font-size: 28pt;
54}
55<p>
56.section_edit_link {
57   font-size: 20pt;
58}
59<p>
60.site_title h1 {
61   display: inline;
62   font-size: 36pt;
63   font-weight: bold;
64   padding-bottom: 4px;
65}
66<p>
67.page_title h1 {
68   font-size: 36pt;
69   font-weight: bold;
70   padding-bottom: 4px;
71   border-bottom: 2px solid #c0c0c0;
72}
73<p>
74.index {
75   margin-left: 40pt;
76}
77<p>
78.index h4 {
79   font-size: 28pt;
80   border-bottom: 4px solid #4040ff;
81   margin-bottom: 4px;
82}
83<p>
84.toc {
85   display: table;
86   width: 0%;
87   margin-left: 40pt;
88   margin-right: auto;
89   padding-right: 15px;
90   background-color: #ffffe0;
91   border: 4px solid #ffffb0;
92   font-family: Helvetica;
93   font-size: 22pt;
94}
95<p>
96/**********************************************
97<ul><li>overall (mobile) layout is:
98 *
99<li>+----main------------------------------+
100<li>| site_title nav_bar_bar               |
101<li>| +--- article---------------------+   |
102<li>| |+---actionbar--------+          |   |
103<li>| ||                    |          |   |
104<li>| |+--------------------+          |   |
105<li>| |+---content----------+          |   |
106<li>| || page_title         |          |   |
107<li>| || message            |          |   |
108<li>(end of header)
109<li>| ||                    |          |   |
110<li>| ||   rendered         |          |   |
111<li>| ||     page           |          |   |
112<li>| ||                    |          |   |
113<li>(start of footer)
114<li>| ||                    |          |   |
115<li>| || message            |          |   |
116<li>| |+--------------------+          |   |
117<li>| |login_form_nobr search_form_nobr|   |
118<li>| +--------------------------------+   |
119<li>+--------------------------------------+
120 *
121<li>The mobile layout has no tools or trail_bar
122 */
123</ul>
124<p>
125/**********************************************
126<ul><li>sidebar stuff
127 */
128</ul>
129<p>
130.sidebarcol {
131   vertical-align: top;
132   width: 130px;
133}
134<p>
135.sidebar table {
136   background-color: #ffffff;
137   border: 1px solid #808080;
138   margin-right: 5px;
139   width: 100%;
140}
141<p>
142#search_table {
143   border: 0px;
144}
145<p>
146.sidebar ul {
147   list-style-type: square;
148   list-style-color: green;
149   list-style-position: inside;
150   font-size: 20pt;
151   padding-left: 5;
152}
153<p>
154/**********************************************
155<ul><li>navigation bar stuff
156 */
157</ul>
158<p>
159.nav_bar_bar * {
160   display: inline;
161   margin-right: 5px;
162   margin-bottom: 6px;
163   font-size: 28pt;
164}
165<p>
166/**********************************************
167<ul><li>actionbar stuff
168 */
169</ul>
170<p>
171/*
172A.actionbar:link {
173   color: red;
174}
175<p>
176A.actionbar:visited {
177   color: red;
178}
179*/
180<p>
181.actionbar td {
182   text-align: center;
183}
184<p>
185.actionbar table {
186   width: 100%;
187   background-color: #ffffff;
188   border-collapse: collapse;
189   margin-bottom: 0px;
190/*   border: 2px solid yellow; */
191}
192<p>
193.gap {
194/*  background-color: none; */
195   border-bottom: 2px solid #808080;
196   border-top: 0px none;
197   border-left: 0px none;
198   border-right: 0px none;
199}
200<p>
201.inactivetab {
202   background-color: #ffffff;
203   padding-left: 3px;
204   padding-right: 3px;
205   border: 2px solid #808080;
206   font-size: 28pt;
207}
208<p>
209.activetab {
210   background-color: #ffffff;
211   padding-left: 3px;
212   padding-right: 3px;
213   border: 2px solid #c0c080;
214   border-bottom: 0px none;
215   font-weight: bold;
216   font-size: 28pt;
217}
218<p>
219.activetab td {
220   background-color: #ffffff;
221}
222<p>
223.main {
224   width: 100%;
225   border-collapse: collapse;
226/*  border: 2px solid green; */
227}
228<p>
229.main td {
230   margin-top: 0px;
231   margin-bottom: 0px;
232   vertical-align: top;
233/*  border: 2px solid green; */
234}
235<p>
236.article {
237   width: 100%;
238   padding-top: 0px;
239   padding-bottom: 0px;
240   margin-left: 0px;
241   margin-right: 0px;
242   border-collapse: collapse;
243/*  border: 2px solid red; */
244}
245<p>
246.article td {
247   padding-top: 0px;
248   padding-bottom: 0px;
249/*  border: 2px solid red; */
250}
251<p>
252.content {
253   border-left: 2px solid #808080;
254   border-bottom: 2px solid #808080;
255   padding: 4px;
256   margin-left: 0px;
257   margin-right: 0px;
258   margin-top: 0px;
259}
260<p>
261.content table {
262   font-size: 28pt;
263}
264<p>
265/**********************************************
266<ul><li>edit_help stuff
267 */
268.edit_help_table {
269   background-color: #e0ffe0;
270   border: 4px solid #b0ffb0;
271}
272</ul>
273<p>
274.edit_help * {
275   font-size: 22pt;
276}
277<p>
278.help_def {
279   font-family: Helvetica;
280   font-weight: bold;
281   font-size: 20pt;
282}
283<p>
Legends
Colors
 Added 
Changed
Deleted
Links
(f)irst change
(n)ext change
(t)op

Differences for page "mobile.css"


expected html
generated html
t No Differences Found t No Differences Found 
Legends
Colors
 Added 
Changed
Deleted
Links
(f)irst change
(n)ext change
(t)op

Update saved output

Back to diff page

Return to Regression_Test page
TBWiki engine 1.9.3 by Tim Bird