Manager: create a common CSS imported in default and lightness CSS
This commit is contained in:
parent
8055aebc07
commit
d5830e1832
186
modules/lemonldap-ng-manager/example/skins/default/default.css
Normal file
186
modules/lemonldap-ng-manager/example/skins/default/default.css
Normal file
|
@ -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;
|
||||||
|
}
|
|
@ -1,127 +1,9 @@
|
||||||
/*
|
/*
|
||||||
* Lemonldap::NG styles
|
* Lemonldap::NG styles
|
||||||
*
|
* Lightness theme for Manager
|
||||||
* Coding rules:
|
|
||||||
* selector
|
|
||||||
* {
|
|
||||||
* property:value;
|
|
||||||
* }
|
|
||||||
*/
|
*/
|
||||||
|
|
||||||
/* Main */
|
@import url(manager.css);
|
||||||
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;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* jQuery Simple Tree */
|
/* jQuery Simple Tree */
|
||||||
.simpleTree
|
.simpleTree
|
||||||
|
|
|
@ -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;
|
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
|
#header img, #header p
|
||||||
{
|
{
|
||||||
|
@ -21,6 +75,7 @@ body
|
||||||
{
|
{
|
||||||
clear:both;
|
clear:both;
|
||||||
margin-top:50px;
|
margin-top:50px;
|
||||||
|
height:92%;
|
||||||
}
|
}
|
||||||
|
|
||||||
#menu
|
#menu
|
||||||
|
@ -28,6 +83,10 @@ body
|
||||||
float:left;
|
float:left;
|
||||||
padding:10px;
|
padding:10px;
|
||||||
width:300px;
|
width:300px;
|
||||||
|
border-right:4px double #aaa;
|
||||||
|
height:96%;
|
||||||
|
overflow-x:hidden;
|
||||||
|
overflow-y:auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
#data
|
#data
|
||||||
|
@ -43,189 +102,25 @@ body
|
||||||
border:solid #bbb 1px;
|
border:solid #bbb 1px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#help h1, #buttons h1, #edition h1
|
||||||
.simpleTree
|
|
||||||
{
|
{
|
||||||
|
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;
|
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;
|
text-align:left;
|
||||||
background-color:transparent;
|
max-height:200px;
|
||||||
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;
|
|
||||||
}
|
|
||||||
|
|
|
@ -43,7 +43,7 @@ sub new {
|
||||||
|
|
||||||
# Default values
|
# Default values
|
||||||
$self->{managerSkin} = "default" unless defined $self->{managerSkin};
|
$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->{managerTreeAutoClose} = "false" unless defined $self->{managerTreeAutoClose};
|
||||||
$self->{managerTreeJqueryCss} = "false" unless defined $self->{managerTreeJqueryCss};
|
$self->{managerTreeJqueryCss} = "false" unless defined $self->{managerTreeJqueryCss};
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue
Block a user