r1767 - trunk/build/build
Author: paul.bakaus
Date: Fri Jan 23 11:27:16 2009
New Revision: 1767
Modified:
trunk/build/build/style.xsl
Log:
build: theming tab for documentation now creates a placeholder
(%%THEMING%%) that can be easily replaced
Modified: trunk/build/build/style.xsl
==============================================================================
--- trunk/build/build/style.xsl (original)
+++ trunk/build/build/style.xsl Fri Jan 23 11:27:16 2009
@@ -203,50 +203,7 @@
<!-- TAB 4 -->
<div id="docs-theming">
- <p class="intro">ui.dialog uses the jQuery UI CSS styles framework for
all major components, e.g. for the titlebar, the resize handle, etc., some
of which are borrowed from ui.resizable.
-
- <h3>Sample code with CSS classes</h3>
-
- Use the classes highlighted in bold to customize the dialog:
-
- <!-- Remove all framework classes (those from ui.core.css and
ui.theme.css) from the markup sample, and highlight all remaining widget
classes in bold (<strong>).
- We decided to omit framework classes to avoid confusion and focus the
user on the classes that are necessary for customizing the widget. I've
bolded a few for illustration,
- but in the working code ALL of them should be bolded. -->
-
- <code>
- <div class="<strong>ui-dialog</strong>" role="dialog"
aria-labelledby="ui-dialog-title-1"><br />
-   <div class="<strong>ui-dialog-titlebar</strong>"><br />
-     <span
class="<strong>ui-dialog-title</strong>" id="ui-dialog-title-1">Dialog
Title</span><br />
-     <a href="#"
class="<strong>ui-dialog-titlebar-close</strong>" role="button"
title="Close"><br />
-     <span class="<strong>ui-icon
ui-icon-closethick</strong>">Close</span></a><br />
-   </div><br />
-   <div class="<strong>ui-dialog-content</strong>"
style="height: 13em;"><br />
-     <p>Lorem ipsum dolor sit amet, consectetur
adipisicing elit, sed do eiusmod tempor incididunt</p><br />
-   </div><br />
-   <div class="<strong>ui-dialog-buttonpane</strong>"><br
/>
-     <button class="ui-state-default
ui-priority-primary ui-corner-all">Primary</button><br />
-     <button class="ui-state-default
ui-priority-secondary ui-corner-all">Secondary</button><br />
-     <button class="ui-state-default
ui-state-disabled ui-corner-all">Disabled</button><br />
-   </div><br />
-   <div class="ui-resizable-n
ui-resizable-handle"></div><br />
-   <div class="ui-resizable-s
ui-resizable-handle"></div><br />
-   <div class="ui-resizable-e
ui-resizable-handle"></div><br />
-   <div class="ui-resizable-w
ui-resizable-handle"></div><br />
-   <div class="ui-resizable-ne
ui-resizable-handle"></div><br />
-   <div class="ui-resizable-se ui-resizable-handle ui-icon
ui-icon-grip-diagonal-se"></div><br />
-   <div class="ui-resizable-sw
ui-resizable-handle"></div><br />
-   <div class="ui-resizable-nw
ui-resizable-handle"></div><br />
- </div>
- </code>
-
- <h3>See also</h3>
- <ul>
- <li><a href="#">UI/Resizables plugin documentation</a></li>
- <li><a href="#">How to create a custom theme</a></li>
- <li><a href="#">jQuery UI CSS Framework documentation</a></li>
- <li><a href="#">ThemeRoller: Create your own custom theme</a></li>
- </ul>
-
+ %%THEMING%%
</div>
</div>
</xsl:template>