Hi.

I hope my Post this time works. Have to write my Question again.
So. My Problem is to make different Layouts for Special Widgets on my actuall Project.
I am using much of UI Stuff and so i happens that i need two or three different Styles for Tabs and two Designs of Dialogs and so on....
I know there is a Way to make Multiple Themes and use them together on one Page. But i think this is not very elegant. Because the most of the CSS isn't used.

Is there a Way to do somethink like Patches jquery.ui.dialog_fork.css, jquery.ui.dialog_fork_two.css,.... and so on? I tried it but it only works well with the UI Demo files when it Comes to Production Use together with multiple other dialog, button, tabs Styles i breaks.

If there is a possibility to do this in a good way.
Would be nice to get short tipp how to do it!

my approach was this one: (a and if there is a way to do something like this and keep the possibility to update the ui in the future would be nice - actually i am working on the 1.8 - rc3)

thanks. J

1. /* Dialog
   ----------------------------------*/
   .ldb-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
   .ldb-dialog .ldb-dialog-titlebar { padding: .5em 1em .3em; position: relative;  }
   .ldb-dialog .ldb-dialog-title { float: left; margin: .1em 16px .2em 0; }
   .ldb-dialog .ldb-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
   .ldb-dialog .ldb-dialog-titlebar-close span { display: block; margin: 1px; }
   .ldb-dialog .ldb-dialog-titlebar-close:hover, .ldb-dialog .ldb-dialog-titlebar-close:focus { padding: 0; }
   .ldb-dialog .ldb-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
   .ldb-dialog .ldb-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
   .ldb-dialog .ldb-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
   .ldb-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
   .ui-draggable .ldb-dialog-titlebar { cursor: move; }
   
   
   .ldb-dialog {
   background-color: #E0E0E0;
   }
   
   .ldb-dialog .ui-corner-all  {
   -moz-border-radius:0px 0px 0px 0px;
   }
   
   .ldb-dialog .ui-widget-content {
   /*background:url("images/ui-bg_flat_75_ffffff_40x100.png") repeat-x scroll 50% 50% #FFFFFF;*/
   background: #E0E0E0;
   border:0px solid #AAAAAA;
   color:#222222;
   margin: 0;
   padding: 0;
   }
   
   .ldb-dialog .ui-dialog .ui-widget-header {
   background:url("images/product_title.png") repeat-x scroll 50% 50% #CCCCCC;
   height: 36px;
   border-top:0px solid #FFF;
   border-right:0px solid #AAAAAA;
   border-bottom:0px solid #B3B3B3;
   border-left:0px solid #AAAAAA;
   color:#222222;
   font-weight:bold;
   }
   
   .ldb-dialog .ui-dialog .ui-dialog-title {
   float:left;
   margin:1.0em 16px 0.2em 0;
   }
   
   .ldb-dialog .ui-dialog .ui-dialog-titlebar {
   padding:0 1em 0;
   position:relative;
   }
   
   #dialog-form {
   border-top:1px solid #FFF;
   border-bottom:1px solid #B3B3B3;
   }
   
   #dialog-form input.text {
   background:none repeat scroll 0 0 #FFFFFF;
   border:1px solid #CCCCCC;
   margin-bottom:12px;
   padding:0.4em;
   width:95%;
   }
   
   .ldb-dialog .ui-dialog .ui-dialog-buttonpane {
   background-image:none;
   border-width:1px 0 0;
   border-color: #FFF;
   margin: 0;
   padding:0.3em 1em 0.5em 0.4em;
   text-align:left;
   }
   
   
   .ldb-dialog .ui-state-default, .ui-widget-content .ui-state-default {
   background:url("images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6;
   border:0px solid #D3D3D3;
   color:#555555;
   font-weight:normal;
   }
   
   .ldb-dialog .ui-state-active, .ui-widget-content .ui-state-active {
   /*background:url("images/ui-bg_glass_65_ffffff_1x400.png") repeat-x scroll 50% 50% #FFFFFF;*/
   background: #E0E0E0;
   border:0px solid #AAAAAA;
   color:#212121;
   font-weight:normal;
   }
   
   .ldb-dialog .ui-corner-top {
   -moz-border-radius-topleft:0px;
   -moz-border-radius-topright:0px;
   }