Port shadow borders demo to main UI

[GoogleCodeExporter]

Use shadow borders style as shown in the demo version of it (inside TestShadow 
class).
The design is heavily based on Visual Studio 2012 UI.

Attached is what the application may look like if the design is applied.

Note: The shadow demo does not consider the maximize state. To overcome this 
problem, set margins of the grid to "0 0 0 0" only if the window is maximized.

There are some minor changes I recommend (however, you need not follow):
1. When user interacts with the controls on the form, it should react in a 
similar fashion to how it does in Windows 8 (i.e. textbox hover/focus changes 
the border, hovering over list items shows a border on that item). This is to 
give user immediate feedback as to which controls are active.
2. Add suitable padding/margin so that the bottom of the list box is of the 
same spacing as from the left and right.
3. Border of controls reduce to 1 px. When textbox is active, have a "glow" 
effect.
4. Reduce font size of Date times shown in list to increase emphasis on task 
description.

Preferably this could be completed by milestone V0.2.

Original issue reported on code.google.com by ready...@gmail.com on 21 Oct 2012 at 1:56

Attachments:

• calendov2-mockup.png

[GoogleCodeExporter]

Original comment by jchen...@gmail.com on 22 Oct 2012 at 5:22

• Changed state: Started
• Added labels: ****
• Removed labels: ****

[GoogleCodeExporter]

Done as of rev f482d4f600ce.

Original comment by jchen...@gmail.com on 23 Oct 2012 at 2:15

• Changed state: Fixed
• Added labels: ****
• Removed labels: ****