PluginProbe
CSS & JavaScript Toolbox / 11.8
CSS & JavaScript Toolbox v11.8
trunk 0.3 0.8 10 10.1 11 11.2 11.3 11.4 11.5 11.6 11.7 11.8 11.9 11.9.1 12 12.0 12.0.1 12.0.3 12.0.4 12.0.5 12.0.6 12.0.7 6.0 6.0.11 All 60 releases
← All changes | framework/css/toolbox.css +84 -8 1011.8 View file →
@@ -28,11 +28,12 @@
28 28 background-position: left 85%;
29 29 }
30 30 .cjt-toolbox .icons-group a.cjt-tb-text-link {
31 31 padding-left: 30px;
32 - width: 100%;
32 + width: 119px;
33 33 }
34 -.cjt-toolbox .icons-group .popup-menu {
34 +.cjt-toolbox .icons-group .popup-menu,
35 +.block-toolbox-menu ul {
35 36 margin-top: -4px;
36 37 z-index: 2;
37 38 background-color: white;
38 39 padding: 10px 10px;
@@ -42,15 +43,17 @@
42 43 border-bottom-right-radius: 3px;
43 44 border-bottom-left-radius: 3px;
44 45 }
45 46 .cjt-toolbox .icons-group .popup-menu a.cjt-tb-text-link {
46 - width: 100%;
47 - background-position-x: left;
48 - padding-left: 35px;
49 - padding-top: 6px;
50 - display: flex;
51 - align-items: center;
47 + background-position-x: left;
48 + padding-left: 35px;
49 + padding-top: 6px;
50 + display: flex;
51 + align-items: center;
52 52 }
53 +.cjt-toolbox .icons-group .popup-menu a.cjt-tb-text-link.cjt-promo-disabled {
54 + align-items: unset;
55 +}
53 56 .cjt-toolbox .icons-group a.l-127x23 {
54 57 width: 105px;
55 58 height: 23px;
56 59 }
@@ -57,12 +60,85 @@
57 60 .cjt-toolbox .icons-group a.l-45x27 {
58 61 width: 45px;
59 62 height: 27px;
60 63 }
64 +.cjt-toolbox.cjt-promo-disabled a.cjt-tb-link {
65 + margin: 5px 0 0 6px;
66 + opacity: 0.5;
67 + filter: grayscale(1);
68 + cursor: help;
69 +}
70 +.cjt-toolbox.cjt-promo-disabled .ui-menu-item {
71 + opacity: 0.5;
72 + filter: grayscale(1);
73 +}
74 +.cjt-toolbox.cjt-promo-disabled .ui-menu-item a {
75 + cursor: help;
76 +}
77 +.cjt-toolbox.cjt-promo-disabled a.cjttbl-toggle-objects-panel {
78 + background-image: url(images/close-panel.png);
79 +}
80 +.cjt-toolbox.cjt-promo-disabled a.cjttbl-fullscreen {
81 + background-image: url(images/maximise-editor.png);
82 +}
83 +.cjt-toolbox.cjt-promo-disabled .block-menu>li>a.toolbox-menu-file {
84 + background-image: url(images/editor-file.png);
85 +}
86 +.cjt-toolbox.cjt-promo-disabled .block-menu>li>a.toolbox-menu-edit {
87 + background-image: url(images/editor-edit.png);
88 +}
89 +.cjt-toolbox.cjt-promo-disabled .block-menu>li>a.toolbox-menu-settings {
90 + background-image: url(images/editor-settings.png);
91 +}
92 +.cjt-toolbox.cjt-promo-disabled a.cjttbl-editor-theme {
93 + background-image: url(images/theme.png);
94 +}
95 +.cjt-toolbox.cjt-promo-disabled a.cjttbl-beautify {
96 + background-image: url(images/beautify.png);
97 +}
98 +.cjt-toolbox.cjt-promo-disabled a.cjttbl-minify {
99 + background-image: url(images/minify.png);
100 +}
101 +.cjt-toolbox.cjt-promo-disabled a.cjttbl-fonts {
102 + background-image: url(images/font-size.png);
103 +}
104 +.cjt-toolbox.cjt-promo-disabled a.cjttbl-save-editor-options {
105 + background-image: url(images/save-editor-options.png);
106 +}
107 +
108 +.cjt-toolbox.cjt-promo-disabled .block-menu {
109 + margin: 8px 0 0 -1px;
110 + position: relative;
111 + top: 5px;
112 + width: 32px;
113 +}
114 +.cjt-toolbox.cjt-promo-disabled .block-menu>li {
115 + text-align: center;
116 + margin-left: 3px;
117 + margin-bottom: 11px;
118 + padding: 0;
119 +}
120 +.cjt-toolbox.cjt-promo-disabled .block-menu>li>a {
121 + text-decoration: none;
122 + display: inline-block;
123 + border: none;
124 + background-color: transparent !important;
125 + width: 20px;
126 + height: 22px;
127 +}
128 +.cjt-toolbox.cjt-promo-disabled .block-menu>li>a>span {
129 + display: none;
130 +}
131 +
61 132 .cjt-toolbox a.cjt-tb-link,
62 133 .cjt-toolbox a.cjt-tb-link:hover,
63 134 .cjt-toolbox a.cjt-tb-link:visited {
64 135 color: #6C6B6B;
136 +}
137 +.cjt-toolbox a.cjt-tb-link.cjt-promo-disabled {
138 + opacity: 0.5;
139 + filter: grayscale(1);
140 + cursor: help;
65 141 }
66 142 .cjt-toolbox a.cjt-tb-link:hover {
67 143 opacity : 0.7;
68 144 filter:alpha(opacity = 70%);