Moved entity contents outside navigation.

Previously the entities and navigation are entangled inside a common
DOM structure which limits code reuse. Now they have been moved
into separate structures.

1 files changed, 15 insertions, 9 deletions

diff --git a/install/ui/ipa.css b/install/ui/ipa.css
index f7e3d2241..9e5625488 100644
--- a/install/ui/ipa.css
+++ b/install/ui/ipa.css
@@ -30,6 +30,7 @@ body{
         margin-left: auto;
         margin-right: auto;
         width: 960px;
+    background: url("centered-bg.png") no-repeat scroll 0 12.2em transparent;
 }
 
 .ui-widget {
@@ -117,13 +118,15 @@ div.header span.header-loggedinas {
 
 /* ---- Navigation ---- */
 div.tabs {
-    overflow: auto;
     width: 100%;
     height: 100%;
-    min-height: 40em;
-        background: url("centered-bg.png") no-repeat scroll 0 8.4em transparent;
+    min-height: 4em;
+    background: transparent;
 }
 
+#content {
+    min-height: 35em;
+}
 
 
 ul#viewtype {
@@ -370,7 +373,7 @@ span.attrhint {
         background-color: transparent !important;
 }
 
-.ui-widget-content .ui-icon {
+.ui-icon {
   //background-image: url("ui-icons_222222_256x240.png");
     background-color: #e2e2e2;
 }
@@ -383,7 +386,7 @@ span.attrhint {
         position: relative;
 }
 
-.ui-widget-content a {
+a {
     text-decoration: none;
     color: #1d85d5;
     font-weight: normal;
@@ -421,7 +424,7 @@ span.attrhint {
     margin-right: .1em;
 }
 
-.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
+.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, #content .ui-state-default {
     -moz-border-radius: .3em;
         -webkit-border-radius: .3em;
      background: -moz-linear-gradient(top,  #959595,  #5e5e5e);
@@ -509,6 +512,11 @@ span.ui-icon-search {
     background-image: url("Subnav-background.png");
 }
 
+.tabs3 .ui-tabs-nav {
+    padding:  1em 2em 0.1em 2em;
+    background: transparent;
+}
+
 .tabs2 .ui-tabs-nav li {
     width:auto;
     margin: 0;
@@ -811,9 +819,7 @@ table.scrollable tbody {
 }
 
 div.entity-header {
-    width:100%px;
-    padding:10px;
-    margin:10px;
+    padding: 0px 20px 10px;
 }