Commit 7789f1de7dc61cdf1285971bf4369d20fefb758a
1 parent
138538c1
Jalal's latest commit
git-svn-id: https://kt-dms.svn.sourceforge.net/svnroot/kt-dms/trunk@6106 c91229c3-7414-0410-bfa2-8a42b809f60b
Showing
18 changed files
with
229 additions
and
27 deletions
resources/css/kt-framing.css
| ... | ... | @@ -75,6 +75,42 @@ body |
| 75 | 75 | left: 0px; |
| 76 | 76 | } |
| 77 | 77 | |
| 78 | +#bodyLeftRepeatQuartTop { | |
| 79 | + position: absolute; | |
| 80 | + background: url(../../resources/graphics/page_border_leftrepeat.gif) top left repeat-y; | |
| 81 | + top: 15%; | |
| 82 | + left: 0px; | |
| 83 | + width: 3px; | |
| 84 | + height: 300px; | |
| 85 | +} | |
| 86 | + | |
| 87 | +#bodyLeftRepeatMiddleTop { | |
| 88 | + position: absolute; | |
| 89 | + background: url(../../resources/graphics/page_border_leftrepeat.gif) top left repeat-y; | |
| 90 | + top: 50%; | |
| 91 | + left: 0px; | |
| 92 | + width: 3px; | |
| 93 | + height: 300px; | |
| 94 | +} | |
| 95 | + | |
| 96 | +#bodyLeftRepeatMiddleBottom { | |
| 97 | + position: absolute; | |
| 98 | + background: url(../../resources/graphics/page_border_leftrepeat.gif) top left repeat-y; | |
| 99 | + bottom: 50%; | |
| 100 | + left: 0px; | |
| 101 | + width: 3px; | |
| 102 | + height: 300px; | |
| 103 | +} | |
| 104 | + | |
| 105 | +#bodyLeftRepeatQuartBottom { | |
| 106 | + position: absolute; | |
| 107 | + background: url(../../resources/graphics/page_border_leftrepeat.gif) top left repeat-y; | |
| 108 | + bottom: 25%; | |
| 109 | + left: 0px; | |
| 110 | + width: 3px; | |
| 111 | + height: 300px; | |
| 112 | +} | |
| 113 | + | |
| 78 | 114 | #bodyLeftRepeatBottom { |
| 79 | 115 | position: absolute; |
| 80 | 116 | background: url(../../resources/graphics/page_border_leftrepeat.gif) top left repeat-y; |
| ... | ... | @@ -93,6 +129,42 @@ body |
| 93 | 129 | right: 0px; |
| 94 | 130 | } |
| 95 | 131 | |
| 132 | +#bodyRightRepeatQuartTop { | |
| 133 | + position: absolute; | |
| 134 | + background: url(../../resources/graphics/page_border_rightrepeat.gif) top right repeat-y; | |
| 135 | + top: 15%; | |
| 136 | + right: 0px; | |
| 137 | + width: 8px; | |
| 138 | + height: 300px; | |
| 139 | +} | |
| 140 | + | |
| 141 | +#bodyRightRepeatMiddleTop { | |
| 142 | + position: absolute; | |
| 143 | + background: url(../../resources/graphics/page_border_rightrepeat.gif) top right repeat-y; | |
| 144 | + top: 50%; | |
| 145 | + right: 0px; | |
| 146 | + width: 8px; | |
| 147 | + height: 300px; | |
| 148 | +} | |
| 149 | + | |
| 150 | +#bodyRightRepeatMiddleBottom { | |
| 151 | + position: absolute; | |
| 152 | + background: url(../../resources/graphics/page_border_rightrepeat.gif) top right repeat-y; | |
| 153 | + bottom: 50%; | |
| 154 | + right: 0px; | |
| 155 | + width: 8px; | |
| 156 | + height: 300px; | |
| 157 | +} | |
| 158 | + | |
| 159 | +#bodyRightRepeatQuartBottom { | |
| 160 | + position: absolute; | |
| 161 | + background: url(../../resources/graphics/page_border_rightrepeat.gif) top right repeat-y; | |
| 162 | + bottom: 25%; | |
| 163 | + right: 0px; | |
| 164 | + width: 8px; | |
| 165 | + height: 300px; | |
| 166 | +} | |
| 167 | + | |
| 96 | 168 | #bodyRightRepeatBottom { |
| 97 | 169 | position: absolute; |
| 98 | 170 | background: url(../../resources/graphics/page_border_rightrepeat.gif) top right repeat-y; |
| ... | ... | @@ -242,6 +314,12 @@ body |
| 242 | 314 | border-bottom: 1px solid white; |
| 243 | 315 | } |
| 244 | 316 | |
| 317 | +#menu_divider { | |
| 318 | + background: url(../../resources/graphics/menu_divider.png) top left no-repeat; | |
| 319 | + width: 2px; | |
| 320 | + height: 31px; | |
| 321 | +} | |
| 322 | + | |
| 245 | 323 | .ktLoggedInUser { |
| 246 | 324 | font-weight: bold; |
| 247 | 325 | } |
| ... | ... | @@ -384,17 +462,51 @@ a.main_nav_item { |
| 384 | 462 | } |
| 385 | 463 | |
| 386 | 464 | #portletbar .portlet .portletbody { |
| 387 | - position: relative; | |
| 388 | - background: url(../../resources/graphics/portlet_borderrepeat.png) top left repeat-y; | |
| 465 | + /* This is for the left-hand side border */ | |
| 466 | + /*background: url(../../resources/graphics/portlet_borderrepeat.png) top left repeat-y;*/ | |
| 467 | + background: url(../../resources/graphics/portlet_borderright.png) top right repeat-y; | |
| 389 | 468 | padding: 0 0 1em 0; |
| 469 | + margin-right: 1px; | |
| 390 | 470 | background-color: white; |
| 391 | - border: 0; | |
| 471 | + border-bottom: 1px solid #ccc; | |
| 472 | + border-left: 1px solid #ccc; | |
| 473 | + width: 99%; | |
| 474 | + height: 100%; | |
| 475 | +} | |
| 476 | + | |
| 477 | +/* Attempt to contain side portlet containers in MORE containers*/ | |
| 478 | +/* | |
| 479 | +#portletbar .portlet.expanded .portletBodyDoubleTop { | |
| 480 | + position: relative; | |
| 392 | 481 | width: 100%; |
| 393 | - height: 100%; | |
| 482 | + height: 1px; | |
| 483 | + top:0px; | |
| 484 | + right:0px; | |
| 485 | + border: 1px solid red; | |
| 486 | +} | |
| 487 | + | |
| 488 | +#portletbar .portlet.expanded .portletBodyDoubleMiddle { | |
| 489 | + position: relative; | |
| 490 | + width: 100%; | |
| 491 | + height: 1px; | |
| 492 | + top:0px; | |
| 493 | + right:0px; | |
| 494 | + border: 1px solid blue; | |
| 394 | 495 | } |
| 395 | 496 | |
| 497 | +#portletbar .portlet.expanded .portletBodyDoubleBottom { | |
| 498 | + position: relative; | |
| 499 | + width: 100%; | |
| 500 | + height: 1px; | |
| 501 | + bottom:0px; | |
| 502 | + right:0px; | |
| 503 | + border: 1px solid red; | |
| 504 | +}*/ | |
| 505 | + | |
| 506 | +/* Bottom Portlet borders */ | |
| 507 | +/* | |
| 396 | 508 | #portletbar .portlet .portletbodyBottomLeft { |
| 397 | - position: absolute; | |
| 509 | + position: absolute; | |
| 398 | 510 | bottom: 0px; |
| 399 | 511 | left: 0px; |
| 400 | 512 | width: 10px; |
| ... | ... | @@ -418,8 +530,10 @@ a.main_nav_item { |
| 418 | 530 | height: 3px; |
| 419 | 531 | width: 95%; |
| 420 | 532 | background: url(../../resources/graphics/portlet_borderbottom.png) bottom left repeat-x; |
| 421 | -} | |
| 533 | +}*/ | |
| 422 | 534 | |
| 535 | +/* Right-hand side portlet borders */ | |
| 536 | +/* | |
| 423 | 537 | #portletbar .portlet .portletbodyRightTop { |
| 424 | 538 | position: absolute; |
| 425 | 539 | background: url(../../resources/graphics/portlet_borderright.png) top right repeat-y; |
| ... | ... | @@ -432,7 +546,7 @@ a.main_nav_item { |
| 432 | 546 | #portletbar .portlet .portletbodyRightBottom { |
| 433 | 547 | position: absolute; |
| 434 | 548 | background: url(../../resources/graphics/portlet_borderright.png) top right repeat-y; |
| 435 | - bottom: 10px; | |
| 549 | + bottom: 0px; | |
| 436 | 550 | right: 0px; |
| 437 | 551 | width: 5px; |
| 438 | 552 | height: 80px; |
| ... | ... | @@ -473,7 +587,7 @@ a.main_nav_item { |
| 473 | 587 | right: 0px; |
| 474 | 588 | width: 5px; |
| 475 | 589 | height: 68px; |
| 476 | -} | |
| 590 | +}*/ | |
| 477 | 591 | |
| 478 | 592 | #portletbar .portlet a { |
| 479 | 593 | text-decoration: none; |
| ... | ... | @@ -1362,7 +1476,7 @@ The text will be hidden for screen view. The generic fahrner-ish approach comes |
| 1362 | 1476 | background: url(../../resources/graphics/footer_bg.png) top left repeat-x; |
| 1363 | 1477 | height: 2.45em; |
| 1364 | 1478 | width: 99%; |
| 1365 | - right: 3px; | |
| 1479 | + right: 5px; | |
| 1366 | 1480 | top: 0px; |
| 1367 | 1481 | } |
| 1368 | 1482 | ... | ... |
resources/css/kt-ie-icons.css
resources/css/kt-login.css
| ... | ... | @@ -13,16 +13,91 @@ |
| 13 | 13 | } |
| 14 | 14 | |
| 15 | 15 | #loginbox { |
| 16 | + position: relative; | |
| 16 | 17 | padding: 1em; |
| 17 | - border: 1px solid #888; | |
| 18 | + /*border: 1px solid #888;*/ | |
| 18 | 19 | width: 252px; |
| 19 | 20 | margin-left: auto; |
| 20 | 21 | margin-right: auto; |
| 21 | 22 | text-align: left; |
| 22 | - background: white url(../graphics/ktbg.png) bottom right no-repeat; | |
| 23 | - -moz-border-radius: 1em; | |
| 23 | + background: white url(../graphics/ktbg.png) bottom left no-repeat; | |
| 24 | + /*-moz-border-radius: 1em;*/ | |
| 24 | 25 | } |
| 25 | 26 | |
| 27 | + #loginboxTopLeft { | |
| 28 | + position: absolute; | |
| 29 | + background: url(../graphics/login_corner_topleft.gif) top left no-repeat; | |
| 30 | + top: 0; | |
| 31 | + left: 0; | |
| 32 | + width: 40px; | |
| 33 | + height: 40px; | |
| 34 | + } | |
| 35 | + | |
| 36 | + #loginboxTopMiddle { | |
| 37 | + position: absolute; | |
| 38 | + background: url(../graphics/login_border_repeat.png) top left repeat-x; | |
| 39 | + top:0; | |
| 40 | + left:35px; | |
| 41 | + width: 230px; | |
| 42 | + height: 3px; | |
| 43 | + } | |
| 44 | + | |
| 45 | + #loginboxTopRight { | |
| 46 | + position: absolute; | |
| 47 | + background: url(../graphics/login_corner_topright.gif) top right no-repeat; | |
| 48 | + top:0; | |
| 49 | + right:0; | |
| 50 | + width: 40px; | |
| 51 | + height: 40px; | |
| 52 | + } | |
| 53 | + | |
| 54 | + #loginboxBottomLeft { | |
| 55 | + position: absolute; | |
| 56 | + background: url(../graphics/login_corner_bottomleft.gif) bottom left no-repeat; | |
| 57 | + bottom:0; | |
| 58 | + left:0; | |
| 59 | + width: 40px; | |
| 60 | + height: 40px; | |
| 61 | + } | |
| 62 | + | |
| 63 | + #loginboxBottomMiddle { | |
| 64 | + position: absolute; | |
| 65 | + background: url(../graphics/login_border_bottom.png) bottom left repeat-x; | |
| 66 | + bottom: 0; | |
| 67 | + left: 35px; | |
| 68 | + width: 230px; | |
| 69 | + height: 3px; | |
| 70 | + } | |
| 71 | + | |
| 72 | + #loginboxBottomRight { | |
| 73 | + position: absolute; | |
| 74 | + background: url(../graphics/login_corner_bottomright.gif) bottom left no-repeat; | |
| 75 | + bottom: 0; | |
| 76 | + right: 0; | |
| 77 | + width: 40px; | |
| 78 | + height: 40px; | |
| 79 | + } | |
| 80 | + | |
| 81 | + #loginboxLeft { | |
| 82 | + position: absolute; | |
| 83 | + background: url(../graphics/login_border_repeat.png) top left repeat-y; | |
| 84 | + top: 35px; | |
| 85 | + left: 0; | |
| 86 | + width: 3px; | |
| 87 | + height: 405px; | |
| 88 | + } | |
| 89 | + | |
| 90 | + #loginboxRight { | |
| 91 | + position: absolute; | |
| 92 | + background: url(../graphics/login_border_right.png) top right repeat-y; | |
| 93 | + top: 35px; | |
| 94 | + right: 0; | |
| 95 | + width: 3px; | |
| 96 | + height: 405px; | |
| 97 | + } | |
| 98 | + | |
| 99 | + | |
| 100 | + | |
| 26 | 101 | #loginbox.hasDisclaimer { |
| 27 | 102 | width: 564px; |
| 28 | 103 | } |
| ... | ... | @@ -89,6 +164,10 @@ |
| 89 | 164 | font-size: x-small; |
| 90 | 165 | } |
| 91 | 166 | |
| 167 | +#bottomspacer { | |
| 168 | + height: 50px; | |
| 169 | + | |
| 170 | +} | |
| 92 | 171 | |
| 93 | 172 | /* block level. */ |
| 94 | 173 | .ktError | ... | ... |
resources/graphics/ktbg.png
resources/graphics/ktbg_old.png
0 → 100644
16.3 KB
resources/graphics/login_border_bottom.png
0 → 100644
190 Bytes
resources/graphics/login_border_repeat.png
0 → 100644
179 Bytes
resources/graphics/login_border_right.png
0 → 100644
187 Bytes
resources/graphics/login_corner_bottomleft.gif
0 → 100644
1.01 KB
resources/graphics/login_corner_bottomright.gif
0 → 100644
1.04 KB
resources/graphics/login_corner_topleft.gif
0 → 100644
949 Bytes
resources/graphics/login_corner_topright.gif
0 → 100644
991 Bytes
resources/graphics/menu_divider.gif
0 → 100644
845 Bytes
resources/graphics/menu_divider.png
resources/graphics/portlet_borderright.png
resources/graphics/portlet_borderright_future.png
0 → 100644
188 Bytes
templates/kt3/standard_page.smarty
| ... | ... | @@ -71,7 +71,7 @@ |
| 71 | 71 | {else} |
| 72 | 72 | <li><a href="{$aMenuItem.url}">{$aMenuItem.label}</a></li> |
| 73 | 73 | {/if} |
| 74 | - <li><img src="{$rootUrl}/resources/graphics/menu_divider.png"/></li> | |
| 74 | + <li><div id="menu_divider"></div></li> | |
| 75 | 75 | {/foreach} |
| 76 | 76 | |
| 77 | 77 | <!-- user menu --> |
| ... | ... | @@ -140,16 +140,7 @@ |
| 140 | 140 | <div class="portletTopRepeat"></div> |
| 141 | 141 | <div class="portletTopRight"></div> |
| 142 | 142 | <div class="portletbody"> |
| 143 | - <div class="portletbodyRightTop"></div> | |
| 144 | - <div class="portletbodyRightMiddleTop"></div> | |
| 145 | - <div class="portletbodyRightMiddleBottom"></div> | |
| 146 | - <div class="portletbodyRightQuartTop"></div> | |
| 147 | - <div class="portletbodyRightQuartBottom"></div> | |
| 148 | - <div class="portletbodyRightBottom"></div> | |
| 149 | 143 | {$portlet_output} |
| 150 | - <div class="portletbodyBottom"></div> | |
| 151 | - <div class="portletbodyBottomLeft"></div> | |
| 152 | - <div class="portletbodyBottomRight"></div> | |
| 153 | 144 | </div> |
| 154 | 145 | </div> |
| 155 | 146 | {/if} |
| ... | ... | @@ -187,8 +178,16 @@ |
| 187 | 178 | </div> |
| 188 | 179 | <div id="pageBodyBg"></div> |
| 189 | 180 | <div id="bodyLeftRepeatTop"></div> |
| 181 | + <div id="bodyLeftRepeatQuartTop"></div> | |
| 182 | + <div id="bodyLeftRepeatMiddleTop"></div> | |
| 183 | + <div id="bodyLeftRepeatMiddleBottom"></div> | |
| 184 | + <div id="bodyLeftRepeatQuartBottom"></div> | |
| 190 | 185 | <div id="bodyLeftRepeatBottom"></div> |
| 191 | 186 | <div id="bodyRightRepeatTop"></div> |
| 187 | + <div id="bodyRightRepeatQuartTop"></div> | |
| 188 | + <div id="bodyRightRepeatMiddleTop"></div> | |
| 189 | + <div id="bodyRightRepeatMiddleBottom"></div> | |
| 190 | + <div id="bodyRightRepeatQuartBottom"></div> | |
| 192 | 191 | <div id="bodyRightRepeatBottom"></div> |
| 193 | 192 | <div id="bodyBottomRepeat"></div> |
| 194 | 193 | <div id="bodyBottomRight"></div> | ... | ... |
templates/ktcore/login.smarty
| ... | ... | @@ -46,21 +46,27 @@ |
| 46 | 46 | <input type="submit" value="{i18n}login{/i18n}" /> |
| 47 | 47 | </div> |
| 48 | 48 | </form> |
| 49 | - | |
| 50 | 49 | </div> |
| 51 | - | |
| 52 | 50 | {if ($disclaimer)} |
| 53 | 51 | <div id="disclaimerbox"> |
| 54 | 52 | {$disclaimer} |
| 55 | 53 | </div> |
| 56 | 54 | {/if} |
| 57 | 55 | |
| 58 | - <p class="descriptiveText version"> | |
| 56 | + <span class="descriptiveText version"> | |
| 59 | 57 | {i18n}KnowledgeTree Version{/i18n}<br />{$versionName}<br/> |
| 60 | 58 | {i18n}© 2006 <a href="http://www.knowledgetree.com/">The Jam Warehouse Software (Pty) Ltd.</a> All Rights Reserved{/i18n} |
| 61 | - </p> | |
| 59 | + </span> | |
| 60 | + <div id="bottomspacer"></div> | |
| 62 | 61 | |
| 63 | - | |
| 62 | + <div id="loginboxTopLeft"></div> | |
| 63 | + <div id="loginboxTopMiddle"></div> | |
| 64 | + <div id="loginboxTopRight"></div> | |
| 65 | + <div id="loginboxBottomLeft"></div> | |
| 66 | + <div id="loginboxBottomMiddle"></div> | |
| 67 | + <div id="loginboxBottomRight"></div> | |
| 68 | + <div id="loginboxLeft"></div> | |
| 69 | + <div id="loginboxRight"></div> | |
| 64 | 70 | </div> |
| 65 | 71 | |
| 66 | 72 | ... | ... |