10:42 a.m.
Author: admitriev
Date: 2008-02-27 11:42:13 -0500 (Wed, 27 Feb 2008)
New Revision: 6384
Added:
management/design/userComponentCSS/
management/design/userComponentCSS/markup/
management/design/userComponentCSS/markup/bullet.gif
management/design/userComponentCSS/markup/example.html
management/design/userComponentCSS/markup/header_bg.gif
management/design/userComponentCSS/markup/menu_list_bg.gif
management/design/userComponentCSS/markup/node.gif
management/design/userComponentCSS/markup/style.css
Log:
Added: management/design/userComponentCSS/markup/bullet.gif
===================================================================
(Binary files differ)
Property changes on: management/design/userComponentCSS/markup/bullet.gif
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Added: management/design/userComponentCSS/markup/example.html
===================================================================
--- management/design/userComponentCSS/markup/example.html (rev
0)
+++ management/design/userComponentCSS/markup/example.html 2008-02-27 16:42:13 UTC (rev
6384)
@@ -0,0 +1,118 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
+
+<html>
+<head>
+ <title></title>
+ <link rel="STYLESHEET" type="text/css"
href="style.css">
+</head>
+
+<body class="body font">
+
+<div class="menu_exterior">
+ <div class="menu_item">item 1</div>
+ <div class="menu_item">item 2</div>
+ <div class="menu_separator"></div>
+ <div class="menu_item">item 3</div>
+ <div class="menu_item_disabled">item 4</div>
+ <div class="menu_item_select menu_node">item 5</div>
+</div>
+<br><br>
+
+<table class="table_external" width="300">
+ <tr>
+ <td class="table_header">
+ Header
+ </td>
+ <td class="table_header">
+ Header
+ </td>
+ </tr>
+ <tr>
+ <td class="table_subheader">
+ Subheader
+ </td>
+ <td class="table_subheader">
+ Subheader
+ </td>
+ </tr>
+ <tr>
+ <td>
+ Item
+ </td>
+ <td>
+ Item
+ </td>
+ </tr>
+ <tr>
+ <td>
+ Item
+ </td>
+ <td>
+ Item
+ </td>
+ </tr>
+ <tr class="table_hover">
+ <td>
+ Item
+ </td>
+ <td>
+ Item
+ </td>
+ </tr>
+ <tr>
+ <td>
+ Item
+ </td>
+ <td>
+ Item
+ </td>
+ </tr>
+ <tr>
+ <td>
+ Item
+ </td>
+ <td>
+ Item
+ </td>
+ </tr>
+ <tr>
+ <td>
+ Item
+ </td>
+ <td>
+ Item
+ </td>
+ </tr>
+ <tr>
+ <td class="table_subfooter">
+ Subfooter
+ </td>
+ <td class="table_subfooter">
+ Subfooter
+ </td>
+ </tr>
+ <tr>
+ <td class="table_footer">
+ Footer
+ </td>
+ <td class="table_footer">
+ Footer
+ </td>
+ </tr>
+</table>
+
+<br><br>
+<li class="li">List Item</li>
+<br><br>
+
+<div class="panel_exterior">
+ <div class="panel_header">
+ Panel header
+ </div>
+ <div class="panel_interior">
+ Panel content
+ </div>
+</div>
+
+</body>
+</html>
Added: management/design/userComponentCSS/markup/header_bg.gif
===================================================================
(Binary files differ)
Property changes on: management/design/userComponentCSS/markup/header_bg.gif
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Added: management/design/userComponentCSS/markup/menu_list_bg.gif
===================================================================
(Binary files differ)
Property changes on: management/design/userComponentCSS/markup/menu_list_bg.gif
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Added: management/design/userComponentCSS/markup/node.gif
===================================================================
(Binary files differ)
Property changes on: management/design/userComponentCSS/markup/node.gif
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Added: management/design/userComponentCSS/markup/style.css
===================================================================
--- management/design/userComponentCSS/markup/style.css (rev 0)
+++ management/design/userComponentCSS/markup/style.css 2008-02-27 16:42:13 UTC (rev
6384)
@@ -0,0 +1,165 @@
+/*common styles*/
+
+.body{
+ background-color : #FFFFFF;
+ margin : 10px;
+}
+*.font{
+ font-family : Arial;
+ font-size : 11px;
+}
+
+
+
+/*DD menu styles*/
+
+.menu_exterior {
+ border : 1px solid #bfbfc0; /*panelBorderColor*/
+ background : url(menu_list_bg.gif) repeat-y left /*from additionalBackgroundColor (left)
to tabBackgroundColor (right)*/ #e7f2fb; /*additionalBackgroundColor*/;
+ padding : 1px;
+}
+.menu_item {
+ border : 0px;
+ padding : 2px 36px 2px 28px;
+ white-space : nowrap;
+ font-family : arial; /*generalFamilyFont*/
+ font-size : 11px; /*generalSizeFont*/
+}
+.menu_item_select {
+ background-color : #FAE6B0; /*tipBackgroundColor*/
+ border: 1px solid #C77A00; /*TipBorderColor*/
+ cursor : pointer;
+ padding : 1px 35px 1px 27px;
+ white-space : nowrap;
+ font-family : arial; /*generalFamilyFont*/
+ font-size : 11px; /*generalSizeFont*/
+}
+.menu_item_disabled {
+ border : 0px;
+ padding : 2px 36px 2px 28px;
+ white-space : nowrap;
+ font-family : arial; /*generalFamilyFont*/
+ font-size : 11px; /*generalSizeFont*/
+ color : #839eca; /*tabDisabledTextColor*/
+}
+
+.menu_item a, .menu_item_select{
+ color : #000000; /*generalTextColor*/
+ text-decoration : none;
+}
+
+.menu_separator {
+ font-size : 0px;
+ border-top: 1px solid #bfbfc0; /*panelBorderColor*/
+ margin : 2px 0px 2px 24px;
+}
+
+.menu_node {
+ background-image : url(node.gif); /*generalTextColor*/
+ background-repeat: no-repeat;
+ background-position: center right;
+}
+
+
+/*table & greed styles*/
+
+.table_external{
+ border-top : 1px solid #c0c0c0 /*tableBorderColor*/;
+ border-left: 1px solid #c0c0c0 /*tableBorderColor*/;
+ border-bottom : 0px;
+ border-right : 0px;
+ background-color : #FFFFFF /*tableBackgroundColor*/;
+ border-collapse : collapse;
+}
+.table_external td{
+ border-top : 0px;
+ border-left: 0px;
+ border-bottom : 1px solid #c0c0c0 /*tableBorderColor*/;
+ border-right : 1px solid #c0c0c0 /*tableBorderColor*/;
+ font-family : Arial;
+ font-size : 11px;
+
+}
+.table_header{
+ border-top : 1px solid #4A75B5; /*headerBackgroundColor*/
+ border-left: 1px solid #4A75B5; /*headerBackgroundColor*/
+ background-color : #4A75B5 /*headerBackgroundColor*/;
+ background-image : url(header_bg.gif); /*from headerGradientColor to
headerBackgroundColor*/
+ background-repeat: repeat-x;
+ background-position: top;
+ color : #FFFFFF /*headerTextColor*/;
+ font-family : Arial;
+ font-size : 11px;
+ padding : 1px 1px 2px 5px;
+}
+.table_subheader{
+ background-color : #C6D6EA /*trimColor*/;
+}
+.table_footer{
+ background-color : #cccccc /*tableFooterBackgroundColor*/;
+}
+.table_subfooter{
+ background-color : #f1f1f1 /*tableSubfooterBackgroundColor*/;
+}
+.table_hover{
+ background-color : #FAE6B0; /*tipBackgroundColor*/
+}
+
+
+/*list styles*/
+
+.li{list-style-image : url(bullet.gif); /*background - headerBackgroundColor, glare -
headerGradientColor*/}
+
+
+
+/*panel styles*/
+
+.panel_exterior{
+ border : 1px solid #C0C0C0; /*panelBorderColor*/
+ background-color : #F3F2F2; /*generalBackgroundColor*/
+}
+
+.panel_header{
+ border : 1px solid #4A75B5; /*headerBackgroundColor*/
+ background-color : #4A75B5; /*headerBackgroundColor*/
+ font-size : 11px; /*headerSizeFont*/
+ color : #ffffff; /*headTextColor*/
+ font-family : Arial; /*headerFamilyFont*/
+ padding : 1px 1px 1px 5px;
+ background-image : url(header_bg.gif); /*from headerGradientColor to
headerBackgroundColor*/
+ background-position : top left;
+ background-repeat : repeat-x;
+ margin : 1px;
+
+}
+
+.panel_interior{
+ font-size : 11px; /*preferableDataSizeFont*/
+ color : #000000; /*preferableDataSizeFont*/
+ font-family : arial; /*preferableDataFamilyFont*/
+ padding : 10px; /*preferablePanelBodyPadding*/
+ text-align : left;
+ vertical-align : top;
+}
+
+.panel_header_button{
+ padding : 1px;
+ font-size : 11px; /*headerSizeFont*/
+ color : #ffffff; /*headTextColor*/
+}
+.panel_header_button_over{
+ padding : 0px;
+ border : 1px outset #C0C0C0; /*panelBorderColor*/
+ background-color : #4A75B5; /*headerBackgroundColor*/
+ font-size : 11px; /*headerSizeFont*/
+ color : #ffffff; /*headTextColor*/
+}
+.panel_header_button_press{
+ padding : 0px;
+ border : 1px inset #C0C0C0; /*panelBorderColor*/
+ background-color : #4A75B5; /*headerBackgroundColor*/
+ font-size : 11px; /*headerSizeFont*/
+ color : #ffffff; /*headTextColor*/
+}
+
+