File: example/theme/default.js

/*

 Method 
   $.WebfanDesktop.setThemeOption 
  alters the setting of a given theme property.
  
  The following example will fetch the default theme and applies each theme option 
  to the current desktop theme:
 */ 
  var DefaultTheme = $.WebfanDesktop.getDefaultTheme();
    for( k in Theme){
	    	 $.WebfanDesktop.setThemeOption(k, DefaultTheme[k]);
	   }	 
	   
	   
	   
	   
/*
  jQuery Plugin 
        WebfanDesktopTheme
   returns the current active Theme if no parameter is passed, 
   or otherwise loads the applied Theme Object Literal into the current theme.
     - ! - Note:
      
      The css selectors and the attribute names must exist in the default theme,
      custom selector.attribute values are not editable (by enduser) yet.

*/
$('<div></div>').WebfanDesktopTheme({
		   	    name : 'Default',
		   	    author : 'Till Wehowski, Webfan.de',
		   	    description : 'Webfan Desktop Standard Theme',
		   	    wallpaper : 'http://static.webfan.de/logos/bg-light-1.png',
		   	    favicon : 'http://static.webfan.de/webfan.favicon.ico',
		   	    css : [
		   	        {
						selector : '.ui-resizable-se',
						attr : 'background',
						value : 'url(http://www.webfan.de/images/desktop/images/desktop/gui/window_corner.gif) no-repeat right bottom' /*  ,
						important : true  */
					},
					
					{
						selector : $.WebfanDesktop.o.doms.progress,
						attr : 'color',
						value : 'black'
					},
					
					{
						selector : $.WebfanDesktop.o.doms.progress,
						attr : 'background-color',
						value : 'lightblue'
					},
					
					{
						selector : '.ui-widget-header',
						attr : 'background-color',
						value : 'blue'
					},
					
		   	        {
						selector : '.icon',
						attr : 'background',
						value : 'url(http://www.webfan.de/images/desktop/images/desktop/gui/trans_white.png) no-repeat -99999px -99999px'
					},
					
		   	        {
						selector : '.icon',
						attr : 'text-shadow',
						value : '#6495ED 0 1px 2px'
					},
					
		   	        {
						selector : '.icon.active',
						attr : 'background',
						value : 'url(http://www.webfan.de/images/desktop/images/desktop/gui/trans_black.png)'
					},
					
		   	        {
						selector : '.window',
						attr : 'background',
						value : '#fff'
					},
					
		   	        {
						selector : '.window',
						attr : 'color',
						value : '#000'
					},
					
		   	        {
						selector : '.window',
						attr : 'border',
						value : '1px solid #000'
					},
					
		   	        {
						selector : '.window_top',
						attr : 'background',
						value : '#333 url(http://www.webfan.de/images/desktop/images/desktop/gui/bar_bottom.png) repeat-x'
					},
					
		   	        {
						selector : '.window_top',
						attr : 'color',
						value : '#fff'
					},
					
		   	        {
						selector : '.window_bottom',
						attr : 'background',
						value : '#fff url(http://www.webfan.de/images/desktop/images/desktop/gui/bar_top.png) repeat-x left bottom'
					},
					
		   	        {
						selector : '.window_bottom',
						attr : 'text-shadow',
						value : '#fff 0 1px 1px'
					},
					
		   	        {
						selector : '.window_close',
						attr : 'background',
						value : 'url(http://www.webfan.de/images/desktop/images/desktop/gui/window_buttons.gif) no-repeat'
					},
					
		   	        {
						selector : '.window_content',
						attr : 'background',
						value : 'url(http://www.webfan.de/images/desktop/images/desktop/gui/window_content.gif) repeat-y'
					},
					
					{
						selector : '.maintenance-hint-webfan-desktop',
						attr : 'color',
						value : 'red'
					},
					
					{
						selector : '.wd-btn-no',
						attr : 'color',
						value : 'red'
					}
					
		   	    ]
		   });