From 9f237f1ff8326de74e4640c460f095cbff6aa7f3 Mon Sep 17 00:00:00 2001 From: tekkub Date: Fri, 16 Oct 2009 17:25:41 -0600 Subject: Use jQuery UI's icon classes --- css/style.css | 15 ++++++++++++--- 1 file changed, 12 insertions(+), 3 deletions(-) (limited to 'css/style.css') diff --git a/css/style.css b/css/style.css index f6ef180..d8dc77b 100755 --- a/css/style.css +++ b/css/style.css @@ -11,12 +11,10 @@ /*********************/ #guides .guide .sidebar h3 { - padding: 4px 4px 4px 14px; - background: white url(/images/expand.png) -2px 6px no-repeat; + padding: 4px; margin: .2em 0; cursor: pointer; } -#guides .guide .sidebar h3.ui-state-active { background: white url(/images/collapse.png) -2px 6px no-repeat; } #guides .guide .sidebar h3:focus { outline: none; } .sidebar dl { padding: 0 0.5em 0.5em 0.5em; } @@ -25,6 +23,17 @@ margin-top: 0.5em; } +.ui-icon { + display: inline-block; + width: 16px; + height: 16px; + background-color: white; + background-position: -2px 2px; + background-repeat: no-repeat; +} +.ui-icon-triangle-expand { background-image: url(/images/expand.png); } +.ui-icon-triangle-collapse { background-image: url(/images/collapse.png); } + /**********************/ /* Pre/code */ -- cgit v1.3.1