Table of Contents [Hide/Show]
1 - Introduction to Themes 1.1 - Cascading Style Sheets (CSS) 1.1.1 - CSS Naming Conventions 1.2 - CSS Media Types 1.3 - FavIcon and JavaScript2 - Theming pseudo-API 2.3 - CSS Classes and IDs 2.3.1 - Classes 2.3.1.1 - Page Discussion Classes 2.3.2 - IDs 2.2 - Global Page Structure 2.3 - Wiki Pages 2.4 - System Pages 2.4.1 - Admin.aspx 2.4.2 - AllPages.aspx 2.4.3 - Edit.aspx 2.4.4 - History.aspx 2.4.5 - Search.aspx 2.4.6 - Upload.aspx
Default/ Screen_Styles.css Print_Styles.css Icon.ico Scripts.js (that's actually empty) Images/ ... all the images of the Theme
screen_
__ToggleImages()
clear
both
(((...)))
<div id="HeaderDiv"> <!-- Here is printed the content of the file Header.cs --> </div> <div id="ContainerDiv"> <div id="SidebarDiv"> <div id="SidebarHeaderDiv"> <!-- Used for layouting purposes --> </div> <div id="SidebarContentDiv"> <!-- Here is printed the content of the file Sidebar.cs --> </div> <div id="SidebarFooterDiv"> <!-- Used for layouting purposes --> </div> </div> <div id="MainDiv"> <div id="MainHeaderDiv"> <!-- Used for layouting purposes --> </div> <div id="PageInternalHeaderDiv"> <!-- Contains local header for content Pages - file PageHeader.cs This element can be omitted --> </div> <!-- HERE IS PRINTED THE ACTUAL CONTENT OF THE PAGE, DIFFERENT IN "SYSTEM" (Admin.aspx, AllPages.aspx, ...) PAGES AND WIKI PAGES --> <div id="PageInternalFooterDiv"> <!-- Contains local footer for content Pages - file PageFooter.cs This element can be omitted --> </div> <div id="MainFooterDiv"> <!-- Used for layouting purposes --> </div> </div> </div> <div id="FooterDiv"> <!-- Here is printed the content of the file Footer.cs --> </div>
<a id="PageTop"></a> <!-- Used as "page top" anchor --> <div id="PageHeaderDiv"> <!-- Contains header info of the Page, such as Title, date and user --> <div id="EditHistoryLinkDiv"> <a id="EditLink">...</a> <!-- Link to the Edit page --> <a id="HistoryLink">...</a> <!-- Link to the page History --> </div> <h1 class="separator">Page Title</h1> <div id="PageLockedDiv">...</div> - or - <div id="PagePublicDiv">...</div> <div id="RssLinkDiv"> <a id="RssLink">...</a> <!-- Link to the RSS feed --> </div> <div id="PageInfoDiv"> <!-- Page info, such as date and time, user --> </div> </div> <div id="PageContentDiv"> <!-- THE CONTENT OF THE PAGE --> </div>