11:07 a.m.
Author: admitriev
Date: 2008-03-03 12:07:08 -0500 (Mon, 03 Mar 2008)
New Revision: 6500
Added:
management/design/userComponentCSS/markup/btn_bg.gif
management/design/userComponentCSS/markup/btn_press_bg.gif
management/design/userComponentCSS/markup/input_bg.gif
management/design/userComponentCSS/markup/input_error.gif
management/design/userComponentCSS/markup/rich-styles-example.html
Modified:
management/design/userComponentCSS/markup/rich-styles.css
Log:
Added: management/design/userComponentCSS/markup/btn_bg.gif
===================================================================
(Binary files differ)
Property changes on: management/design/userComponentCSS/markup/btn_bg.gif
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Added: management/design/userComponentCSS/markup/btn_press_bg.gif
===================================================================
(Binary files differ)
Property changes on: management/design/userComponentCSS/markup/btn_press_bg.gif
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Added: management/design/userComponentCSS/markup/input_bg.gif
===================================================================
(Binary files differ)
Property changes on: management/design/userComponentCSS/markup/input_bg.gif
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Added: management/design/userComponentCSS/markup/input_error.gif
===================================================================
(Binary files differ)
Property changes on: management/design/userComponentCSS/markup/input_error.gif
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Added: management/design/userComponentCSS/markup/rich-styles-example.html
===================================================================
--- management/design/userComponentCSS/markup/rich-styles-example.html
(rev 0)
+++ management/design/userComponentCSS/markup/rich-styles-example.html 2008-03-03 17:07:08
UTC (rev 6500)
@@ -0,0 +1,26 @@
+
+
+<html>
+<head>
+ <title></title>
+ <link rel="STYLESHEET" type="text/css"
href="rich-styles.css">
+</head>
+
+<body style="margin : 20px" class="rich-box-background-2">
+
+<fieldset class="rich-fieldset">
+<legend class="rich-legend">Field modes</legend>
+<Input type="Text" value="View mode"
class="rich-field"><br><br>
+<Input type="Text" value="Edit mode"
class="rich-field-edit"><br><br>
+<Input type="Text" value="Error mode"
class="rich-field-error">
+</fieldset>
+<br>
+<fieldset class="rich-fieldset">
+<legend class="rich-legend">Button modes</legend>
+<div style="width : 100px" class="rich-button"
onmouseover="this.className='rich-button-over'"
onmouseout="this.className='rich-button'"
onmousedown="this.className='rich-button-press'"
onmouseup="this.className='rich-button-over'">Button</div>
+<br>
+<div style="width : 100px"
class="rich-button-disabled">Button</div>
+</fieldset>
+
+</body>
+</html>
Modified: management/design/userComponentCSS/markup/rich-styles.css
===================================================================
--- management/design/userComponentCSS/markup/rich-styles.css 2008-03-03 16:37:36 UTC (rev
6499)
+++ management/design/userComponentCSS/markup/rich-styles.css 2008-03-03 17:07:08 UTC (rev
6500)
@@ -105,7 +105,7 @@
.rich-field{
border-width: 1px;
border-style : inset;
- border-color : #BED6F8 /*panelBorderColor*/;
+ border-color : #C0C0C0 /*panelBorderColor*/;
font-size: 11px /*generalSizeFont*/;
font-family: verdana /*generalFamilyFont*/;
color : #000000 /*controlTextColor*/;
@@ -117,16 +117,16 @@
.rich-field-edit{
border-width: 1px;
border-style : inset;
- border-color : #BED6F8 /*panelBorderColor*/;
+ border-color : #C0C0C0 /*panelBorderColor*/;
font-size: 11px /*generalSizeFont*/;
font-family: verdana /*generalFamilyFont*/;
color : #000000 /*controlTextColor*/;
- background-color : #FFF2D0 /*editBackgroundColor*/;
+ background-color : #FEFFDA /*editBackgroundColor*/;
}
.rich-field-error{
border-width: 1px;
border-style : inset;
- border-color : #BED6F8 /*panelBorderColor*/;
+ border-color : #C0C0C0 /*panelBorderColor*/;
font-size: 11px /*generalSizeFont*/;
font-family: verdana /*generalFamilyFont*/;
color : #000000 /*controlTextColor*/;
@@ -134,13 +134,13 @@
background-image : url(input_error.gif); /*warningColor*/
background-repeat : no-repeat;
background-position : center left;
- padding-left : 12px;
+ padding-left : 7px;
}
.rich-button{
border-width: 1px;
border-style : solid;
- border-color : #BED6F8 /*panelBorderColor*/;
+ border-color : #C0C0C0 /*panelBorderColor*/;
font-size: 11px /*buttonSizeFont*/;
font-family: verdana /*buttonFamilyFont*/;
color : #000000 /*generalTextColor*/;
@@ -149,12 +149,14 @@
background-repeat : repeat-x;
background-position : top left;
padding : 2px 10px 2px 10px;
+ text-align: center;
+ cursor:pointer;
}
.rich-button-disabled{
border-width: 1px;
border-style : solid;
- border-color : #BED6F8 /*panelBorderColor*/;
+ border-color : #C0C0C0 /*panelBorderColor*/;
font-size: 11px /*buttonSizeFont*/;
font-family: verdana /*buttonFamilyFont*/;
color : #6A92CF /*tabDisabledTextColor*/;
@@ -163,6 +165,8 @@
background-repeat : repeat-x;
background-position : top left;
padding : 2px 10px 2px 10px;
+ text-align: center;
+ cursor:default;
}
.rich-button-over{
@@ -177,26 +181,30 @@
background-repeat : repeat-x;
background-position : top left;
padding : 2px 10px 2px 10px;
+ text-align: center;
+ cursor:pointer;
}
-.rich-button_press{
+.rich-button-press{
border-width: 1px;
border-style : solid;
- border-color : #BED6F8 /*panelBorderColor*/;
+ border-color : #C0C0C0 /*panelBorderColor*/;
font-size: 11px /*buttonSizeFont*/;
font-family: verdana /*buttonFamilyFont*/;
color : #000000 /*generalTextColor*/;
background-color : #C6D6EA /*trimColor*/;
- background-image : url(btn_bg.gif)/*from trimColor to additionalBackgroundColor, width
1.7 buttonSizeFont*/;
+ background-image : url(btn_press_bg.gif)/*from trimColor to additionalBackgroundColor,
width 1.7 buttonSizeFont*/;
background-repeat : repeat-x;
background-position : bottom left;
padding : 2px 10px 2px 10px;
+ text-align: center;
+ cursor:pointer;
}
.rich-fieldset{
border-width: 1px;
border-style : solid;
- border-color : #BED6F8 /*panelBorderColor*/;
+ border-color : #C0C0C0 /*panelBorderColor*/;
font-size: 11px /*generalSizeFont*/;
font-family: verdana /*generalFamilyFont*/;
color : #000000 /*controlTextColor*/;
@@ -216,7 +224,7 @@
}
.rich-hr{
- color : #BED6F8 /*panelBorderColor*/;
+ color : #C0C0C0 /*panelBorderColor*/;
}
.rich-listitem{