← All changes | framework/css/toolbox.css +16 -103 trunk → 6.0 View file →

		@@ -1,18 +1,14 @@
1	1	/* Toolboxes */
2		-.cjt-toolbox .divider,
3		-.cjt-toolbox .empty-divider {
	2	+.cjt-toolbox .divider {
	3	+ background-image: url('images/divider.png');
	4	+ background-repeat: no-repeat;
	5	+ background-position: center;
4	6	margin: 0 20px;
5	7	width: 2px;
6	8	display: inline-block;
7	9	height: 25px;
8	10	}
9		-
10		-.cjt-toolbox .divider {
11		- background-image: url('images/divider.png');
12		- background-repeat: no-repeat;
13		- background-position: center;
14		-}
15	11	.cjt-toolbox .icons-group {
16	12	display: inline-block;
17	13	}
18	14	.cjt-toolbox .icons-group .popup-menu {
		@@ -28,17 +24,16 @@
28	24	background-position: left 85%;
29	25	}
30	26	.cjt-toolbox .icons-group a.cjt-tb-text-link {
31	27	padding-left: 30px;
32		- width: 119px;
	28	+ width: 100%;
33	29	}
34		-.cjt-toolbox .icons-group .popup-menu,
35		-.block-toolbox-menu ul {
	30	+.cjt-toolbox .icons-group .popup-menu {
36	31	margin-top: -4px;
37	32	z-index: 2;
38	33	background-color: white;
39	34	padding: 10px 10px;
40		- border: 1px solid #bbb;
	35	+ border: 3px solid #EFEFEF;
41	36	border-top-right-radius: 3px;
42	37	border-top-left-radius: 3px;
43	38	border-bottom-right-radius: 3px;
44	39	border-bottom-left-radius: 3px;
		@@ -43,17 +38,13 @@
43	38	border-bottom-right-radius: 3px;
44	39	border-bottom-left-radius: 3px;
45	40	}
46	41	.cjt-toolbox .icons-group .popup-menu a.cjt-tb-text-link {
47		- background-position-x: left;
48		- padding-left: 35px;
49		- padding-top: 6px;
50		- display: flex;
51		- align-items: center;
	42	+ width: 100%;
	43	+ background-position-x: left;
	44	+ padding-left: 35px;
	45	+ padding-top: 6px;
52	46	}
53		-.cjt-toolbox .icons-group .popup-menu a.cjt-tb-text-link.cjt-promo-disabled {
54		- align-items: unset;
55		-}
56	47	.cjt-toolbox .icons-group a.l-127x23 {
57	48	width: 105px;
58	49	height: 23px;
59	50	}
		@@ -60,98 +51,20 @@
60	51	.cjt-toolbox .icons-group a.l-45x27 {
61	52	width: 45px;
62	53	height: 27px;
63	54	}
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		-
132	55	.cjt-toolbox a.cjt-tb-link,
133	56	.cjt-toolbox a.cjt-tb-link:hover,
134	57	.cjt-toolbox a.cjt-tb-link:visited {
135	58	color: #6C6B6B;
136	59	}
137		-.cjt-toolbox a.cjt-tb-link.cjt-promo-disabled {
138		- opacity: 0.5;
139		- filter: grayscale(1);
140		- cursor: help;
141		-}
142	60	.cjt-toolbox a.cjt-tb-link:hover {
143		- opacity : 0.7;
144		- filter:alpha(opacity = 70%);
	61	+ opacity : 0.8;
	62	+ filter:alpha(opacity = 80%);
145	63	}
146		-.cjt-toolbox a.cjttbs-disabled,
147	64	.cjt-toolbox a.cjttbs-disabled:hover {
148		- opacity : 0.4;
149		- filter:alpha(opacity = 4%);
150		-}
151		-
152		-.cjt-toolbox a.cjttbs-loading,
153		-.cjt-toolbox a.cjttbs-loading:hover {
154	65	opacity : 1;
155	66	filter:alpha(opacity = 100%);
156	67	}
157		-.cjt-toolbox a.cjttbs-loading{background: url(images/loading.gif) center no-repeat !important;}
	68	+.cjt-toolbox a.cjttbs-loading {
	69	+ background: url(images/loading.gif) center no-repeat !important;
	70	+}