To make your Advanced Theme as upgrade safe as possible we recommend you to use one of our pre-designed CSS classes to style the content area. Just add a div tag(with pre-designed CSS classes) that wraps around the content section.
File: top.vm
... <div id="demo_theme_content" class="rw_content_menu_transparent_dark rw_content_spaces_gray3 rw_content_dashboards_gray1">
File: bottom.vm
</div> <!-- #demo_theme_content -->
Check out the Advanced Demo Theme for a real example: https://bitbucket.org/refinedwikiteam/advanced-theme-demo-for-confluence
Menubar
| Class | Result |
|---|---|
| rw_content_menu_solid |  |
| rw_content_menu_transparent |  |
| rw_content_menu_transparent_dark |  |
Space
| Class | Result |
|---|---|
| rw_content_spaces_gray1 |  |
| rw_content_spaces_gray2 |  |
| rw_content_spaces_gray3 |  |
| rw_content_spaces_gray4 |  |
| rw_content_spaces_white1 |  |
| rw_content_spaces_white2 |  |
| rw_content_spaces_white3 |  |
Dashboard
| Class | Result |
|---|---|
| rw_content_dashboards_gray1 |  |
| rw_content_dashboards_gray2 |  |
| rw_content_dashboards_gray3 |  |
| rw_content_dashboards_white1 |  |