Permalink
Browse files

Listview CSS: corner styling

  • Loading branch information...
1 parent e13e99f commit 61ead71fa95dbaa410fede86ab68f8e498809577 @jaspermdegroot jaspermdegroot committed Nov 5, 2012
Showing with 41 additions and 0 deletions.
  1. +41 −0 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; }

0 comments on commit 61ead71

Please sign in to comment.