| @@ -92,85 +92,59 @@ | ||
| 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-nochart-shortcode:focus, | |
| 128 | +.visualizer-chart-shortcode, | |
| 129 | +.visualizer-chart-shortcode:focus { | |
| 130 | + float: left; | |
| 131 | + background: none; | |
| 132 | + text-decoration: none; | |
| 133 | + box-shadow: none; | |
| 153 | 134 | } |
| 154 | -.visualizer-chart-action .dashicons{ | |
| 155 | - width: 16px; | |
| 156 | - height: 16px; | |
| 135 | +.visualizer-chart-shortcode:hover { | |
| 136 | + color: #404040; | |
| 137 | +} | |
| 138 | +.visualizer-nochart-shortcode .dashicons-admin-page , | |
| 139 | +.visualizer-chart-shortcode .dashicons-admin-page { | |
| 157 | 140 | font-size: 16px; |
| 158 | 141 | } |
| 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 | 142 | |
| 165 | -.visualizer-chart-action.visualizer-chart-delete, | |
| 166 | -.visualizer-chart-action.visualizer-nochart-delete { | |
| 167 | - margin-right: auto; | |
| 143 | +.visualizer-nochart-image, | |
| 144 | +.visualizer-chart-image { | |
| 145 | + background-position: -206px -129px; | |
| 168 | 146 | } |
| 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 | 147 | |
| 174 | 148 | .visualizer-nochart-clone, |
| 175 | 149 | .visualizer-nochart-delete, |
| 176 | 150 | .visualizer-nochart-shortcode, |
| @@ -187,8 +161,28 @@ | ||
| 187 | 161 | margin-top: 4px; |
| 188 | 162 | width: 100%; |
| 189 | 163 | } |
| 190 | 164 | |
| 165 | +.visualizer-chart-shortcode { | |
| 166 | + color: #404040; | |
| 167 | + text-shadow: 0 1px 0 #fff; | |
| 168 | + cursor: pointer; | |
| 169 | +} | |
| 170 | + | |
| 171 | +.visualizer-chart-shortcode::-moz-selection, | |
| 172 | +.visualizer-chart-shortcode::-moz-selection { | |
| 173 | + color: black; | |
| 174 | + background-color: #a8d1ff; | |
| 175 | + text-shadow: none; | |
| 176 | +} | |
| 177 | + | |
| 178 | +.visualizer-chart-shortcode::selection, | |
| 179 | +.visualizer-chart-shortcode::-moz-selection { | |
| 180 | + color: black; | |
| 181 | + background-color: #a8d1ff; | |
| 182 | + text-shadow: none; | |
| 183 | +} | |
| 184 | + | |
| 191 | 185 | .visualizer-list-item { |
| 192 | 186 | float: left; |
| 193 | 187 | margin-right: 20px; |
| 194 | 188 | } |
| @@ -484,14 +478,8 @@ | ||
| 484 | 478 | display: none; |
| 485 | 479 | } |
| 486 | 480 | .visualizer-languages-list.only-pro:hover a:last-child { |
| 487 | 481 | display: block; |
| 488 | -} | |
| 489 | -.visualizer-action-left { | |
| 490 | - float: left; | |
| 491 | -} | |
| 492 | -.visualizer-action-right { | |
| 493 | - float: right; | |
| 494 | 482 | } |
| 495 | 483 | @media (-webkit-min-device-pixel-ratio: 2) and (min-width: 1000px) and (max-width: 1600px) { |
| 496 | 484 | #visualizer-sidebar.one-columns .visualizer-sidebar-box ul li:nth-child(+n+7) { |
| 497 | 485 | display: none; |
