Merge lp:~cruzjbishop/loggerhead/UI-Round-1 into lp:loggerhead

[Cruz Bishop]

Introduce some more minor UI changes

This merge request pulls in some minor UI changes to do with rounded corners.

The changes are as follows:

1: Introduce more natural looking borders in the info box. http://i.imgur.com/U9mRu.png

2: Make the "file diff" (for lack of a better name) header more tab-like in appearance. http://i.imgur.com/U9mRu.png

3: Give top-level menu entries rounded corners. http://i.imgur.com/YzI8f.png and http://i.imgur.com/8CgbG.png

[Benji York (benji)]

I had a hard time deciding whether or not eliding the vendor-prefixed versions of the rounding directives is acceptable here. I just barely came down on the side of leaving them out, but if me mentioning it spurs you to put them in, I won't complain.

review: Approve (code)

=== modified file 'loggerhead/static/css/diff.css'
--- loggerhead/static/css/diff.css	2012-03-28 20:45:44 +0000
+++ loggerhead/static/css/diff.css	2012-09-21 02:32:18 +0000
@@ -6,7 +6,7 @@
     color: #666;
     background: #fcfcfc url(../images/bg_infobox.gif) repeat-y top right;
     border: 1px solid #b7b7b7;
-    border-radius: 5px; 
+    border-radius: 13px / 7px; 
     }
 ul#list-files {
     float: right;
@@ -39,7 +39,7 @@
     background: #eef6fa;
     border: 1px solid #d2d2d2;
     margin: 10px 0 0 0;
-    border-radius: 5px 5px 5px 0px;
+    border-radius: 5px 5px 8px 0px / 17px 17px 5px 0px;
     }
 .diffBox img {
     vertical-align: middle;

=== modified file 'loggerhead/static/css/global.css'
--- loggerhead/static/css/global.css	2011-11-23 17:21:39 +0000
+++ loggerhead/static/css/global.css	2012-09-21 02:32:18 +0000
@@ -131,11 +131,13 @@
 ul#menuTabs li a:hover {
     background-color: #f3f3f3;
     text-decoration: none;
+    border-radius: 5px;
     }
 ul#menuTabs li a#on {
     font-weight: bold;
     color: #fff;
     background-color: #747474;
+    border-radius: 5px;
     }
 
 /* Sub-menu Tabs */