10:48 a.m.
Author: admitriev
Date: 2008-05-07 11:48:04 -0400 (Wed, 07 May 2008)
New Revision: 8479
Added:
management/design/panelBar/panelBar.html
management/design/tabPanel/
management/design/tabPanel/bg_active.jpg
management/design/tabPanel/bg_disable.jpg
management/design/tabPanel/bg_tab.jpg
management/design/tabPanel/tabPanel.html
Log:
Added: management/design/panelBar/panelBar.html
===================================================================
--- management/design/panelBar/panelBar.html (rev 0)
+++ management/design/panelBar/panelBar.html 2008-05-07 15:48:04 UTC (rev 8479)
@@ -0,0 +1,213 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
+
+<html>
+<head>
+<title>coll_panel</title>
+<style>
+.pmenu_size{
+ width : 300px;
+}
+
+.pmenu_text{
+ width: 100%;
+ padding-left : 5px;
+}
+
+.pmenu_item table{
+ border-top : 1px solid #BED6F8; /*panelBorderColor*/
+ font-size : 11px; /*generalSizeFont*/
+ font-family : verdana; /*generalFamilyFont*/
+ padding : 2px 1px 1px 1px;
+ margin-top : 1px;
+ cursor : pointer;
+}
+
+.pmenu_label{
+ border : 1px solid #BED6F8; /*panelBorderColor*/
+ font-size : 11px; /*generalSizeFont*/
+ font-family : verdana; /*generalFamilyFont*/
+ padding : 1px;
+ margin-bottom : 3px
+}
+
+.pmenu_label table.label{
+ background-color : #E9F2FF; /*headerBackgroundColor*/
+ font-size : 11px; /*headerSizeFont*/
+ font-family : verdana; /*generalFamilyFont*/
+ color : #000000; /*headerTextColor*/
+ font-weight : regular;
+ background-image : url(pmenu_bg.gif); /*from headerGradientColor to
headerBackgroundColor*/
+ background-position : top left;
+ background-repeat : repeat-x;
+ padding : 2px 1px 2px 2px;
+ cursor : pointer;
+}
+
+.group{
+ font-weight : regular;
+}
+
+.disabled{
+ color : #BED6F8; /*panelBorderColor*/
+}
+
+.select{
+ background : #C7D7EC; /*additionalBackgroundColor*/
+ border-top : 1px solid #FFFFFF; /*panelBorderColor*/
+}
+
+
+</style>
+
+</head>
+
+<body>
+
+
+<div class="pmenu_size">
+<div class="pmenu_label">
+ <table cellspacing=0 cellpadding=0 border=0 class="label">
+ <tr>
+ <td><img src="icon.gif" width="16"
height="16"></td>
+ <td class="pmenu_text">Display item name</td>
+ <td><img src="spacer.gif" width="16"
height="16"></td>
+ </tr>
+ </table>
+
+ <div class="pmenu_item">
+ <table cellspacing=0 cellpadding=0 border=0 class="group">
+ <tr>
+ <td><img src="spacer.gif" width="16"
height="16"><img src="icon.gif" width="16"
height="16"></td>
+ <td class="pmenu_text">Display item name</td>
+ <td><img src="spacer.gif" width="16"
height="16"></td>
+ </tr>
+ </table>
+
+ <div class="pmenu_item">
+ <table cellspacing=0 cellpadding=0 border=0 class="">
+ <tr>
+ <td><img src="spacer.gif" width="16"
height="16"><img src="spacer.gif" width="16"
height="16"><img src="icon.gif" width="16"
height="16"></td>
+ <td class="pmenu_text">Display item name</td>
+ <td><img src="spacer.gif" width="16"
height="16"></td>
+ </tr>
+ </table>
+
+
+
+ </div>
+ <div class="pmenu_item">
+ <table cellspacing=0 cellpadding=0 border=0 class="select">
+ <tr>
+ <td><img src="spacer.gif" width="16"
height="16"><img src="spacer.gif" width="16"
height="16"><img src="icon.gif" width="16"
height="16"></td>
+ <td class="pmenu_text">Display item name</td>
+ <td><img src="spacer.gif" width="16"
height="16"></td>
+ </tr>
+ </table>
+
+
+
+ </div>
+
+ </div>
+ <div class="pmenu_item">
+ <table cellspacing=0 cellpadding=0 border=0 class="disabled group">
+ <tr>
+ <td><img src="spacer.gif" width="16"
height="16"><img src="icon.gif" width="16"
height="16"></td>
+ <td class="pmenu_text">Display item name</td>
+ <td><img src="spacer.gif" width="16"
height="16"></td>
+ </tr>
+ </table>
+
+ <div class="pmenu_item" style="display : none">
+ <table cellspacing=0 cellpadding=0 border=0>
+ <tr>
+ <td><img src="spacer.gif" width="16"
height="16"><img src="spacer.gif" width="16"
height="16"><img src="icon.gif" width="16"
height="16"></td>
+ <td class="pmenu_text">Display item name</td>
+ <td><img src="spacer.gif" width="16"
height="16"></td>
+ </tr>
+ </table>
+
+
+
+ </div>
+
+ </div>
+</div>
+
+<div class="pmenu_label">
+ <table cellspacing=0 cellpadding=0 border=0 class="label">
+ <tr>
+ <td><img src="icon.gif" width="16"
height="16"></td>
+ <td class="pmenu_text">Display item name</td>
+ <td><img src="spacer.gif" width="16"
height="16"></td>
+ </tr>
+ </table>
+
+ <div class="pmenu_item" style="display : none">
+ <table cellspacing=0 cellpadding=0 border=0>
+ <tr>
+ <td><img src="spacer.gif" width="16"
height="16"><img src="icon.gif" width="16"
height="16"></td>
+ <td class="pmenu_text">Display item name</td>
+ <td><img src="spacer.gif" width="16"
height="16"></td>
+ </tr>
+ </table>
+
+
+
+ </div>
+</div>
+
+<div class="pmenu_label">
+ <table cellspacing=0 cellpadding=0 border=0 class="label">
+ <tr>
+ <td><img src="icon.gif" width="16"
height="16"></td>
+ <td class="pmenu_text">Display item name</td>
+ <td><img src="spacer.gif" width="16"
height="16"></td>
+ </tr>
+ </table>
+
+ <div class="pmenu_item" style="display : none">
+ <table cellspacing=0 cellpadding=0 border=0>
+ <tr>
+ <td><img src="spacer.gif" width="16"
height="16"><img src="icon.gif" width="16"
height="16"></td>
+ <td class="pmenu_text">Display item name</td>
+ <td><img src="spacer.gif" width="16"
height="16"></td>
+ </tr>
+ </table>
+
+
+
+ </div>
+</div>
+
+<div class="pmenu_label">
+ <table cellspacing=0 cellpadding=0 border=0 class="label">
+ <tr>
+ <td><img src="icon.gif" width="16"
height="16"></td>
+ <td class="pmenu_text">Display item name</td>
+ <td><img src="spacer.gif" width="16"
height="16"></td>
+ </tr>
+ </table>
+
+ <div class="pmenu_item" style="display : none ">
+ <table cellspacing=0 cellpadding=0 border=0>
+ <tr>
+ <td><img src="spacer.gif" width="16"
height="16"><img src="icon.gif" width="16"
height="16"></td>
+ <td class="pmenu_text">Display item name</td>
+ <td><img src="spacer.gif" width="16"
height="16"></td>
+ </tr>
+ </table>
+
+
+
+ </div>
+</div>
+</div>
+
+
+
+
+
+
+</body>
+</html>
Added: management/design/tabPanel/bg_active.jpg
===================================================================
(Binary files differ)
Property changes on: management/design/tabPanel/bg_active.jpg
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Added: management/design/tabPanel/bg_disable.jpg
===================================================================
(Binary files differ)
Property changes on: management/design/tabPanel/bg_disable.jpg
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Added: management/design/tabPanel/bg_tab.jpg
===================================================================
(Binary files differ)
Property changes on: management/design/tabPanel/bg_tab.jpg
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Added: management/design/tabPanel/tabPanel.html
===================================================================
--- management/design/tabPanel/tabPanel.html (rev 0)
+++ management/design/tabPanel/tabPanel.html 2008-05-07 15:48:04 UTC (rev 8479)
@@ -0,0 +1,59 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
+
+<html>
+<head>
+ <title>Untitled</title>
+<style>
+ .tabpanel_width{width : 400px;}
+ .tabpanel_tab{border : 1px solid #cccccc; float : left; border-bottom : 0px;background :
url(bg_tab.jpg) repeat-x 0% 50%;}
+ .tabpanel_tab_active{background : url(bg_active.jpg) repeat-x 0% 50%; color : #FFFFFF;}
+ .tabpanel_tab_disabled{background : url(bg_disable.jpg) repeat-x 0% 50%; color :
#cccccc;}
+ .tabpanel_tab_data{padding : 2px 10px 2px 10px; font : 11px arial; float : left}
+ .tabpanel_spacer{border-bottom : 0px; float : left; width : 2px;}
+ .tabpanel_spacer_hpadding{padding-left : 0px; padding-right : 0px;}
+ .tabpanel_panel{border : 1px solid #cccccc; border-top : 3px solid #850000; padding :
10px 14px 10px 10px; font : 11px arial; background : f1f1f1;}
+</style>
+</head>
+
+<body style="margin : 30px">
+
+
+<div class="tabpanel_width">
+ <div class="tabpanel_spacer tabpanel_tab_data
tabpanel_spacer_hpadding">
+
+ </div>
+
+ <div class="tabpanel_tab tabpanel_tab_data">
+ Normal tab
+ </div>
+
+ <div class="tabpanel_spacer tabpanel_tab_data
tabpanel_spacer_hpadding">
+
+ </div>
+
+ <div class="tabpanel_tab tabpanel_tab_data tabpanel_tab_active">
+ Active tab
+ </div>
+
+ <div class="tabpanel_spacer tabpanel_tab_data
tabpanel_spacer_hpadding">
+
+ </div>
+
+ <div class="tabpanel_tab tabpanel_tab_data tabpanel_tab_disabled">
+ Disabled tab
+ </div>
+
+ <div class="tabpanel_spacer tabpanel_tab_data
tabpanel_spacer_hpadding">
+
+ </div>
+ <br class="all">
+
+ <div class="tabpanel_panel">
+ Content<br><br><br><br>
+ </div>
+
+</div>
+
+
+</body>
+</html>