Skip to content
This repository
Browse code

ENHANCEMENT: Rightlick submenu styles and ability to add page with pa…

…getype
  • Loading branch information...
commit 3ae0ac780509f11b9c6b548e41578b48eecb053c 1 parent aebbb10
Wolf Vollprecht authored March 28, 2012 chillu committed April 09, 2012
2  admin/code/LeftAndMain.php
@@ -613,7 +613,7 @@ function getSiteTreeFor($className, $rootID = null, $childrenMethod = null, $num
613 613
 
614 614
 		// getChildrenAsUL is a flexible and complex way of traversing the tree
615 615
 		$titleEval = '
616  
-			"<li id=\"record-$child->ID\" data-id=\"$child->ID\" class=\"" . $child->CMSTreeClasses($extraArg) . "\">" .
  616
+			"<li id=\"record-$child->ID\" data-id=\"$child->ID\" data-ssclass=\"$child->ClassName\" class=\"" . $child->CMSTreeClasses($extraArg) . "\">" .
617 617
 			"<ins class=\"jstree-icon\">&nbsp;</ins>" .
618 618
 			"<a href=\"" . Controller::join_links($extraArg->Link("show"), $child->ID) . "\" title=\"' 
619 619
 			. _t('LeftAndMain.PAGETYPE','Page type: ') 
94  admin/css/screen.css
@@ -35,49 +35,49 @@ If more variables exist in the future, consider creating a variables file.*/
35 35
 /** ---------------------------------------------------- Double tone borders  http://daverupert.com/2011/06/two-tone-borders-with-css3/ ----------------------------------------------------- */
36 36
 /** ----------------------------- Sprite images ----------------------------- */
37 37
 /** Helper SCSS file for generating sprites for the interface. */
38  
-.btn-icon-sprite, .ui-state-default .btn-icon-accept, .ui-state-default .btn-icon-accept_disabled, .ui-state-default .btn-icon-add, .ui-state-default .btn-icon-add_disabled, .ui-state-default .btn-icon-addpage, .ui-state-default .btn-icon-addpage_disabled, .ui-state-default .btn-icon-arrow-circle-135-left, .ui-state-default .btn-icon-back, .ui-state-default .btn-icon-back_disabled, .ui-state-default .btn-icon-chain--arrow, .ui-state-default .btn-icon-chain--exclamation, .ui-state-default .btn-icon-chain--minus, .ui-state-default .btn-icon-chain--pencil, .ui-state-default .btn-icon-chain--plus, .ui-state-default .btn-icon-chain-small, .ui-state-default .btn-icon-chain-unchain, .ui-state-default .btn-icon-chain, .ui-state-default .btn-icon-cross-circle, .ui-state-default .btn-icon-cross-circle_disabled, .ui-state-default .btn-icon-decline, .ui-state-default .btn-icon-decline_disabled, .ui-state-default .btn-icon-download-csv, .ui-state-default .btn-icon-drive-upload, .ui-state-default .btn-icon-drive-upload_disabled, .ui-state-default .btn-icon-magnifier, .ui-state-default .btn-icon-minus-circle, .ui-state-default .btn-icon-minus-circle_disabled, .ui-state-default .btn-icon-navigation, .ui-state-default .btn-icon-navigation_disabled, .ui-state-default .btn-icon-network-cloud, .ui-state-default .btn-icon-network-cloud_disabled, .ui-state-default .btn-icon-pencil, .ui-state-default .btn-icon-pencil_disabled, .ui-state-default .btn-icon-plug-disconnect-prohibition, .ui-state-default .btn-icon-plug-disconnect-prohibition_disabled, .ui-state-default .btn-icon-preview, .ui-state-default .btn-icon-preview_disabled, .ui-state-default .btn-icon-settings, .ui-state-default .btn-icon-settings_disabled, .ui-state-default .btn-icon-unpublish, .ui-state-default .btn-icon-unpublish_disabled { background: url('../images/btn-icon-sc495ceeeca.png') no-repeat; }
  38
+.btn-icon-sprite, .ui-state-default .btn-icon-accept, .ui-state-default .btn-icon-accept_disabled, .ui-state-default .btn-icon-add, .ui-state-default .btn-icon-add_disabled, .ui-state-default .btn-icon-addpage, .ui-state-default .btn-icon-addpage_disabled, .ui-state-default .btn-icon-arrow-circle-135-left, .ui-state-default .btn-icon-back, .ui-state-default .btn-icon-back_disabled, .ui-state-default .btn-icon-chain--arrow, .ui-state-default .btn-icon-chain--exclamation, .ui-state-default .btn-icon-chain--minus, .ui-state-default .btn-icon-chain--pencil, .ui-state-default .btn-icon-chain--plus, .ui-state-default .btn-icon-chain-small, .ui-state-default .btn-icon-chain-unchain, .ui-state-default .btn-icon-chain, .ui-state-default .btn-icon-cross-circle, .ui-state-default .btn-icon-cross-circle_disabled, .ui-state-default .btn-icon-decline, .ui-state-default .btn-icon-decline_disabled, .ui-state-default .btn-icon-download-csv, .ui-state-default .btn-icon-drive-upload, .ui-state-default .btn-icon-drive-upload_disabled, .ui-state-default .btn-icon-magnifier, .ui-state-default .btn-icon-minus-circle, .ui-state-default .btn-icon-minus-circle_disabled, .ui-state-default .btn-icon-navigation, .ui-state-default .btn-icon-navigation_disabled, .ui-state-default .btn-icon-network-cloud, .ui-state-default .btn-icon-network-cloud_disabled, .ui-state-default .btn-icon-pencil, .ui-state-default .btn-icon-pencil_disabled, .ui-state-default .btn-icon-plug-disconnect-prohibition, .ui-state-default .btn-icon-plug-disconnect-prohibition_disabled, .ui-state-default .btn-icon-preview, .ui-state-default .btn-icon-preview_disabled, .ui-state-default .btn-icon-settings, .ui-state-default .btn-icon-settings_disabled, .ui-state-default .btn-icon-unpublish, .ui-state-default .btn-icon-unpublish_disabled { background: url('../images/btn-icon-s41050dc384.png') no-repeat; }
39 39
 
40 40
 .ui-state-default .btn-icon-accept { background-position: 0 0; }
41 41
 .ui-state-default .btn-icon-accept_disabled { background-position: 0 -17px; }
42 42
 .ui-state-default .btn-icon-add { background-position: 0 -34px; }
43 43
 .ui-state-default .btn-icon-add_disabled { background-position: 0 -52px; }
44 44
 .ui-state-default .btn-icon-addpage { background-position: 0 -70px; }
45  
-.ui-state-default .btn-icon-addpage_disabled { background-position: 0 -88px; }
46  
-.ui-state-default .btn-icon-arrow-circle-135-left { background-position: 0 -104px; }
47  
-.ui-state-default .btn-icon-back { background-position: 0 -120px; }
48  
-.ui-state-default .btn-icon-back_disabled { background-position: 0 -136px; }
49  
-.ui-state-default .btn-icon-chain--arrow { background-position: 0 -151px; }
50  
-.ui-state-default .btn-icon-chain--exclamation { background-position: 0 -167px; }
51  
-.ui-state-default .btn-icon-chain--minus { background-position: 0 -183px; }
52  
-.ui-state-default .btn-icon-chain--pencil { background-position: 0 -199px; }
53  
-.ui-state-default .btn-icon-chain--plus { background-position: 0 -215px; }
54  
-.ui-state-default .btn-icon-chain-small { background-position: 0 -231px; }
55  
-.ui-state-default .btn-icon-chain-unchain { background-position: 0 -247px; }
56  
-.ui-state-default .btn-icon-chain { background-position: 0 -263px; }
57  
-.ui-state-default .btn-icon-cross-circle { background-position: 0 -279px; }
58  
-.ui-state-default .btn-icon-cross-circle_disabled { background-position: 0 -295px; }
59  
-.ui-state-default .btn-icon-decline { background-position: 0 -311px; }
60  
-.ui-state-default .btn-icon-decline_disabled { background-position: 0 -328px; }
61  
-.ui-state-default .btn-icon-download-csv { background-position: 0 -345px; }
62  
-.ui-state-default .btn-icon-drive-upload { background-position: 0 -363px; }
63  
-.ui-state-default .btn-icon-drive-upload_disabled { background-position: 0 -379px; }
64  
-.ui-state-default .btn-icon-magnifier { background-position: 0 -395px; }
65  
-.ui-state-default .btn-icon-minus-circle { background-position: 0 -411px; }
66  
-.ui-state-default .btn-icon-minus-circle_disabled { background-position: 0 -427px; }
67  
-.ui-state-default .btn-icon-navigation { background-position: 0 -443px; }
68  
-.ui-state-default .btn-icon-navigation_disabled { background-position: 0 -459px; }
69  
-.ui-state-default .btn-icon-network-cloud { background-position: 0 -475px; }
70  
-.ui-state-default .btn-icon-network-cloud_disabled { background-position: 0 -491px; }
71  
-.ui-state-default .btn-icon-pencil { background-position: 0 -507px; }
72  
-.ui-state-default .btn-icon-pencil_disabled { background-position: 0 -523px; }
73  
-.ui-state-default .btn-icon-plug-disconnect-prohibition { background-position: 0 -539px; }
74  
-.ui-state-default .btn-icon-plug-disconnect-prohibition_disabled { background-position: 0 -555px; }
75  
-.ui-state-default .btn-icon-preview { background-position: 0 -571px; }
76  
-.ui-state-default .btn-icon-preview_disabled { background-position: 0 -588px; }
77  
-.ui-state-default .btn-icon-settings { background-position: 0 -605px; }
78  
-.ui-state-default .btn-icon-settings_disabled { background-position: 0 -621px; }
79  
-.ui-state-default .btn-icon-unpublish { background-position: 0 -637px; }
80  
-.ui-state-default .btn-icon-unpublish_disabled { background-position: 0 -655px; }
  45
+.ui-state-default .btn-icon-addpage_disabled { background-position: 0 -86px; }
  46
+.ui-state-default .btn-icon-arrow-circle-135-left { background-position: 0 -102px; }
  47
+.ui-state-default .btn-icon-back { background-position: 0 -118px; }
  48
+.ui-state-default .btn-icon-back_disabled { background-position: 0 -134px; }
  49
+.ui-state-default .btn-icon-chain--arrow { background-position: 0 -149px; }
  50
+.ui-state-default .btn-icon-chain--exclamation { background-position: 0 -165px; }
  51
+.ui-state-default .btn-icon-chain--minus { background-position: 0 -181px; }
  52
+.ui-state-default .btn-icon-chain--pencil { background-position: 0 -197px; }
  53
+.ui-state-default .btn-icon-chain--plus { background-position: 0 -213px; }
  54
+.ui-state-default .btn-icon-chain-small { background-position: 0 -229px; }
  55
+.ui-state-default .btn-icon-chain-unchain { background-position: 0 -245px; }
  56
+.ui-state-default .btn-icon-chain { background-position: 0 -261px; }
  57
+.ui-state-default .btn-icon-cross-circle { background-position: 0 -277px; }
  58
+.ui-state-default .btn-icon-cross-circle_disabled { background-position: 0 -293px; }
  59
+.ui-state-default .btn-icon-decline { background-position: 0 -309px; }
  60
+.ui-state-default .btn-icon-decline_disabled { background-position: 0 -326px; }
  61
+.ui-state-default .btn-icon-download-csv { background-position: 0 -343px; }
  62
+.ui-state-default .btn-icon-drive-upload { background-position: 0 -361px; }
  63
+.ui-state-default .btn-icon-drive-upload_disabled { background-position: 0 -377px; }
  64
+.ui-state-default .btn-icon-magnifier { background-position: 0 -393px; }
  65
+.ui-state-default .btn-icon-minus-circle { background-position: 0 -409px; }
  66
+.ui-state-default .btn-icon-minus-circle_disabled { background-position: 0 -425px; }
  67
+.ui-state-default .btn-icon-navigation { background-position: 0 -441px; }
  68
+.ui-state-default .btn-icon-navigation_disabled { background-position: 0 -457px; }
  69
+.ui-state-default .btn-icon-network-cloud { background-position: 0 -473px; }
  70
+.ui-state-default .btn-icon-network-cloud_disabled { background-position: 0 -489px; }
  71
+.ui-state-default .btn-icon-pencil { background-position: 0 -505px; }
  72
+.ui-state-default .btn-icon-pencil_disabled { background-position: 0 -521px; }
  73
+.ui-state-default .btn-icon-plug-disconnect-prohibition { background-position: 0 -537px; }
  74
+.ui-state-default .btn-icon-plug-disconnect-prohibition_disabled { background-position: 0 -553px; }
  75
+.ui-state-default .btn-icon-preview { background-position: 0 -569px; }
  76
+.ui-state-default .btn-icon-preview_disabled { background-position: 0 -586px; }
  77
+.ui-state-default .btn-icon-settings { background-position: 0 -603px; }
  78
+.ui-state-default .btn-icon-settings_disabled { background-position: 0 -619px; }
  79
+.ui-state-default .btn-icon-unpublish { background-position: 0 -635px; }
  80
+.ui-state-default .btn-icon-unpublish_disabled { background-position: 0 -653px; }
81 81
 
82 82
 .icon { text-indent: -9999px; border: none; outline: none; }
83 83
 .icon.icon-24 { width: 24px; height: 24px; background: url('../images/menu-icons/24x24-s546fcae8fd.png'); }
@@ -550,14 +550,18 @@ form.import-form label.left { width: 250px; }
550 550
 .cms .jstree-rtl > ul > li, .TreeDropdownField .treedropdownfield-panel .jstree-rtl > ul > li { margin-right: 0px; }
551 551
 .cms .jstree > ul > li, .TreeDropdownField .treedropdownfield-panel .jstree > ul > li { margin-left: 0px; }
552 552
 .cms #vakata-dragged, .TreeDropdownField .treedropdownfield-panel #vakata-dragged { display: block; margin: 0 0 0 0; padding: 4px 4px 4px 24px; position: absolute; top: -2000px; line-height: 16px; z-index: 10000; }
553  
-.cms #vakata-contextmenu, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu { display: block; visibility: hidden; left: 0; top: -200px; position: absolute; margin: 0; padding: 0; min-width: 180px; background: #ebebeb; border: 1px solid silver; z-index: 10000; *width: 180px; }
  553
+.cms #vakata-contextmenu, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu { display: block; visibility: hidden; left: 0; top: -200px; position: absolute; margin: 0; padding: 0; min-width: 180px; background: #FFF; border: 1px solid silver; z-index: 10000; *width: 180px; -moz-box-shadow: 0 0 10px #cccccc; -webkit-box-shadow: 0 0 10px #cccccc; -o-box-shadow: 0 0 10px #cccccc; box-shadow: 0 0 10px #cccccc; }
  554
+.cms #vakata-contextmenu::before, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu::before { content: ""; display: block; /* reduce the damage in FF3.0 */ position: absolute; top: -10px; left: 24px; width: 0; border-width: 0 6px 10px 6px; border-color: #FFF transparent; border-style: solid; z-index: 10000; }
  555
+.cms #vakata-contextmenu::after, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu::after { content: ""; display: block; /* reduce the damage in FF3.0 */ position: absolute; top: -11px; left: 23px; width: 0; border-width: 0 7px 11px 7px; border-color: #CCC transparent; border-style: solid; }
554 556
 .cms #vakata-contextmenu ul, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu ul { min-width: 180px; *width: 180px; }
555 557
 .cms #vakata-contextmenu ul, .cms #vakata-contextmenu li, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu ul, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li { margin: 0; padding: 0; list-style-type: none; display: block; }
556  
-.cms #vakata-contextmenu li, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li { line-height: 20px; min-height: 20px; position: relative; padding: 0px; }
557  
-.cms #vakata-contextmenu li a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li a { padding: 1px 6px; line-height: 17px; display: block; text-decoration: none; margin: 1px 1px 0 1px; }
558  
-.cms #vakata-contextmenu li ins, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li ins { float: left; width: 16px; height: 16px; text-decoration: none; margin-right: 2px; }
559  
-.cms #vakata-contextmenu li a:hover, .cms #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li a:hover, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a { background: gray; color: white; }
560  
-.cms #vakata-contextmenu li ul, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li ul { display: none; position: absolute; top: -2px; left: 100%; background: #ebebeb; border: 1px solid gray; }
  558
+.cms #vakata-contextmenu li, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li { line-height: 20px; min-height: 23px; position: relative; padding: 0px; }
  559
+.cms #vakata-contextmenu li:last-child, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li:last-child { margin-bottom: 1px; }
  560
+.cms #vakata-contextmenu li a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li a { padding: 1px 10px; line-height: 23px; display: block; text-decoration: none; margin: 1px 1px 0 1px; border: 0; }
  561
+.cms #vakata-contextmenu li ins, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li ins { float: left; width: 0; height: 0; text-decoration: none; margin-right: 2px; }
  562
+.cms #vakata-contextmenu li .jstree-pageicon, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li .jstree-pageicon { margin-top: 3px; margin-right: 5px; }
  563
+.cms #vakata-contextmenu li a:hover, .cms #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li a:hover, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a { padding: 1px 10px; background: #3875d7; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiMzODc1ZDciLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzJhNjJiYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc)); background-image: -webkit-linear-gradient(top, #3875d7 20%, #2a62bc 90%); background-image: -moz-linear-gradient(top, #3875d7 20%, #2a62bc 90%); background-image: -o-linear-gradient(top, #3875d7 20%, #2a62bc 90%); background-image: -ms-linear-gradient(top, #3875d7 20%, #2a62bc 90%); background-image: linear-gradient(top, #3875d7 20%, #2a62bc 90%); color: #FFF; border: none; }
  564
+.cms #vakata-contextmenu li ul, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li ul { display: none; position: absolute; top: -2px; left: 100%; background: #FFF; border: 1px solid silver; -moz-box-shadow: 0 0 10px #cccccc; -webkit-box-shadow: 0 0 10px #cccccc; -o-box-shadow: 0 0 10px #cccccc; box-shadow: 0 0 10px #cccccc; }
561 565
 .cms #vakata-contextmenu .right, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .right { right: 100%; left: auto; }
562 566
 .cms #vakata-contextmenu .bottom, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .bottom { bottom: -1px; top: auto; }
563 567
 .cms #vakata-contextmenu li.vakata-separator, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-separator { min-height: 0; height: 1px; line-height: 1px; font-size: 1px; overflow: hidden; margin: 0 2px; background: silver; /* border-top:1px solid #fefefe; */ padding: 0; }
@@ -622,8 +626,8 @@ form.import-form label.left { width: 250px; }
622 626
 .tree-holder.jstree-apple li, .cms-tree.jstree-apple li { padding: 0px; clear: left; }
623 627
 .tree-holder.jstree-apple ins, .cms-tree.jstree-apple ins { background-color: transparent; background-image: url(../images/sitetree_ss_default_icons.png); }
624 628
 .tree-holder.jstree-apple li.jstree-checked > a, .tree-holder.jstree-apple li.jstree-checked > a:link, .cms-tree.jstree-apple li.jstree-checked > a, .cms-tree.jstree-apple li.jstree-checked > a:link { background-color: #efe999; }
625  
-.tree-holder.jstree-apple .jstree-closed > ins, .cms-tree.jstree-apple .jstree-closed > ins { background-position: 0 0; cursor: pointer; }
626  
-.tree-holder.jstree-apple .jstree-open > ins, .cms-tree.jstree-apple .jstree-open > ins { background-position: -20px 0; cursor: pointer; }
  629
+.tree-holder.jstree-apple .jstree-closed > ins, .cms-tree.jstree-apple .jstree-closed > ins { background-position: 0 0; }
  630
+.tree-holder.jstree-apple .jstree-open > ins, .cms-tree.jstree-apple .jstree-open > ins { background-position: -20px 0; }
627 631
 
628 632
 a .jstree-pageicon { display: block; float: left; width: 16px; height: 16px; margin-right: 4px; background-color: transparent; background-image: url(../images/sitetree_ss_pageclass_icons_default.png); background-repeat: no-repeat; }
629 633
 
BIN  admin/images/btn-icon-sc495ceeeca.png
78  admin/scss/_tree.scss
@@ -24,14 +24,8 @@
24 24
 			min-height: 18px;
25 25
 			line-height: 18px;
26 26
 			white-space: nowrap;
  27
+			margin-left: 18px;
27 28
 			min-width: 18px;
28  
-			
29  
-			li {
30  
-				margin: 0;
31  
-			}
32  
-			li li {
33  
-				margin-left: 10px;
34  
-			}
35 29
 		}
36 30
 		ins {
37 31
 			display: inline-block;
@@ -125,50 +119,86 @@
125 119
 		margin: 0;
126 120
 		padding: 0;
127 121
 		min-width: 180px;
128  
-		background: #ebebeb;
  122
+		background: #FFF;
129 123
 		border: 1px solid silver;
130 124
 		z-index: 10000; *width:180px;
  125
+		@include box-shadow(0 0 10px #CCC);
  126
+		&::before {
  127
+			content:"";
  128
+			display:block; /* reduce the damage in FF3.0 */
  129
+			position:absolute;
  130
+			top: -10px;
  131
+			left: 24px;
  132
+			width:0;
  133
+			border-width: 0 6px 10px 6px  ;
  134
+			border-color:  #FFF transparent;
  135
+			border-style: solid;
  136
+			z-index: 10000;
  137
+		}
  138
+		&::after {
  139
+			content:"";
  140
+			display:block; /* reduce the damage in FF3.0 */
  141
+			position:absolute;
  142
+			top: -11px;
  143
+			left: 23px;
  144
+			width:0;
  145
+			border-width: 0 7px 11px 7px  ;
  146
+			border-color:  #CCC transparent;
  147
+			border-style: solid;
  148
+		}
131 149
 	}
132 150
 	#vakata-contextmenu ul {
133 151
 		min-width: 180px; *width:180px;
134 152
 	}
135 153
 	#vakata-contextmenu ul, #vakata-contextmenu li {
136 154
 		margin: 0;
137  
-		padding: 0;
  155
+		padding: 0 ;
138 156
 		list-style-type: none;
139 157
 		display: block;
140 158
 	}
141 159
 	#vakata-contextmenu li {
142 160
 		line-height: 20px;
143  
-		min-height: 20px;
  161
+		min-height: 23px;
144 162
 		position: relative;
145 163
 		padding: 0px;
  164
+		&:last-child {
  165
+			margin-bottom: 1px;
  166
+		}
146 167
 	}
147 168
 	#vakata-contextmenu li a {
148  
-		padding: 1px 6px;
149  
-		line-height: 17px;
  169
+		padding: 1px 10px;
  170
+		line-height: 23px;
150 171
 		display: block;
151 172
 		text-decoration: none;
152 173
 		margin: 1px 1px 0 1px;
  174
+		border: 0;
153 175
 	}
154 176
 	#vakata-contextmenu li ins {
155 177
 		float: left;
156  
-		width: 16px;
157  
-		height: 16px;
  178
+		width: 0;
  179
+		height: 0;
158 180
 		text-decoration: none;
159 181
 		margin-right: 2px;
160 182
 	}
  183
+	#vakata-contextmenu li .jstree-pageicon {
  184
+		margin-top: 3px;
  185
+		margin-right: 5px;
  186
+	}
161 187
 	#vakata-contextmenu li a:hover, #vakata-contextmenu li.vakata-hover > a {
162  
-		background: gray;
163  
-		color: white;
  188
+		padding: 1px 10px;
  189
+		background: #3875d7;
  190
+		@include background-image(linear-gradient(top, #3875d7 20%, #2a62bc 90%));
  191
+		color: #FFF;
  192
+		border: none;
164 193
 	}
165 194
 	#vakata-contextmenu li ul {
166 195
 		display: none;
167 196
 		position: absolute;
168 197
 		top: -2px;
169 198
 		left: 100%;
170  
-		background: #ebebeb;
171  
-		border: 1px solid gray;
  199
+		background: #FFF;
  200
+		border: 1px solid silver;
  201
+		@include box-shadow(0 0 10px #CCC);
172 202
 	}
173 203
 	#vakata-contextmenu .right {
174 204
 		right: 100%;
@@ -246,7 +276,7 @@
246 276
 	}
247 277
 	li.jstree-open > ul {
248 278
 		display: block;
249  
-		
  279
+		margin-left:-13px;
250 280
 		li ul {
251 281
 			margin-left:2px;
252 282
 		}
@@ -476,7 +506,7 @@
476 506
 		border: 1px solid #7C8816;
477 507
 		background-color: #DAE79A;
478 508
 	}
479  
-		
  509
+
480 510
 	/* comment speech bubble - ccs3 only - source: http://nicolasgallagher.com/pure-css-speech-bubbles/demo/ */
481 511
 	& span.comment-count {
482 512
 		clear: both;
@@ -541,13 +571,11 @@
541 571
 	}
542 572
 
543 573
 	& .jstree-closed > ins { 
544  
-		background-position:0 0;
545  
-		cursor:pointer; 
  574
+		background-position:0 0; 
546 575
 	}
547 576
 
548 577
 	& .jstree-open > ins { 
549  
-		background-position:-20px 0;
550  
-		cursor:pointer;
  578
+		background-position:-20px 0; 
551 579
 	}
552 580
 }
553 581
 
@@ -594,4 +622,4 @@ li.class-ErrorPage > a .jstree-pageicon {
594 622
 			}
595 623
 		}
596 624
 	}
597  
-}
  625
+}

0 notes on commit 3ae0ac7

Please sign in to comment.
Something went wrong with that request. Please try again.