diff options
| author | Paul Bakaus <paul.bakaus@googlemail.com> | 2009-01-23 19:27:16 +0000 |
|---|---|---|
| committer | Paul Bakaus <paul.bakaus@googlemail.com> | 2009-01-23 19:27:16 +0000 |
| commit | 93b8dc8b9deb7dcf59dd8b6788577644ae42899c (patch) | |
| tree | 2665951a0db4af62c058bddd32305df19ab6e0dd /build | |
| parent | 375effa42b5eeb3b0213a03de0786137dbb08bee (diff) | |
| download | jquery-ui-93b8dc8b9deb7dcf59dd8b6788577644ae42899c.tar.gz jquery-ui-93b8dc8b9deb7dcf59dd8b6788577644ae42899c.zip | |
build: theming tab for documentation now creates a placeholder (%%THEMING%%) that can be easily replaced
Diffstat (limited to 'build')
| -rw-r--r-- | build/build/style.xsl | 45 |
1 files changed, 1 insertions, 44 deletions
diff --git a/build/build/style.xsl b/build/build/style.xsl index faa6e7c0b..146409344 100644 --- a/build/build/style.xsl +++ b/build/build/style.xsl @@ -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.</p> - - <h3>Sample code with CSS classes</h3> - - <p>Use the classes highlighted in bold to customize the dialog:</p> - - <!-- 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> |