Listview CSS: corner styling

Author: jaspermdegroot

css/structure/jquery.mobile.listview.css

@@ -19,6 +19,47 @@ ol.ui-listview .ui-li-jsnumbering:before { content: "" !important; } /* to avoid
 .ui-collapsible-content > .ui-listview:not(.ui-listview-inset),
 .ui-collapsible-content > .ui-listview:not(.ui-listview-inset) .ui-li-last { -webkit-border-bottom-left-radius: inherit; -webkit-border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; }
 .ui-collapsible-content > .ui-listview:not(.ui-listview-inset) .ui-li-last .ui-li-link-alt { -webkit-border-bottom-right-radius: inherit; border-bottom-right-radius: inherit; }
+/* Corner styling */
+.ui-listview > .ui-li:first-child,
+.ui-listview .ui-btn:first-child > .ui-li,
+.ui-listview .ui-btn:first-child > .ui-li > .ui-btn-text,
+.ui-listview .ui-btn:first-child > .ui-li > .ui-btn-text > .ui-link-inherit {
+	-webkit-border-top-right-radius: inherit;	
+	border-top-right-radius: inherit;
+	-webkit-border-top-left-radius: inherit;
+	border-top-left-radius: inherit;
+}
+.ui-listview > .ui-li:last-child,
+.ui-listview .ui-btn:last-child > .ui-li,
+.ui-listview .ui-btn:last-child > .ui-li > .ui-btn-text,
+.ui-listview .ui-btn:last-child > .ui-li > .ui-btn-text > .ui-link-inherit {
+	-webkit-border-bottom-right-radius: inherit;
+	border-bottom-right-radius: inherit;
+	-webkit-border-bottom-left-radius: inherit;
+	border-bottom-left-radius: inherit;
+}
+.ui-listview > .ui-li:first-child .ui-li-link-alt {
+	-webkit-border-top-right-radius: inherit;	
+	border-top-right-radius: inherit;	
+}
+.ui-listview > .ui-li:last-child .ui-li-link-alt {
+	-webkit-border-bottom-right-radius: inherit;
+	border-bottom-right-radius: inherit;	
+}
+.ui-listview > .ui-li:first-child .ui-li-thumb {
+	-webkit-border-top-left-radius: inherit;
+	border-top-left-radius: inherit;	
+}
+.ui-listview > .ui-li:last-child .ui-li-thumb {
+	-webkit-border-bottom-left-radius: inherit;
+	border-bottom-left-radius: inherit;	
+}
+.ui-listview > .ui-li:first-child .ui-li-icon,
+.ui-listview > .ui-li:last-child .ui-li-icon {
+	-webkit-border-radius: 0;
+	border-radius: 0;		
+}
+
 .ui-li>.ui-btn-inner { display: block; position: relative; padding: 0; }
 .ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li { padding: .7em 15px; display: block; }
 .ui-li-has-thumb .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-thumb  { min-height: 60px; padding-left: 100px; }