--- /dev/null
+<html>\r
+<head>\r
+<meta http-equiv="Content-Language" content="en-us" />\r
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />\r
+<style type="text/css">\r
+ table.news tr { vertical-align: top; }\r
+ table.news tr td.section { font-size: 20px; font-weight: bold; }\r
+ table.news tr td.title { vertical-align: top; width: 30%; font-weight: bold; }\r
+ table.news tr td.content { vertical-align: top; width: 70%; }\r
+</style>\r
+<title>Tip Of The Day</title>\r
+<script language="JavaScript">\r
+function executeCommand(command) {\r
+ var result;\r
+ try {\r
+ result = javaFunction(command);\r
+ return;\r
+ } catch (e) {\r
+ alert('a java error occurred: ' + e.message);\r
+ return;\r
+ }\r
+}\r
+</script>\r
+</head>\r
+<body>\r
+<table class="news" border="0" cellpadding="10" cellspacing="0" width="600">\r
+<tr>\r
+<tr id="csseditor">\r
+ <td class="title">CSS Editor</td>\r
+ <td class="content">\r
+\r
+ <li><b>Color Preview and ColorPicker</b>: Hovering over a color property value in the CSS editor will now pop up a preview of the written color. Also you can change the color in the ColorPicker.\r
+ <p><img width="530" alt="Color Preview and ColorPicker" src="images/colorpreview.png"/></p>\r
+\r
+ <li><b>Image Preview</b>: Hovering over a image property value in the CSS editor will now pop up a preview of the image.\r
+ <p><img width="530" alt="Image Preview" src="images/imagepreview.png" /></p>\r
+ </ul>\r
+\r
+ <li><b>Quick View</b>: Quick View showing graphical representations of property value in the CSS editor. Hovering over a Quick View will now pop up a code of the CSS Editor.\r
+ <p><img width="530" alt="Quick View" src="images/quickview.png" /></p>\r
+ </ul>\r
+\r
+ </td>\r
+</tr>\r
+</tr>\r
+</table>\r
+</body>\r
+</html>\r