By pasting your existing CSS code designed for Wikidot's legacy layout, the conversion engine will upgrade the "legacy IDs" and convert them into classes.
Converter version 1:
Original Legacy ID | New Converted Class | |
---|---|---|
1 | #container-wrap-wrap | .container-wrap-wrap |
2 | #container-wrap | .container-wrap |
3 | #container | .container |
4 | #header | .header |
5 | #top-bar | .top-bar |
6 | #login-status | .login-status |
7 | #header-extra-div-1 | .header-extra-div-1 |
8 | #header-extra-div-2 | .header-extra-div-2 |
9 | #header-extra-div-3 | .header-extra-div-3 |
10 | #content-wrap | .content-wrap |
11 | #side-bar | .side-bar |
12 | #main-content | .main-content |
13 | #action-area-top | .action-area-top |
14 | #page-title | .page-title |
15 | #breadcrumbs | .breadcrumbs |
16 | #page-tags | .page-tags |
17 | #page-info-break | .page-info-break |
18 | #page-options-container | .page-options-container |
19 | #footer | .footer |
20 | #license-area | .license-area |
21 | #extrac-div-1 | .extrac-div-1 |
22 | #extrac-div-2 | .extrac-div-2 |
23 | #extrac-div-3 | .extrac-div-3 |
24 | #extra-div-1 | .extra-div-1 |
25 | #extra-div-2 | .extra-div-2 |
26 | #extra-div-3 | .extra-div-3 |
27 | #extra-div-4 | .extra-div-4 |
28 | #extra-div-5 | .extra-div-5 |
29 | #extra-div-6 | .extra-div-6 |