← All changes | css/library.css +51 -119 3.10.3 → 3.7.9 View file →

		@@ -92,85 +92,48 @@
92	92	font-weight: bold;
93	93	text-align: center;
94	94	}
95	95
96		-.visualizer-action-group{
97		- display: flex;
98		- flex-wrap: wrap;
99		- align-items: center;
100		- justify-content: flex-end;
	96	+.visualizer-chart-action {
	97	+ display: block;
	98	+ float: right;
	99	+ width: 16px;
	100	+ height: 16px;
	101	+ margin: 2px 5px 0;
	102	+ background-image: url("../images/ui-icons.png");
	103	+ background-repeat: no-repeat;
101	104	}
102	105
103		-.visualizer-chart-action {
104		- position: relative;
105		- display: flex;
106		- align-items: center;
107		- justify-content: center;
108		- width: 40px;
109		- height: 40px;
110		- margin: 2px 0 0;
111		- border-radius: 100%;
112		- text-decoration: none;
113		- color: #3F3F3F;
	106	+.visualizer-nochart-delete,
	107	+.visualizer-chart-delete {
	108	+ background-position: -176px -96px;
114	109	}
115	110
116		-.visualizer-chart-action .tooltip-text {
117		- visibility: hidden;
118		- opacity: 0;
119		- background-color: #3F3F3F;
120		- color: #fff;
121		- text-align: center;
122		- padding: 5px 14px;
123		- position: absolute;
124		- border-radius: 2px;
125		- font-size: 12px;
126		- line-height: 14px;
127		- z-index: 1;
128		- white-space: nowrap;
129		- left: 50%;
130		- top: calc(100% + 9px);
131		- transform: translate(-50%, 0);
132		- transition: all .3s ease-in-out;
	111	+.visualizer-nochart-clone,
	112	+.visualizer-chart-clone {
	113	+ background-position: -176px -128px;
133	114	}
134		-.visualizer-chart-action:focus {
135		- border: none;
136		- box-shadow: none;
	115	+
	116	+.visualizer-nochart-edit,
	117	+.visualizer-chart-edit {
	118	+ background-position: -64px -112px;
137	119	}
138		-.visualizer-chart-action .tooltip-text::before {
139		- content: '';
140		- position: absolute;
141		- display: block;
142		- width: 0px;
143		- left: 50%;
144		- top: 0;
145		- border: 10px solid transparent;
146		- border-top: 0;
147		- border-bottom: 10px solid #3F3F3F;
148		- transform: translate(-50%, -8px);
	120	+
	121	+.visualizer-nochart-export,
	122	+.visualizer-chart-export {
	123	+ background-position: -46px -64px;
149	124	}
150		-.visualizer-chart-action:hover .tooltip-text {
151		- visibility: visible;
152		- opacity: 1;
	125	+
	126	+.visualizer-nochart-shortcode,
	127	+.visualizer-chart-shortcode {
	128	+ background-position: -143px -126px;
	129	+ float: left;
153	130	}
154		-.visualizer-chart-action .dashicons{
155		- width: 16px;
156		- height: 16px;
157		- font-size: 16px;
158		-}
159		-.visualizer-action-group:not(.visualizer-nochart) .visualizer-chart-action:hover,
160		-.visualizer-action-group:not(.visualizer-nochart) .visualizer-chart-action:focus {
161		- color: #3F3F3F;
162		- background: #ffffff;
163		-}
164	131
165		-.visualizer-chart-action.visualizer-chart-delete,
166		-.visualizer-chart-action.visualizer-nochart-delete {
167		- margin-right: auto;
	132	+.visualizer-nochart-image,
	133	+.visualizer-chart-image {
	134	+ background-position: -206px -129px;
168	135	}
169		-.visualizer-action-group:not(.visualizer-nochart) .visualizer-chart-action.visualizer-chart-delete:hover,
170		-.visualizer-action-group:not(.visualizer-nochart) .visualizer-chart-action.visualizer-nochart-delete:hover {
171		- color: #DA1E28;
172		-}
173	136
174	137	.visualizer-nochart-clone,
175	138	.visualizer-nochart-delete,
176	139	.visualizer-nochart-shortcode,
		@@ -187,8 +150,29 @@
187	150	margin-top: 4px;
188	151	width: 100%;
189	152	}
190	153
	154	+.visualizer-chart-shortcode {
	155	+ padding: 3px 0;
	156	+ color: #aaa;
	157	+ text-shadow: 0 1px 0 #fff;
	158	+ cursor: pointer;
	159	+}
	160	+
	161	+.visualizer-chart-shortcode::-moz-selection,
	162	+.visualizer-chart-shortcode::-moz-selection {
	163	+ color: black;
	164	+ background-color: #a8d1ff;
	165	+ text-shadow: none;
	166	+}
	167	+
	168	+.visualizer-chart-shortcode::selection,
	169	+.visualizer-chart-shortcode::-moz-selection {
	170	+ color: black;
	171	+ background-color: #a8d1ff;
	172	+ text-shadow: none;
	173	+}
	174	+
191	175	.visualizer-list-item {
192	176	float: left;
193	177	margin-right: 20px;
194	178	}
		@@ -438,60 +422,8 @@
438	422	}
439	423	.visualizer-error i.error {
440	424	color: red;
441	425	cursor: pointer;
442		-}
443		-.goog-combobox input {
444		- min-height: auto;
445		-}
446		-.vz-library-chart-filter:not(:empty) {
447		- background-color: #ffffff;
448		- padding: 5px 0 5px 5px;
449		- border: 1px solid #ddd;
450		-}
451		-.google-visualization-controls-rangefilter {
452		- white-space: inherit !important;
453		-}
454		-.visualizer-languages-list {
455		- text-align: right;
456		-}
457		-.visualizer-languages-list a {
458		- text-decoration: none;
459		- display: inline-block;
460		- margin-left: 3px;
461		- padding: 0;
462		- border: none;
463		- outline: none;
464		- box-shadow: none;
465		-}
466		-.visualizer-languages-list a:focus {
467		- border: none;
468		- outline: none;
469		- box-shadow: none;
470		-}
471		-.visualizer-languages-list:not(.only-pro) i {
472		- display: none;
473		-}
474		-.visualizer-languages-list:not(.only-pro) a:hover img {
475		- display: none;
476		-}
477		-.visualizer-languages-list:not(.only-pro) a:hover img + i {
478		- display: block;
479		-}
480		-.visualizer-languages-list.only-pro a:last-child {
481		- display: none;
482		-}
483		-.visualizer-languages-list.only-pro:hover a:not(:last-child) {
484		- display: none;
485		-}
486		-.visualizer-languages-list.only-pro:hover a:last-child {
487		- display: block;
488		-}
489		-.visualizer-action-left {
490		- float: left;
491		-}
492		-.visualizer-action-right {
493		- float: right;
494	426	}
495	427	@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 1000px) and (max-width: 1600px) {
496	428	#visualizer-sidebar.one-columns .visualizer-sidebar-box ul li:nth-child(+n+7) {
497	429	display: none;