diff --git a/ipa-server/configure.ac b/ipa-server/configure.ac index f8360f333..e07c04c85 100644 --- a/ipa-server/configure.ac +++ b/ipa-server/configure.ac @@ -212,6 +212,8 @@ AC_CONFIG_FILES([ ipa-gui/ipagui/static/Makefile ipa-gui/ipagui/static/css/Makefile ipa-gui/ipagui/static/images/Makefile + ipa-gui/ipagui/static/images/template/Makefile + ipa-gui/ipagui/static/images/branding/Makefile ipa-gui/ipagui/static/javascript/Makefile ipa-gui/ipagui/subcontrollers/Makefile ipa-gui/ipagui/templates/Makefile diff --git a/ipa-server/ipa-gui/ipagui/static/css/style.css b/ipa-server/ipa-gui/ipagui/static/css/style.css index 2515a4bb6..80fdba855 100644 --- a/ipa-server/ipa-gui/ipagui/static/css/style.css +++ b/ipa-server/ipa-gui/ipagui/static/css/style.css @@ -1,272 +1,381 @@ -/* - * Quick mash-up of CSS for the TG quick start page. - */ +* +{ + margin: 0; + padding: 0; +} html, body { - color: #000; - background:#fff; - margin: 0; - padding: 0; - font-family: sans-serif; + height: 100%; } body { - min-width: 750px; + background-image: url('/static/images/template/background.png'); + background-repeat: repeat-x; + background-color: #f9f9f9; + margin: 0px; + padding: 0px; + padding-top: 8px; + min-width: 750px; } -#page { - background:#ccc; /* should be same as #sidebar */ - margin:0 auto; - width:100%; - clear:both; +body, h1, h2, h3, h4, h5, p, ul, li, div, span { + font-family: "Luxi Sans", "Gill Sans", "Verdana", "Helvetica", sans-serif; + font-size: small; + color: #444; } +#head { + margin: 0px; + padding: 0px; + padding-left: 12px; +} -#header { - background:#fff; +#head h1 a { + display: block; + text-indent: -9999px; + height: 54px; + width: 350px; + overflow: hidden; + float: left; + + background: url('/static/images/branding/logo.png') no-repeat; } -#header #logo { - float:left; +#searchbar { + float: right; + margin-right: 24px; + margin-top: 18px; } -#header #headerinfo { - text-align:right; - padding-right:10px; +#navbar { + width: 100%; + height: 64px; + margin: 0px; + clear: both; + + background-image: url('/static/images/template/background-navbar.png'); + background-repeat: repeat-x; + } -#header #headerinfo #login { +#navbar ul { + margin: 0px; + padding: 0px; + padding-left: 10px; + list-style: none; } -#header #headerinfo #topsearch { - padding-top: 15px; +#navbar li { + float: left; + margin: 0px; + padding: 0px; + + font-size: small; } -.searchtext { - background-color:#E5F1F4; - border:1px solid #8E8E8E; - color:#444444; +#navbar a { + display: block; + margin: 22px 15px; } +#navbar .active { + background-image: url('/static/images/template/background-navbar-active.png'); + height: 70px; + width: 116px; -#nav { - background:#cc0000; - color:#fff; - min-height:3px; - max-height:3px; + text-align: center; } -#nav ul { - margin:0; - padding:0; - list-style:none; +#login { + float: right; + padding-top: 15px; + padding-right: 10px; } -#nav li { - display:inline; +#content { + width: 100%; + min-height: 50%; + + background-color: #f9f9f9; + background-image: url('/static/images/template/background-content.png'); + background-repeat: repeat-x; } -#nav a:visited { - color:#fff; -} -#nav a:link { - color:#fff; +#details { + height: 100%; + margin: 0px 24px; + margin-right: 300px; + padding: 18px 18px; + padding-bottom: 12%; + border-top: 1px solid #bbdc5f; + background-color: white; + text-align: left; } - -#main_content { - background:#fff; - float:right; - width:84%; - min-height:500px; - border-left: 1px solid #000; - padding: 10px; +#details p { + margin-top: 1ex; + margin-bottom: 1ex; } -#main_content h1,h2 { - margin-top: 0px; - margin-bottom: 5px; -} - - #sidebar { - background:#ccc; /* should be same as #page */ - float:left; - width:11%; - padding: 5px; - font-size: medium; + width: 250px; + text-align: left; + + padding: 18px 13px; + margin-right: 24px; + float: right; + height: 100%; + + border: 1px solid #aaa; + background-color: #ccc; + background-image: url('/static/images/template/background-sidebar.png'); + background-repeat: repeat-y; } -#sidebar p { - line-height: 150%; +#sidebar h1, h2, h3 { + padding: 0px; + margin: 0px; } -#sidebar h2 { - margin-top: 0; -} +#sidebar h2 { font-size: medium; } +#sidebar h3 { font-size: small; } #sidebar ul { - margin-left: 1.5em; - padding-left: 0; + padding: 0px; + margin: 0px; + list-style: none; + padding-bottom: 10px; } -#sidebar a:visited, -#sidebar a:link { - color:#000; +#sidebar ul, #sidebar li { + margin-bottom: 6px; + font-size: small; } +#sidebar hr { + border-top: 1px solid #aaa; + border-bottom: 1px solid #ddd; + color: #ddd; + margin-top: 20px !important; + margin-bottom: 20px !important; +} + +input.text { + border: 1px solid #8e8e8e; + background-color: #e5f1f4; + color: #444444; +} + +input.button { + +} + +#navbar-secondary li { + font-size: medium; +} + +#navbar-secondary .active a:link, +#navbar-secondary .active a:visited, +#navbar-secondary .active a:active, +#navbar-secondary .active a, +#navbar-secondary li +{ + color: #555 !important; + text-decoration: none; + font-weight: bold; +} + +#details * { + color: #444; +} + +#details p, +#details td, +#details li { + font-size: small; + color: #555; +} + +#details h1 { + color: #7d7d5b; + font-size: x-large; + height: 40px; +/* + * padding-left: 48px; +*/ + padding-top: 6px; + vertical-align: middle; +} + +#details h1.user { + background-image: url('/static/images/objects/object-user.png'); + background-repeat: no-repeat; + margin-bottom: 18px; +} + +#details h2, #details table caption, h2.formsection { + color: #999; + font-size: large; + font-weight: normal; + + border-bottom: 1px solid #999; + margin-bottom: 10px; + + text-align: left; + width: 100%; +} + +h2.formsection { + margin-top: 12px; +} + +#details h3, table.formtable th { + font-size: small; + color: black; +} + +table.details { + margin-bottom: 18px; + width: 100%; +} + +#details table.details th { + font-size: small; + width: 150px; + padding: 4px 0px; + padding-right: 8px; + border-bottom: 1px dotted #ddd; +} + +#details table.details th.even { background-color: white; } +#details table.details th.odd { background-color: #eee; } + +#details table.details td { + padding-left: 8px; + padding-bottom: 3px; + border-bottom: 1px dotted #ddd; + width: 60%; +} + +#details hr { + margin-top: 48px; + margin-bottom: 12px; + height: 1px; + border-color: #bbb; + border-width: 0pt 0pt 1px; + padding: 0.5em; + border-style: none none dashed; +} + +input.submitbutton { + float: right; +} + +#alertbox { + width: 100%; + padding: 6px 0px; + margin-top: 12px; + margin-bottom: 18px; + vertical-align: middle; + + -moz-border-radius: 6px; + background-color: #6995d5; + color: white; +} + +#alertbox h2 { + width: auto; + padding: 0px 16px; + float: left; + font-size: medium; + text-transform: uppercase; + color: white; + font-weight: bold; + border: none; +} + +#alertbox p { + padding: 0px 0px; + text-align: center; + color: white; + width: auto; +} + +td, th { + text-align: left; +} #footer { - background:#fff; - clear:both; - border-top: 1px solid #000; - padding-top: 10px; - text-align: center; - font-size: x-small; + text-align: center; + margin-left: auto; + margin-right: auto; + width: 30%; + padding: 20px 20px; } -#footer a:visited, -#footer a:link { - color:#777; - text-decoration: none; +table.formtable { + width: 100%; } - -.formsection { - color: #888888; - width: 90%; - font-weight: bold; - border-bottom: 1px solid; - margin: 20px 0px 20px 0px; +table.formtable th, table.formtable td { + vertical-align: top; + padding-bottom: 10px; } -.formtable { - width: 90%; +table.formtable th { + width: 28%; } -.formtable th { - width: 20%; - text-align: right; +table.formtable td { } -.floatlist { - float: right; - width: 50%; +input.submitbutton, input.searchbutton, #source_searcharea input.searchbutton { + border: 1px outset #aaa; + padding: 2px 1px; + margin-bottom: 2px; } -.floatheader { - color: #885555; - font-weight: bold; +table.formtable td input[type="text"], input#criteria { + border: 1px inset #dcdcdc; + font-size: medium; + padding: 2px 1px; + background-color: #f5faff; } -.small { - font-size: small; +table.formtable td select { + border: 1px inset #dcdcdc; + font-size: small; + padding: 2px 1px; + background-color: #f5faff; } -.xsmall { - font-size: x-small; +p.empty-message { + font-size: large; + font-style: italic; + color: #888 !important; } -#status_block { - margin: 0 auto 0.5em auto; - padding: 15px 10px 15px 55px; - background: #ecc; - border: 1px solid #c99; - width: 450px; - font-size: 120%; - font-weight: bolder; +div.instructions { + padding: 2px 6px; + margin-top: 16px; + border-top: 1px solid #c0d5f1; + border-bottom: 1px solid #c0d5f1; + background-color: #eef4fd; } -.warning_message { - font-size: 120%; - color: #ee0000; - font-weight: bolder; +div#search { + padding-top: 16px; + padding-bottom: 24px; } -.fielderror { - color: red; - font-weight: bold; -} - -.requiredfield { - background: #eebbbb; -} - -#resultstable, -#resultstable th, -#resultstable td { - border-collapse: collapse; - border-style: solid; - border-width: 1px; - margin: 0px; - padding: 5px; -} - -#resultstable th { - background: #eee; -} - -.deletebutton { -} - -/* - * Used for checkboxlist of aci attributes - */ -ul.requiredfield { - background: #ffffff; -} - -ul.checkboxlist { - padding: 0px; - margin: 0px; +ul.checkboxlist li { list-style: none; + margin: 8px 0px; } -/* - * TableKit css - */ - -.sortcol { - cursor: pointer; - padding-right: 20px !important; - background-repeat: no-repeat !important; - background-position: right center !important; +ul.checkboxlist li input { + background-color: yellow; + height: 1.1em; + width: 1.2em; + border: 1px solid red; } -.sortasc { - background-image: url(/static/images/up.gif) !important; -} -.sortdesc { - background-image: url(/static/images/down.gif) !important; -} -.nosort { - cursor: default; -} - -th.resize-handle-active { - cursor: e-resize; -} - -div.resize-handle { - cursor: e-resize; - width: 2px; - border-right: 1px dashed #1E90FF; - position:absolute; - top:0; - left:0; -} - - -/* - * Overrides for printing - */ -@media print { - #header { display:none; } - #nav { display:none; } - #sidebar { display:none; } - #footer { display:none; } - #main_content { width: 95%; margin:0; padding:0; border-left-style: none; } - - .submitbutton { display:none; } - .deletebutton { display:none; } -} - diff --git a/ipa-server/ipa-gui/ipagui/static/images/Makefile.am b/ipa-server/ipa-gui/ipagui/static/images/Makefile.am index 593cbe02f..d1f919848 100644 --- a/ipa-server/ipa-gui/ipagui/static/images/Makefile.am +++ b/ipa-server/ipa-gui/ipagui/static/images/Makefile.am @@ -1,5 +1,10 @@ NULL = +SUBDIRS = \ + branding \ + template \ + $(NULL) + appdir = $(IPA_DATA_DIR)/ipagui/static/images app_DATA = \ down.gif \ diff --git a/ipa-server/ipa-gui/ipagui/static/images/branding/Makefile.am b/ipa-server/ipa-gui/ipagui/static/images/branding/Makefile.am new file mode 100644 index 000000000..fcf2fdc11 --- /dev/null +++ b/ipa-server/ipa-gui/ipagui/static/images/branding/Makefile.am @@ -0,0 +1,14 @@ +NULL = + +appdir = $(IPA_DATA_DIR)/ipagui/static/images/branding +app_DATA = \ + logo.png \ + $(NULL) + +EXTRA_DIST = \ + $(app_DATA) \ + $(NULL) + +MAINTAINERCLEANFILES = \ + *~ \ + Makefile.in diff --git a/ipa-server/ipa-gui/ipagui/static/images/branding/logo.png b/ipa-server/ipa-gui/ipagui/static/images/branding/logo.png new file mode 100644 index 000000000..e966954b0 Binary files /dev/null and b/ipa-server/ipa-gui/ipagui/static/images/branding/logo.png differ diff --git a/ipa-server/ipa-gui/ipagui/static/images/template/Makefile.am b/ipa-server/ipa-gui/ipagui/static/images/template/Makefile.am new file mode 100644 index 000000000..dc769d846 --- /dev/null +++ b/ipa-server/ipa-gui/ipagui/static/images/template/Makefile.am @@ -0,0 +1,20 @@ +NULL = + +appdir = $(IPA_DATA_DIR)/ipagui/static/images/template +app_DATA = \ + background-content.png \ + background-navbar-active_fullsize.png \ + background-navbar-active.png \ + background-navbar_fullsize.png \ + background-navbar.png \ + background.png \ + background-sidebar.png \ + $(NULL) + +EXTRA_DIST = \ + $(app_DATA) \ + $(NULL) + +MAINTAINERCLEANFILES = \ + *~ \ + Makefile.in diff --git a/ipa-server/ipa-gui/ipagui/static/images/template/background-content.png b/ipa-server/ipa-gui/ipagui/static/images/template/background-content.png new file mode 100644 index 000000000..082f10ae1 Binary files /dev/null and b/ipa-server/ipa-gui/ipagui/static/images/template/background-content.png differ diff --git a/ipa-server/ipa-gui/ipagui/static/images/template/background-navbar-active.png b/ipa-server/ipa-gui/ipagui/static/images/template/background-navbar-active.png new file mode 100644 index 000000000..1b088501b Binary files /dev/null and b/ipa-server/ipa-gui/ipagui/static/images/template/background-navbar-active.png differ diff --git a/ipa-server/ipa-gui/ipagui/static/images/template/background-navbar-active_fullsize.png b/ipa-server/ipa-gui/ipagui/static/images/template/background-navbar-active_fullsize.png new file mode 100644 index 000000000..756a1e61d Binary files /dev/null and b/ipa-server/ipa-gui/ipagui/static/images/template/background-navbar-active_fullsize.png differ diff --git a/ipa-server/ipa-gui/ipagui/static/images/template/background-navbar.png b/ipa-server/ipa-gui/ipagui/static/images/template/background-navbar.png new file mode 100644 index 000000000..2c6a2de40 Binary files /dev/null and b/ipa-server/ipa-gui/ipagui/static/images/template/background-navbar.png differ diff --git a/ipa-server/ipa-gui/ipagui/static/images/template/background-navbar_fullsize.png b/ipa-server/ipa-gui/ipagui/static/images/template/background-navbar_fullsize.png new file mode 100644 index 000000000..72a710634 Binary files /dev/null and b/ipa-server/ipa-gui/ipagui/static/images/template/background-navbar_fullsize.png differ diff --git a/ipa-server/ipa-gui/ipagui/static/images/template/background-sidebar.png b/ipa-server/ipa-gui/ipagui/static/images/template/background-sidebar.png new file mode 100644 index 000000000..4eaadbbce Binary files /dev/null and b/ipa-server/ipa-gui/ipagui/static/images/template/background-sidebar.png differ diff --git a/ipa-server/ipa-gui/ipagui/static/images/template/background.png b/ipa-server/ipa-gui/ipagui/static/images/template/background.png new file mode 100644 index 000000000..96ead97f3 Binary files /dev/null and b/ipa-server/ipa-gui/ipagui/static/images/template/background.png differ diff --git a/ipa-server/ipa-gui/ipagui/templates/delegateedit.kid b/ipa-server/ipa-gui/ipagui/templates/delegateedit.kid index 233d1a24e..5317280cb 100644 --- a/ipa-server/ipa-gui/ipagui/templates/delegateedit.kid +++ b/ipa-server/ipa-gui/ipagui/templates/delegateedit.kid @@ -7,7 +7,7 @@ -

Edit Delegation

+

Edit Delegation

${form.display(action=tg.url("/delegate/update"), value=delegate, actionname='Update')} diff --git a/ipa-server/ipa-gui/ipagui/templates/delegateform.kid b/ipa-server/ipa-gui/ipagui/templates/delegateform.kid index 9a6a6b0f9..62cc710f0 100644 --- a/ipa-server/ipa-gui/ipagui/templates/delegateform.kid +++ b/ipa-server/ipa-gui/ipagui/templates/delegateform.kid @@ -59,33 +59,23 @@
- - - - - - -
-

-
-

-
-           + -

-
+
+

Delegation Details

+
@@ -114,13 +104,11 @@ py:content="tg.errors.get('source_group_dn')" /> @@ -156,7 +144,7 @@
-
@@ -167,28 +155,18 @@
- - - - - - -
-
+
+ -
-
-
-
-           + -
+

${len(groups)} results returned:

- +
@@ -44,7 +46,7 @@

No results found for "${criteria}"

-
+

Search automatically looks across multiple fields. If you want to find Joe in Finance, try typing "joe finance" into the search box. @@ -61,5 +63,6 @@ will allow you to resize the header.

+
diff --git a/ipa-server/ipa-gui/ipagui/templates/groupnew.kid b/ipa-server/ipa-gui/ipagui/templates/groupnew.kid index a3f764d6e..7f5d49f7d 100644 --- a/ipa-server/ipa-gui/ipagui/templates/groupnew.kid +++ b/ipa-server/ipa-gui/ipagui/templates/groupnew.kid @@ -6,8 +6,10 @@ Add Group -

Add Group

+
+

Add Group

${form.display(action=tg.url('/group/create'), value=group)} +
diff --git a/ipa-server/ipa-gui/ipagui/templates/groupnewform.kid b/ipa-server/ipa-gui/ipagui/templates/groupnewform.kid index f55f95351..2b6e2ebb2 100644 --- a/ipa-server/ipa-gui/ipagui/templates/groupnewform.kid +++ b/ipa-server/ipa-gui/ipagui/templates/groupnewform.kid @@ -3,13 +3,7 @@ - - - - -
-
-
Group Details
+

Group Details

@@ -76,7 +70,7 @@ from ipagui.helpers import ipahelper
-
Add Members
+

Add Members

To Add:
@@ -97,14 +91,9 @@ from ipagui.helpers import ipahelper
- - - - -
-
- -
+
+ + diff --git a/ipa-server/ipa-gui/ipagui/templates/groupshow.kid b/ipa-server/ipa-gui/ipagui/templates/groupshow.kid index 225692a50..7a66acdbe 100644 --- a/ipa-server/ipa-gui/ipagui/templates/groupshow.kid +++ b/ipa-server/ipa-gui/ipagui/templates/groupshow.kid @@ -9,13 +9,14 @@ -

View Group

+
+

View Group

- -
Group Details
+

Group Details

@@ -39,7 +40,7 @@ edit_url = tg.url('/group/edit', cn=group.get('cn'))
-
Group Members
+

Group Members


- - + - +
diff --git a/ipa-server/ipa-gui/ipagui/templates/master.kid b/ipa-server/ipa-gui/ipagui/templates/master.kid index d0c20cfb6..990a989e4 100644 --- a/ipa-server/ipa-gui/ipagui/templates/master.kid +++ b/ipa-server/ipa-gui/ipagui/templates/master.kid @@ -16,26 +16,10 @@ -