diff --git a/modules/lemonldap-ng-manager/example/skins/default/default.css b/modules/lemonldap-ng-manager/example/skins/default/default.css new file mode 100644 index 000000000..3a059461b --- /dev/null +++ b/modules/lemonldap-ng-manager/example/skins/default/default.css @@ -0,0 +1,186 @@ +/* + * Lemonldap::NG styles + * Default theme for Manager + */ + +@import url(manager.css); + +.simpleTree +{ + overflow:auto; + margin:0; + padding:0; +} +.simpleTree li +{ + list-style: none; + margin:0; + padding:0 0 0 34px; + line-height: 14px; +} +.simpleTree li span +{ + display:inline; + clear: left; + white-space: nowrap; + cursor:pointer; +} +.simpleTree ul +{ + margin:0; + padding:0; +} +.simpleTree .root +{ + margin-left:-16px; + background: url(root.gif) no-repeat 16px 0 transparent; +} +.simpleTree .line +{ + margin:0 0 0 -16px; + padding:0; + line-height: 3px; + height:3px; + font-size:3px; + background: url(line_bg.gif) 0 0 no-repeat transparent; +} +.simpleTree .line-last +{ + margin:0 0 0 -16px; + padding:0; + line-height: 3px; + height:3px; + font-size:3px; + background: url(spacer.gif) 0 0 no-repeat transparent; +} +.simpleTree .line-over +{ + margin:0 0 0 -16px; + padding:0; + line-height: 3px; + height:3px; + font-size:3px; + background: url(line_bg_over.gif) 0 0 no-repeat transparent; +} +.simpleTree .line-over-last +{ + margin:0 0 0 -16px; + padding:0; + line-height: 3px; + height:3px; + font-size:3px; + background: url(line_bg_over_last.gif) 0 0 no-repeat transparent; +} +.simpleTree .folder-open +{ + margin-left:-16px; + background: url(collapsable.gif) 0 -2px no-repeat transparent; +} +.simpleTree .folder-open-last +{ + margin-left:-16px; + background: url(collapsable-last.gif) 0 -2px no-repeat transparent; +} +.simpleTree .folder-close +{ + margin-left:-16px; + background: url(expandable.gif) 0 -2px no-repeat transparent; +} +.simpleTree .folder-close-last +{ + margin-left:-16px; + background: url(expandable-last.gif) 0 -2px no-repeat transparent; +} +.simpleTree .folder-hidden, .simpleTree .folder-hidden-last +{ + display:none; +} +.simpleTree .doc +{ + margin-left:-16px; + background: url(leaf.gif) 0 -1px no-repeat transparent; +} +.simpleTree .doc-last +{ + margin-left:-16px; + background: url(leaf-last.gif) 0 -1px no-repeat transparent; +} +.simpleTree .ajax +{ + background: url(spinner.gif) no-repeat 0 0 transparent; + height: 16px; + display:none; +} +.simpleTree .ajax li +{ + display:none; + margin:0; + padding:0; +} +.simpleTree .trigger +{ + display:inline; + margin-left:-32px; + width: 28px; + height: 11px; + cursor:pointer; +} +.simpleTree .text +{ +} +.simpleTree .active +{ + background-color:#F7BE77; + padding:0px 2px; + border: 1px dashed #444; +} +#drag_container +{ + background:transparent; + color:#000; + font: normal 11px arial, tahoma, helvetica, sans-serif; + border: 1px dashed #767676; +} +#drag_container ul +{ + list-style: none; + padding:0; + margin:0; +} + +#drag_container li +{ + list-style: none; + background-color:transparent; + line-height:18px; + white-space: nowrap; + padding:1px 1px 0px 16px; + margin:0; +} +#drag_container li span +{ + padding:0; +} + +#drag_container li.doc, #drag_container li.doc-last +{ + background: url(leaf.gif) no-repeat -17px 0 transparent; +} +#drag_container .folder-close, #drag_container .folder-close-last +{ + background: url(expandable.gif) no-repeat -17px 0 transparent; +} + +#drag_container .folder-open, #drag_container .folder-open-last +{ + background: url(collapsable.gif) no-repeat -17px 0 transparent; +} + +.content +{ + display: block; +} +.hidden +{ + display: none; +} diff --git a/modules/lemonldap-ng-manager/example/skins/default/lightness.css b/modules/lemonldap-ng-manager/example/skins/default/lightness.css index 7a0e0b11f..c2a117792 100644 --- a/modules/lemonldap-ng-manager/example/skins/default/lightness.css +++ b/modules/lemonldap-ng-manager/example/skins/default/lightness.css @@ -1,127 +1,9 @@ /* * Lemonldap::NG styles - * - * Coding rules: - * selector - * { - * property:value; - * } + * Lightness theme for Manager */ -/* Main */ -html,body -{ - margin:0; - padding:0; - height:100%; - min-height:100%; -} - -body -{ - font:normal 9pt sans-serif; - background:#000; -} - -.content -{ - display:block; -} - -.hidden -{ - display:none; -} - -a, a:link, a:visited -{ - text-decoration:none; -} - -/* Buttons, Inputs*/ -button -{ - cursor:pointer; -} - -input -{ - font-weight:bold; - border:1px solid #bbb; - padding:5px 10px; - margin:5px; -} - -/* Divs */ -#container -{ - height:96%; - padding:1%; -} - -#header img, #header p -{ - float:left; -} - -#header p -{ - margin:5px 10px; - padding:5px; -} - -#page -{ - clear:both; - margin-top:50px; - height:92%; -} - -#menu -{ - float:left; - padding:10px; - width:300px; - border-right:4px double #aaa; - height:96%; - overflow-x:hidden; - overflow-y:auto; -} - -#data -{ - margin:0 0 0 320px; -} - -#buttons, #edition, #help -{ - text-align:center; - margin:10px 50px; - padding:5px; - border:solid #bbb 1px; -} - -#help h1, #buttons h1, #edition h1 -{ - text-align:center; - font-size:12pt; - padding:5px 10px; - margin:5px 10px; - cursor:pointer; -} - -#help_content, #buttons_content, #content -{ - padding:5px 10px; - margin:5px 10px; - overflow:auto; -} - -#help_content -{ - text-align:left; - max-height:200px; -} +@import url(manager.css); /* jQuery Simple Tree */ .simpleTree diff --git a/modules/lemonldap-ng-manager/example/skins/default/manager.css b/modules/lemonldap-ng-manager/example/skins/default/manager.css index 3a9269736..530e5da07 100644 --- a/modules/lemonldap-ng-manager/example/skins/default/manager.css +++ b/modules/lemonldap-ng-manager/example/skins/default/manager.css @@ -1,10 +1,64 @@ -body +/* + * Lemonldap::NG styles + * Commin styles for Manager + * + * Coding rules: + * selector + * { + * property:value; + * } + */ + +/* Main */ +html,body { - font: normal 12px arial, tahoma, helvetica, sans-serif; margin:0; - padding:5px; + padding:0; + height:100%; + min-height:100%; } +body +{ + font:normal 9pt sans-serif; + background:#000; +} + +.content +{ + display:block; +} + +.hidden +{ + display:none; +} + +a, a:link, a:visited +{ + text-decoration:none; +} + +/* Buttons, Inputs*/ +button +{ + cursor:pointer; +} + +input +{ + font-weight:bold; + border:1px solid #bbb; + padding:5px 10px; + margin:5px; +} + +/* Divs */ +#container +{ + height:96%; + padding:1%; +} #header img, #header p { @@ -21,6 +75,7 @@ body { clear:both; margin-top:50px; + height:92%; } #menu @@ -28,6 +83,10 @@ body float:left; padding:10px; width:300px; + border-right:4px double #aaa; + height:96%; + overflow-x:hidden; + overflow-y:auto; } #data @@ -43,189 +102,25 @@ body border:solid #bbb 1px; } - -.simpleTree +#help h1, #buttons h1, #edition h1 { + text-align:center; + font-size:12pt; + padding:5px 10px; + margin:5px 10px; + cursor:pointer; +} + +#help_content, #buttons_content, #content +{ + padding:5px 10px; + margin:5px 10px; overflow:auto; - margin:0; - padding:0; - /* - * width: 250px; - * height:350px; - * overflow:auto; - * border: 1px solid #444444; - * */ -} -.simpleTree li -{ - list-style: none; - margin:0; - padding:0 0 0 34px; - line-height: 14px; -} -.simpleTree li span -{ - display:inline; - clear: left; - white-space: nowrap; - cursor:pointer; -} -.simpleTree ul -{ - margin:0; - padding:0; -} -.simpleTree .root -{ - margin-left:-16px; - background: url(root.gif) no-repeat 16px 0 transparent; -} -.simpleTree .line -{ - margin:0 0 0 -16px; - padding:0; - line-height: 3px; - height:3px; - font-size:3px; - background: url(line_bg.gif) 0 0 no-repeat transparent; -} -.simpleTree .line-last -{ - margin:0 0 0 -16px; - padding:0; - line-height: 3px; - height:3px; - font-size:3px; - background: url(spacer.gif) 0 0 no-repeat transparent; -} -.simpleTree .line-over -{ - margin:0 0 0 -16px; - padding:0; - line-height: 3px; - height:3px; - font-size:3px; - background: url(line_bg_over.gif) 0 0 no-repeat transparent; -} -.simpleTree .line-over-last -{ - margin:0 0 0 -16px; - padding:0; - line-height: 3px; - height:3px; - font-size:3px; - background: url(line_bg_over_last.gif) 0 0 no-repeat transparent; -} -.simpleTree .folder-open -{ - margin-left:-16px; - background: url(collapsable.gif) 0 -2px no-repeat transparent; -} -.simpleTree .folder-open-last -{ - margin-left:-16px; - background: url(collapsable-last.gif) 0 -2px no-repeat transparent; -} -.simpleTree .folder-close -{ - margin-left:-16px; - background: url(expandable.gif) 0 -2px no-repeat transparent; -} -.simpleTree .folder-close-last -{ - margin-left:-16px; - background: url(expandable-last.gif) 0 -2px no-repeat transparent; -} -.simpleTree .folder-hidden, .simpleTree .folder-hidden-last -{ - display:none; -} -.simpleTree .doc -{ - margin-left:-16px; - background: url(leaf.gif) 0 -1px no-repeat transparent; -} -.simpleTree .doc-last -{ - margin-left:-16px; - background: url(leaf-last.gif) 0 -1px no-repeat transparent; -} -.simpleTree .ajax -{ - background: url(spinner.gif) no-repeat 0 0 transparent; - height: 16px; - display:none; -} -.simpleTree .ajax li -{ - display:none; - margin:0; - padding:0; -} -.simpleTree .trigger -{ - display:inline; - margin-left:-32px; - width: 28px; - height: 11px; - cursor:pointer; -} -.simpleTree .text -{ -} -.simpleTree .active -{ - background-color:#F7BE77; - padding:0px 2px; - border: 1px dashed #444; -} -#drag_container -{ - background:transparent; - color:#000; - font: normal 11px arial, tahoma, helvetica, sans-serif; - border: 1px dashed #767676; -} -#drag_container ul -{ - list-style: none; - padding:0; - margin:0; } -#drag_container li +#help_content { - list-style: none; - background-color:transparent; - line-height:18px; - white-space: nowrap; - padding:1px 1px 0px 16px; - margin:0; -} -#drag_container li span -{ - padding:0; + text-align:left; + max-height:200px; } -#drag_container li.doc, #drag_container li.doc-last -{ - background: url(leaf.gif) no-repeat -17px 0 transparent; -} -#drag_container .folder-close, #drag_container .folder-close-last -{ - background: url(expandable.gif) no-repeat -17px 0 transparent; -} - -#drag_container .folder-open, #drag_container .folder-open-last -{ - background: url(collapsable.gif) no-repeat -17px 0 transparent; -} - -.content -{ - display: block; -} -.hidden -{ - display: none; -} diff --git a/modules/lemonldap-ng-manager/lib/Lemonldap/NG/Manager.pm b/modules/lemonldap-ng-manager/lib/Lemonldap/NG/Manager.pm index d639bc394..dcea7fa8f 100644 --- a/modules/lemonldap-ng-manager/lib/Lemonldap/NG/Manager.pm +++ b/modules/lemonldap-ng-manager/lib/Lemonldap/NG/Manager.pm @@ -43,7 +43,7 @@ sub new { # Default values $self->{managerSkin} = "default" unless defined $self->{managerSkin}; - $self->{managerCss} = "manager.css" unless defined $self->{managerCss}; + $self->{managerCss} = "default.css" unless defined $self->{managerCss}; $self->{managerTreeAutoClose} = "false" unless defined $self->{managerTreeAutoClose}; $self->{managerTreeJqueryCss} = "false" unless defined $self->{managerTreeJqueryCss};