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

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