http://www.mediawiki.org/wiki/Special:Code/MediaWiki/65092

Revision: 65092
Author:   yaron
Date:     2010-04-15 21:05:28 +0000 (Thu, 15 Apr 2010)

Log Message:
-----------
Cleaned up, added CSS for tab-style display of categories

Modified Paths:
--------------
    trunk/extensions/SemanticDrilldown/skins/SD_main.css

Modified: trunk/extensions/SemanticDrilldown/skins/SD_main.css
===================================================================
--- trunk/extensions/SemanticDrilldown/skins/SD_main.css        2010-04-15 
21:03:42 UTC (rev 65091)
+++ trunk/extensions/SemanticDrilldown/skins/SD_main.css        2010-04-15 
21:05:28 UTC (rev 65092)
@@ -2,34 +2,90 @@
  * The main CSS file for the Semantic Drilldown extension.
  */
 
-div.drilldown-categories-wrapper {
+p#categories-header {
+       font-weight: bold;
+}
+ 
+/* Normal (sidebar) display of categories list */
+
+div#drilldown-categories-wrapper {
        float: right;
        background: white;
        padding: 0px 25px 25px 25px;
 }
 
-div.drilldown-categories {
+ul#drilldown-categories {
        border: 2px #888888 solid;
+       border-top: 1px #888888 solid;
+       list-style: none;
 }
 
-div.drilldown-categories-header {
+ul#drilldown-categories li {
+        padding: 3px 8px 3px 8px;
+        margin: 0px;
+}
+
+p#categories-header {
        font-weight: bold;
-       padding: 3px 8px 3px 8px;
-       background: #c9c9c9;
 }
 
-div.drilldown-category {
-       border-top: 1px #aaaaaa solid;
-       padding: 3px 8px 3px 8px;
-       margin: 0px;
+ul#drilldown-categories li.category {
+        border-top: 1px #aaaaaa solid;
+        background: #e9e9e9;
+}
+
+ul#drilldown-categories li.selected {
+        background: white;
+}
+
+/* Tab-based display of categories list
+ * - based in part on
+ * http://unraveled.com/publications/assets/css_tabs/index3.html
+ */
+
+div#drilldown-categories-tabs-wrapper {
+}
+
+ul#drilldown-categories-tabs {
+       padding-bottom: 40px;
+       list-style: none;
+       padding: 0px 5px 0px 5px;
+       border-bottom: 1px #999999 solid;
+       margin: 1em 0 1em 0; /* set margins as desired */
+}
+
+ul#drilldown-categories-tabs a:hover {
+       background: #f5f5f5;
+}
+
+p#categories-header {
+       font-weight: bold;
+}
+
+ul#drilldown-categories-tabs li.category {
+       border: 1px #aaaaaa solid;
+       border-bottom: none;
+       margin: 0px 2px 0px 2px;
+       padding: 3px 0px 3px 0px;
        background: #e9e9e9;
+       font-size: smaller;
+       display: inline;
 }
 
-div.selected-category {
+ul#drilldown-categories-tabs li.category a {
+       padding: 3px 4px 3px 4px;
+}
+
+ul#drilldown-categories-tabs li.selected {
+       padding: 3px 4px 3px 4px;
        background: white;
+       border: 1px #999999 solid;
+       border-bottom: 1px white solid;
 }
 
-div.drilldown-header {
+/* End of categories-list CSS */
+
+div#drilldown-header {
        font-size: large;
        font-weight: bold;
 }
@@ -39,7 +95,6 @@
 }
 
 div.drilldown-filters {
-       /* background: #e2e2e2; */
        margin-top: 10px;
        padding-bottom: 8px;
        margin-bottom: 8px;
@@ -59,5 +114,4 @@
 }
 
 div.drilldown-filter-values {
-       /* margin-bottom: 10px; */
 }



_______________________________________________
MediaWiki-CVS mailing list
MediaWiki-CVS@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/mediawiki-cvs

Reply via email to