Author: admitriev
Date: 2010-09-09 12:33:34 -0400 (Thu, 09 Sep 2010)
New Revision: 19149
Added:
management/design-4x/TabPanel/new_tabs.html
management/design-4x/TabPanel/new_tabs_bottom.html
management/design-4x/TabPanel/new_tabs_multiline.html
management/design-4x/TabPanel/new_tabs_multiline_bottom.html
management/design-4x/TabPanel/new_tabs_vert.html
Removed:
management/design-4x/TabPanel/tab_bg.gif
management/design-4x/TabPanel/tab_bottom_bg.gif
management/design-4x/TabPanel/tabline_bg.gif
management/design-4x/TabPanel/tabs.html
management/design-4x/TabPanel/tabs_bottom.html
management/design-4x/TabPanel/tabs_div.html
management/design-4x/TabPanel/tabs_div_multiline.html
management/design-4x/TabPanel/tabs_multiline.html
management/design-4x/TabPanel/tabs_multiline_bottom.html
management/design-4x/TabPanel/tabs_table.html
management/design-4x/TabPanel/tabs_table_bottom.html
management/design-4x/TabPanel/tabs_table_multiline.html
management/design-4x/TabPanel/tabs_table_multiline_bottom.html
management/design-4x/TabPanel/tabs_vert.html
Modified:
management/design-4x/TabPanel/rftp_styles.css
Log:
Added: management/design-4x/TabPanel/new_tabs.html
===================================================================
--- management/design-4x/TabPanel/new_tabs.html (rev 0)
+++ management/design-4x/TabPanel/new_tabs.html 2010-09-09 16:33:34 UTC (rev 19149)
@@ -0,0 +1,888 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
+
+<html>
+<head>
+ <title>Untitled</title>
+</head>
+
+<body>
+
+<style>
+*{font-family : verdana}
+.rftp_toptab { cursor : pointer; border : 1px solid #A6A6A6; padding : 0px 0px 3px 0px;
vertical-align : top; background : url(tab_bg.gif) top repeat-x #DAE7F5;}
+.rftp_active_top { cursor : default; border-bottom : 1px solid #C9DBEF; font-weight :
bold; padding : 0px 0px 0px 0px; vertical-align : top; background : url(acttab_bg.gif) top
repeat-x #C9DBEF;}
+.rftp_active2_top { cursor : default; border-bottom : 1px solid #FFFFFF; font-weight :
bold; padding : 0px 0px 0px 0px; vertical-align : top; background : url(acttab2_bg.gif)
top repeat-x #FFFFFF;}
+
+.rftp_toptab_tabline_vis {border : 1px solid #a6a6a6; background :url(tabline_bg.gif) top
repeat-x #EEF4FB; border-bottom : 0px; padding-top : 2px; overflow : hidden; white-space
: nowrap; position : relative;}
+.rftp_toptab_tabline_dis {border-bottom : 0px; padding-top : 2px; overflow : hidden;
white-space : nowrap; position : relative;}
+
+.rftp_toptab_tabs {border-collapse : collapse; border : 0px; height : 100%;}
+.rftp_toptab_spacer {border-bottom : 1px solid #A6A6A6;}
+.rftp_horizonttab_tabspacer_width {padding-left : 1px;}
+
+.rftp_icon {margin : 4px 0px 0px 5px; vertical-align : top;}
+.rftp_close {margin : 4px 5px 0px 10px; vertical-align : top;}
+.rftp_label {display : inline-block; font-family : verdana; font-size : 11px; padding :
5px 0px 2px 0px;}
+
+.rftp_toptab_scroll_left {background : url(acttab_bg.gif) top repeat-x #C9DBEF; position
: absolute; top : 1px; left : 1px; width : 15px; height : 250px; border : 1px solid
#a6a6a6; font-weight : bold; text-align : center; font-family : verdana; font-size : 11px;
padding-top : 6px;}
+.rftp_toptab_scroll_right {background : url(acttab_bg.gif) top repeat-x #C9DBEF;
position : absolute; top : 1px; right : 17px; width : 15px; height : 250px; border : 1px
solid #a6a6a6; font-weight : bold; text-align : center; font-family : verdana; font-size :
11px; padding-top : 6px;}
+.rftp_toptab_tabslist {background : url(acttab_bg.gif) top repeat-x #C9DBEF; position :
absolute; top : 1px; right : 1px; width : 15px; height : 250px; border : 1px solid
#a6a6a6; font-weight : bold; text-align : center; font-family : verdana; font-size : 14px;
padding-top : 2px;}
+
+.rftp_toptab_border {border : 1px solid #A6A6A6; border-top : 0px; height : 2px;
background : #C9DBEF;}
+.rftp_toptab_content {border : 1px solid #A6A6A6; border-top : 0px; font-family :
verdana; font-size : 11px; padding : 10px; background : #ffffff;}
+.rftp_hidden {display : none}
+</style>
+
+One layout - different styles
+
+<h1>Variant 1</h1>
+
+
+
+<div style="width : 100%;">
+ <div class="rftp_toptab_tabline_vis">
+ <table class="rftp_toptab_tabs">
+ <tr>
+ <td class="rftp_toptab_spacer " style="padding-left :
5px;">
+ <br>
+ </td>
+
+ <td class="rftp_toptab rftp_active_top">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 1
+ </span>
+ <img src="close_act.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_toptab">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 2
+ </span>
+ <img src="close_act.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_toptab_spacer" style="padding-right : 5px; width :
100%;">
+ <br>
+ </td>
+ </tr>
+ </table>
+
+ <div class="rftp_toptab_scroll_left rftp_hidden">
+ «
+ </div>
+
+ <div class="rftp_toptab_tabslist rftp_hidden">
+ ↓
+ </div>
+
+ <div class="rftp_toptab_scroll_right rftp_hidden">
+ »
+ </div>
+
+ </div>
+
+
+ <div class="rftp_toptab_border">
+ </div>
+
+ <div class="rftp_toptab_content">
+ Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here.
+ </div>
+
+</div>
+
+
+<br><br>
+
+
+<div style="width : 100%;">
+ <div class="rftp_toptab_tabline_vis">
+ <table class="rftp_toptab_tabs">
+ <tr>
+ <td class="rftp_toptab_spacer" style="padding-left :
15px;">
+ <br>
+ </td>
+
+ <td class="rftp_toptab rftp_active_top">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 1
+ </span>
+ <img src="close_act.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_toptab">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 1
+ </span>
+ <img src="close_act.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_toptab_spacer" style="padding-right : 15px; width :
100%;">
+ <br>
+ </td>
+ </tr>
+ </table>
+
+ <div class="rftp_toptab_scroll_left">
+ «
+ </div>
+
+ <div class="rftp_toptab_tabslist">
+ ↓
+ </div>
+
+ <div class="rftp_toptab_scroll_right">
+ »
+ </div>
+
+ </div>
+
+
+ <div class="rftp_toptab_border">
+ </div>
+
+ <div class="rftp_toptab_content">
+ Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here.
+ </div>
+
+</div>
+
+<br><br>
+
+
+<div style="width : 100%;">
+ <div class="rftp_toptab_tabline_vis">
+ <table class="rftp_toptab_tabs">
+ <tr>
+ <td class="rftp_toptab_spacer" style="padding-left : 15px; width :
50%;">
+ <br>
+ </td>
+
+ <td class="rftp_toptab rftp_active_top">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 1
+ </span>
+ <img src="close_act.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_toptab">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 1
+ </span>
+ <img src="close_act.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_toptab_spacer" style="padding-right : 30px; width :
50%;">
+ <br>
+ </td>
+ </tr>
+ </table>
+
+ <div class="rftp_toptab_scroll_left">
+ «
+ </div>
+
+ <div class="rftp_toptab_tabslist">
+ ↓
+ </div>
+
+ <div class="rftp_toptab_scroll_right">
+ »
+ </div>
+
+ </div>
+
+
+ <div class="rftp_toptab_border">
+ </div>
+
+ <div class="rftp_toptab_content">
+ Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here.
+ </div>
+
+</div>
+
+<br><br>
+
+
+<div style="width : 100%;">
+ <div class="rftp_toptab_tabline_vis">
+ <table class="rftp_toptab_tabs">
+ <tr>
+ <td class="rftp_toptab_spacer" style="padding-left : 15px; width :
100%;">
+ <br>
+ </td>
+
+ <td class="rftp_toptab rftp_active_top">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 1
+ </span>
+ <img src="close_act.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_toptab">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 1
+ </span>
+ <img src="close_act.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_toptab_spacer" style="padding-right :
30px;">
+ <br>
+ </td>
+ </tr>
+ </table>
+
+ <div class="rftp_toptab_scroll_left">
+ «
+ </div>
+
+ <div class="rftp_toptab_tabslist">
+ ↓
+ </div>
+
+ <div class="rftp_toptab_scroll_right">
+ »
+ </div>
+
+ </div>
+
+
+ <div class="rftp_toptab_border">
+ </div>
+
+ <div class="rftp_toptab_content">
+ Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here.
+ </div>
+
+</div>
+
+<br><br><br>
+
+
+
+<h1>Variant 2</h1>
+
+
+
+<div style="width : 100%;">
+ <div class="rftp_toptab_tabline_dis">
+ <table class="rftp_toptab_tabs">
+ <tr>
+ <td class="rftp_toptab_spacer" style="padding-left :
5px;">
+ <br>
+ </td>
+
+ <td class="rftp_toptab rftp_active_top">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 1
+ </span>
+ <img src="close_act.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_toptab">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 1
+ </span>
+ <img src="close_act.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_toptab_spacer" style="padding-right : 5px; width :
100%;">
+ <br>
+ </td>
+ </tr>
+ </table>
+
+ <div class="rftp_toptab_scroll_left rftp_hidden">
+ «
+ </div>
+
+ <div class="rftp_toptab_tabslist rftp_hidden">
+ ↓
+ </div>
+
+ <div class="rftp_toptab_scroll_right rftp_hidden">
+ »
+ </div>
+
+ </div>
+
+
+ <div class="rftp_toptab_border">
+ </div>
+
+ <div class="rftp_toptab_content">
+ Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here.
+ </div>
+
+</div>
+
+
+<br><br>
+
+
+<div style="width : 100%;">
+ <div class="rftp_toptab_tabline_dis">
+ <table class="rftp_toptab_tabs">
+ <tr>
+ <td class="rftp_toptab_spacer" style="padding-left :
15px;">
+ <br>
+ </td>
+
+ <td class="rftp_toptab rftp_active_top">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 1
+ </span>
+ <img src="close_act.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_toptab">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 1
+ </span>
+ <img src="close_act.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_toptab_spacer" style="padding-right : 30px; width :
100%;">
+ <br>
+ </td>
+ </tr>
+ </table>
+
+ <div class="rftp_toptab_scroll_left">
+ «
+ </div>
+
+ <div class="rftp_toptab_tabslist">
+ ↓
+ </div>
+
+ <div class="rftp_toptab_scroll_right">
+ »
+ </div>
+
+ </div>
+
+
+ <div class="rftp_toptab_border">
+ </div>
+
+ <div class="rftp_toptab_content">
+ Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here.
+ </div>
+
+</div>
+
+<br><br>
+
+
+<div style="width : 100%;">
+ <div class="rftp_toptab_tabline_dis">
+ <table class="rftp_toptab_tabs">
+ <tr>
+ <td class="rftp_toptab_spacer" style="padding-left : 15px; width :
50%;">
+ <br>
+ </td>
+
+ <td class="rftp_toptab rftp_active_top">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 1
+ </span>
+ <img src="close_act.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_toptab">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 1
+ </span>
+ <img src="close_act.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_toptab_spacer" style="padding-right : 30px; width :
50%;">
+ <br>
+ </td>
+ </tr>
+ </table>
+
+ <div class="rftp_toptab_scroll_left">
+ «
+ </div>
+
+ <div class="rftp_toptab_tabslist">
+ ↓
+ </div>
+
+ <div class="rftp_toptab_scroll_right">
+ »
+ </div>
+
+ </div>
+
+
+ <div class="rftp_toptab_border">
+ </div>
+
+ <div class="rftp_toptab_content">
+ Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here.
+ </div>
+
+</div>
+
+<br><br>
+
+
+<div style="width : 100%;">
+ <div class="rftp_toptab_tabline_dis">
+ <table class="rftp_toptab_tabs">
+ <tr>
+ <td class="rftp_toptab_spacer" style="padding-left : 15px; width :
100%;">
+ <br>
+ </td>
+
+ <td class="rftp_toptab rftp_active_top">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 1
+ </span>
+ <img src="close_act.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_toptab">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 1
+ </span>
+ <img src="close_act.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_toptab_spacer" style="padding-right :
30px;">
+ <br>
+ </td>
+ </tr>
+ </table>
+
+ <div class="rftp_toptab_scroll_left">
+ «
+ </div>
+
+ <div class="rftp_toptab_tabslist">
+ ↓
+ </div>
+
+ <div class="rftp_toptab_scroll_right">
+ »
+ </div>
+
+ </div>
+
+
+ <div class="rftp_toptab_border">
+ </div>
+
+ <div class="rftp_toptab_content">
+ Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here.
+ </div>
+
+</div>
+
+<br><br><br>
+
+
+
+<h1>Variant 3</h1>
+
+<div style="width : 100%;">
+ <div class="rftp_toptab_tabline_dis">
+ <table class="rftp_toptab_tabs">
+ <tr>
+ <td class="rftp_toptab_spacer" style="padding-left :
5px;">
+ <br>
+ </td>
+
+ <td class="rftp_toptab rftp_active2_top">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 1
+ </span>
+ <img src="close_act.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_toptab">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 1
+ </span>
+ <img src="close_act.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_toptab_spacer" style="padding-right : 5px; width :
100%;">
+ <br>
+ </td>
+ </tr>
+ </table>
+
+ <div class="rftp_toptab_scroll_left rftp_hidden">
+ «
+ </div>
+
+ <div class="rftp_toptab_tabslist rftp_hidden">
+ ↓
+ </div>
+
+ <div class="rftp_toptab_scroll_right rftp_hidden">
+ »
+ </div>
+
+ </div>
+
+
+ <div class="rftp_toptab_border rftp_hidden">
+ </div>
+
+ <div class="rftp_toptab_content">
+ Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here.
+ </div>
+
+</div>
+
+
+<br>
+
+
+<div style="width : 100%;">
+ <div class="rftp_toptab_tabline_dis">
+ <table class="rftp_toptab_tabs">
+ <tr>
+ <td class="rftp_toptab_spacer" style="padding-left :
15px;">
+ <br>
+ </td>
+
+ <td class="rftp_toptab rftp_active2_top">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 1
+ </span>
+ <img src="close_act.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_toptab">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 1
+ </span>
+ <img src="close_act.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_toptab_spacer" style="padding-right : 30px; width :
100%;">
+ <br>
+ </td>
+ </tr>
+ </table>
+
+ <div class="rftp_toptab_scroll_left">
+ «
+ </div>
+
+ <div class="rftp_toptab_tabslist">
+ ↓
+ </div>
+
+ <div class="rftp_toptab_scroll_right">
+ »
+ </div>
+
+ </div>
+
+
+ <div class="rftp_toptab_border rftp_hidden">
+ </div>
+
+ <div class="rftp_toptab_content">
+ Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here.
+ </div>
+
+</div>
+
+
+<br>
+
+
+<div style="width : 100%;">
+ <div class="rftp_toptab_tabline_dis">
+ <table class="rftp_toptab_tabs">
+ <tr>
+ <td class="rftp_toptab_spacer" style="padding-left : 15px; width :
50%;">
+ <br>
+ </td>
+
+ <td class="rftp_toptab rftp_active2_top">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 1
+ </span>
+ <img src="close_act.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_toptab">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 1
+ </span>
+ <img src="close_act.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_toptab_spacer" style="padding-right : 30px; width :
50%;">
+ <br>
+ </td>
+ </tr>
+ </table>
+
+ <div class="rftp_toptab_scroll_left">
+ «
+ </div>
+
+ <div class="rftp_toptab_tabslist">
+ ↓
+ </div>
+
+ <div class="rftp_toptab_scroll_right">
+ »
+ </div>
+
+ </div>
+
+
+ <div class="rftp_toptab_border rftp_hidden">
+ </div>
+
+ <div class="rftp_toptab_content">
+ Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here.
+ </div>
+
+</div>
+
+
+<br>
+
+
+<div style="width : 100%;">
+ <div class="rftp_toptab_tabline_dis">
+ <table class="rftp_toptab_tabs">
+ <tr>
+ <td class="rftp_toptab_spacer" style="padding-left : 15px; width :
100%;">
+ <br>
+ </td>
+
+ <td class="rftp_toptab rftp_active2_top">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 1
+ </span>
+ <img src="close_act.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_toptab">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 1
+ </span>
+ <img src="close_act.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_toptab_spacer" style="padding-right :
30px;">
+ <br>
+ </td>
+ </tr>
+ </table>
+
+ <div class="rftp_toptab_scroll_left">
+ «
+ </div>
+
+ <div class="rftp_toptab_tabslist">
+ ↓
+ </div>
+
+ <div class="rftp_toptab_scroll_right">
+ »
+ </div>
+
+ </div>
+
+
+ <div class="rftp_toptab_border rftp_hidden">
+ </div>
+
+ <div class="rftp_toptab_content">
+ Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here.
+ </div>
+
+</div>
+
+
+<br><br>
+
+
+<br><br><br>
+
+
+</body>
+</html>
Added: management/design-4x/TabPanel/new_tabs_bottom.html
===================================================================
--- management/design-4x/TabPanel/new_tabs_bottom.html (rev 0)
+++ management/design-4x/TabPanel/new_tabs_bottom.html 2010-09-09 16:33:34 UTC (rev
19149)
@@ -0,0 +1,475 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
+
+<html>
+<head>
+ <title>Untitled</title>
+</head>
+
+<body>
+
+<style>
+*{font-family : verdana}
+.rftp_bottomtab { cursor : pointer; border : 1px solid #A6A6A6; padding : 3px 0px 3px
0px; vertical-align : bottom; background : url(tab_bg.gif) top repeat-x #DAE7F5;}
+.rftp_active_bottom { cursor : default; border-top : 0px; font-weight : bold; padding :
3px 0px 3px 0px; vertical-align : top; background : url(acttab_bottom_bg.gif) bottom
repeat-x #C9DBEF;}
+.rftp_active2_bottom { cursor : default; border-top : 0px; font-weight : bold; padding :
3px 0px 3px 0px; vertical-align : top; background : url(acttab2_bottom_bg.gif) bottom
repeat-x #FFFFFF;}
+
+.rftp_bottomtab_tabline_vis {border : 1px solid #a6a6a6; background :url(tabline_bg.gif)
top repeat-x #EEF4FB; border-top : 0px; padding-bottom : 2px; overflow : hidden;
white-space : nowrap; position : relative;}
+.rftp_bottomtab_tabline_dis {border-top : 0px; padding-bottom : 2px; overflow : hidden;
white-space : nowrap; position : relative;}
+.rftp_bottomtab_tabs {border-collapse : collapse; border : 0px; height : 100%;}
+.rftp_bottomtab_spacer {border-top : 1px solid #A6A6A6;}
+.rftp_horizonttab_tabspacer_width {padding-left : 1px;}
+
+.rftp_icon {margin : 2px 0px 0px 5px; vertical-align : top;}
+.rftp_close {margin : 2px 5px 0px 10px; vertical-align : top;}
+.rftp_label {display : inline-block; font-family : verdana; font-size : 11px; padding :
3px 0px 2px 0px;}
+
+.rftp_bottomtab_scroll_left {background : url(acttab_bottom_bg.gif) bottom repeat-x
#C9DBEF; position : absolute; bottom : 1px; left : 1px; width : 15px; height : 25px;
border : 1px solid #a6a6a6; font-weight : bold; text-align : center; font-family :
verdana; font-size : 11px; padding-top : 6px;}
+.rftp_bottomtab_scroll_right {background : url(acttab_bottom_bg.gif) bottom repeat-x
#C9DBEF; position : absolute; bottom : 1px; right : 17px; width : 15px; height : 25px;
border : 1px solid #a6a6a6; font-weight : bold; text-align : center; font-family :
verdana; font-size : 11px; padding-top : 6px;}
+.rftp_bottomtab_tabslist {background : url(acttab_bottom_bg.gif) bottom repeat-x
#C9DBEF; position : absolute; bottom : 1px; right : 1px; width : 15px; height : 25px;
border : 1px solid #a6a6a6; font-weight : bold; text-align : center; font-family :
verdana; font-size : 14px; padding-top : 2px;}
+
+.rftp_bottomtab_border {border : 1px solid #A6A6A6; border-bottom : 0px; height : 2px;
background : #C9DBEF;}
+.rftp_bottomtab_content {border : 1px solid #A6A6A6; border-bottom : 0px; font-family :
verdana; font-size : 11px; padding : 10px; background : #ffffff;}
+.rftp_hidden {display : none}
+</style>
+
+One layout - different styles
+
+<h1>Variant 1</h1>
+
+
+
+<div style="width : 100%;">
+
+ <div class="rftp_bottomtab_content">
+ Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here.
+ </div>
+
+ <div class="rftp_bottomtab_border">
+ </div>
+
+ <div class="rftp_bottomtab_tabline_vis">
+ <table class="rftp_bottomtab_tabs">
+ <tr>
+ <td class="rftp_bottomtab_spacer " style="padding-left :
5px;">
+ <br>
+ </td>
+
+ <td class="rftp_bottomtab rftp_active_bottom">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 1
+ </span>
+ <img src="close_act.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_bottomtab_spacer rftp_horizonttab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_bottomtab">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 2
+ </span>
+ <img src="close.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_bottomtab_spacer rftp_horizonttab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_bottomtab_spacer" style="padding-right : 5px; width
: 100%;">
+ </td>
+ </tr>
+ </table>
+
+ <div class="rftp_bottomtab_scroll_left rftp_hidden">
+ «
+ </div>
+
+ <div class="rftp_bottomtab_tabslist rftp_hidden">
+ ↓
+ </div>
+
+ <div class="rftp_bottomtab_scroll_right rftp_hidden">
+ »
+ </div>
+
+ </div>
+
+
+
+</div>
+
+
+<br><br>
+
+
+<div style="width : 100%;">
+
+ <div class="rftp_bottomtab_content">
+ Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here.
+ </div>
+
+ <div class="rftp_bottomtab_border">
+ </div>
+
+ <div class="rftp_bottomtab_tabline_vis">
+ <table class="rftp_bottomtab_tabs">
+ <tr>
+ <td class="rftp_bottomtab_spacer " style="padding-left :
15px;">
+ </td>
+
+ <td class="rftp_bottomtab rftp_active_bottom">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 1
+ </span>
+ <img src="close_act.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_bottomtab_spacer rftp_horizonttab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_bottomtab">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 2
+ </span>
+ <img src="close.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_bottomtab_spacer rftp_horizonttab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_bottomtab_spacer" style="padding-right : 15px;
width : 100%;">
+ <br>
+ </td>
+ </tr>
+ </table>
+
+ <div class="rftp_bottomtab_scroll_left">
+ «
+ </div>
+
+ <div class="rftp_bottomtab_tabslist">
+ ↓
+ </div>
+
+ <div class="rftp_bottomtab_scroll_right">
+ »
+ </div>
+
+ </div>
+
+</div>
+
+
+<br><br><br>
+
+
+
+<h1>Variant 2</h1>
+
+
+
+<div style="width : 100%;">
+
+ <div class="rftp_bottomtab_content">
+ Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here.
+ </div>
+
+ <div class="rftp_bottomtab_border">
+ </div>
+
+ <div class="rftp_bottomtab_tabline_dis">
+ <table class="rftp_bottomtab_tabs">
+ <tr>
+ <td class="rftp_bottomtab_spacer " style="padding-left :
5px;">
+ <br>
+ </td>
+
+ <td class="rftp_bottomtab rftp_active_bottom">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 1
+ </span>
+ <img src="close_act.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_bottomtab_spacer rftp_horizonttab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_bottomtab">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 2
+ </span>
+ <img src="close.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_bottomtab_spacer rftp_horizonttab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_bottomtab_spacer" style="padding-right : 5px; width
: 100%;">
+ <br>
+ </td>
+ </tr>
+ </table>
+
+ <div class="rftp_bottomtab_scroll_left rftp_hidden">
+ «
+ </div>
+
+ <div class="rftp_bottomtab_tabslist rftp_hidden">
+ ↓
+ </div>
+
+ <div class="rftp_bottomtab_scroll_right rftp_hidden">
+ »
+ </div>
+
+ </div>
+
+
+</div>
+
+
+<br><br>
+
+
+<div style="width : 100%;">
+
+ <div class="rftp_bottomtab_content">
+ Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here.
+ </div>
+
+ <div class="rftp_bottomtab_border">
+ </div>
+
+ <div class="rftp_bottomtab_tabline_dis">
+ <table class="rftp_bottomtab_tabs">
+ <tr style="display : table-row;">
+ <td class="rftp_bottomtab_spacer " style="padding-left :
15px;">
+ <br>
+ </td>
+
+ <td class="rftp_bottomtab rftp_active_bottom">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 1
+ </span>
+ <img src="close_act.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_bottomtab_spacer rftp_horizonttab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_bottomtab">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 2
+ </span>
+ <img src="close.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_bottomtab_spacer rftp_horizonttab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_bottomtab_spacer" style="padding-right : 15px;
width : 100%;">
+ <br>
+ </td>
+ </tr>
+ </table>
+
+ <div class="rftp_bottomtab_scroll_left">
+ «
+ </div>
+
+ <div class="rftp_bottomtab_tabslist">
+ ↓
+ </div>
+
+ <div class="rftp_bottomtab_scroll_right">
+ »
+ </div>
+
+ </div>
+
+
+</div>
+
+<br><br><br>
+
+
+
+<h1>Variant 3</h1>
+
+<div style="width : 100%;">
+
+ <div class="rftp_bottomtab_content">
+ Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here.
+ </div>
+
+ <div class="rftp_bottomtab_border rftp_hidden">
+ </div>
+
+ <div class="rftp_bottomtab_tabline_dis">
+ <table class="rftp_bottomtab_tabs">
+ <tr>
+ <td class="rftp_bottomtab_spacer " style="padding-left :
5px;">
+ <br>
+ </td>
+
+ <td class="rftp_bottomtab rftp_active2_bottom">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 1
+ </span>
+ <img src="close_act.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_bottomtab_spacer rftp_horizonttab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_bottomtab">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 2
+ </span>
+ <img src="close.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_bottomtab_spacer rftp_horizonttab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_bottomtab_spacer" style="padding-right : 15px;
width : 100%;">
+ <br>
+ </td>
+ </tr>
+ </table>
+
+ <div class="rftp_bottomtab_scroll_left rftp_hidden">
+ «
+ </div>
+
+ <div class="rftp_bottomtab_tabslist rftp_hidden">
+ ↓
+ </div>
+
+ <div class="rftp_bottomtab_scroll_right rftp_hidden">
+ »
+ </div>
+
+ </div>
+
+
+</div>
+
+
+<br>
+
+
+<div style="width : 100%;">
+
+ <div class="rftp_bottomtab_content">
+ Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here.
+ </div>
+
+ <div class="rftp_bottomtab_border rftp_hidden">
+ </div>
+
+ <div class="rftp_bottomtab_tabline_dis">
+ <table class="rftp_bottomtab_tabs">
+ <tr>
+ <td class="rftp_bottomtab_spacer " style="padding-left :
5px;">
+ <br>
+ </td>
+
+ <td class="rftp_bottomtab rftp_active2_bottom">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 1
+ </span>
+ <img src="close_act.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_bottomtab_spacer rftp_horizonttab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_bottomtab">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 2
+ </span>
+ <img src="close.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_bottomtab_spacer rftp_horizonttab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_bottomtab_spacer" style="padding-right : 15px;
width : 100%;">
+ <br>
+ </td>
+ </tr>
+ </table>
+
+ <div class="rftp_bottomtab_scroll_left">
+ «
+ </div>
+
+ <div class="rftp_bottomtab_tabslist">
+ ↓
+ </div>
+
+ <div class="rftp_bottomtab_scroll_right">
+ »
+ </div>
+
+ </div>
+
+</div>
+
+
+<br>
+
+
+<br><br><br>
+
+
+</body>
+</html>
Added: management/design-4x/TabPanel/new_tabs_multiline.html
===================================================================
--- management/design-4x/TabPanel/new_tabs_multiline.html (rev 0)
+++ management/design-4x/TabPanel/new_tabs_multiline.html 2010-09-09 16:33:34 UTC (rev
19149)
@@ -0,0 +1,533 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
+
+<html>
+<head>
+ <title>Untitled</title>
+</head>
+
+<body>
+
+<style>
+*{font-family : verdana}
+.rftp_multitab { cursor : pointer; border : 1px solid #A6A6A6; padding : 0px 0px 3px 0px;
vertical-align : top; background : url(tab_bg.gif) top repeat-x #DAE7F5;}
+
+.rftp_multitab_bottomline {border-top : 0px;}
+
+.rftp_active_multi { cursor : default; border-bottom : 1px solid #C9DBEF; font-weight :
bold; padding : 0px 0px 0px 0px; vertical-align : top; background : url(acttab_bg.gif) top
repeat-x #C9DBEF;}
+.rftp_active2_multi { cursor : default; border-bottom : 1px solid #FFFFFF; padding :
0px 0px 0px 0px; vertical-align : top; background : url(acttab2_bg.gif) top repeat-x
#FFFFFF;}
+
+.rftp_multitab_tabline_vis {border : 1px solid #a6a6a6; background :url(tabline_bg.gif)
top repeat-x #EEF4FB; border-bottom : 0px; padding-top : 2px; white-space : nowrap;
position : relative;}
+.rftp_multitab_tabline_dis {border-bottom : 0px; padding-top : 0px; white-space : nowrap;
position : relative;}
+.rftp_multitab_tabs {border-collapse : collapse; border : 0px; width : 100%; height :
100%;}
+.rftp_multitab_spacer {border-bottom : 1px solid #A6A6A6;}
+.rftp_multitab_spacer_dis{border-bottom : 0px;}
+.rftp_multitab_tabspacer_width {padding-left : 1px;}
+
+.rftp_icon {margin : 6px 0px 0px 5px; vertical-align : top; float : left;}
+.rftp_close {margin : 4px 5px 0px 10px; vertical-align : top; float : right;}
+.rftp_label {display : inline-block; font-family : verdana; font-size : 11px; padding :
7px 0px 4px 5px; float : left;}
+
+.rftp_multitab_border {border : 1px solid #A6A6A6; border-top : 0px; height : 2px;
background : #C9DBEF;}
+.rftp_multitab_content {border : 1px solid #A6A6A6; border-top : 0px; font-family :
verdana; font-size : 11px; padding : 10px; background : #ffffff;}
+.rftp_hidden {display : none}
+</style>
+
+One layout - different styles
+
+<br><br>
+
+<div style="width : 100%;">
+ <div class="rftp_multitab_tabline_vis">
+
+ <table class="rftp_multitab_tabs">
+ <tr>
+ <td class="rftp_multitab_spacer" style="padding-left :
2px;">
+ <br>
+ </td>
+
+ <td class="rftp_multitab" style="width : 20%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 5
+ </span>
+ <img src="close.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_multitab" style="width : 20%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 6
+ </span>
+ <img src="close.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
+ <br>
+ </td>
+ <td class="rftp_multitab" style="width : 20%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 7
+ </span>
+ <img src="close.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
+ <br>
+ </td>
+ <td class="rftp_multitab" style="width : 20%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 8
+ </span>
+ <img src="close.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
+ <br>
+ </td>
+ <td class="rftp_multitab" style="width : 20%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 9
+ </span>
+ <img src="close.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
+ <br>
+ </td>
+
+ </tr>
+ </table>
+
+
+ <table class="rftp_multitab_tabs">
+ <tr>
+ <td class="rftp_multitab_spacer " style="padding-left :
2px;">
+ <br>
+ </td>
+
+ <td class="rftp_multitab rftp_active_multi rftp_multitab_bottomline"
style="width : 25%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 1
+ </span>
+ <img src="close_act.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_multitab rftp_multitab_bottomline" style="width :
25%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 2
+ </span>
+ <img src="close.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
+ <br>
+ </td>
+ <td class="rftp_multitab rftp_multitab_bottomline" style="width :
25%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 3
+ </span>
+ <img src="close.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
+ <br>
+ </td>
+ <td class="rftp_multitab rftp_multitab_bottomline" style="width :
25%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 4
+ </span>
+ <img src="close.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
+ <br>
+ </td>
+
+ </tr>
+ </table>
+
+
+
+ </div>
+
+
+ <div class="rftp_multitab_border">
+ </div>
+
+ <div class="rftp_multitab_content">
+ Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here.
+ </div>
+
+</div>
+
+
+<br><br>
+
+<div style="width : 100%;">
+ <div class="rftp_multitab_tabline_dis">
+
+ <table class="rftp_multitab_tabs">
+ <tr>
+
+ <td class="rftp_multitab_spacer rftp_multitab_spacer_dis"
style="padding-left : 2px;">
+ <br>
+ </td>
+
+ <td class="rftp_multitab" style="width : 20%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <div class="rftp_label">
+ Tab name 5
+ </div>
+ <img src="close.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_multitab" style="width : 20%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <div class="rftp_label">
+ Tab name 6
+ </div>
+ <img src="close.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_multitab" style="width : 20%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <div class="rftp_label">
+ Tab name 7
+ </div>
+ <img src="close.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
+ <br>
+ </td>
+ <td class="rftp_multitab" style="width : 20%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <div class="rftp_label">
+ Tab name 8
+ </div>
+ <img src="close.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
+ <br>
+ </td>
+ <td class="rftp_multitab" style="width : 20%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <div class="rftp_label">
+ Tab name 9
+ </div>
+ <img src="close.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multitab_spacer rftp_multitab_tabspacer_width
rftp_multitab_spacer_dis">
+ </td>
+
+ </tr>
+ </table>
+
+
+ <table class="rftp_multitab_tabs">
+ <tr style="display : table-row;">
+ <td class="rftp_multitab_spacer " style="padding-left :
2px;">
+ <br>
+ </td>
+
+ <td class="rftp_multitab rftp_active_multi rftp_multitab_bottomline"
style="width : 25%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <div class="rftp_label">
+ Tab name 1
+ </div>
+ <img src="close.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_multitab rftp_multitab_bottomline" style="width :
25%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <div class="rftp_label">
+ Tab name 2
+ </div>
+ <img src="close.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
+ <br>
+ </td>
+ <td class="rftp_multitab rftp_multitab_bottomline" style="width :
25%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <div class="rftp_label">
+ Tab name 3
+ </div>
+ <img src="close.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
+ <br>
+ </td>
+ <td class="rftp_multitab rftp_multitab_bottomline" style="width :
25%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <div class="rftp_label">
+ Tab name 4
+ </div>
+ <img src="close.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
+ <br>
+ </td>
+
+ </tr>
+ </table>
+
+
+
+ </div>
+
+
+ <div class="rftp_multitab_border">
+ <br>
+ </div>
+
+ <div class="rftp_multitab_content">
+ Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here.
+ </div>
+
+</div>
+
+
+<br><br>
+
+
+
+<div style="width : 100%;">
+ <div class="rftp_multitab_tabline_dis">
+
+ <table class="rftp_multitab_tabs">
+ <tr style="display : table-row;">
+
+ <td class="rftp_multitab_spacer rftp_multitab_spacer_dis"
style="padding-left : 2px;">
+ <br>
+ </td>
+
+ <td class="rftp_multitab" style="width : 20%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <div class="rftp_label">
+ Tab name 5
+ </div>
+ <img src="close.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_multitab" style="width : 20%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <div class="rftp_label">
+ Tab name 6
+ </div>
+ <img src="close.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
+ <br>
+ </td>
+ <td class="rftp_multitab" style="width : 20%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <div class="rftp_label">
+ Tab name 7
+ </div>
+ <img src="close.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
+ <br>
+ </td>
+ <td class="rftp_multitab" style="width : 20%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <div class="rftp_label">
+ Tab name 8
+ </div>
+ <img src="close.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
+ <br>
+ </td>
+ <td class="rftp_multitab" style="width : 20%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <div class="rftp_label">
+ Tab name 9
+ </div>
+ <img src="close.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multitab_spacer rftp_multitab_tabspacer_width
rftp_multitab_spacer_dis">
+ <br>
+ </td>
+
+ </tr>
+ </table>
+
+
+ <table class="rftp_multitab_tabs">
+ <tr>
+ <td class="rftp_multitab_spacer " style="padding-left :
2px;">
+ <br>
+ </td>
+
+ <td class="rftp_multitab rftp_active2_multi rftp_multitab_bottomline"
style="width : 25%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <div class="rftp_label">
+ Tab name 1
+ </div>
+ <img src="close_act.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_multitab rftp_multitab_bottomline" style="width :
25%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <div class="rftp_label">
+ Tab name 2
+ </div>
+ <img src="close.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
+ <br>
+ </td>
+ <td class="rftp_multitab rftp_multitab_bottomline" style="width :
25%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <div class="rftp_label">
+ Tab name 3
+ </div>
+ <img src="close.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
+ <br>
+ </td>
+ <td class="rftp_multitab rftp_multitab_bottomline" style="width :
25%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <div class="rftp_label">
+ Tab name 4
+ </div>
+ <img src="close.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
+ <br>
+ </td>
+
+ </tr>
+ </table>
+
+
+
+ </div>
+
+
+ <div class="rftp_multitab_border rftp_hidden">
+ </div>
+
+ <div class="rftp_multitab_content">
+ Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here.
+ </div>
+
+</div>
+
+
+<br><br>
+
+
+
+
+
+
+
+
+
+</body>
+</html>
Added: management/design-4x/TabPanel/new_tabs_multiline_bottom.html
===================================================================
--- management/design-4x/TabPanel/new_tabs_multiline_bottom.html
(rev 0)
+++ management/design-4x/TabPanel/new_tabs_multiline_bottom.html 2010-09-09 16:33:34 UTC
(rev 19149)
@@ -0,0 +1,542 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
+
+<html>
+<head>
+ <title>Untitled</title>
+</head>
+
+<body>
+
+<style>
+*{font-family : verdana}
+.rftp_multi_bottab { cursor : pointer; border : 1px solid #A6A6A6; padding : 3px 0px 3px
0px; vertical-align : middle; background : url(tab_bg.gif) top repeat-x #DAE7F5;}
+
+.rftp_multi_bottab_topline {border-bottom : 0px;}
+
+.rftp_active_multi_bot { cursor : default; border-top : 0px; font-weight : bold; padding
: 3px 0px 3px 0px; vertical-align : top; background : url(acttab_bottom_bg.gif) bottom
repeat-x #C9DBEF;}
+.rftp_active2_multi_bot { cursor : default; border-top : 0px; font-weight : bold;
padding : 3px 0px 3px 0px; vertical-align : top; background : url(acttab2_bottom_bg.gif)
bottom repeat-x #FFFFFF;}
+
+.rftp_multi_bottab_tabline_vis {border : 1px solid #a6a6a6; background
:url(tabline_bg.gif) top repeat-x #EEF4FB; border-top : 0px; padding-bottom : 2px;
white-space : nowrap; position : relative;}
+.rftp_multi_bottab_tabline_dis {border-top : 0px; padding-bottom : 2px; white-space :
nowrap; position : relative;}
+.rftp_multi_bottab_tabs {border-collapse : collapse;border : 0px; width : 100%; height :
100%;}
+.rftp_multi_bottab_spacer {border-top : 1px solid #A6A6A6;}
+.rftp_multi_bottab_spacer_dis{border-top : 0px;}
+.rftp_multi_bottab_tabspacer_width {padding-left : 1px;}
+
+.rftp_icon {margin : 2px 0px 0px 5px; vertical-align : top; float : left;}
+.rftp_close {margin : 2px 5px 0px 10px; vertical-align : top; float : right;}
+.rftp_label {display : inline-block; font-family : verdana; font-size : 11px; padding :
3px 0px 2px 5px; float : left;}
+
+.rftp_multi_bottab_border {border : 1px solid #A6A6A6; border-bottom : 0px; height : 2px;
background : #C9DBEF;}
+.rftp_multi_bottab_content {border : 1px solid #A6A6A6; border-bottom : 0px; font-family
: verdana; font-size : 11px; padding : 10px; background : #ffffff;}
+.rftp_hidden {display : none}
+</style>
+
+One layout - different styles
+
+<br><br>
+
+<div style="width : 100%;">
+
+ <div class="rftp_multi_bottab_content">
+ Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here.
+ </div>
+
+ <div class="rftp_multi_bottab_border">
+ </div>
+
+ <div class="rftp_multi_bottab_tabline_vis">
+
+
+ <table class="rftp_multi_bottab_tabs">
+ <tr>
+ <td class="rftp_multi_bottab_spacer " style="padding-left :
2px;">
+ <br>
+ </td>
+
+ <td class="rftp_multi_bottab rftp_active_multi_bot
rftp_multi_bottab_topline" style="width : 25%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 1
+ </span>
+ <img src="close_act.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multi_bottab_spacer
rftp_multi_bottab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_multi_bottab rftp_multi_bottab_topline"
style="width : 25%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 2
+ </span>
+ <img src="close.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multi_bottab_spacer
rftp_multi_bottab_tabspacer_width">
+ <br>
+ </td>
+ <td class="rftp_multi_bottab rftp_multi_bottab_topline"
style="width : 25%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 3
+ </span>
+ <img src="close.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multi_bottab_spacer
rftp_multi_bottab_tabspacer_width">
+ <br>
+ </td>
+ <td class="rftp_multi_bottab rftp_multi_bottab_topline"
style="width : 25%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 4
+ </span>
+ <img src="close.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multi_bottab_spacer
rftp_multi_bottab_tabspacer_width">
+ <br>
+ </td>
+
+ </tr>
+ </table>
+
+ <table class="rftp_multi_bottab_tabs">
+ <tr>
+ <td class="rftp_multi_bottab_spacer " style="padding-left :
2px;">
+ <br>
+ </td>
+
+ <td class="rftp_multi_bottab rftp_multi_bottab_bottomline"
style="width : 20%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 5
+ </span>
+ <img src="close.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multi_bottab_spacer
rftp_multi_bottab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_multi_bottab" style="width : 20%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 6
+ </span>
+ <img src="close.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multi_bottab_spacer
rftp_multi_bottab_tabspacer_width">
+ <br>
+ </td>
+ <td class="rftp_multi_bottab" style="width : 20%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 7
+ </span>
+ <img src="close.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multi_bottab_spacer
rftp_multi_bottab_tabspacer_width">
+ <br>
+ </td>
+ <td class="rftp_multi_bottab" style="width : 20%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 8
+ </span>
+ <img src="close.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multi_bottab_spacer
rftp_multi_bottab_tabspacer_width">
+ <br>
+ </td>
+ <td class="rftp_multi_bottab" style="width : 20%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 9
+ </span>
+ <img src="close.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multi_bottab_spacer
rftp_multi_bottab_tabspacer_width">
+ <br>
+ </td>
+
+ </tr>
+ </table>
+
+
+
+ </div>
+
+
+</div>
+
+
+<br><br>
+
+
+
+
+
+
+<div style="width : 100%;">
+
+
+ <div class="rftp_multi_bottab_content">
+ Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here.
+ </div>
+
+ <div class="rftp_multi_bottab_border">
+ </div>
+
+ <div class="rftp_multi_bottab_tabline_dis">
+
+
+ <table class="rftp_multi_bottab_tabs">
+ <tr>
+ <td class="rftp_multi_bottab_spacer " style="padding-left :
2px;">
+ <br>
+ </td>
+
+ <td class="rftp_multi_bottab rftp_active_multi_bot
rftp_multi_bottab_topline" style="width : 25%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 1
+ </span>
+ <img src="close_act.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multi_bottab_spacer
rftp_multi_bottab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_multi_bottab rftp_multi_bottab_topline"
style="width : 25%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 2
+ </span>
+ <img src="close.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multi_bottab_spacer
rftp_multi_bottab_tabspacer_width">
+ <br>
+ </td>
+ <td class="rftp_multi_bottab rftp_multi_bottab_topline"
style="width : 25%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 3
+ </span>
+ <img src="close.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multi_bottab_spacer
rftp_multi_bottab_tabspacer_width">
+ <br>
+ </td>
+ <td class="rftp_multi_bottab rftp_multi_bottab_topline"
style="width : 25%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 4
+ </span>
+ <img src="close.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multi_bottab_spacer rftp_multi_bottab_tabspacer_width
">
+ <br>
+ </td>
+
+ </tr>
+ </table>
+
+ <table class="rftp_multi_bottab_tabs">
+ <tr>
+
+ <td class="rftp_multi_bottab_spacer" style="padding-left :
2px;">
+ <br>
+ </td>
+
+ <td class="rftp_multi_bottab" style="width : 20%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 5
+ </span>
+ <img src="close.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multi_bottab_spacer
rftp_multi_bottab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_multi_bottab" style="width : 20%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 6
+ </span>
+ <img src="close.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multi_bottab_spacer
rftp_multi_bottab_tabspacer_width">
+ <br>
+ </td>
+ <td class="rftp_multi_bottab" style="width : 20%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 7
+ </span>
+ <img src="close.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multi_bottab_spacer
rftp_multi_bottab_tabspacer_width">
+ <br>
+ </td>
+ <td class="rftp_multi_bottab" style="width : 20%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 8
+ </span>
+ <img src="close.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multi_bottab_spacer
rftp_multi_bottab_tabspacer_width">
+ <br>
+ </td>
+ <td class="rftp_multi_bottab" style="width : 20%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 9
+ </span>
+ <img src="close.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multi_bottab_spacer
rftp_multi_bottab_tabspacer_width">
+ <br>
+ </td>
+
+ </tr>
+ </table>
+
+
+
+ </div>
+
+
+
+</div>
+
+
+<br><br>
+
+
+
+<div style="width : 100%;">
+
+ <div class="rftp_multi_bottab_content">
+ Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here.
+ </div>
+
+ <div class="rftp_multi_bottab_border rftp_hidden">
+ </div>
+
+ <div class="rftp_multi_bottab_tabline_dis">
+
+
+ <table class="rftp_multi_bottab_tabs">
+ <tr>
+ <td class="rftp_multi_bottab_spacer " style="padding-left :
2px;">
+ <br>
+ </td>
+
+ <td class="rftp_multi_bottab rftp_active_multi_bot
rftp_multi_bottab_topline" style="width : 25%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 1
+ </span>
+ <img src="close_act.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multi_bottab_spacer
rftp_multi_bottab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_multi_bottab rftp_multi_bottab_topline"
style="width : 25%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 2
+ </span>
+ <img src="close.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multi_bottab_spacer
rftp_multi_bottab_tabspacer_width">
+ <br>
+ </td>
+ <td class="rftp_multi_bottab rftp_multi_bottab_topline"
style="width : 25%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 3
+ </span>
+ <img src="close.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multi_bottab_spacer
rftp_multi_bottab_tabspacer_width">
+ <br>
+ </td>
+ <td class="rftp_multi_bottab rftp_multi_bottab_topline"
style="width : 25%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 4
+ </span>
+ <img src="close.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multi_bottab_spacer
rftp_multi_bottab_tabspacer_width">
+ <br>
+ </td>
+
+ </tr>
+ </table>
+
+ <table class="rftp_multi_bottab_tabs">
+ <tr>
+
+ <td class="rftp_multi_bottab_spacer" style="padding-left :
2px;">
+ <br>
+ </td>
+
+ <td class="rftp_multi_bottab" style="width : 20%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 5
+ </span>
+ <img src="close.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multi_bottab_spacer
rftp_multi_bottab_tabspacer_width">
+ <br>
+ </td>
+
+ <td class="rftp_multi_bottab" style="width : 20%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 6
+ </span>
+ <img src="close.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multi_bottab_spacer
rftp_multi_bottab_tabspacer_width">
+ <br>
+ </td>
+ <td class="rftp_multi_bottab" style="width : 20%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 7
+ </span>
+ <img src="close.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multi_bottab_spacer
rftp_multi_bottab_tabspacer_width">
+ <br>
+ </td>
+ <td class="rftp_multi_bottab" style="width : 20%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 8
+ </span>
+ <img src="close.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multi_bottab_spacer
rftp_multi_bottab_tabspacer_width">
+ <br>
+ </td>
+ <td class="rftp_multi_bottab" style="width : 20%">
+ <div style="white-space : nowrap">
+ <img src="ico.gif" width="16" height="16"
class="rftp_icon">
+ <span class="rftp_label">
+ Tab name 9
+ </span>
+ <img src="close.gif" width="16" height="16"
class="rftp_close">
+ </div>
+ </td>
+
+ <td class="rftp_multi_bottab_spacer
rftp_multi_bottab_tabspacer_width">
+ <br>
+ </td>
+
+ </tr>
+ </table>
+
+
+
+ </div>
+
+
+</div>
+
+
+<br><br>
+
+
+
+
+
+
+
+
+
+</body>
+</html>
Added: management/design-4x/TabPanel/new_tabs_vert.html
===================================================================
--- management/design-4x/TabPanel/new_tabs_vert.html (rev 0)
+++ management/design-4x/TabPanel/new_tabs_vert.html 2010-09-09 16:33:34 UTC (rev 19149)
@@ -0,0 +1,187 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
+
+<html>
+<head>
+ <title>Untitled</title><link rel="STYLESHEET"
type="text/css" href="rftp_styles.css">
+</head>
+
+<body>
+
+
+
+<h1>Vertical tabs</h1>
+
+
+<Table cellpadding="0" cellspacing="0" border="0"
style="height : 200px; width : 800px">
+ <tr>
+ <td valign="top" style="position : relative">
+ <div class="rftp_lefttab rftp_lefttab_active" style=" position :
relative;">
+ <div class="rftp_label_container_vert">
+ <div class="rftp_icon">
+ <img src="ico.gif" width="16" height="16">
+ </div>
+ <div class="rftp_label_vert">
+ Active Tab name 1
+ </div>
+ <div class="rftp_close">
+ <img src="close_act.gif" width="16"
height="16">
+ </div>
+ </div>
+ </div>
+
+ <div class="rftp_verttab_spacer">
+ </div>
+
+ <div class="rftp_lefttab">
+ <div class="rftp_label_container_vert">
+ <div class="rftp_icon">
+ <img src="ico.gif" width="16" height="16">
+ </div>
+ <div class="rftp_label_vert">
+ Active Tab name 1
+ </div>
+ <div class="rftp_close">
+ <img src="close_act.gif" width="16"
height="16">
+ </div>
+ </div>
+ </div>
+
+ <div class="rftp_verttab_spacer">
+ </div>
+
+ <div class="rftp_lefttab">
+ <div class="rftp_label_container_vert">
+ <div class="rftp_icon">
+ <img src="ico.gif" width="16" height="16">
+ </div>
+ <div class="rftp_label_vert">
+ Active Tab name 1
+ </div>
+ <div class="rftp_close">
+ <img src="close_act.gif" width="16"
height="16">
+ </div>
+ </div>
+ </div>
+
+ <div class="rftp_verttab_spacer">
+ </div>
+
+ <div class="rftp_lefttab">
+ <div class="rftp_label_container_vert">
+ <div class="rftp_icon">
+ <img src="ico.gif" width="16" height="16">
+ </div>
+ <div class="rftp_label_vert">
+ Active Tab name 1
+ </div>
+ <div class="rftp_close">
+ <img src="close_act.gif" width="16"
height="16">
+ </div>
+ </div>
+ </div>
+
+ <div class="rftp_verttab_spacer">
+ </div>
+
+
+
+ </td>
+ <td class="rftp_lefttab_border">
+ <br>
+ </td>
+ <td class="rftp_lefttab_content">
+ Content will be here.
+ </td>
+ </tr>
+</table>
+
+
+<br><br><br>
+
+<Table cellpadding="0" cellspacing="0" border="0"
style="height : 200px; width : 800px">
+ <tr>
+ <td class="rftp_righttab_content">
+ Content will be here.
+ </td>
+ <td class="rftp_righttab_border">
+ <br>
+ </td>
+ <td valign="top" style="position : relative">
+ <div class="rftp_righttab rftp_righttab_active" style=" position :
relative;">
+ <div class="rftp_label_container_vert">
+ <div class="rftp_icon">
+ <img src="ico.gif" width="16" height="16">
+ </div>
+ <div class="rftp_label_vert">
+ Active Tab name 1
+ </div>
+ <div class="rftp_close">
+ <img src="close_act.gif" width="16"
height="16">
+ </div>
+ </div>
+ </div>
+
+ <div class="rftp_verttab_spacer">
+ </div>
+
+ <div class="rftp_righttab">
+ <div class="rftp_label_container_vert">
+ <div class="rftp_icon">
+ <img src="ico.gif" width="16" height="16">
+ </div>
+ <div class="rftp_label_vert">
+ Active Tab name 1
+ </div>
+ <div class="rftp_close">
+ <img src="close_act.gif" width="16"
height="16">
+ </div>
+ </div>
+ </div>
+
+ <div class="rftp_verttab_spacer">
+ </div>
+
+ <div class="rftp_righttab">
+ <div class="rftp_label_container_vert">
+ <div class="rftp_icon">
+ <img src="ico.gif" width="16" height="16">
+ </div>
+ <div class="rftp_label_vert">
+ Active Tab name 1
+ </div>
+ <div class="rftp_close">
+ <img src="close_act.gif" width="16"
height="16">
+ </div>
+ </div>
+ </div>
+
+ <div class="rftp_verttab_spacer">
+ </div>
+
+ <div class="rftp_righttab">
+ <div class="rftp_label_container_vert">
+ <div class="rftp_icon">
+ <img src="ico.gif" width="16" height="16">
+ </div>
+ <div class="rftp_label_vert">
+ Active Tab name 1
+ </div>
+ <div class="rftp_close">
+ <img src="close_act.gif" width="16"
height="16">
+ </div>
+ </div>
+ </div>
+
+ <div class="rftp_verttab_spacer">
+ </div>
+
+
+
+ </td>
+ </tr>
+</table>
+
+
+
+</body>
+</html>
Modified: management/design-4x/TabPanel/rftp_styles.css
===================================================================
--- management/design-4x/TabPanel/rftp_styles.css 2010-09-09 16:13:55 UTC (rev 19148)
+++ management/design-4x/TabPanel/rftp_styles.css 2010-09-09 16:33:34 UTC (rev 19149)
@@ -27,6 +27,7 @@
.rftp_icon {position : absolute; top : 4px; left : 4px}
.rftp_close {position : absolute; top : 4px; right : 4px}
.rftp_label {white-space : nowrap; font-family : verdana /*generalFamilyFont*/; font-size
: 11px /*generalSizeFont*/;}
+
.rftp_label_container {position : relative; padding : 5px 37px 0px 22px;}
.rftp_toptab_scroll_left {background : url(acttab_bg.gif) top repeat-x #C9DBEF
/*additionalBackgroundColor*/; position : absolute; top : 1px; left : 1px; width : 15px;
height : 25px; border : 1px solid #A6A6A6 /*panelBorderColor*/; font-weight : bold;
text-align : center; font-family : verdana /*generalFamilyFont*/; font-size : 11px
/*generalSizeFont*/; padding-top : 6px;}
Deleted: management/design-4x/TabPanel/tab_bg.gif
===================================================================
(Binary files differ)
Deleted: management/design-4x/TabPanel/tab_bottom_bg.gif
===================================================================
(Binary files differ)
Deleted: management/design-4x/TabPanel/tabline_bg.gif
===================================================================
(Binary files differ)
Deleted: management/design-4x/TabPanel/tabs.html
===================================================================
--- management/design-4x/TabPanel/tabs.html 2010-09-09 16:13:55 UTC (rev 19148)
+++ management/design-4x/TabPanel/tabs.html 2010-09-09 16:33:34 UTC (rev 19149)
@@ -1,983 +0,0 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
-
-<html>
-<head>
- <title>Untitled</title>
-</head>
-
-<body>
-
-<style>
-*{font-family : verdana}
-.rftp_toptab {display : table-cell; border : 1px solid #A6A6A6; padding : 0px 0px 3px
0px; vertical-align : bottom; background : url(tab_bg.gif) top repeat-x #DAE7F5;}
-.rftp_active_top {border-bottom : 0px; font-weight : bold; padding : 3px 0px 0px 0px;
vertical-align : top; background : url(acttab_bg.gif) top repeat-x #C9DBEF;}
-.rftp_active2_top {border-bottom : 0px; font-weight : bold; padding : 3px 0px 0px 0px;
vertical-align : top; background : url(acttab2_bg.gif) top repeat-x #FFFFFF;}
-
-.rftp_toptab_tabline_vis {border : 1px solid #a6a6a6; background :url(tabline_bg.gif) top
repeat-x #EEF4FB; border-bottom : 0px; padding-top : 2px; overflow : hidden; height :
25px; white-space : nowrap; position : relative;}
-.rftp_toptab_tabline_dis {border-bottom : 0px; padding-top : 2px; overflow : hidden;
height : 25px; white-space : nowrap; position : relative;}
-.rftp_toptab_tabs {display : table; border : 0px; width : 100%; height : 100%;}
-.rftp_toptab_spacer {display : table-cell; border-bottom : 1px solid #A6A6A6;}
-.rftp_horizonttab_tabspacer_width {padding-left : 1px;}
-
-.rftp_icon {display : table-cell; vertical-align : middle; padding : 0px 5px 0px 5px;}
-.rftp_close {display : table-cell; vertical-align : middle; padding : 0px 3px 0px 15px;}
-.rftp_label {display : table-cell; vertical-align : middle; font-family : verdana;
font-size : 11px;}
-
-.rftp_toptab_scroll_left {background : url(acttab_bg.gif) top repeat-x #C9DBEF; position
: absolute; top : 1px; left : 1px; width : 15px; height : 250px; border : 1px solid
#a6a6a6; font-weight : bold; text-align : center; font-family : verdana; font-size : 11px;
padding-top : 6px;}
-.rftp_toptab_scroll_right {background : url(acttab_bg.gif) top repeat-x #C9DBEF;
position : absolute; top : 1px; right : 17px; width : 15px; height : 250px; border : 1px
solid #a6a6a6; font-weight : bold; text-align : center; font-family : verdana; font-size :
11px; padding-top : 6px;}
-.rftp_toptab_tabslist {background : url(acttab_bg.gif) top repeat-x #C9DBEF; position :
absolute; top : 1px; right : 1px; width : 15px; height : 250px; border : 1px solid
#a6a6a6; font-weight : bold; text-align : center; font-family : verdana; font-size : 14px;
padding-top : 2px;}
-
-.rftp_toptab_border {border : 1px solid #A6A6A6; border-top : 0px; height : 2px;
background : #C9DBEF;}
-.rftp_toptab_content {border : 1px solid #A6A6A6; border-top : 0px; font-family :
verdana; font-size : 11px; padding : 10px; background : #ffffff;}
-.rftp_hidden {display : none}
-</style>
-
-One layout - different styles
-
-<h1>Variant 1</h1>
-
-
-
-<div style="width : 100%;">
- <div class="rftp_toptab_tabline_vis">
- <div class="rftp_toptab_tabs">
- <div style="display : table-row;">
- <div class="rftp_toptab_spacer " style="padding-left :
5px;">
- </div>
-
- <div class="rftp_toptab rftp_active_top">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
- </div>
-
- <div class="rftp_toptab">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 2
- </div>
- <div class="rftp_close">
- <img src="close_act.gif" width="16"
height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
- </div>
-
- <div class="rftp_toptab_spacer" style="padding-right : 5px; width :
100%;">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab_scroll_left rftp_hidden">
- «
- </div>
-
- <div class="rftp_toptab_tabslist rftp_hidden">
- ↓
- </div>
-
- <div class="rftp_toptab_scroll_right rftp_hidden">
- »
- </div>
-
- </div>
-
-
- <div class="rftp_toptab_border">
- </div>
-
- <div class="rftp_toptab_content">
- Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here.
- </div>
-
-</div>
-
-
-<br><br>
-
-
-<div style="width : 100%;">
- <div class="rftp_toptab_tabline_vis">
- <div class="rftp_toptab_tabs">
- <div style="display : table-row;">
- <div class="rftp_toptab_spacer " style="padding-left :
15px;">
- </div>
-
- <div class="rftp_toptab rftp_active_top">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
- </div>
-
- <div class="rftp_toptab">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 2
- </div>
- <div class="rftp_close">
- <img src="close_act.gif" width="16"
height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
- </div>
-
- <div class="rftp_toptab_spacer" style="padding-right : 15px; width
: 100%;">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab_scroll_left">
- «
- </div>
-
- <div class="rftp_toptab_tabslist">
- ↓
- </div>
-
- <div class="rftp_toptab_scroll_right">
- »
- </div>
-
- </div>
-
-
- <div class="rftp_toptab_border">
- </div>
-
- <div class="rftp_toptab_content">
- Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here.
- </div>
-
-</div>
-
-<br><br>
-
-
-<div style="width : 100%;">
- <div class="rftp_toptab_tabline_vis">
- <div class="rftp_toptab_tabs">
- <div style="display : table-row;">
- <div class="rftp_toptab_spacer " style="padding-left : 15px; width
: 50%;">
- </div>
-
- <div class="rftp_toptab rftp_active_top">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
- </div>
-
- <div class="rftp_toptab">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 2
- </div>
- <div class="rftp_close">
- <img src="close_act.gif" width="16"
height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
- </div>
-
- <div class="rftp_toptab_spacer" style="padding-right : 30px; width
: 50%;">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab_scroll_left">
- «
- </div>
-
- <div class="rftp_toptab_tabslist">
- ↓
- </div>
-
- <div class="rftp_toptab_scroll_right">
- »
- </div>
-
- </div>
-
-
- <div class="rftp_toptab_border">
- </div>
-
- <div class="rftp_toptab_content">
- Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here.
- </div>
-
-</div>
-
-<br><br>
-
-
-<div style="width : 100%;">
- <div class="rftp_toptab_tabline_vis">
- <div class="rftp_toptab_tabs">
- <div style="display : table-row;">
- <div class="rftp_toptab_spacer " style="padding-left : 15px; width
: 100%;">
- </div>
-
- <div class="rftp_toptab rftp_active_top">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
- </div>
-
- <div class="rftp_toptab">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 2
- </div>
- <div class="rftp_close">
- <img src="close_act.gif" width="16"
height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
- </div>
-
- <div class="rftp_toptab_spacer" style="padding-right :
30px;">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab_scroll_left">
- «
- </div>
-
- <div class="rftp_toptab_tabslist">
- ↓
- </div>
-
- <div class="rftp_toptab_scroll_right">
- »
- </div>
-
- </div>
-
-
- <div class="rftp_toptab_border">
- </div>
-
- <div class="rftp_toptab_content">
- Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here.
- </div>
-
-</div>
-
-<br><br><br>
-
-
-
-<h1>Variant 2</h1>
-
-
-
-<div style="width : 100%;">
- <div class="rftp_toptab_tabline_dis">
- <div class="rftp_toptab_tabs">
- <div style="display : table-row;">
- <div class="rftp_toptab_spacer " style="padding-left :
5px;">
- </div>
-
- <div class="rftp_toptab rftp_active_top">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
- </div>
-
- <div class="rftp_toptab">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 2
- </div>
- <div class="rftp_close">
- <img src="close_act.gif" width="16"
height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
- </div>
-
- <div class="rftp_toptab_spacer" style="padding-right : 5px; width :
100%;">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab_scroll_left rftp_hidden">
- «
- </div>
-
- <div class="rftp_toptab_tabslist rftp_hidden">
- ↓
- </div>
-
- <div class="rftp_toptab_scroll_right rftp_hidden">
- »
- </div>
-
- </div>
-
-
- <div class="rftp_toptab_border">
- </div>
-
- <div class="rftp_toptab_content">
- Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here.
- </div>
-
-</div>
-
-
-<br><br>
-
-
-<div style="width : 100%;">
- <div class="rftp_toptab_tabline_dis">
- <div class="rftp_toptab_tabs">
- <div style="display : table-row;">
- <div class="rftp_toptab_spacer " style="padding-left :
15px;">
- </div>
-
- <div class="rftp_toptab rftp_active_top">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
- </div>
-
- <div class="rftp_toptab">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 2
- </div>
- <div class="rftp_close">
- <img src="close_act.gif" width="16"
height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
- </div>
-
- <div class="rftp_toptab_spacer" style="padding-right : 15px; width
: 100%;">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab_scroll_left">
- «
- </div>
-
- <div class="rftp_toptab_tabslist">
- ↓
- </div>
-
- <div class="rftp_toptab_scroll_right">
- »
- </div>
-
- </div>
-
-
- <div class="rftp_toptab_border">
- </div>
-
- <div class="rftp_toptab_content">
- Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here.
- </div>
-
-</div>
-
-<br><br>
-
-
-<div style="width : 100%;">
- <div class="rftp_toptab_tabline_dis">
- <div class="rftp_toptab_tabs">
- <div style="display : table-row;">
- <div class="rftp_toptab_spacer " style="padding-left : 15px; width
: 50%;">
- </div>
-
- <div class="rftp_toptab rftp_active_top">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
- </div>
-
- <div class="rftp_toptab">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 2
- </div>
- <div class="rftp_close">
- <img src="close_act.gif" width="16"
height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
- </div>
-
- <div class="rftp_toptab_spacer" style="padding-right : 30px; width
: 50%;">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab_scroll_left">
- «
- </div>
-
- <div class="rftp_toptab_tabslist">
- ↓
- </div>
-
- <div class="rftp_toptab_scroll_right">
- »
- </div>
-
- </div>
-
-
- <div class="rftp_toptab_border">
- </div>
-
- <div class="rftp_toptab_content">
- Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here.
- </div>
-
-</div>
-
-<br><br>
-
-
-<div style="width : 100%;">
- <div class="rftp_toptab_tabline_dis">
- <div class="rftp_toptab_tabs">
- <div style="display : table-row;">
- <div class="rftp_toptab_spacer " style="padding-left : 15px; width
: 100%;">
- </div>
-
- <div class="rftp_toptab rftp_active_top">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
- </div>
-
- <div class="rftp_toptab">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 2
- </div>
- <div class="rftp_close">
- <img src="close_act.gif" width="16"
height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
- </div>
-
- <div class="rftp_toptab_spacer" style="padding-right :
30px;">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab_scroll_left">
- «
- </div>
-
- <div class="rftp_toptab_tabslist">
- ↓
- </div>
-
- <div class="rftp_toptab_scroll_right">
- »
- </div>
-
- </div>
-
-
- <div class="rftp_toptab_border">
- </div>
-
- <div class="rftp_toptab_content">
- Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here.
- </div>
-
-</div>
-
-<br><br><br>
-
-
-
-<h1>Variant 3</h1>
-
-<div style="width : 100%;">
- <div class="rftp_toptab_tabline_dis">
- <div class="rftp_toptab_tabs">
- <div style="display : table-row;">
- <div class="rftp_toptab_spacer " style="padding-left :
5px;">
- </div>
-
- <div class="rftp_toptab rftp_active2_top">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close_act.gif" width="16"
height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
- </div>
-
- <div class="rftp_toptab">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 2
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
- </div>
-
- <div class="rftp_toptab_spacer" style="padding-right : 15px; width
: 100%;">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab_scroll_left rftp_hidden">
- «
- </div>
-
- <div class="rftp_toptab_tabslist rftp_hidden">
- ↓
- </div>
-
- <div class="rftp_toptab_scroll_right rftp_hidden">
- »
- </div>
-
- </div>
-
-
- <div class="rftp_toptab_border rftp_hidden">
- </div>
-
- <div class="rftp_toptab_content">
- Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here.
- </div>
-
-</div>
-
-
-<br>
-
-
-<div style="width : 100%;">
- <div class="rftp_toptab_tabline_dis">
- <div class="rftp_toptab_tabs">
- <div style="display : table-row;">
- <div class="rftp_toptab_spacer " style="padding-left :
5px;">
- </div>
-
- <div class="rftp_toptab rftp_active2_top">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close_act.gif" width="16"
height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
- </div>
-
- <div class="rftp_toptab">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 2
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
- </div>
-
- <div class="rftp_toptab_spacer" style="padding-right : 15px; width
: 100%;">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab_scroll_left">
- «
- </div>
-
- <div class="rftp_toptab_tabslist">
- ↓
- </div>
-
- <div class="rftp_toptab_scroll_right">
- »
- </div>
-
- </div>
-
-
- <div class="rftp_toptab_border rftp_hidden">
- </div>
-
- <div class="rftp_toptab_content">
- Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here.
- </div>
-
-</div>
-
-
-<br>
-
-
-<div style="width : 100%;">
- <div class="rftp_toptab_tabline_dis">
- <div class="rftp_toptab_tabs">
- <div style="display : table-row;">
- <div class="rftp_toptab_spacer " style="padding-left : 5px; width :
50%">
- </div>
-
- <div class="rftp_toptab rftp_active2_top">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close_act.gif" width="16"
height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
- </div>
-
- <div class="rftp_toptab">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 2
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
- </div>
-
- <div class="rftp_toptab_spacer" style="padding-right : 15px; width
: 50%;">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab_scroll_left">
- «
- </div>
-
- <div class="rftp_toptab_tabslist">
- ↓
- </div>
-
- <div class="rftp_toptab_scroll_right">
- »
- </div>
-
- </div>
-
-
- <div class="rftp_toptab_border rftp_hidden">
- </div>
-
- <div class="rftp_toptab_content">
- Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here.
- </div>
-
-</div>
-
-
-<br>
-
-
-<div style="width : 100%;">
- <div class="rftp_toptab_tabline_dis">
- <div class="rftp_toptab_tabs">
- <div style="display : table-row;">
- <div class="rftp_toptab_spacer " style="padding-left : 5px; width :
100%">
- </div>
-
- <div class="rftp_toptab rftp_active2_top">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close_act.gif" width="16"
height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
- </div>
-
- <div class="rftp_toptab">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 2
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width">
- </div>
-
- <div class="rftp_toptab_spacer" style="padding-right :
30px;">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab_scroll_left">
- «
- </div>
-
- <div class="rftp_toptab_tabslist">
- ↓
- </div>
-
- <div class="rftp_toptab_scroll_right">
- »
- </div>
-
- </div>
-
-
- <div class="rftp_toptab_border rftp_hidden">
- </div>
-
- <div class="rftp_toptab_content">
- Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here.
- </div>
-
-</div>
-
-
-<br><br>
-
-
-<br><br><br>
-
-
-</body>
-</html>
Deleted: management/design-4x/TabPanel/tabs_bottom.html
===================================================================
--- management/design-4x/TabPanel/tabs_bottom.html 2010-09-09 16:13:55 UTC (rev 19148)
+++ management/design-4x/TabPanel/tabs_bottom.html 2010-09-09 16:33:34 UTC (rev 19149)
@@ -1,525 +0,0 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
-
-<html>
-<head>
- <title>Untitled</title>
-</head>
-
-<body>
-
-<style>
-*{font-family : verdana}
-.rftp_bottomtab {display : table-cell; border : 1px solid #A6A6A6; padding : 3px 0px 3px
0px; vertical-align : bottom; background : url(tab_bg.gif) top repeat-x #DAE7F5;}
-.rftp_active_bottom {border-top : 0px; font-weight : bold; padding : 3px 0px 3px 0px;
vertical-align : top; background : url(acttab_bottom_bg.gif) bottom repeat-x #C9DBEF;}
-.rftp_active2_bottom {border-top : 0px; font-weight : bold; padding : 3px 0px 3px 0px;
vertical-align : top; background : url(acttab2_bottom_bg.gif) bottom repeat-x #FFFFFF;}
-
-.rftp_bottomtab_tabline_vis {border : 1px solid #a6a6a6; background :url(tabline_bg.gif)
top repeat-x #EEF4FB; border-top : 0px; padding-bottom : 2px; overflow : hidden; height :
25px; white-space : nowrap; position : relative;}
-.rftp_bottomtab_tabline_dis {border-top : 0px; padding-bottom : 2px; overflow : hidden;
height : 25px; white-space : nowrap; position : relative;}
-.rftp_bottomtab_tabs {display : table; border : 0px; width : 100%; height : 100%;}
-.rftp_bottomtab_spacer {display : table-cell; border-top : 1px solid #A6A6A6;}
-.rftp_horizonttab_tabspacer_width {padding-left : 1px;}
-
-.rftp_icon {display : table-cell; vertical-align : middle; padding : 0px 5px 0px 5px;}
-.rftp_close {display : table-cell; vertical-align : middle; padding : 0px 3px 0px 15px;}
-.rftp_label {display : table-cell; vertical-align : middle; font-family : verdana;
font-size : 11px;}
-
-.rftp_bottomtab_scroll_left {background : url(acttab_bottom_bg.gif) bottom repeat-x
#C9DBEF; position : absolute; bottom : 1px; left : 1px; width : 15px; height : 25px;
border : 1px solid #a6a6a6; font-weight : bold; text-align : center; font-family :
verdana; font-size : 11px; padding-top : 6px;}
-.rftp_bottomtab_scroll_right {background : url(acttab_bottom_bg.gif) bottom repeat-x
#C9DBEF; position : absolute; bottom : 1px; right : 17px; width : 15px; height : 25px;
border : 1px solid #a6a6a6; font-weight : bold; text-align : center; font-family :
verdana; font-size : 11px; padding-top : 6px;}
-.rftp_bottomtab_tabslist {background : url(acttab_bottom_bg.gif) bottom repeat-x
#C9DBEF; position : absolute; bottom : 1px; right : 1px; width : 15px; height : 25px;
border : 1px solid #a6a6a6; font-weight : bold; text-align : center; font-family :
verdana; font-size : 14px; padding-top : 2px;}
-
-.rftp_bottomtab_border {border : 1px solid #A6A6A6; border-bottom : 0px; height : 2px;
background : #C9DBEF;}
-.rftp_bottomtab_content {border : 1px solid #A6A6A6; border-bottom : 0px; font-family :
verdana; font-size : 11px; padding : 10px; background : #ffffff;}
-.rftp_hidden {display : none}
-</style>
-
-One layout - different styles
-
-<h1>Variant 1</h1>
-
-
-
-<div style="width : 100%;">
-
- <div class="rftp_bottomtab_content">
- Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here.
- </div>
-
- <div class="rftp_bottomtab_border">
- </div>
-
- <div class="rftp_bottomtab_tabline_vis">
- <div class="rftp_bottomtab_tabs">
- <div style="display : table-row;">
- <div class="rftp_bottomtab_spacer " style="padding-left :
5px;">
- </div>
-
- <div class="rftp_bottomtab rftp_active_bottom">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close_act.gif" width="16"
height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_bottomtab_spacer
rftp_horizonttab_tabspacer_width">
- </div>
-
- <div class="rftp_bottomtab">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 2
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_bottomtab_spacer rftp_horizonttab_tabspacer_width">
- </div>
-
- <div class="rftp_bottomtab_spacer" style="padding-right : 5px;
width : 100%;">
- </div>
- </div>
- </div>
-
- <div class="rftp_bottomtab_scroll_left rftp_hidden">
- «
- </div>
-
- <div class="rftp_bottomtab_tabslist rftp_hidden">
- ↓
- </div>
-
- <div class="rftp_bottomtab_scroll_right rftp_hidden">
- »
- </div>
-
- </div>
-
-
-
-</div>
-
-
-<br><br>
-
-
-<div style="width : 100%;">
-
- <div class="rftp_bottomtab_content">
- Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here.
- </div>
-
- <div class="rftp_bottomtab_border">
- </div>
-
- <div class="rftp_bottomtab_tabline_vis">
- <div class="rftp_bottomtab_tabs">
- <div style="display : table-row;">
- <div class="rftp_bottomtab_spacer " style="padding-left :
15px;">
- </div>
-
- <div class="rftp_bottomtab rftp_active_bottom">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close_act.gif" width="16"
height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_bottomtab_spacer
rftp_horizonttab_tabspacer_width">
- </div>
-
- <div class="rftp_bottomtab">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 2
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_bottomtab_spacer rftp_horizonttab_tabspacer_width">
- </div>
-
- <div class="rftp_bottomtab_spacer" style="padding-right : 15px;
width : 100%;">
- </div>
- </div>
- </div>
-
- <div class="rftp_bottomtab_scroll_left">
- «
- </div>
-
- <div class="rftp_bottomtab_tabslist">
- ↓
- </div>
-
- <div class="rftp_bottomtab_scroll_right">
- »
- </div>
-
- </div>
-
-</div>
-
-
-<br><br><br>
-
-
-
-<h1>Variant 2</h1>
-
-
-
-<div style="width : 100%;">
-
- <div class="rftp_bottomtab_content">
- Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here.
- </div>
-
- <div class="rftp_bottomtab_border">
- </div>
-
- <div class="rftp_bottomtab_tabline_dis">
- <div class="rftp_bottomtab_tabs">
- <div style="display : table-row;">
- <div class="rftp_bottomtab_spacer " style="padding-left :
5px;">
- </div>
-
- <div class="rftp_bottomtab rftp_active_bottom">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close_act.gif" width="16"
height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_bottomtab_spacer
rftp_horizonttab_tabspacer_width">
- </div>
-
- <div class="rftp_bottomtab">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 2
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_bottomtab_spacer rftp_horizonttab_tabspacer_width">
- </div>
-
- <div class="rftp_bottomtab_spacer" style="padding-right : 5px;
width : 100%;">
- </div>
- </div>
- </div>
-
- <div class="rftp_bottomtab_scroll_left rftp_hidden">
- «
- </div>
-
- <div class="rftp_bottomtab_tabslist rftp_hidden">
- ↓
- </div>
-
- <div class="rftp_bottomtab_scroll_right rftp_hidden">
- »
- </div>
-
- </div>
-
-
-</div>
-
-
-<br><br>
-
-
-<div style="width : 100%;">
-
- <div class="rftp_bottomtab_content">
- Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here.
- </div>
-
- <div class="rftp_bottomtab_border">
- </div>
-
- <div class="rftp_bottomtab_tabline_dis">
- <div class="rftp_bottomtab_tabs">
- <div style="display : table-row;">
- <div class="rftp_bottomtab_spacer " style="padding-left :
15px;">
- </div>
-
- <div class="rftp_bottomtab rftp_active_bottom">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close_act.gif" width="16"
height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_bottomtab_spacer
rftp_horizonttab_tabspacer_width">
- </div>
-
- <div class="rftp_bottomtab">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 2
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_bottomtab_spacer rftp_horizonttab_tabspacer_width">
- </div>
-
- <div class="rftp_bottomtab_spacer" style="padding-right : 15px;
width : 100%;">
- </div>
- </div>
- </div>
-
- <div class="rftp_bottomtab_scroll_left">
- «
- </div>
-
- <div class="rftp_bottomtab_tabslist">
- ↓
- </div>
-
- <div class="rftp_bottomtab_scroll_right">
- »
- </div>
-
- </div>
-
-
-</div>
-
-<br><br><br>
-
-
-
-<h1>Variant 3</h1>
-
-<div style="width : 100%;">
-
- <div class="rftp_bottomtab_content">
- Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here.
- </div>
-
- <div class="rftp_bottomtab_border rftp_hidden">
- </div>
-
- <div class="rftp_bottomtab_tabline_dis">
- <div class="rftp_bottomtab_tabs">
- <div style="display : table-row;">
- <div class="rftp_bottomtab_spacer " style="padding-left :
5px;">
- </div>
-
- <div class="rftp_bottomtab rftp_active2_bottom">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close_act.gif" width="16"
height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_bottomtab_spacer
rftp_horizonttab_tabspacer_width">
- </div>
-
- <div class="rftp_bottomtab">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 2
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_bottomtab_spacer rftp_horizonttab_tabspacer_width">
- </div>
-
- <div class="rftp_bottomtab_spacer" style="padding-right : 15px;
width : 100%;">
- </div>
- </div>
- </div>
-
- <div class="rftp_bottomtab_scroll_left rftp_hidden">
- «
- </div>
-
- <div class="rftp_bottomtab_tabslist rftp_hidden">
- ↓
- </div>
-
- <div class="rftp_bottomtab_scroll_right rftp_hidden">
- »
- </div>
-
- </div>
-
-
-</div>
-
-
-<br>
-
-
-<div style="width : 100%;">
-
- <div class="rftp_bottomtab_content">
- Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here.
- </div>
-
- <div class="rftp_bottomtab_border rftp_hidden">
- </div>
-
- <div class="rftp_bottomtab_tabline_dis">
- <div class="rftp_bottomtab_tabs">
- <div style="display : table-row;">
- <div class="rftp_bottomtab_spacer " style="padding-left :
5px;">
- </div>
-
- <div class="rftp_bottomtab rftp_active2_bottom">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close_act.gif" width="16"
height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_bottomtab_spacer
rftp_horizonttab_tabspacer_width">
- </div>
-
- <div class="rftp_bottomtab">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 2
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_bottomtab_spacer rftp_horizonttab_tabspacer_width">
- </div>
-
- <div class="rftp_bottomtab_spacer" style="padding-right : 15px;
width : 100%;">
- </div>
- </div>
- </div>
-
- <div class="rftp_bottomtab_scroll_left">
- «
- </div>
-
- <div class="rftp_bottomtab_tabslist">
- ↓
- </div>
-
- <div class="rftp_bottomtab_scroll_right">
- »
- </div>
-
- </div>
-
-</div>
-
-
-<br>
-
-
-<br><br><br>
-
-
-</body>
-</html>
Deleted: management/design-4x/TabPanel/tabs_div.html
===================================================================
--- management/design-4x/TabPanel/tabs_div.html 2010-09-09 16:13:55 UTC (rev 19148)
+++ management/design-4x/TabPanel/tabs_div.html 2010-09-09 16:33:34 UTC (rev 19149)
@@ -1,453 +0,0 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
-
-<html>
-<head>
- <title>Untitled</title>
-</head>
-
-<body>
-
-<style>
-*{font-family : verdana}
-.rftp_toptab {border : 1px solid #A6A6A6; vertical-align : top; background :
url(tab_bg.gif) top repeat-x #DAE7F5; float : left; height : 25px; position : relative;
padding : 0px 37px 0px 22px; margin-left : 1px;}
-.rftp_active_top {padding-bottom : 10px; font-weight : bold; vertical-align : top;
background : url(acttab_bg.gif) top repeat-x #C9DBEF; border-bottom : #C9DBEF}
-.rftp_active2_top {border-bottom : 0px; font-weight : bold; vertical-align : top;
background : url(acttab2_bg.gif) top repeat-x #FFFFFF;}
-
-.rftp_toptab_tabline_vis {height : 25px; border : 1px solid #A6A6A6; border-bottom : 0px;
background :url(tabline_bg.gif) top repeat-x #EEF4FB; padding : 2px 0px 5px 0px;
white-space : nowrap; position : relative;}
-.rftp_toptab_tabline_dis {border-bottom : 0px; padding-top : 2px; overflow : hidden;
height : 25px; white-space : nowrap; position : relative;}
-.rftp_toptab_tabs {display : table; border : 0px; width : 100%; height : 100%;}
-.rftp_toptab_spacer {border-bottom : 1px solid #A6A6A6;}
-.rftp_horizonttab_tabspacer_width {padding-left : 1px;}
-
-.rftp_icon {position : absolute; top : 4px; left : 4px}
-.rftp_close {position : absolute; top : 4px; right : 4px}
-.rftp_label {white-space : nowrap; font-family : verdana; font-size : 11px;}
-.rftp_label_container {margin-top : 5px}
-
-.rftp_toptab_scroll_left {background : url(acttab_bg.gif) top repeat-x #C9DBEF; position
: absolute; top : 1px; left : 1px; width : 15px; height : 27px; border : 1px solid
#a6a6a6; font-weight : bold; text-align : center; font-family : verdana; font-size : 11px;
padding-top : 0px; overflow : hidden;}
-.rftp_toptab_scroll_right {background : url(acttab_bg.gif) top repeat-x #C9DBEF;
position : absolute; top : 1px; right : 17px; width : 15px; height : 27px; border : 1px
solid #a6a6a6; font-weight : bold; text-align : center; font-family : verdana; font-size :
11px; padding-top : 0px; overflow : hidden;}
-.rftp_toptab_tabslist {background : url(acttab_bg.gif) top repeat-x #C9DBEF; position :
absolute; top : 1px; right : 1px; width : 15px; height : 27px; border : 1px solid #a6a6a6;
font-weight : bold; text-align : center; font-family : verdana; font-size : 14px;
padding-top : 0px; overflow : hidden;}
-
-.rftp_toptab_border {border : 1px solid #A6A6A6; border-left : 0px; border-right : 0px;
height : 2px; background : #C9DBEF;}
-.rftp_toptab_content {border : 1px solid #A6A6A6; border-top : 0px; font-family :
verdana; font-size : 11px; padding : 10px; background : #ffffff;}
-.rftp_hidden {display : none}
-</style>
-
-
-
-<h1>Top Tabs</h1>
-
-
-
-<div style="width : 100%;">
- <div class="rftp_toptab_tabline_vis">
- <div class="rftp_toptab_border" style="position : absolute; bottom :
0px; width : 100%;">
- </div>
-
- <div style="overflow : hidden; position : relative; white-space : nowrap;
height : 27px; width : 100%;">
- <div style=" width : 2000px;">
-
- <div class="rftp_toptab rftp_active_top" style="margin-left :
5px">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- </div>
-
- </div>
-
- <div class="rftp_toptab_scroll_left rftp_hidden">
- «
- </div>
-
- <div class="rftp_toptab_tabslist rftp_hidden">
- ↓
- </div>
-
- <div class="rftp_toptab_scroll_right rftp_hidden">
- »
- </div>
-
- </div>
-
-
- <div class="rftp_toptab_content">
- Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here.
- </div>
-
-</div>
-
-
-<br><br>
-
-
-<div style="width : 100%;">
- <div class="rftp_toptab_tabline_vis" style="padding-right :
10px">
- <div class="rftp_toptab_border" style="position : absolute; bottom :
0px; width : 100%;">
- </div>
-
- <div style="overflow : hidden; position : relative; white-space : nowrap;
height : 27px; width : 100%;">
- <div style=" width : 2000px;">
-
- <div class="rftp_toptab rftp_active_top" style="margin-left :
15px">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- </div>
-
- </div>
-
- <div class="rftp_toptab_scroll_left">
- «
- </div>
-
- <div class="rftp_toptab_tabslist">
- ↓
- </div>
-
- <div class="rftp_toptab_scroll_right">
- »
- </div>
-
- </div>
-
-
- <div class="rftp_toptab_content">
- Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here.
- </div>
-
-</div>
-
-
-
-</body>
-</html>
Deleted: management/design-4x/TabPanel/tabs_div_multiline.html
===================================================================
--- management/design-4x/TabPanel/tabs_div_multiline.html 2010-09-09 16:13:55 UTC (rev
19148)
+++ management/design-4x/TabPanel/tabs_div_multiline.html 2010-09-09 16:33:34 UTC (rev
19149)
@@ -1,453 +0,0 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
-
-<html>
-<head>
- <title>Untitled</title>
-</head>
-
-<body>
-
-<style>
-*{font-family : verdana}
-.rftp_toptab {border : 1px solid #A6A6A6; vertical-align : top; background :
url(tab_bg.gif) top repeat-x #DAE7F5; float : left; height : 25px; position : relative;
padding : 0px 37px 0px 22px; margin-left : 1px;}
-.rftp_active_top {padding-bottom : 10px; font-weight : bold; vertical-align : top;
background : url(acttab_bg.gif) top repeat-x #C9DBEF; border-bottom : #C9DBEF}
-.rftp_active2_top {border-bottom : 0px; font-weight : bold; vertical-align : top;
background : url(acttab2_bg.gif) top repeat-x #FFFFFF;}
-
-.rftp_toptab_tabline_vis {height : 25px; border : 1px solid #A6A6A6; border-bottom : 0px;
background :url(tabline_bg.gif) top repeat-x #EEF4FB; padding : 2px 0px 5px 0px;
white-space : nowrap; position : relative;}
-.rftp_toptab_tabline_dis {border-bottom : 0px; padding-top : 2px; overflow : hidden;
height : 25px; white-space : nowrap; position : relative;}
-.rftp_toptab_tabs {display : table; border : 0px; width : 100%; height : 100%;}
-.rftp_toptab_spacer {border-bottom : 1px solid #A6A6A6;}
-.rftp_horizonttab_tabspacer_width {padding-left : 1px;}
-
-.rftp_icon {position : absolute; top : 4px; left : 4px}
-.rftp_close {position : absolute; top : 4px; right : 4px}
-.rftp_label {white-space : nowrap; font-family : verdana; font-size : 11px;}
-.rftp_label_container {margin-top : 5px}
-
-.rftp_toptab_scroll_left {background : url(acttab_bg.gif) top repeat-x #C9DBEF; position
: absolute; top : 1px; left : 1px; width : 15px; height : 27px; border : 1px solid
#a6a6a6; font-weight : bold; text-align : center; font-family : verdana; font-size : 11px;
padding-top : 0px; overflow : hidden;}
-.rftp_toptab_scroll_right {background : url(acttab_bg.gif) top repeat-x #C9DBEF;
position : absolute; top : 1px; right : 17px; width : 15px; height : 27px; border : 1px
solid #a6a6a6; font-weight : bold; text-align : center; font-family : verdana; font-size :
11px; padding-top : 0px; overflow : hidden;}
-.rftp_toptab_tabslist {background : url(acttab_bg.gif) top repeat-x #C9DBEF; position :
absolute; top : 1px; right : 1px; width : 15px; height : 27px; border : 1px solid #a6a6a6;
font-weight : bold; text-align : center; font-family : verdana; font-size : 14px;
padding-top : 0px; overflow : hidden;}
-
-.rftp_toptab_border {border : 1px solid #A6A6A6; border-left : 0px; border-right : 0px;
height : 2px; background : #C9DBEF;}
-.rftp_toptab_content {border : 1px solid #A6A6A6; border-top : 0px; font-family :
verdana; font-size : 11px; padding : 10px; background : #ffffff;}
-.rftp_hidden {display : none}
-</style>
-
-
-
-<h1>Top Tabs</h1>
-
-
-
-<div style="width : 100%;">
- <div class="rftp_toptab_tabline_vis">
- <div class="rftp_toptab_border" style="position : absolute; bottom :
0px; width : 100%;">
- </div>
-
- <div style="overflow : hidden; position : relative; white-space : nowrap;
height : 27px; width : 100%;">
- <div style=" width : 2000px;">
-
- <div class="rftp_toptab rftp_active_top" style="margin-left :
5px">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- </div>
-
- </div>
-
- <div class="rftp_toptab_scroll_left rftp_hidden">
- «
- </div>
-
- <div class="rftp_toptab_tabslist rftp_hidden">
- ↓
- </div>
-
- <div class="rftp_toptab_scroll_right rftp_hidden">
- »
- </div>
-
- </div>
-
-
- <div class="rftp_toptab_content">
- Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here.
- </div>
-
-</div>
-
-
-<br><br>
-
-
-<div style="width : 100%;">
- <div class="rftp_toptab_tabline_vis" style="padding-right :
10px">
- <div class="rftp_toptab_border" style="position : absolute; bottom :
0px; width : 100%;">
- </div>
-
- <div style="overflow : hidden; position : relative; white-space : nowrap;
height : 27px; width : 100%;">
- <div style=" width : 2000px;">
-
- <div class="rftp_toptab rftp_active_top" style="margin-left :
15px">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
-
- </div>
-
- </div>
-
- <div class="rftp_toptab_scroll_left">
- «
- </div>
-
- <div class="rftp_toptab_tabslist">
- ↓
- </div>
-
- <div class="rftp_toptab_scroll_right">
- »
- </div>
-
- </div>
-
-
- <div class="rftp_toptab_content">
- Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here.
- </div>
-
-</div>
-
-
-
-</body>
-</html>
Deleted: management/design-4x/TabPanel/tabs_multiline.html
===================================================================
--- management/design-4x/TabPanel/tabs_multiline.html 2010-09-09 16:13:55 UTC (rev 19148)
+++ management/design-4x/TabPanel/tabs_multiline.html 2010-09-09 16:33:34 UTC (rev 19149)
@@ -1,661 +0,0 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
-
-<html>
-<head>
- <title>Untitled</title>
-</head>
-
-<body>
-
-<style>
-*{font-family : verdana}
-.rftp_multitab {display : table-cell; border : 1px solid #A6A6A6; padding : 3px 0px 3px
0px; vertical-align : middle; background : url(tab_bg.gif) top repeat-x #DAE7F5;}
-
-.rftp_multitab_bottomline {border-top : 0px;}
-
-.rftp_active_multi {border-bottom : 0px; font-weight : bold; padding : 3px 0px 3px 0px;
vertical-align : top; background : url(acttab_bg.gif) top repeat-x #C9DBEF;}
-.rftp_active2_multi {border-bottom : 0px; font-weight : bold; padding : 3px 0px 3px 0px;
vertical-align : top; background : url(acttab2_bg.gif) top repeat-x #FFFFFF;}
-
-.rftp_multitab_tabline_vis {border : 1px solid #a6a6a6; background :url(tabline_bg.gif)
top repeat-x #EEF4FB; border-bottom : 0px; padding-top : 2px; white-space : nowrap;
position : relative;}
-.rftp_multitab_tabline_dis {border-bottom : 0px; padding-top : 2px; white-space : nowrap;
position : relative;}
-.rftp_multitab_tabs {display : table; border : 0px; width : 100%; height : 100%;}
-.rftp_multitab_spacer {display : table-cell; border-bottom : 1px solid #A6A6A6;}
-.rftp_multitab_spacer_dis{border-bottom : 0px;}
-.rftp_multitab_tabspacer_width {padding-left : 1px;}
-
-.rftp_icon {display : table-cell; vertical-align : middle; padding : 0px 5px 0px 5px;}
-.rftp_close {display : table-cell; vertical-align : middle; padding : 0px 3px 0px 15px;}
-.rftp_label {display : table-cell; vertical-align : middle; font-family : verdana;
font-size : 11px; white-space : nowrap; width : 100%;}
-
-.rftp_multitab_border {border : 1px solid #A6A6A6; border-top : 0px; height : 2px;
background : #C9DBEF;}
-.rftp_multitab_content {border : 1px solid #A6A6A6; border-top : 0px; font-family :
verdana; font-size : 11px; padding : 10px; background : #ffffff;}
-.rftp_hidden {display : none}
-</style>
-
-One layout - different styles
-
-<br><br>
-
-<div style="width : 100%;">
- <div class="rftp_multitab_tabline_vis">
-
- <div class="rftp_multitab_tabs">
- <div style="display : table-row;">
- <div class="rftp_multitab_spacer" style="padding-left :
2px;">
- </div>
-
- <div class="rftp_multitab" style="width : 20%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 5
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
- </div>
-
- <div class="rftp_multitab" style="width : 20%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 6
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
- </div>
- <div class="rftp_multitab" style="width : 20%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 7
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
- </div>
- <div class="rftp_multitab" style="width : 20%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 8
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
- </div>
- <div class="rftp_multitab" style="width : 20%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 9
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
- </div>
-
- </div>
- </div>
-
-
- <div class="rftp_multitab_tabs">
- <div style="display : table-row;">
- <div class="rftp_multitab_spacer " style="padding-left :
2px;">
- </div>
-
- <div class="rftp_multitab rftp_active_multi rftp_multitab_bottomline"
style="width : 25%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close_act.gif" width="16"
height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
- </div>
-
- <div class="rftp_multitab rftp_multitab_bottomline" style="width :
25%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 2
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
- </div>
- <div class="rftp_multitab rftp_multitab_bottomline" style="width :
25%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 3
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
- </div>
- <div class="rftp_multitab rftp_multitab_bottomline" style="width :
25%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 4
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
- </div>
-
- </div>
- </div>
-
-
-
- </div>
-
-
- <div class="rftp_multitab_border">
- </div>
-
- <div class="rftp_multitab_content">
- Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here.
- </div>
-
-</div>
-
-
-<br><br>
-
-<div style="width : 100%;">
- <div class="rftp_multitab_tabline_dis">
-
- <div class="rftp_multitab_tabs">
- <div style="display : table-row;">
-
- <div class="rftp_multitab_spacer rftp_multitab_spacer_dis"
style="padding-left : 2px;">
- </div>
-
- <div class="rftp_multitab" style="width : 20%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 5
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
- </div>
-
- <div class="rftp_multitab" style="width : 20%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 6
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
- </div>
- <div class="rftp_multitab" style="width : 20%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 7
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
- </div>
- <div class="rftp_multitab" style="width : 20%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 8
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
- </div>
- <div class="rftp_multitab" style="width : 20%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 9
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multitab_spacer rftp_multitab_tabspacer_width
rftp_multitab_spacer_dis">
- </div>
-
- </div>
- </div>
-
-
- <div class="rftp_multitab_tabs">
- <div style="display : table-row;">
- <div class="rftp_multitab_spacer " style="padding-left :
2px;">
- </div>
-
- <div class="rftp_multitab rftp_active_multi rftp_multitab_bottomline"
style="width : 25%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close_act.gif" width="16"
height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
- </div>
-
- <div class="rftp_multitab rftp_multitab_bottomline" style="width :
25%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 2
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
- </div>
- <div class="rftp_multitab rftp_multitab_bottomline" style="width :
25%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 3
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
- </div>
- <div class="rftp_multitab rftp_multitab_bottomline" style="width :
25%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 4
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
- </div>
-
- </div>
- </div>
-
-
-
- </div>
-
-
- <div class="rftp_multitab_border">
- </div>
-
- <div class="rftp_multitab_content">
- Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here.
- </div>
-
-</div>
-
-
-<br><br>
-
-
-
-<div style="width : 100%;">
- <div class="rftp_multitab_tabline_dis">
-
- <div class="rftp_multitab_tabs">
- <div style="display : table-row;">
-
- <div class="rftp_multitab_spacer rftp_multitab_spacer_dis"
style="padding-left : 2px;">
- </div>
-
- <div class="rftp_multitab" style="width : 20%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 5
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
- </div>
-
- <div class="rftp_multitab" style="width : 20%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 6
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
- </div>
- <div class="rftp_multitab" style="width : 20%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 7
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
- </div>
- <div class="rftp_multitab" style="width : 20%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 8
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
- </div>
- <div class="rftp_multitab" style="width : 20%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 9
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multitab_spacer rftp_multitab_tabspacer_width
rftp_multitab_spacer_dis">
- </div>
-
- </div>
- </div>
-
-
- <div class="rftp_multitab_tabs">
- <div style="display : table-row;">
- <div class="rftp_multitab_spacer " style="padding-left :
2px;">
- </div>
-
- <div class="rftp_multitab rftp_active2_multi rftp_multitab_bottomline"
style="width : 25%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close_act.gif" width="16"
height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
- </div>
-
- <div class="rftp_multitab rftp_multitab_bottomline" style="width :
25%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 2
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
- </div>
- <div class="rftp_multitab rftp_multitab_bottomline" style="width :
25%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 3
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
- </div>
- <div class="rftp_multitab rftp_multitab_bottomline" style="width :
25%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 4
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multitab_spacer rftp_multitab_tabspacer_width">
- </div>
-
- </div>
- </div>
-
-
-
- </div>
-
-
- <div class="rftp_multitab_border rftp_hidden">
- </div>
-
- <div class="rftp_multitab_content">
- Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here.
- </div>
-
-</div>
-
-
-<br><br>
-
-
-
-
-
-
-
-
-
-</body>
-</html>
Deleted: management/design-4x/TabPanel/tabs_multiline_bottom.html
===================================================================
--- management/design-4x/TabPanel/tabs_multiline_bottom.html 2010-09-09 16:13:55 UTC (rev
19148)
+++ management/design-4x/TabPanel/tabs_multiline_bottom.html 2010-09-09 16:33:34 UTC (rev
19149)
@@ -1,671 +0,0 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
-
-<html>
-<head>
- <title>Untitled</title>
-</head>
-
-<body>
-
-<style>
-*{font-family : verdana}
-.rftp_multi_bottab {display : table-cell; border : 1px solid #A6A6A6; padding : 3px 0px
3px 0px; vertical-align : middle; background : url(tab_bg.gif) top repeat-x #DAE7F5;}
-
-.rftp_multi_bottab_bottomline {border-bottom : 0px;}
-
-.rftp_active_multi_bot {border-top : 0px; font-weight : bold; padding : 3px 0px 3px 0px;
vertical-align : top; background : url(acttab_bottom_bg.gif) bottom repeat-x #C9DBEF;}
-.rftp_active2_multi_bot {border-top : 0px; font-weight : bold; padding : 3px 0px 3px 0px;
vertical-align : top; background : url(acttab2_bottom_bg.gif) bottom repeat-x #FFFFFF;}
-
-.rftp_multi_bottab_tabline_vis {border : 1px solid #a6a6a6; background
:url(tabline_bg.gif) top repeat-x #EEF4FB; border-top : 0px; padding-bottom : 2px;
white-space : nowrap; position : relative;}
-.rftp_multi_bottab_tabline_dis {border-top : 0px; padding-bottom : 2px; white-space :
nowrap; position : relative;}
-.rftp_multi_bottab_tabs {display : table; border : 0px; width : 100%; height : 100%;}
-.rftp_multi_bottab_spacer {display : table-cell; border-top : 1px solid #A6A6A6;}
-.rftp_multi_bottab_spacer_dis{border-top : 0px;}
-.rftp_multi_bottab_tabspacer_width {padding-left : 1px;}
-
-.rftp_icon {display : table-cell; vertical-align : middle; padding : 0px 5px 0px 5px;}
-.rftp_close {display : table-cell; vertical-align : middle; padding : 0px 3px 0px 15px;}
-.rftp_label {display : table-cell; vertical-align : middle; font-family : verdana;
font-size : 11px; white-space : nowrap; width : 100%;}
-
-.rftp_multi_bottab_border {border : 1px solid #A6A6A6; border-bottom : 0px; height : 2px;
background : #C9DBEF;}
-.rftp_multi_bottab_content {border : 1px solid #A6A6A6; border-bottom : 0px; font-family
: verdana; font-size : 11px; padding : 10px; background : #ffffff;}
-.rftp_hidden {display : none}
-</style>
-
-One layout - different styles
-
-<br><br>
-
-<div style="width : 100%;">
-
- <div class="rftp_multi_bottab_content">
- Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here.
- </div>
-
- <div class="rftp_multi_bottab_border">
- </div>
-
- <div class="rftp_multi_bottab_tabline_vis">
-
-
- <div class="rftp_multi_bottab_tabs">
- <div style="display : table-row;">
- <div class="rftp_multi_bottab_spacer " style="padding-left :
2px;">
- </div>
-
- <div class="rftp_multi_bottab rftp_active_multi_bot
rftp_multi_bottab_bottomline" style="width : 25%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close_act.gif" width="16"
height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multi_bottab_spacer
rftp_multi_bottab_tabspacer_width">
- </div>
-
- <div class="rftp_multi_bottab rftp_multi_bottab_bottomline"
style="width : 25%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 2
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multi_bottab_spacer
rftp_multi_bottab_tabspacer_width">
- </div>
- <div class="rftp_multi_bottab rftp_multi_bottab_bottomline"
style="width : 25%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 3
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multi_bottab_spacer
rftp_multi_bottab_tabspacer_width">
- </div>
- <div class="rftp_multi_bottab rftp_multi_bottab_bottomline"
style="width : 25%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 4
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multi_bottab_spacer
rftp_multi_bottab_tabspacer_width">
- </div>
-
- </div>
- </div>
-
- <div class="rftp_multi_bottab_tabs">
- <div style="display : table-row;">
- <div class="rftp_multi_bottab_spacer" style="padding-left :
2px;">
- </div>
-
- <div class="rftp_multi_bottab" style="width : 20%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 5
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multi_bottab_spacer
rftp_multi_bottab_tabspacer_width">
- </div>
-
- <div class="rftp_multi_bottab" style="width : 20%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 6
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multi_bottab_spacer
rftp_multi_bottab_tabspacer_width">
- </div>
- <div class="rftp_multi_bottab" style="width : 20%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 7
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multi_bottab_spacer
rftp_multi_bottab_tabspacer_width">
- </div>
- <div class="rftp_multi_bottab" style="width : 20%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 8
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multi_bottab_spacer
rftp_multi_bottab_tabspacer_width">
- </div>
- <div class="rftp_multi_bottab" style="width : 20%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 9
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multi_bottab_spacer
rftp_multi_bottab_tabspacer_width">
- </div>
-
- </div>
- </div>
-
-
-
- </div>
-
-
-</div>
-
-
-<br><br>
-
-
-
-
-
-
-<div style="width : 100%;">
-
-
- <div class="rftp_multi_bottab_content">
- Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here.
- </div>
-
- <div class="rftp_multi_bottab_border">
- </div>
-
- <div class="rftp_multi_bottab_tabline_dis">
-
-
- <div class="rftp_multi_bottab_tabs">
- <div style="display : table-row;">
- <div class="rftp_multi_bottab_spacer " style="padding-left :
2px;">
- </div>
-
- <div class="rftp_multi_bottab rftp_active_multi_bot
rftp_multi_bottab_bottomline" style="width : 25%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close_act.gif" width="16"
height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multi_bottab_spacer
rftp_multi_bottab_tabspacer_width">
- </div>
-
- <div class="rftp_multi_bottab rftp_multi_bottab_bottomline"
style="width : 25%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 2
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multi_bottab_spacer
rftp_multi_bottab_tabspacer_width">
- </div>
- <div class="rftp_multi_bottab rftp_multi_bottab_bottomline"
style="width : 25%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 3
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multi_bottab_spacer
rftp_multi_bottab_tabspacer_width">
- </div>
- <div class="rftp_multi_bottab rftp_multi_bottab_bottomline"
style="width : 25%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 4
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multi_bottab_spacer
rftp_multi_bottab_tabspacer_width">
- </div>
-
- </div>
- </div>
-
- <div class="rftp_multi_bottab_tabs">
- <div style="display : table-row;">
-
- <div class="rftp_multi_bottab_spacer rftp_multi_bottab_spacer_dis"
style="padding-left : 2px;">
- </div>
-
- <div class="rftp_multi_bottab" style="width : 20%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 5
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multi_bottab_spacer
rftp_multi_bottab_tabspacer_width">
- </div>
-
- <div class="rftp_multi_bottab" style="width : 20%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 6
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multi_bottab_spacer
rftp_multi_bottab_tabspacer_width">
- </div>
- <div class="rftp_multi_bottab" style="width : 20%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 7
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multi_bottab_spacer
rftp_multi_bottab_tabspacer_width">
- </div>
- <div class="rftp_multi_bottab" style="width : 20%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 8
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multi_bottab_spacer
rftp_multi_bottab_tabspacer_width">
- </div>
- <div class="rftp_multi_bottab" style="width : 20%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 9
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multi_bottab_spacer rftp_multi_bottab_tabspacer_width
rftp_multi_bottab_spacer_dis">
- </div>
-
- </div>
- </div>
-
-
-
- </div>
-
-
-
-</div>
-
-
-<br><br>
-
-
-
-<div style="width : 100%;">
-
- <div class="rftp_multi_bottab_content">
- Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here.
- </div>
-
- <div class="rftp_multi_bottab_border rftp_hidden">
- </div>
-
- <div class="rftp_multi_bottab_tabline_dis">
-
-
- <div class="rftp_multi_bottab_tabs">
- <div style="display : table-row;">
- <div class="rftp_multi_bottab_spacer " style="padding-left :
2px;">
- </div>
-
- <div class="rftp_multi_bottab rftp_active2_multi_bot
rftp_multi_bottab_bottomline" style="width : 25%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close_act.gif" width="16"
height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multi_bottab_spacer
rftp_multi_bottab_tabspacer_width">
- </div>
-
- <div class="rftp_multi_bottab rftp_multi_bottab_bottomline"
style="width : 25%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 2
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multi_bottab_spacer
rftp_multi_bottab_tabspacer_width">
- </div>
- <div class="rftp_multi_bottab rftp_multi_bottab_bottomline"
style="width : 25%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 3
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multi_bottab_spacer
rftp_multi_bottab_tabspacer_width">
- </div>
- <div class="rftp_multi_bottab rftp_multi_bottab_bottomline"
style="width : 25%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 4
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multi_bottab_spacer
rftp_multi_bottab_tabspacer_width">
- </div>
-
- </div>
- </div>
-
- <div class="rftp_multi_bottab_tabs">
- <div style="display : table-row;">
-
- <div class="rftp_multi_bottab_spacer rftp_multi_bottab_spacer_dis"
style="padding-left : 2px;">
- </div>
-
- <div class="rftp_multi_bottab" style="width : 20%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 5
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multi_bottab_spacer
rftp_multi_bottab_tabspacer_width">
- </div>
-
- <div class="rftp_multi_bottab" style="width : 20%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 6
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multi_bottab_spacer
rftp_multi_bottab_tabspacer_width">
- </div>
- <div class="rftp_multi_bottab" style="width : 20%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 7
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multi_bottab_spacer
rftp_multi_bottab_tabspacer_width">
- </div>
- <div class="rftp_multi_bottab" style="width : 20%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 8
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multi_bottab_spacer
rftp_multi_bottab_tabspacer_width">
- </div>
- <div class="rftp_multi_bottab" style="width : 20%">
- <div style="display : table;">
- <div style="display : table-row;">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 9
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </div>
- </div>
-
- <div class="rftp_multi_bottab_spacer rftp_multi_bottab_tabspacer_width
rftp_multi_bottab_spacer_dis">
- </div>
-
- </div>
- </div>
-
-
-
- </div>
-
-
-</div>
-
-
-<br><br>
-
-
-
-
-
-
-
-
-
-</body>
-</html>
Deleted: management/design-4x/TabPanel/tabs_table.html
===================================================================
--- management/design-4x/TabPanel/tabs_table.html 2010-09-09 16:13:55 UTC (rev 19148)
+++ management/design-4x/TabPanel/tabs_table.html 2010-09-09 16:33:34 UTC (rev 19149)
@@ -1,163 +0,0 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
-
-<html>
-<head>
- <title>Untitled</title>
- <link rel="STYLESHEET" type="text/css"
href="rftp_styles.css">
-</head>
-
-<body>
-
-
-<h1>Top tabs</h1>
-
-
-
-<div style="width : 100%;">
- <div class="rftp_toptab_tabline_vis">
- <table class="rftp_toptab_tabs" cellpadding="0"
cellspacing="0">
- <tr>
- <td class="rftp_toptab_spacer" style="padding-left :
5px;"><br>
- </td>
-
- <td class="rftp_toptab rftp_active_top">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close_act.gif" width="16"
height="16">
- </div>
- </div>
- </td>
-
- <td class="rftp_toptab_spacer
rftp_horizonttab_tabspacer_width"><br>
- </td>
-
- <td class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </td>
-
- <td class="rftp_toptab_spacer
rftp_horizonttab_tabspacer_width"><br>
- </td>
-
- <td class="rftp_toptab_spacer" style="padding-right : 5px; width :
100%;"><br>
- </td>
- </tr>
- </table>
-
- <div class="rftp_toptab_scroll_left rftp_hidden">
- «
- </div>
-
- <div class="rftp_toptab_tabslist rftp_hidden">
- ↓
- </div>
-
- <div class="rftp_toptab_scroll_right rftp_hidden">
- »
- </div>
-
- </div>
-
-
- <div class="rftp_toptab_border">
- </div>
-
- <div class="rftp_toptab_content">
- Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here.
- </div>
-
-</div>
-
-
-<br><br>
-
-
-<div style="width : 100%;">
- <div class="rftp_toptab_tabline_vis">
- <table class="rftp_toptab_tabs" cellpadding="0"
cellspacing="0">
- <tr>
- <td class="rftp_toptab_spacer" style="padding-left :
15px;"><br>
- </td>
-
- <td class="rftp_toptab rftp_active_top">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close_act.gif" width="16"
height="16">
- </div>
- </div>
- </td>
-
- <td class="rftp_toptab_spacer
rftp_horizonttab_tabspacer_width"><br>
- </td>
-
- <td class="rftp_toptab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </td>
-
- <td class="rftp_toptab_spacer
rftp_horizonttab_tabspacer_width"><br>
- </td>
-
- <td class="rftp_toptab_spacer" style="padding-right : 5px; width :
100%;"><br>
- </td>
- </tr>
- </table>
-
- <div class="rftp_toptab_scroll_left">
- «
- </div>
-
- <div class="rftp_toptab_tabslist">
- ↓
- </div>
-
- <div class="rftp_toptab_scroll_right">
- »
- </div>
-
- </div>
-
-
- <div class="rftp_toptab_border">
- </div>
-
- <div class="rftp_toptab_content">
- Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here.
- </div>
-
-</div>
-
-
-
-</body>
-</html>
Deleted: management/design-4x/TabPanel/tabs_table_bottom.html
===================================================================
--- management/design-4x/TabPanel/tabs_table_bottom.html 2010-09-09 16:13:55 UTC (rev
19148)
+++ management/design-4x/TabPanel/tabs_table_bottom.html 2010-09-09 16:33:34 UTC (rev
19149)
@@ -1,162 +0,0 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
-
-<html>
-<head>
- <title>Untitled</title>
- <link rel="STYLESHEET" type="text/css"
href="rftp_styles.css">
-</head>
-
-<body>
-
-
-<h1>Top tabs</h1>
-
-
-
-<div style="width : 100%;">
- <div class="rftp_bottomtab_content">
- Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here.
- </div>
-
- <div class="rftp_bottomtab_border">
- </div>
-
- <div class="rftp_bottomtab_tabline_vis">
- <table class="rftp_bottomtab_tabs" cellpadding="0"
cellspacing="0">
- <tr>
- <td class="rftp_bottomtab_spacer" style="padding-left :
5px;"><br>
- </td>
-
- <td class="rftp_bottomtab rftp_active_bottom">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close_act.gif" width="16"
height="16">
- </div>
- </div>
- </td>
-
- <td class="rftp_bottomtab_spacer
rftp_horizonttab_tabspacer_width"><br>
- </td>
-
- <td class="rftp_bottomtab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </td>
-
- <td class="rftp_bottomtab_spacer
rftp_horizonttab_tabspacer_width"><br>
- </td>
-
- <td class="rftp_bottomtab_spacer" style="padding-right : 5px; width
: 100%;"><br>
- </td>
- </tr>
- </table>
-
- <div class="rftp_bottomtab_scroll_left rftp_hidden">
- «
- </div>
-
- <div class="rftp_bottomtab_tabslist rftp_hidden">
- ↓
- </div>
-
- <div class="rftp_bottomtab_scroll_right rftp_hidden">
- »
- </div>
-
- </div>
-
-
-</div>
-
-
-<br><br>
-
-
-<div style="width : 100%;">
- <div class="rftp_bottomtab_content">
- Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here.
- </div>
-
- <div class="rftp_bottomtab_border">
- </div>
-
- <div class="rftp_bottomtab_tabline_vis">
- <table class="rftp_bottomtab_tabs" cellpadding="0"
cellspacing="0">
- <tr>
- <td class="rftp_bottomtab_spacer" style="padding-left :
15px;"><br>
- </td>
-
- <td class="rftp_bottomtab rftp_active_bottom">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close_act.gif" width="16"
height="16">
- </div>
- </div>
- </td>
-
- <td class="rftp_bottomtab_spacer
rftp_horizonttab_tabspacer_width"><br>
- </td>
-
- <td class="rftp_bottomtab">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </td>
-
- <td class="rftp_bottomtab_spacer
rftp_horizonttab_tabspacer_width"><br>
- </td>
-
- <td class="rftp_bottomtab_spacer" style="padding-right : 15px;
width : 100%;"><br>
- </td>
- </tr>
- </table>
-
- <div class="rftp_bottomtab_scroll_left">
- «
- </div>
-
- <div class="rftp_bottomtab_tabslist">
- ↓
- </div>
-
- <div class="rftp_bottomtab_scroll_right">
- »
- </div>
-
- </div>
-
-</div>
-
-
-
-</body>
-</html>
Deleted: management/design-4x/TabPanel/tabs_table_multiline.html
===================================================================
--- management/design-4x/TabPanel/tabs_table_multiline.html 2010-09-09 16:13:55 UTC (rev
19148)
+++ management/design-4x/TabPanel/tabs_table_multiline.html 2010-09-09 16:33:34 UTC (rev
19149)
@@ -1,188 +0,0 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
-
-<html>
-<head>
- <title>Untitled</title>
- <link rel="STYLESHEET" type="text/css"
href="rftp_styles.css">
-</head>
-
-<body>
-
-
-
-<h1>Mutlitabs TabPanel</h1>
-
-
-
-<div style="width : 100%;">
- <div class="rftp_topmultitab_tabline_vis">
- <table class="rftp_topmultitab_tabs" cellpadding="0"
cellspacing="0">
- <tr>
- <td class="rftp_topmultitab_spacer" style="padding-left :
5px;"><br>
- </td>
-
- <td class="rftp_toptab rftp_multitab_line_2">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 7
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </td>
-
- <td class="rftp_topmultitab_spacer
rftp_horizonttab_tabspacer_width"><br>
- </td>
-
- <td class="rftp_toptab rftp_multitab_line_2">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 8
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </td>
-
- <td class="rftp_topmultitab_spacer rftp_horizonttab_tabspacer_width"
style="padding-right : 5px;"><br>
- </td>
-
- </tr>
- </table>
-
- <table class="rftp_topmultitab_tabs " cellpadding="0"
cellspacing="0">
- <tr>
- <td class="rftp_toptab_spacer" style="padding-left :
5px;"><br>
- </td>
-
- <td class="rftp_toptab rftp_active_top rftp_multitab_line_1">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Active Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close_act.gif" width="16"
height="16">
- </div>
- </div>
- </td>
-
- <td class="rftp_toptab_spacer
rftp_horizonttab_tabspacer_width"><br>
- </td>
-
- <td class="rftp_toptab rftp_multitab_line_1">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 2
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </td>
-
- <td class="rftp_toptab_spacer
rftp_horizonttab_tabspacer_width"><br>
- </td>
-
- <td class="rftp_toptab rftp_multitab_line_1">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 3
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </td>
-
- <td class="rftp_toptab_spacer
rftp_horizonttab_tabspacer_width"><br>
- </td>
-
- <td class="rftp_toptab rftp_multitab_line_1">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 4
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </td>
-
- <td class="rftp_toptab_spacer
rftp_horizonttab_tabspacer_width"><br>
- </td>
-
- <td class="rftp_toptab rftp_multitab_line_1">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 5
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </td>
-
- <td class="rftp_toptab_spacer
rftp_horizonttab_tabspacer_width"><br>
- </td>
-
- <td class="rftp_toptab rftp_multitab_line_1">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 6
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </td>
-
- <td class="rftp_toptab_spacer rftp_horizonttab_tabspacer_width"
style="padding-right : 5px;"><br>
- </td>
-
- </tr>
- </table>
-
- </div>
-
-
- <div class="rftp_topmultitab_border">
- </div>
-
- <div class="rftp_toptab_content">
- Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here.
- </div>
-
-</div>
-
-
-
-
-
-</body>
-</html>
Deleted: management/design-4x/TabPanel/tabs_table_multiline_bottom.html
===================================================================
--- management/design-4x/TabPanel/tabs_table_multiline_bottom.html 2010-09-09 16:13:55 UTC
(rev 19148)
+++ management/design-4x/TabPanel/tabs_table_multiline_bottom.html 2010-09-09 16:33:34 UTC
(rev 19149)
@@ -1,189 +0,0 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
-
-<html>
-<head>
- <title>Untitled</title>
- <link rel="STYLESHEET" type="text/css"
href="rftp_styles.css">
-</head>
-
-<body>
-
-
-
-<h1>Mutlitabs TabPanel</h1>
-
-
-
-<div style="width : 100%;">
- <div class="rftp_bottomtab_content">
- Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here. Content will be here. Content will be here.
Content will be here. Content will be here.
- </div>
-
- <div class="rftp_bottommultitab_border">
- </div>
-
- <div class="rftp_bottommultitab_tabline_vis">
- <table class="rftp_bottommultitab_tabs " cellpadding="0"
cellspacing="0">
- <tr>
- <td class="rftp_bottomtab_spacer" style="padding-left :
5px;"><br>
- </td>
-
- <td class="rftp_bottomtab rftp_active_bottom rftp_multitab_line_1">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Active Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close_act.gif" width="16"
height="16">
- </div>
- </div>
- </td>
-
- <td class="rftp_bottomtab_spacer
rftp_horizonttab_tabspacer_width"><br>
- </td>
-
- <td class="rftp_bottomtab rftp_multitab_line_1">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 2
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </td>
-
- <td class="rftp_bottomtab_spacer
rftp_horizonttab_tabspacer_width"><br>
- </td>
-
- <td class="rftp_bottomtab rftp_multitab_line_1">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 3
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </td>
-
- <td class="rftp_bottomtab_spacer
rftp_horizonttab_tabspacer_width"><br>
- </td>
-
- <td class="rftp_bottomtab rftp_multitab_line_1">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 4
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </td>
-
- <td class="rftp_bottomtab_spacer
rftp_horizonttab_tabspacer_width"><br>
- </td>
-
- <td class="rftp_bottomtab rftp_multitab_line_1">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 5
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </td>
-
- <td class="rftp_bottomtab_spacer
rftp_horizonttab_tabspacer_width"><br>
- </td>
-
- <td class="rftp_bottomtab rftp_multitab_line_1">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 6
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </td>
-
- <td class="rftp_bottomtab_spacer rftp_horizonttab_tabspacer_width"
style="padding-right : 5px;"><br>
- </td>
-
- </tr>
- </table>
-
- <table class="rftp_bottommultitab_tabs" cellpadding="0"
cellspacing="0">
- <tr>
- <td class="rftp_bottommultitab_spacer" style="padding-left :
5px;"><br>
- </td>
-
- <td class="rftp_bottomtab rftp_multitab_line_2">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 7
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </td>
-
- <td class="rftp_bottommultitab_spacer
rftp_horizonttab_tabspacer_width"><br>
- </td>
-
- <td class="rftp_bottomtab rftp_multitab_line_2">
- <div class="rftp_label_container">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label">
- Tab name 8
- </div>
- <div class="rftp_close">
- <img src="close.gif" width="16" height="16">
- </div>
- </div>
- </td>
-
- <td class="rftp_bottommultitab_spacer rftp_horizonttab_tabspacer_width"
style="padding-right : 5px;"><br>
- </td>
-
- </tr>
- </table>
-
-
- </div>
-
-
-</div>
-
-
-
-
-
-</body>
-</html>
Deleted: management/design-4x/TabPanel/tabs_vert.html
===================================================================
--- management/design-4x/TabPanel/tabs_vert.html 2010-09-09 16:13:55 UTC (rev 19148)
+++ management/design-4x/TabPanel/tabs_vert.html 2010-09-09 16:33:34 UTC (rev 19149)
@@ -1,187 +0,0 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
-
-<html>
-<head>
- <title>Untitled</title><link rel="STYLESHEET"
type="text/css" href="rftp_styles.css">
-</head>
-
-<body>
-
-
-
-<h1>Vertical tabs</h1>
-
-
-<Table cellpadding="0" cellspacing="0" border="0"
style="height : 200px; width : 800px">
- <tr>
- <td valign="top" style="position : relative">
- <div class="rftp_lefttab rftp_lefttab_active" style=" position :
relative;">
- <div class="rftp_label_container_vert">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label_vert">
- Active Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close_act.gif" width="16"
height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_verttab_spacer">
- </div>
-
- <div class="rftp_lefttab">
- <div class="rftp_label_container_vert">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label_vert">
- Active Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close_act.gif" width="16"
height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_verttab_spacer">
- </div>
-
- <div class="rftp_lefttab">
- <div class="rftp_label_container_vert">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label_vert">
- Active Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close_act.gif" width="16"
height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_verttab_spacer">
- </div>
-
- <div class="rftp_lefttab">
- <div class="rftp_label_container_vert">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label_vert">
- Active Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close_act.gif" width="16"
height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_verttab_spacer">
- </div>
-
-
-
- </td>
- <td class="rftp_lefttab_border">
- <br>
- </td>
- <td class="rftp_lefttab_content">
- Content will be here.
- </td>
- </tr>
-</table>
-
-
-<br><br><br>
-
-<Table cellpadding="0" cellspacing="0" border="0"
style="height : 200px; width : 800px">
- <tr>
- <td class="rftp_righttab_content">
- Content will be here.
- </td>
- <td class="rftp_righttab_border">
- <br>
- </td>
- <td valign="top" style="position : relative">
- <div class="rftp_righttab rftp_righttab_active" style=" position :
relative;">
- <div class="rftp_label_container_vert">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label_vert">
- Active Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close_act.gif" width="16"
height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_verttab_spacer">
- </div>
-
- <div class="rftp_righttab">
- <div class="rftp_label_container_vert">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label_vert">
- Active Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close_act.gif" width="16"
height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_verttab_spacer">
- </div>
-
- <div class="rftp_righttab">
- <div class="rftp_label_container_vert">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label_vert">
- Active Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close_act.gif" width="16"
height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_verttab_spacer">
- </div>
-
- <div class="rftp_righttab">
- <div class="rftp_label_container_vert">
- <div class="rftp_icon">
- <img src="ico.gif" width="16" height="16">
- </div>
- <div class="rftp_label_vert">
- Active Tab name 1
- </div>
- <div class="rftp_close">
- <img src="close_act.gif" width="16"
height="16">
- </div>
- </div>
- </div>
-
- <div class="rftp_verttab_spacer">
- </div>
-
-
-
- </td>
- </tr>
-</table>
-
-
-
-</body>
-</html>