Author: Ochikvina
Date: 2011-01-31 06:02:52 -0500 (Mon, 31 Jan 2011)
New Revision: 21314
Added:
management/design-4x/button/
management/design-4x/button/button.html
management/design-4x/button/images/
management/design-4x/button/images/ButtonBackgroundHoverImage.png
management/design-4x/button/images/ButtonBackgroundImage.png
Log:
RF-8675 - Hover effect on buttons
Added: management/design-4x/button/button.html
===================================================================
--- management/design-4x/button/button.html (rev 0)
+++ management/design-4x/button/button.html 2011-01-31 11:02:52 UTC (rev 21314)
@@ -0,0 +1,50 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+ <title>Select disabled</title>
+ <style rel="stylesheet" type="text/css">
+ body{
+ font:normal 11px Arial, Verdana, sans-serif;
+ margin:20px;
+ }
+
+ input, button{
+ color:#000000;
+ font-family:Arial,Verdana,sans-serif;
+ font-size:11px;
+ }
+
+ input, button{
+ border-color:#BED6F8;
+ border-width:1px;
+ color:#000000;
+ }
+
+ button, input[type="button"], input[type="submit"] {
+ background-color:#BED6F8; /* headerBackgroundColor */
+ background-image:url("images/ButtonBackgroundImage.png"); /*
gradient from(top) headerGradientColor to(bottom) headerBackgroundColor */
+ background-position:left top;
+ background-repeat:repeat-x;
+ border-color:#BED6F8; /* panelBorderColor */
+ border-width:1px;
+ color:#000000; /* generalTextColor */
+ font-family:Arial,Verdana,sans-serif; /* generalFamilyFont */
+ font-size:11px; /* generalSizeFont */
+ }
+
+ button:hover, input[type="button"]:hover,
input[type="submit"]:hover{
+ background-color:#BED6F8; /* headerBackgroundColor */
+ background-image:url("images/ButtonBackgroundHoverImage.png");
/* gradient from(top) headerBackgroundColor to(bottom) headerGradientColor */
+ background-position:left bottom;
+ background-repeat:repeat-x;
+ }
+ </style>
+</head>
+<body>
+ <h1>Button</h1>
+
+ <p>
+ <input type="submit" value="Action Button"/>
+ </p>
+</body>
+</html>
Added: management/design-4x/button/images/ButtonBackgroundHoverImage.png
===================================================================
(Binary files differ)
Property changes on: management/design-4x/button/images/ButtonBackgroundHoverImage.png
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Added: management/design-4x/button/images/ButtonBackgroundImage.png
===================================================================
(Binary files differ)
Property changes on: management/design-4x/button/images/ButtonBackgroundImage.png
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Show replies by thread