Author: thomas.heute(a)jboss.com
Date: 2007-09-24 18:52:23 -0400 (Mon, 24 Sep 2007)
New Revision: 8475
Modified:
trunk/core-admin/src/bin/portal-admin-war/style.css
trunk/core-admin/src/resources/portal-admin-war/WEB-INF/jsf/wizard/newWindowTpl.xhtml
Log:
Add box around the wizard
Modified: trunk/core-admin/src/bin/portal-admin-war/style.css
===================================================================
--- trunk/core-admin/src/bin/portal-admin-war/style.css 2007-09-24 22:47:38 UTC (rev
8474)
+++ trunk/core-admin/src/bin/portal-admin-war/style.css 2007-09-24 22:52:23 UTC (rev
8475)
@@ -1,495 +1,504 @@
-/* Redefine spacing for tables. */
-
-a {
- color: #446688;
- text-decoration: none;
-}
-
-a:hover {
- color: #5078aa;
- text-decoration: underline;
-}
-
-div.admin-ui div.tab-container{
- border-bottom:1px solid #B3C0C7;
- border-right:1px solid #B3C0C7;
- border-left:1px solid #B3C0C7;
- padding: 15px 0 10px 0;
-}
-
-.admin-ui table {
- border: 0;
-}
-
-.admin-ui th {
- text-align: left;
- border: 0;
- border-bottom: 1px solid;
- padding-bottom: 2px;
- padding-top: 2px;
- font-size: 11px;
-}
-
-.admin-ui td {
- padding-bottom: 2px;
- padding-top: 2px;
-}
-
-/* Pagination. */
-
-.admin-ui ul.pagination {
- margin: 0;
- padding: .2em;
-}
-
-.admin-ui ul.pagination li {
- text-align: center;
- list-style-type: none;
- display: inline;
- margin-right: 2px;
-}
-
-.admin-ui ul.pagination li.selected {
- font-weight: bold;
- background-color: #eef;
- border-bottom: 2px solid #656565;
-}
-
-.pagination a, .pagination a:visited, .pagination a:hover {
- text-decoration: none;
-}
-
-/* Top nav. */
-
-.admin-ui ul.topnav {
- padding: 4px 0px 3px;
- border-bottom: 1px solid #b3c0c7;
- margin: 0;
-}
-
-.admin-ui ul.topnav li {
- list-style-type: none;
- display: inline;
- margin: 0;
- padding: 3px 0.5em;
- margin-left: 5px;
- border: 1px solid #b3c0c7;
- border-bottom: none;
- background-color: #f2f4f5;
-}
-
-.admin-ui ul.topnav li:hover {
- background-color: #fff;
-}
-
-.admin-ui ul.topnav li#currentTab {
- background-color: white;
- border-bottom: 1px solid white;
-}
-
-.admin-ui ul.topnav li#currentTab a:hover {
-}
-
-/* Object path. */
-
-.admin-ui ul.objectpath {
- list-style-type: none;
- font-size: 11px;
- border: solid 1px #bbb;
- border-left: solid 1px #eee;
- border-right: solid 1px #eee;
- background-color: #d5d5d5;
- background-image: url( img/pathBackground.png );
- background-position: left;
- background-repeat: repeat-x;
- height: 21px;
- margin: 0px;
- padding: 0px;
- padding-left: 2px;
-}
-
-.admin-ui ul.objectpath li {
- list-style-type: none;
- display: block;
- float: left;
-}
-
-.admin-ui ul li.pathItem {
- padding-top: 4px;
- padding-left: 3px;
- padding-right: 2px;
-}
-
-/*
-.admin-ui ul.li.pathSeparator {
- background-image: url(img/pathSeparator.png);
- background-position: center center;
- background-repeat: no-repeat;
- width: 7px;
-}
-*/
-
-.admin-ui ul.objectpath li.selected {
- font-weight: bold;
- padding-top: 4px;
- padding-left: 3px;
- padding-right: 2px;
-}
-
-.admin-ui ul.objectpath a {
- color: #333333;
- text-decoration: none;
-}
-
-.admin-ui ul.objectpath a:hover {
- color: #5078aa;
- text-decoration: none;
-}
-
-/* Resize combo lists */
-.admin-ui select {
- padding: 2px 4px 2px 1px;
-}
-
-.admin-ui select.contentType {
- width: 8em;
-}
-
-.admin-ui select.instanceList {
- width: 11em;
-}
-
-.admin-ui select.windowList {
- width: 95%;
- overflow: auto;
-}
-
-/* Style a table for form layout */
-.admin-ui table form {
- margin: 0;
-}
-
-.admin-ui table form td.label {
- text-align: right;
- vertical-align: top;
- padding-top: 0.4em;
-}
-
-.admin-ui table form td.widget {
- text-align: left;
-}
-
-/* Area header. */
-
-.admin-ui .portlet-area-header {
- border: 1px solid #54708c;
- font-weight: bold;
- color: #fff;
- font-size: 11px;
- background-color: #5986b3;
- padding: 2px;
- padding-left: 4px;
- margin: 0;
-}
-
-.admin-ui .portlet-area-body {
- border: 1px solid #d5d5d5;
- border-top: 0px;
- background-color: #fff;
- padding: 4px;
- margin: 0;
-}
-
-/* Styles updated and enhanced from the main portal css */
-
-.admin-ui th.portlet-section-title {
- font-weight: bold;
- color: #656565;
- font-size: 11px;
- border: 1px solid #999;
- background-color: #ebf2f5;
- padding-left: 6px;
-}
-
-.admin-ui h3.sectionTitle {
- font-weight: bold;
- color: #656565;
- font-size: 11px;
- border-top: 1px solid #999;
- background-color: #ebf2f5;
- padding: 2px;
- padding-left: 4px;
-}
-
-.admin-ui .portlet-section-header {
- background-image: url( img/pathBackground.png );
- background-position: left;
- background-repeat: repeat-x;
- font-weight: bold;
- color: #656565;
- font-size: 10px;
- border-top: 1px solid #ddd;
- border-bottom: 1px solid #999;
- padding-left: 4px;
-}
-
-.admin-ui .portlet-section-header th {
- background-image: url( img/pathBackground.png );
- background-position: left;
- background-repeat: repeat-x;
- font-weight: bold;
- color: #656565;
- font-size: 10px;
- border-top: 1px solid #ddd;
- border-bottom: 1px solid #999;
- padding-left: 4px;
-}
-
-.admin-ui .portlet-section-body {
- color: #656565;
- border: 1px solid #d5d5d5;
- border-top: 0px;
-}
-
-.admin-ui .portlet-section-alternate {
- background-color: #F2F2F2;
- border: 1px solid #d5d5d5;
-}
-
-.admin-ui .portlet-section-selected {
- background-color: #CBD4E6;
-}
-
-.admin-ui .actionDetails {
- background-image: url( img/actionIcon_Details.gif );
- background-position: left;
- background-repeat: no-repeat;
- line-height: 14px;
- padding-left: 18px;
- white-space: nowrap;
-}
-
-.admin-ui .actionLayout {
- background-image: url( img/actionIcon_Layout.gif );
- background-position: left;
- background-repeat: no-repeat;
- line-height: 14px;
- padding-left: 18px;
- white-space: nowrap;
-}
-
-.admin-ui .actionSecurity {
- background-image: url( img/actionIcon_Security.gif );
- background-position: left;
- background-repeat: no-repeat;
- line-height: 14px;
- padding-left: 18px;
- white-space: nowrap;
-}
-
-.admin-ui .actionProperties {
- background-image: url( img/actionIcon_Properties.gif );
- background-position: left;
- background-repeat: no-repeat;
- padding-top: 2px;
- padding-bottom: 2px;
- padding-left: 18px;
- white-space: nowrap;
- height: 22px;
-}
-
-.admin-ui .actionTheme {
- background-image: url( img/actionIcon_Theme.gif );
- background-position: left;
- background-repeat: no-repeat;
- padding-top: 2px;
- padding-bottom: 2px;
- line-height: 18px;
- padding-left: 18px;
- white-space: nowrap;
-}
-
-.admin-ui .actionRename {
- background-image: url( img/actionIcon_Rename.gif );
- background-position: left;
- background-repeat: no-repeat;
- padding-top: 2px;
- padding-bottom: 2px;
- line-height: 18px;
- padding-left: 18px;
- white-space: nowrap;
-}
-
-.admin-ui .actionDelete {
- background-image: url( img/actionIcon_Delete.gif );
- background-position: left;
- background-repeat: no-repeat;
- padding-top: 2px;
- padding-bottom: 2px;
- line-height: 18px;
- padding-left: 18px;
- white-space: nowrap;
-}
-
-.admin-ui .actionMakeDefault {
- background-image: url( img/actionIcon_MakeDefault.gif );
- background-position: left;
- background-repeat: no-repeat;
- padding-top: 2px;
- padding-bottom: 2px;
- line-height: 18px;
- padding-left: 18px;
- white-space: nowrap;
-}
-
-.admin-ui .actionDefault {
- background-image: url( img/actionIcon_IsDefault.gif );
- background-position: left;
- background-repeat: no-repeat;
- padding-top: 2px;
- padding-bottom: 2px;
- line-height: 18px;
- padding-left: 18px;
- white-space: nowrap;
-}
-
-.admin-ui .actionPreferences {
- background-image: url( img/actionIcon_Properties.gif );
- background-position: left;
- background-repeat: no-repeat;
- padding-top: 2px;
- padding-bottom: 2px;
- line-height: 18px;
- padding-left: 18px;
- white-space: nowrap;
-}
-
-.admin-ui .actionCreateInstance {
- background-image: url( img/actionIcon_CreateInstance.gif );
- background-position: left;
- background-repeat: no-repeat;
- padding-top: 2px;
- padding-bottom: 2px;
- line-height: 18px;
- padding-left: 18px;
- white-space: nowrap;
-}
-
-.admin-ui .portlet-content-center {
- padding: 0;
- margin: 0;
-}
-
-.admin-ui .portlet-body {
- padding: 0;
- margin: 0;
-}
-
-.admin-ui .portlet-content-right {
- padding: 0;
- margin: 0;
-}
-
-.admin-ui .portlet-footer-left {
- padding: 0;
- margin: 0;
-}
-
-.admin-ui .portlet-table-header {
- background-color: #eef;
-}
-
-.admin-ui .portlet-section-buttonrow {
- margin-top: 6px;
- margin-bottom: 6px;
- float: right;
-}
-
-/* Change dashed line to solid. */
-
-.admin-ui hr {
- border-top-style: solid;
-}
-
-.admin-ui .wizardStepBox {
- display: inline;
- float: left;
- border: 1px solid #98B7C6;
- height: 7em;
- width: 9em;
- background-color: #DFE8ED;
- margin: .5em;
-}
-
-.admin-ui .wizardButtonBox {
- margin: 1em;
-}
-
-.admin-ui .wizardContent {
- clear: both;
-}
-
-.admin-ui form {
- padding: 0;
- margin: 0;
-}
-
-.admin-ui #selected.wizardStepBox {
- background-color: #C8DCC4;
- border: 1px solid black;
- border-bottom: 5px solid black;
-}
-
-.admin-ui .stepNumber {
- font-size: 2em;
- text-align: center;
- margin-top: 5px;
- margin-bottom: 0;
-}
-
-.admin-ui .stepText {
- text-align: center;
-}
-
-.admin-ui .layout-button {
- width: 50px;
- margin: 2px;
- padding: 2px;
-}
-
-.admin-ui .createObjectForm {
- display: block;
- padding: 1em 0 0 0;
-}
-
-.admin-ui .objectList {
- width: 100%;
-}
-
-.admin-ui .objectList .objectNameColumn {
- width: 25%;
-}
-
-.admin-ui .objectList .objectActionColumn {
- width: 75%;
-}
-
-.admin-ui .portlet-msg {
- border: 1px solid #bbb;
- margin: 2em auto;
- padding: 1em;
- width: 60%;
-}
-
-.admin-ui .portlet-msg-body {
- position: relative;
- top: -3em;
- left: 3em;
- width: 95%;
-}
-
-.admin-label {
- padding: 0 4px 3px 0;
- display: inline-block;
- vertical-align: middle;
-}
+/* Redefine spacing for tables. */
+
+a {
+ color: #446688;
+ text-decoration: none;
+}
+
+a:hover {
+ color: #5078aa;
+ text-decoration: underline;
+}
+
+div.admin-ui div.tab-container{
+ border-bottom:1px solid #B3C0C7;
+ border-right:1px solid #B3C0C7;
+ border-left:1px solid #B3C0C7;
+ padding: 15px 0 10px 0;
+}
+
+.admin-ui table {
+ border: 0;
+}
+
+.admin-ui th {
+ text-align: left;
+ border: 0;
+ border-bottom: 1px solid;
+ padding-bottom: 2px;
+ padding-top: 2px;
+ font-size: 11px;
+}
+
+.admin-ui td {
+ padding-bottom: 2px;
+ padding-top: 2px;
+}
+
+/* Pagination. */
+
+.admin-ui ul.pagination {
+ margin: 0;
+ padding: .2em;
+}
+
+.admin-ui ul.pagination li {
+ text-align: center;
+ list-style-type: none;
+ display: inline;
+ margin-right: 2px;
+}
+
+.admin-ui ul.pagination li.selected {
+ font-weight: bold;
+ background-color: #eef;
+ border-bottom: 2px solid #656565;
+}
+
+.pagination a, .pagination a:visited, .pagination a:hover {
+ text-decoration: none;
+}
+
+/* Top nav. */
+
+.admin-ui ul.topnav {
+ padding: 4px 0px 3px;
+ border-bottom: 1px solid #b3c0c7;
+ margin: 0;
+}
+
+.admin-ui ul.topnav li {
+ list-style-type: none;
+ display: inline;
+ margin: 0;
+ padding: 3px 0.5em;
+ margin-left: 5px;
+ border: 1px solid #b3c0c7;
+ border-bottom: none;
+ background-color: #f2f4f5;
+}
+
+.admin-ui ul.topnav li:hover {
+ background-color: #fff;
+}
+
+.admin-ui ul.topnav li#currentTab {
+ background-color: white;
+ border-bottom: 1px solid white;
+}
+
+.admin-ui ul.topnav li#currentTab a:hover {
+}
+
+/* Object path. */
+
+.admin-ui ul.objectpath {
+ list-style-type: none;
+ font-size: 11px;
+ border: solid 1px #bbb;
+ border-left: solid 1px #eee;
+ border-right: solid 1px #eee;
+ background-color: #d5d5d5;
+ background-image: url( img/pathBackground.png );
+ background-position: left;
+ background-repeat: repeat-x;
+ height: 21px;
+ margin: 0px;
+ padding: 0px;
+ padding-left: 2px;
+}
+
+.admin-ui ul.objectpath li {
+ list-style-type: none;
+ display: block;
+ float: left;
+}
+
+.admin-ui ul li.pathItem {
+ padding-top: 4px;
+ padding-left: 3px;
+ padding-right: 2px;
+}
+
+/*
+.admin-ui ul.li.pathSeparator {
+ background-image: url(img/pathSeparator.png);
+ background-position: center center;
+ background-repeat: no-repeat;
+ width: 7px;
+}
+*/
+
+.admin-ui ul.objectpath li.selected {
+ font-weight: bold;
+ padding-top: 4px;
+ padding-left: 3px;
+ padding-right: 2px;
+}
+
+.admin-ui ul.objectpath a {
+ color: #333333;
+ text-decoration: none;
+}
+
+.admin-ui ul.objectpath a:hover {
+ color: #5078aa;
+ text-decoration: none;
+}
+
+/* Resize combo lists */
+.admin-ui select {
+ padding: 2px 4px 2px 1px;
+}
+
+.admin-ui select.contentType {
+ width: 8em;
+}
+
+.admin-ui select.instanceList {
+ width: 11em;
+}
+
+.admin-ui select.windowList {
+ width: 95%;
+ overflow: auto;
+}
+
+/* Style a table for form layout */
+.admin-ui table form {
+ margin: 0;
+}
+
+.admin-ui table form td.label {
+ text-align: right;
+ vertical-align: top;
+ padding-top: 0.4em;
+}
+
+.admin-ui table form td.widget {
+ text-align: left;
+}
+
+/* Area header. */
+
+.admin-ui .portlet-area-header {
+ border: 1px solid #54708c;
+ font-weight: bold;
+ color: #fff;
+ font-size: 11px;
+ background-color: #5986b3;
+ padding: 2px;
+ padding-left: 4px;
+ margin: 0;
+}
+
+.admin-ui .portlet-area-body {
+ border: 1px solid #d5d5d5;
+ border-top: 0px;
+ background-color: #fff;
+ padding: 4px;
+ margin: 0;
+}
+
+/* Styles updated and enhanced from the main portal css */
+
+.admin-ui th.portlet-section-title {
+ font-weight: bold;
+ color: #656565;
+ font-size: 11px;
+ border: 1px solid #999;
+ background-color: #ebf2f5;
+ padding-left: 6px;
+}
+
+.admin-ui h3.sectionTitle {
+ font-weight: bold;
+ color: #656565;
+ font-size: 11px;
+ border-top: 1px solid #999;
+ background-color: #ebf2f5;
+ padding: 2px;
+ padding-left: 4px;
+}
+
+.admin-ui .portlet-section-header {
+ background-image: url( img/pathBackground.png );
+ background-position: left;
+ background-repeat: repeat-x;
+ font-weight: bold;
+ color: #656565;
+ font-size: 10px;
+ border-top: 1px solid #ddd;
+ border-bottom: 1px solid #999;
+ padding-left: 4px;
+}
+
+.admin-ui .portlet-section-header th {
+ background-image: url( img/pathBackground.png );
+ background-position: left;
+ background-repeat: repeat-x;
+ font-weight: bold;
+ color: #656565;
+ font-size: 10px;
+ border-top: 1px solid #ddd;
+ border-bottom: 1px solid #999;
+ padding-left: 4px;
+}
+
+.admin-ui .portlet-section-body {
+ color: #656565;
+ border: 1px solid #d5d5d5;
+ border-top: 0px;
+}
+
+.admin-ui .portlet-section-alternate {
+ background-color: #F2F2F2;
+ border: 1px solid #d5d5d5;
+}
+
+.admin-ui .portlet-section-selected {
+ background-color: #CBD4E6;
+}
+
+.admin-ui .actionDetails {
+ background-image: url( img/actionIcon_Details.gif );
+ background-position: left;
+ background-repeat: no-repeat;
+ line-height: 14px;
+ padding-left: 18px;
+ white-space: nowrap;
+}
+
+.admin-ui .actionLayout {
+ background-image: url( img/actionIcon_Layout.gif );
+ background-position: left;
+ background-repeat: no-repeat;
+ line-height: 14px;
+ padding-left: 18px;
+ white-space: nowrap;
+}
+
+.admin-ui .actionSecurity {
+ background-image: url( img/actionIcon_Security.gif );
+ background-position: left;
+ background-repeat: no-repeat;
+ line-height: 14px;
+ padding-left: 18px;
+ white-space: nowrap;
+}
+
+.admin-ui .actionProperties {
+ background-image: url( img/actionIcon_Properties.gif );
+ background-position: left;
+ background-repeat: no-repeat;
+ padding-top: 2px;
+ padding-bottom: 2px;
+ padding-left: 18px;
+ white-space: nowrap;
+ height: 22px;
+}
+
+.admin-ui .actionTheme {
+ background-image: url( img/actionIcon_Theme.gif );
+ background-position: left;
+ background-repeat: no-repeat;
+ padding-top: 2px;
+ padding-bottom: 2px;
+ line-height: 18px;
+ padding-left: 18px;
+ white-space: nowrap;
+}
+
+.admin-ui .actionRename {
+ background-image: url( img/actionIcon_Rename.gif );
+ background-position: left;
+ background-repeat: no-repeat;
+ padding-top: 2px;
+ padding-bottom: 2px;
+ line-height: 18px;
+ padding-left: 18px;
+ white-space: nowrap;
+}
+
+.admin-ui .actionDelete {
+ background-image: url( img/actionIcon_Delete.gif );
+ background-position: left;
+ background-repeat: no-repeat;
+ padding-top: 2px;
+ padding-bottom: 2px;
+ line-height: 18px;
+ padding-left: 18px;
+ white-space: nowrap;
+}
+
+.admin-ui .actionMakeDefault {
+ background-image: url( img/actionIcon_MakeDefault.gif );
+ background-position: left;
+ background-repeat: no-repeat;
+ padding-top: 2px;
+ padding-bottom: 2px;
+ line-height: 18px;
+ padding-left: 18px;
+ white-space: nowrap;
+}
+
+.admin-ui .actionDefault {
+ background-image: url( img/actionIcon_IsDefault.gif );
+ background-position: left;
+ background-repeat: no-repeat;
+ padding-top: 2px;
+ padding-bottom: 2px;
+ line-height: 18px;
+ padding-left: 18px;
+ white-space: nowrap;
+}
+
+.admin-ui .actionPreferences {
+ background-image: url( img/actionIcon_Properties.gif );
+ background-position: left;
+ background-repeat: no-repeat;
+ padding-top: 2px;
+ padding-bottom: 2px;
+ line-height: 18px;
+ padding-left: 18px;
+ white-space: nowrap;
+}
+
+.admin-ui .actionCreateInstance {
+ background-image: url( img/actionIcon_CreateInstance.gif );
+ background-position: left;
+ background-repeat: no-repeat;
+ padding-top: 2px;
+ padding-bottom: 2px;
+ line-height: 18px;
+ padding-left: 18px;
+ white-space: nowrap;
+}
+
+.admin-ui .portlet-content-center {
+ padding: 0;
+ margin: 0;
+}
+
+.admin-ui .portlet-body {
+ padding: 0;
+ margin: 0;
+}
+
+.admin-ui .portlet-content-right {
+ padding: 0;
+ margin: 0;
+}
+
+.admin-ui .portlet-footer-left {
+ padding: 0;
+ margin: 0;
+}
+
+.admin-ui .portlet-table-header {
+ background-color: #eef;
+}
+
+.admin-ui .portlet-section-buttonrow {
+ margin-top: 6px;
+ margin-bottom: 6px;
+ float: right;
+}
+
+/* Change dashed line to solid. */
+
+.admin-ui hr {
+ border-top-style: solid;
+}
+
+
+div.admin-ui div.wizard-tab-container {
+ border-bottom:1px solid #B3C0C7;
+ border-right:1px solid #B3C0C7;
+ border-left:1px solid #B3C0C7;
+ padding: 0 0 10px 0;
+ margin: 10px 0 0 0;
+}
+
+.admin-ui .wizardStepBox {
+ display: inline;
+ float: left;
+ border: 1px solid #98B7C6;
+ height: 7em;
+ width: 9em;
+ background-color: #DFE8ED;
+ margin: .5em;
+}
+
+.admin-ui .wizardButtonBox {
+ margin: 1em;
+}
+
+.admin-ui .wizardContent {
+ clear: both;
+}
+
+.admin-ui form {
+ padding: 0;
+ margin: 0;
+}
+
+.admin-ui #selected.wizardStepBox {
+ background-color: #C8DCC4;
+ border: 1px solid black;
+ border-bottom: 5px solid black;
+}
+
+.admin-ui .stepNumber {
+ font-size: 2em;
+ text-align: center;
+ margin-top: 5px;
+ margin-bottom: 0;
+}
+
+.admin-ui .stepText {
+ text-align: center;
+}
+
+.admin-ui .layout-button {
+ width: 50px;
+ margin: 2px;
+ padding: 2px;
+}
+
+.admin-ui .createObjectForm {
+ display: block;
+ padding: 1em 0 0 0;
+}
+
+.admin-ui .objectList {
+ width: 100%;
+}
+
+.admin-ui .objectList .objectNameColumn {
+ width: 25%;
+}
+
+.admin-ui .objectList .objectActionColumn {
+ width: 75%;
+}
+
+.admin-ui .portlet-msg {
+ border: 1px solid #bbb;
+ margin: 2em auto;
+ padding: 1em;
+ width: 60%;
+}
+
+.admin-ui .portlet-msg-body {
+ position: relative;
+ top: -3em;
+ left: 3em;
+ width: 95%;
+}
+
+.admin-label {
+ padding: 0 4px 3px 0;
+ display: inline-block;
+ vertical-align: middle;
+}
Modified:
trunk/core-admin/src/resources/portal-admin-war/WEB-INF/jsf/wizard/newWindowTpl.xhtml
===================================================================
---
trunk/core-admin/src/resources/portal-admin-war/WEB-INF/jsf/wizard/newWindowTpl.xhtml 2007-09-24
22:47:38 UTC (rev 8474)
+++
trunk/core-admin/src/resources/portal-admin-war/WEB-INF/jsf/wizard/newWindowTpl.xhtml 2007-09-24
22:52:23 UTC (rev 8475)
@@ -6,8 +6,13 @@
xmlns:c="http://java.sun.com/jstl/core"
class="admin-ui">
- <div class="portlet-section-header">Adding a new Portlet</div>
-
+<link rel="stylesheet" type="text/css"
href="/portal-admin/style.css" media="screen"/>
+
+<div class="wizard-tab-container">
+<h3 class="sectionTitle">
+Adding a new Portlet
+</h3>
+
<c:choose>
<c:when test="#{newWindowWizard.currentStep == 0}">
<div class="wizardStepBox" id="selected">
@@ -169,5 +174,5 @@
<h:form>
<p style="text-align: right;"><h:commandLink
action="advancedMode">Switch to advanced
mode</h:commandLink></p>
</h:form>
-
</div>
+</div>