Jalal's UI work

git-svn-id: https://kt-dms.svn.sourceforge.net/svnroot/kt-dms/trunk@6102 c91229c3-7414-0410-bfa2-8a42b809f60b

Jalal's UI work
git-svn-id: https://kt-dms.svn.sourceforge.net/svnroot/kt-dms/trunk@6102 c91229c3-7414-0410-bfa2-8a42b809f60b
Bryn Divey
1 parent 709a9e43
Showing 17 changed files with 97 additions and 60 deletions
resources/css/kt-framing.css
resources/css/kt-ie-icons.css
resources/graphics/menu_divider.png
resources/graphics/menu_divider_old.png
resources/graphics/minus.gif
resources/graphics/plus.gif
resources/graphics/portlet_bg.gif
resources/graphics/portlet_bg_collapsed.gif
resources/graphics/portlet_corner_bottomleft.gif
resources/graphics/portlet_corner_bottomright.gif
resources/graphics/portlet_corner_topleft.gif
resources/graphics/portlet_corner_topleft_collapsed.gif
resources/graphics/portlet_corner_topright.gif
resources/graphics/portlet_corner_topright_collapsed.gif
resources/graphics/title_bullet.png
templates/kt3/standard_page.smarty
templates/ktcore/document/view.smarty
@@ -20,8 +20,6 @@ body
 #kt-wrapper
 {
-    min-height:600px;
-    height:auto;
     margin-top: 15px;
     margin-left: 15px;
 }
@@ -37,17 +35,17 @@ body
 #pageBody {
     position: relative;
     border: 1px solid white;
-    z-index: 0;
-    height: 100%;
+    min-height: 800px;
+    height: auto;
 }
 #pageBodyBg {
     position: absolute;
     background: url(../../resources/graphics/page_bg.png) bottom left repeat-x;
-    bottom: 0px;
-    left: 3px;
     width: 99.2%;
     height: 611px;
+    bottom: 0px;
+    left: 3px;
 }
 #bodyTopLeft {
@@ -343,17 +341,6 @@ a.main_nav_item {
     border:0;
 }
-#portletbar .portlet.expanded .portletTopRepeat {
-    position: absolute;
-    background: url(../../resources/graphics/portlet_bg.png) top left repeat-x;
-    top: 0px;
-    left: 30px;
-    height: 28px;
-    width: 67%;
-    z-index: -1;  
-    border: 0;
-}
-
 #portletbar .portlet .portletTopRight {
     position: absolute;
     background: url(../../resources/graphics/portlet_corner_topright_collapsed.png) top right no-repeat;
@@ -365,6 +352,26 @@ a.main_nav_item {
     border: 0;
 }
+#portletbar .portlet.expanded {
+    position: relative;
+    margin: 0 0 1.5em 0;       
+    padding: 0 0 0 0;
+    background: url(../../resources/graphics/portlet_corner_topleft.png) top left no-repeat;
+    border: 0;
+    z-index: 2;
+}
+
+#portletbar .portlet.expanded .portletTopRepeat {
+    position: absolute;
+    background: url(../../resources/graphics/portlet_bg.png) top left repeat-x;
+    top: 0px;
+    left: 30px;
+    height: 28px;
+    width: 67%;
+    z-index: -1;  
+    border: 0;
+}
+
 #portletbar .portlet.expanded .portletTopRight {
     position: absolute;
     background: url(../../resources/graphics/portlet_corner_topright.png) top right no-repeat;
@@ -381,11 +388,9 @@ a.main_nav_item {
     background: url(../../resources/graphics/portlet_borderrepeat.png) top left repeat-y;
     padding: 0 0 1em 0;
     background-color: white;
-    z-index: 0; 
     border: 0;
     width: 100%;
-    height: 100%;
-    z-index: 0;                                    
+    height: 100%;                                
 }
 #portletbar .portlet .portletbodyBottomLeft {
@@ -415,7 +420,7 @@ a.main_nav_item {
     background: url(../../resources/graphics/portlet_borderbottom.png) bottom left repeat-x;
 }
-#portletbar .portlet .portletbodyRight {
+#portletbar .portlet .portletbodyRightTop {
     position: absolute;                                                
     background: url(../../resources/graphics/portlet_borderright.png) top right repeat-y;
     top: 0px;
@@ -470,16 +475,6 @@ a.main_nav_item {
     height: 68px;
 }
-#portletbar .portlet.expanded {
-    position: relative;
-    margin: 0 0 1.5em 0;       
-    padding: 0 0 0 0;
-    background: url(../../resources/graphics/portlet_corner_topleft.png) top left no-repeat;
-    border: 0;
-    z-index: 2;
-}
-
-
 #portletbar .portlet a {
     text-decoration: none;
 }
@@ -508,7 +503,6 @@ a.main_nav_item {
     font-size: small;
 }
-
 #portletbar .portlet.expanded h4
 {
     margin: 0;
@@ -532,6 +526,57 @@ a.main_nav_item {
     display: block;
 }
+#portletbar .portlet .portletbodyRightTop {
+    display: none;
+}
+
+#portletbar .portlet .portletbodyRightBottom {
+    display: none;
+}
+
+#portletbar .portlet .portletbodyRightMiddleTop {
+    display: none;
+}
+
+#portletbar .portlet .portletbodyRightMiddleBottom {
+    display: none;
+}
+
+#portletbar .portlet .portletbodyRightQuartTop {
+    display: none;
+}
+
+#portletbar .portlet .portletbodyRightQuartBottom {
+    display: none;
+}
+
+
+#portletbar .portlet.expanded .portletbodyRightTop {
+    display: block;
+}
+
+#portletbar .portlet.expanded .portletbodyRightBottom {
+    display: block;
+}
+
+
+#portletbar .portlet.expanded .portletbodyRightMiddleTop {
+    display: block;
+}
+
+#portletbar .portlet.expanded .portletbodyRightMiddleBottom {
+    display: block;
+}
+
+#portletbar .portlet.expanded .portletbodyRightQuartTop {
+    display: block;
+}
+
+#portletbar .portlet.expanded .portletbodyRightQuartBottom {
+    display: block;
+}
+
+
 #portletbar .portlet .actionlist
 {
     list-style: none;
@@ -1008,8 +1053,7 @@ a.main_nav_item {
 }
-.kt_collection .odd td 
-{
+.kt_collection .odd td {
     background-color: #fafafa;
 }
@@ -1039,8 +1083,7 @@ a.main_nav_item {
 }
 /* block level. */
-.ktError 
-{
+.ktError {
     padding: 0 1em;
     border: 1px solid #ffc21e;
     margin: 0.5em 0;
@@ -1053,8 +1096,7 @@ a.main_nav_item {
 }
 /* block level. */
-.ktInfo
-{
+.ktInfo {
     padding: 0 1em;
     border: 1px solid #c5c5c5;
     margin: 0.5em 0;
@@ -1067,8 +1109,7 @@ a.main_nav_item {
 }
-.ktBlock
-{ 
+.ktBlock { 
     padding: 0 1em;
     border: 1px solid #c5c5c5;
     background-color: #fcfcfc;
@@ -1076,19 +1117,16 @@ a.main_nav_item {
 }
-.ktBlock, .ktInfo, .ktError
-{ 
+.ktBlock, .ktInfo, .ktError { 
     -moz-border-radius: 15px; 
     background-repeat: no-repeat;
 }
-.ktInfo
-{ 
+.ktInfo { 
     background-image: url(../../resources/graphics/dashlet-gradient-info.gif);
 }
-.ktError
-{ 
+.ktError { 
     background-image: url(../../resources/graphics/dashlet-gradient-error.gif);
 }
@@ -39,8 +39,8 @@
     padding: 0 25px 0 0;    
 }
-#kt-wrapper {
-    height: 600px;
+#pageBody {
+    height: 800px;
 }
 /* IE does not know what 100% is!! */
@@ -53,13 +53,7 @@
     <div id="pageBody">
         <div id="bodyTopLeft"></div>
         <div id="bodyTopRepeat"></div>
-        <div id="bodyTopRight"></div>
-        <div id="pageBodyBg"></div>
-        <div id="bodyLeftRepeatTop"></div>
-        <div id="bodyLeftRepeatBottom"></div>
-        <div id="bodyRightRepeatTop"></div>
-        <div id="bodyRightRepeatBottom"></div>
-        
+        <div id="bodyTopRight"></div>        
         <div id="bodyPad">
             <div id="logobar">
                 <a href="{$page->systemURL}"><img src="{$rootUrl}/resources/graphics/ktlogo-topbar-right.png" class="primary" title="{$page->systemName}"/></a>
@@ -143,16 +137,16 @@
                     {if $portlet_output}
                         <div class="portlet {if $oPortlet->getActive()}expanded{/if}">
                             <h4 onclick="toggleElementClass('expanded',this.parentNode)">{$oPortlet->getTitle()}</h4>
-                            <div class="portletTopRepeat {if $oPortlet->getActive()}expanded{/if}"></div>
-                            <div class="portletTopRight {if $oPortlet->getActive()}expanded{/if}"></div>
+                            <div class="portletTopRepeat"></div>
+                            <div class="portletTopRight"></div>
                             <div class="portletbody">
-                                {$portlet_output}
-                                <div class="portletbodyRight"></div>
+                                <div class="portletbodyRightTop"></div>
                                 <div class="portletbodyRightMiddleTop"></div>
                                 <div class="portletbodyRightMiddleBottom"></div>
                                 <div class="portletbodyRightQuartTop"></div>
                                 <div class="portletbodyRightQuartBottom"></div>
                                 <div class="portletbodyRightBottom"></div>
+                                {$portlet_output}
                                 <div class="portletbodyBottom"></div>
                                 <div class="portletbodyBottomLeft"></div>
                                 <div class="portletbodyBottomRight"></div>
@@ -191,6 +185,11 @@
                 <div class="floatClear"></div>
 	    </div>
         </div>
+        <div id="pageBodyBg"></div>
+        <div id="bodyLeftRepeatTop"></div>
+        <div id="bodyLeftRepeatBottom"></div>
+        <div id="bodyRightRepeatTop"></div>
+        <div id="bodyRightRepeatBottom"></div>
         <div id="bodyBottomRepeat"></div>
         <div id="bodyBottomRight"></div>
         <div id="bodyBottomLeft"></div>
-<h2>{$document->getName()|escape}</h2>
+<h2><img src="{$rootUrl}/resources/graphics/title_bullet.png"/>{$document->getName()|escape}</h2>
 {if ($document->getIsCheckedOut() == 1)}
 {capture assign=checkout_user}<strong>{$sCheckoutUser}</strong>{/capture}