Peter M. Groen / knowledgetree

Commit 911de80169e2df61bc9814a7f3704c4eac26bfa9

Authored by Bryn Divey
1 parent 709a9e43

Jalal's UI work 


git-svn-id: https://kt-dms.svn.sourceforge.net/svnroot/kt-dms/trunk@6102 c91229c3-7414-0410-bfa2-8a42b809f60b
Inline Side-by-side
Showing 17 changed files with 97 additions and 60 deletions
resources/css/kt-framing.css
  View file @911de80
... ... @@ -20,8 +20,6 @@ body
20 20  
21 21 #kt-wrapper
22 22 {
23   - min-height:600px;
24   - height:auto;
25 23 margin-top: 15px;
26 24 margin-left: 15px;
27 25 }
... ... @@ -37,17 +35,17 @@ body
37 35 #pageBody {
38 36 position: relative;
39 37 border: 1px solid white;
40   - z-index: 0;
41   - height: 100%;
  38 + min-height: 800px;
  39 + height: auto;
42 40 }
43 41  
44 42 #pageBodyBg {
45 43 position: absolute;
46 44 background: url(../../resources/graphics/page_bg.png) bottom left repeat-x;
47   - bottom: 0px;
48   - left: 3px;
49 45 width: 99.2%;
50 46 height: 611px;
  47 + bottom: 0px;
  48 + left: 3px;
51 49 }
52 50  
53 51 #bodyTopLeft {
... ... @@ -343,17 +341,6 @@ a.main_nav_item {
343 341 border:0;
344 342 }
345 343  
346   -#portletbar .portlet.expanded .portletTopRepeat {
347   - position: absolute;
348   - background: url(../../resources/graphics/portlet_bg.png) top left repeat-x;
349   - top: 0px;
350   - left: 30px;
351   - height: 28px;
352   - width: 67%;
353   - z-index: -1;
354   - border: 0;
355   -}
356   -
357 344 #portletbar .portlet .portletTopRight {
358 345 position: absolute;
359 346 background: url(../../resources/graphics/portlet_corner_topright_collapsed.png) top right no-repeat;
... ... @@ -365,6 +352,26 @@ a.main_nav_item {
365 352 border: 0;
366 353 }
367 354  
  355 +#portletbar .portlet.expanded {
  356 + position: relative;
  357 + margin: 0 0 1.5em 0;
  358 + padding: 0 0 0 0;
  359 + background: url(../../resources/graphics/portlet_corner_topleft.png) top left no-repeat;
  360 + border: 0;
  361 + z-index: 2;
  362 +}
  363 +
  364 +#portletbar .portlet.expanded .portletTopRepeat {
  365 + position: absolute;
  366 + background: url(../../resources/graphics/portlet_bg.png) top left repeat-x;
  367 + top: 0px;
  368 + left: 30px;
  369 + height: 28px;
  370 + width: 67%;
  371 + z-index: -1;
  372 + border: 0;
  373 +}
  374 +
368 375 #portletbar .portlet.expanded .portletTopRight {
369 376 position: absolute;
370 377 background: url(../../resources/graphics/portlet_corner_topright.png) top right no-repeat;
... ... @@ -381,11 +388,9 @@ a.main_nav_item {
381 388 background: url(../../resources/graphics/portlet_borderrepeat.png) top left repeat-y;
382 389 padding: 0 0 1em 0;
383 390 background-color: white;
384   - z-index: 0;
385 391 border: 0;
386 392 width: 100%;
387   - height: 100%;
388   - z-index: 0;
  393 + height: 100%;
389 394 }
390 395  
391 396 #portletbar .portlet .portletbodyBottomLeft {
... ... @@ -415,7 +420,7 @@ a.main_nav_item {
415 420 background: url(../../resources/graphics/portlet_borderbottom.png) bottom left repeat-x;
416 421 }
417 422  
418   -#portletbar .portlet .portletbodyRight {
  423 +#portletbar .portlet .portletbodyRightTop {
419 424 position: absolute;
420 425 background: url(../../resources/graphics/portlet_borderright.png) top right repeat-y;
421 426 top: 0px;
... ... @@ -470,16 +475,6 @@ a.main_nav_item {
470 475 height: 68px;
471 476 }
472 477  
473   -#portletbar .portlet.expanded {
474   - position: relative;
475   - margin: 0 0 1.5em 0;
476   - padding: 0 0 0 0;
477   - background: url(../../resources/graphics/portlet_corner_topleft.png) top left no-repeat;
478   - border: 0;
479   - z-index: 2;
480   -}
481   -
482   -
483 478 #portletbar .portlet a {
484 479 text-decoration: none;
485 480 }
... ... @@ -508,7 +503,6 @@ a.main_nav_item {
508 503 font-size: small;
509 504 }
510 505  
511   -
512 506 #portletbar .portlet.expanded h4
513 507 {
514 508 margin: 0;
... ... @@ -532,6 +526,57 @@ a.main_nav_item {
532 526 display: block;
533 527 }
534 528  
  529 +#portletbar .portlet .portletbodyRightTop {
  530 + display: none;
  531 +}
  532 +
  533 +#portletbar .portlet .portletbodyRightBottom {
  534 + display: none;
  535 +}
  536 +
  537 +#portletbar .portlet .portletbodyRightMiddleTop {
  538 + display: none;
  539 +}
  540 +
  541 +#portletbar .portlet .portletbodyRightMiddleBottom {
  542 + display: none;
  543 +}
  544 +
  545 +#portletbar .portlet .portletbodyRightQuartTop {
  546 + display: none;
  547 +}
  548 +
  549 +#portletbar .portlet .portletbodyRightQuartBottom {
  550 + display: none;
  551 +}
  552 +
  553 +
  554 +#portletbar .portlet.expanded .portletbodyRightTop {
  555 + display: block;
  556 +}
  557 +
  558 +#portletbar .portlet.expanded .portletbodyRightBottom {
  559 + display: block;
  560 +}
  561 +
  562 +
  563 +#portletbar .portlet.expanded .portletbodyRightMiddleTop {
  564 + display: block;
  565 +}
  566 +
  567 +#portletbar .portlet.expanded .portletbodyRightMiddleBottom {
  568 + display: block;
  569 +}
  570 +
  571 +#portletbar .portlet.expanded .portletbodyRightQuartTop {
  572 + display: block;
  573 +}
  574 +
  575 +#portletbar .portlet.expanded .portletbodyRightQuartBottom {
  576 + display: block;
  577 +}
  578 +
  579 +
535 580 #portletbar .portlet .actionlist
536 581 {
537 582 list-style: none;
... ... @@ -1008,8 +1053,7 @@ a.main_nav_item {
1008 1053 }
1009 1054  
1010 1055  
1011   -.kt_collection .odd td
1012   -{
  1056 +.kt_collection .odd td {
1013 1057 background-color: #fafafa;
1014 1058 }
1015 1059  
... ... @@ -1039,8 +1083,7 @@ a.main_nav_item {
1039 1083 }
1040 1084  
1041 1085 /* block level. */
1042   -.ktError
1043   -{
  1086 +.ktError {
1044 1087 padding: 0 1em;
1045 1088 border: 1px solid #ffc21e;
1046 1089 margin: 0.5em 0;
... ... @@ -1053,8 +1096,7 @@ a.main_nav_item {
1053 1096 }
1054 1097  
1055 1098 /* block level. */
1056   -.ktInfo
1057   -{
  1099 +.ktInfo {
1058 1100 padding: 0 1em;
1059 1101 border: 1px solid #c5c5c5;
1060 1102 margin: 0.5em 0;
... ... @@ -1067,8 +1109,7 @@ a.main_nav_item {
1067 1109 }
1068 1110  
1069 1111  
1070   -.ktBlock
1071   -{
  1112 +.ktBlock {
1072 1113 padding: 0 1em;
1073 1114 border: 1px solid #c5c5c5;
1074 1115 background-color: #fcfcfc;
... ... @@ -1076,19 +1117,16 @@ a.main_nav_item {
1076 1117 }
1077 1118  
1078 1119  
1079   -.ktBlock, .ktInfo, .ktError
1080   -{
  1120 +.ktBlock, .ktInfo, .ktError {
1081 1121 -moz-border-radius: 15px;
1082 1122 background-repeat: no-repeat;
1083 1123 }
1084 1124  
1085   -.ktInfo
1086   -{
  1125 +.ktInfo {
1087 1126 background-image: url(../../resources/graphics/dashlet-gradient-info.gif);
1088 1127 }
1089 1128  
1090   -.ktError
1091   -{
  1129 +.ktError {
1092 1130 background-image: url(../../resources/graphics/dashlet-gradient-error.gif);
1093 1131 }
1094 1132  
... ...
resources/css/kt-ie-icons.css
  View file @911de80
... ... @@ -39,8 +39,8 @@
39 39 padding: 0 25px 0 0;
40 40 }
41 41  
42   -#kt-wrapper {
43   - height: 600px;
  42 +#pageBody {
  43 + height: 800px;
44 44 }
45 45  
46 46 /* IE does not know what 100% is!! */
... ...
resources/graphics/menu_divider.png
View file @911de80

213 Bytes | W: | H:

226 Bytes | W: | H:

  • 2-up
  • Swipe
  • Onion skin
resources/graphics/menu_divider_old.png 0 → 100644
View file @911de80

195 Bytes
resources/graphics/minus.gif 0 → 100644
View file @911de80

870 Bytes
resources/graphics/plus.gif 0 → 100644
View file @911de80

865 Bytes
resources/graphics/portlet_bg.gif 0 → 100644
View file @911de80

837 Bytes
resources/graphics/portlet_bg_collapsed.gif 0 → 100644
View file @911de80

816 Bytes
resources/graphics/portlet_corner_bottomleft.gif 0 → 100644
View file @911de80

896 Bytes
resources/graphics/portlet_corner_bottomright.gif 0 → 100644
View file @911de80

923 Bytes
resources/graphics/portlet_corner_topleft.gif 0 → 100644
View file @911de80

1.63 KB
resources/graphics/portlet_corner_topleft_collapsed.gif 0 → 100644
View file @911de80

1.14 KB
resources/graphics/portlet_corner_topright.gif 0 → 100644
View file @911de80

1.27 KB
resources/graphics/portlet_corner_topright_collapsed.gif 0 → 100644
View file @911de80

958 Bytes
resources/graphics/title_bullet.png 0 → 100644
View file @911de80

348 Bytes
templates/kt3/standard_page.smarty
  View file @911de80
... ... @@ -53,13 +53,7 @@
53 53 <div id="pageBody">
54 54 <div id="bodyTopLeft"></div>
55 55 <div id="bodyTopRepeat"></div>
56   - <div id="bodyTopRight"></div>
57   - <div id="pageBodyBg"></div>
58   - <div id="bodyLeftRepeatTop"></div>
59   - <div id="bodyLeftRepeatBottom"></div>
60   - <div id="bodyRightRepeatTop"></div>
61   - <div id="bodyRightRepeatBottom"></div>
62   -
  56 + <div id="bodyTopRight"></div>
63 57 <div id="bodyPad">
64 58 <div id="logobar">
65 59 <a href="{$page->systemURL}"><img src="{$rootUrl}/resources/graphics/ktlogo-topbar-right.png" class="primary" title="{$page->systemName}"/></a>
... ... @@ -143,16 +137,16 @@
143 137 {if $portlet_output}
144 138 <div class="portlet {if $oPortlet->getActive()}expanded{/if}">
145 139 <h4 onclick="toggleElementClass('expanded',this.parentNode)">{$oPortlet->getTitle()}</h4>
146   - <div class="portletTopRepeat {if $oPortlet->getActive()}expanded{/if}"></div>
147   - <div class="portletTopRight {if $oPortlet->getActive()}expanded{/if}"></div>
  140 + <div class="portletTopRepeat"></div>
  141 + <div class="portletTopRight"></div>
148 142 <div class="portletbody">
149   - {$portlet_output}
150   - <div class="portletbodyRight"></div>
  143 + <div class="portletbodyRightTop"></div>
151 144 <div class="portletbodyRightMiddleTop"></div>
152 145 <div class="portletbodyRightMiddleBottom"></div>
153 146 <div class="portletbodyRightQuartTop"></div>
154 147 <div class="portletbodyRightQuartBottom"></div>
155 148 <div class="portletbodyRightBottom"></div>
  149 + {$portlet_output}
156 150 <div class="portletbodyBottom"></div>
157 151 <div class="portletbodyBottomLeft"></div>
158 152 <div class="portletbodyBottomRight"></div>
... ... @@ -191,6 +185,11 @@
191 185 <div class="floatClear"></div>
192 186 </div>
193 187 </div>
  188 + <div id="pageBodyBg"></div>
  189 + <div id="bodyLeftRepeatTop"></div>
  190 + <div id="bodyLeftRepeatBottom"></div>
  191 + <div id="bodyRightRepeatTop"></div>
  192 + <div id="bodyRightRepeatBottom"></div>
194 193 <div id="bodyBottomRepeat"></div>
195 194 <div id="bodyBottomRight"></div>
196 195 <div id="bodyBottomLeft"></div>
... ...
templates/ktcore/document/view.smarty
  View file @911de80
1   -<h2>{$document->getName()|escape}</h2>
  1 +<h2><img src="{$rootUrl}/resources/graphics/title_bullet.png"/>{$document->getName()|escape}</h2>
2 2  
3 3 {if ($document->getIsCheckedOut() == 1)}
4 4 {capture assign=checkout_user}<strong>{$sCheckoutUser}</strong>{/capture}
... ...