| Index: trunk/extensions/SemanticDrilldown/skins/SD_main.css |
| — | — | @@ -2,34 +2,90 @@ |
| 3 | 3 | * The main CSS file for the Semantic Drilldown extension. |
| 4 | 4 | */ |
| 5 | 5 | |
| 6 | | -div.drilldown-categories-wrapper { |
| | 6 | +p#categories-header { |
| | 7 | + font-weight: bold; |
| | 8 | +} |
| | 9 | + |
| | 10 | +/* Normal (sidebar) display of categories list */ |
| | 11 | + |
| | 12 | +div#drilldown-categories-wrapper { |
| 7 | 13 | float: right; |
| 8 | 14 | background: white; |
| 9 | 15 | padding: 0px 25px 25px 25px; |
| 10 | 16 | } |
| 11 | 17 | |
| 12 | | -div.drilldown-categories { |
| | 18 | +ul#drilldown-categories { |
| 13 | 19 | border: 2px #888888 solid; |
| | 20 | + border-top: 1px #888888 solid; |
| | 21 | + list-style: none; |
| 14 | 22 | } |
| 15 | 23 | |
| 16 | | -div.drilldown-categories-header { |
| | 24 | +ul#drilldown-categories li { |
| | 25 | + padding: 3px 8px 3px 8px; |
| | 26 | + margin: 0px; |
| | 27 | +} |
| | 28 | + |
| | 29 | +p#categories-header { |
| 17 | 30 | font-weight: bold; |
| 18 | | - padding: 3px 8px 3px 8px; |
| 19 | | - background: #c9c9c9; |
| 20 | 31 | } |
| 21 | 32 | |
| 22 | | -div.drilldown-category { |
| 23 | | - border-top: 1px #aaaaaa solid; |
| 24 | | - padding: 3px 8px 3px 8px; |
| 25 | | - margin: 0px; |
| | 33 | +ul#drilldown-categories li.category { |
| | 34 | + border-top: 1px #aaaaaa solid; |
| | 35 | + background: #e9e9e9; |
| | 36 | +} |
| | 37 | + |
| | 38 | +ul#drilldown-categories li.selected { |
| | 39 | + background: white; |
| | 40 | +} |
| | 41 | + |
| | 42 | +/* Tab-based display of categories list |
| | 43 | + * - based in part on |
| | 44 | + * http://unraveled.com/publications/assets/css_tabs/index3.html |
| | 45 | + */ |
| | 46 | + |
| | 47 | +div#drilldown-categories-tabs-wrapper { |
| | 48 | +} |
| | 49 | + |
| | 50 | +ul#drilldown-categories-tabs { |
| | 51 | + padding-bottom: 40px; |
| | 52 | + list-style: none; |
| | 53 | + padding: 0px 5px 0px 5px; |
| | 54 | + border-bottom: 1px #999999 solid; |
| | 55 | + margin: 1em 0 1em 0; /* set margins as desired */ |
| | 56 | +} |
| | 57 | + |
| | 58 | +ul#drilldown-categories-tabs a:hover { |
| | 59 | + background: #f5f5f5; |
| | 60 | +} |
| | 61 | + |
| | 62 | +p#categories-header { |
| | 63 | + font-weight: bold; |
| | 64 | +} |
| | 65 | + |
| | 66 | +ul#drilldown-categories-tabs li.category { |
| | 67 | + border: 1px #aaaaaa solid; |
| | 68 | + border-bottom: none; |
| | 69 | + margin: 0px 2px 0px 2px; |
| | 70 | + padding: 3px 0px 3px 0px; |
| 26 | 71 | background: #e9e9e9; |
| | 72 | + font-size: smaller; |
| | 73 | + display: inline; |
| 27 | 74 | } |
| 28 | 75 | |
| 29 | | -div.selected-category { |
| | 76 | +ul#drilldown-categories-tabs li.category a { |
| | 77 | + padding: 3px 4px 3px 4px; |
| | 78 | +} |
| | 79 | + |
| | 80 | +ul#drilldown-categories-tabs li.selected { |
| | 81 | + padding: 3px 4px 3px 4px; |
| 30 | 82 | background: white; |
| | 83 | + border: 1px #999999 solid; |
| | 84 | + border-bottom: 1px white solid; |
| 31 | 85 | } |
| 32 | 86 | |
| 33 | | -div.drilldown-header { |
| | 87 | +/* End of categories-list CSS */ |
| | 88 | + |
| | 89 | +div#drilldown-header { |
| 34 | 90 | font-size: large; |
| 35 | 91 | font-weight: bold; |
| 36 | 92 | } |
| — | — | @@ -39,7 +95,6 @@ |
| 40 | 96 | } |
| 41 | 97 | |
| 42 | 98 | div.drilldown-filters { |
| 43 | | - /* background: #e2e2e2; */ |
| 44 | 99 | margin-top: 10px; |
| 45 | 100 | padding-bottom: 8px; |
| 46 | 101 | margin-bottom: 8px; |
| — | — | @@ -59,5 +114,4 @@ |
| 60 | 115 | } |
| 61 | 116 | |
| 62 | 117 | div.drilldown-filter-values { |
| 63 | | - /* margin-bottom: 10px; */ |
| 64 | 118 | } |