PluginProbe
Smart Post – Post Grid, Post Carousel, Post Slider Gutenberg Blocks for Blog & News / 2.2.10
Smart Post – Post Grid, Post Carousel, Post Slider Gutenberg Blocks for Blog & News v2.2.10
4.0.8 4.0.7 4.0.6 4.0.5 4.0.4 4.0.3 4.0.2 4.0.1 2.3.5 2.3.6 2.4.0 2.4.1 2.4.10 2.4.11 2.4.12 2.4.13 2.4.14 2.4.15 2.4.16 2.4.17 2.4.18 2.4.19 2.4.2 2.4.20 2.4.21 All 88 releases
← All changes | admin/views/sp-framework/assets/css/spf.css +18 -313 2.4.11 → 2.2.10 View file →
@@ -224,50 +224,8 @@
224 224 }
225 225 .spf-buttons .button.spf-save-ajax:hover {
226 226 background-color: #02bb71;
227 227 }
228 -.sp_post_carousel_page_pcp_replace_layout .spf-header-right .spf-buttons .button.spf-save,
229 -.sp_post_carousel_page_pcp_settings .spf-header-right .spf-buttons .button.spf-save {
230 - background-color: #c5c5c6;
231 - border-color: transparent;
232 - color: #fff;
233 - -webkit-box-shadow: none;
234 - box-shadow: none;
235 - text-shadow: none;
236 - border-radius: 4px;
237 - height: 38px;
238 - width: 140px;
239 - -webkit-transition: background-color .2s;
240 - transition: background-color .2s;
241 - pointer-events: none;
242 - padding: 0;
243 - -webkit-border-radius: 4px;
244 - -moz-border-radius: 4px;
245 - -ms-border-radius: 4px;
246 - -o-border-radius: 4px;
247 -}
248 -.sp_post_carousel_page_pcp_settings .spf-header-right .spf-buttons .button.spf-save:hover {
249 - background-color: #00b647 !important;
250 -}
251 -.sp_post_carousel_page_pcp_replace_layout .spf-header-right .spf-buttons .button.spf-reset-section,
252 -.sp_post_carousel_page_pcp_settings .spf-header-right .spf-buttons .button.spf-reset-section {
253 - background-color: #cd3c3c!important;
254 - border-color: transparent!important;
255 - -webkit-box-shadow: none!important;
256 - box-shadow: none!important;
257 - text-shadow: none!important;
258 - border-radius: 4px;
259 - height: 38px;
260 - -webkit-transition: background-color .2s;
261 - transition: background-color .2s;
262 - -webkit-border-radius: 4px;
263 - -moz-border-radius: 4px;
264 - -ms-border-radius: 4px;
265 - -o-border-radius: 4px;
266 -}
267 -.sp_post_carousel_page_pcp_settings .spf-header-right .spf-buttons .button.spf-reset-section:hover {
268 - background-color: #c03635!important;
269 -}
270 228 /*
271 229 .spf-buttons .button.spf-reset-section {
272 230 border-color: #6b6a6a;
273 231 background: #6b6a6a;
@@ -472,9 +430,9 @@
472 430 .spf-section-title {
473 431 display: none;
474 432 padding: 20px 30px;
475 433 /* background-color: #f5f5f5; */
476 - background-color: #D64224;
434 + background-color: #e1624b;
477 435 border-top: 1px solid #eee;
478 436 border-bottom: 1px solid #eee;
479 437 }
480 438
@@ -870,10 +828,10 @@
870 828 background: #f1f1f1;
871 829 }
872 830
873 831 .spf-theme-light .spf-nav ul li a {
874 - background-color: #D64224;
875 - border-top: 1px solid #D64224;
832 + background-color: #e1624b;
833 + border-top: 1px solid #e1624b;
876 834 border-right: 1px solid #E2E2E1;
877 835 border-bottom: 1px solid #ddd;
878 836 color: #fff;
879 837 font-size: 13px;
@@ -895,13 +853,13 @@
895 853 border-top: 0 solid transparent;
896 854 }
897 855 .sp-pc-settings.spf-theme-light .spf-nav ul li .spf-section-active {
898 856 background-color: #fff;
899 - color: #D64224;
857 + color: #e1624b;
900 858 border-right: 1px solid #fff;
901 859 border-bottom: 1px solid #cecece;
902 860 border-top: 1px solid #fff;
903 - box-shadow: 3px 0 0 0 #D64224 inset;
861 + box-shadow: 3px 0 0 0 #e1624b inset;
904 862
905 863 }
906 864 .spf-theme-light .spf-nav ul li .spf-section-active {
907 865 background-color: #fff;
@@ -909,10 +867,10 @@
909 867 }
910 868
911 869 #sp_pcp_view_options .spf-theme-light .spf-nav ul li .spf-section-active {
912 870 border-bottom: 1px solid #fff;
913 - border-top: 1px solid #D64224;
914 - box-shadow: 0 3px 0 0 #D64224 inset;
871 + border-top: 1px solid #e1624b;
872 + box-shadow: 0 3px 0 0 #e1624b inset;
915 873 }
916 874
917 875 .sp-pcp-options.spf-theme-light .spf-nav ul li a {
918 876 background: #efefef;
@@ -926,9 +884,9 @@
926 884 }
927 885
928 886 #sp_pcp_view_options .spf-theme-light .spf-nav ul li .spf-section-active i,
929 887 .sp-pcp-options.spf-theme-light .spf-nav ul li .spf-section-active i {
930 - color: #D64224;
888 + color: #e1624b;
931 889 }
932 890
933 891 .sp-pcp-options.spf-theme-light .spf-nav ul li .spf-section-active {
934 892 background-color: #fff;
@@ -934,9 +892,9 @@
934 892 background-color: #fff;
935 893 border-right: 1px solid #fff;
936 894 border-bottom: 1px solid #fff;
937 895 border-top: 1px solid #fff;
938 - box-shadow: 4px 0 0 0 #D64224 inset;
896 + box-shadow: 4px 0 0 0 #e1624b inset;
939 897 }
940 898
941 899 .spf-theme-light .spf-nav ul li .spf-section-active:after {
942 900 display: none;
@@ -1937,9 +1895,9 @@
1937 1895 height: 15px;
1938 1896 line-height: 15px;
1939 1897 opacity: 0;
1940 1898 color: #fff;
1941 - background-color: #D64224;
1899 + background-color: #e1624b;
1942 1900 transition: opacity .2s;
1943 1901 }
1944 1902
1945 1903 .spf-field-layout_preset .spf--active.spf--image:before,
@@ -1947,9 +1905,9 @@
1947 1905 opacity: 1;
1948 1906 }
1949 1907
1950 1908 .spf-field-image_select .spf--active img {
1951 - outline-color: #D64224;
1909 + outline-color: #e1624b;
1952 1910 }
1953 1911
1954 1912 .spf-field-image_select img {
1955 1913 vertical-align: top;
@@ -1978,14 +1936,8 @@
1978 1936
1979 1937 .spf-field-layout_preset .spf--image img {
1980 1938 max-width: 100%;
1981 1939 }
1982 -.spf-field-layout_preset.pcp-layout-preset .spf--image img {
1983 - width: 110px;
1984 -}
1985 -.spf-field-layout_preset.pcp-content-orientation .spf--image img {
1986 - width: 70px;
1987 -}
1988 1940
1989 1941 #spf-section-sp_pcp_layouts_1 .spf-field-layout_preset span {
1990 1942 font-size: 13px;
1991 1943 }
@@ -1999,9 +1951,9 @@
1999 1951 font-size: 12px;
2000 1952 }
2001 1953
2002 1954 .spf-field-layout_preset .spf--image.spf--active img {
2003 - outline-color: #D64224;
1955 + outline-color: #e1624b;
2004 1956 }
2005 1957
2006 1958 /**
2007 1959 * 03. 17. Field: link_color
@@ -5019,12 +4971,12 @@
5019 4971 display: none;
5020 4972 }
5021 4973
5022 4974 #spf-section-sp_pcp_layouts_1 .pcp-admin-header {
5023 - background-color: #D64224;
5024 - background-image: -webkit-linear-gradient(180deg, rgb(214 66 36) 0%, rgb(178, 86, 118) 100%);
5025 - background-image: -webkit-linear-gradient(180deg, rgb(214 66 36) 0%, rgb(178, 86, 118) 100%);
5026 - background-image: -ms-linear-gradient(180deg, rgb(214 66 36) 0%, rgb(178, 86, 118) 100%);
4975 + background-color: #157592;
4976 + background-image: -moz-linear-gradient(180deg, rgb(233, 100, 67) 0%, rgb(178, 86, 118) 100%);
4977 + background-image: -webkit-linear-gradient(180deg, rgb(233, 100, 67) 0%, rgb(178, 86, 118) 100%);
4978 + background-image: -ms-linear-gradient(180deg, rgb(233, 100, 67) 0%, rgb(178, 86, 118) 100%);
5027 4979 padding: 18px 26px;
5028 4980 overflow: hidden;
5029 4981 }
5030 4982
@@ -5156,9 +5108,9 @@
5156 5108 border: 1px solid #ccd0d4;
5157 5109 }
5158 5110 /* Social shape */
5159 5111 .spf-field.spf-field-layout_preset.social_icon_shape .spf--image.spf--active img {
5160 - border-color: #D64224;
5112 + border-color: #e1624b;
5161 5113 }
5162 5114 .spf-field.spf-field-layout_preset.social_icon_shape .spf--image{
5163 5115 text-align: center;
5164 5116 }
@@ -5208,9 +5160,9 @@
5208 5160 .spf-field.spf-field-sortable.post_content_sorter_sortable .spf--sortable.ui-sortable {
5209 5161 max-width: 530px;
5210 5162 }
5211 5163 .spf-field.spf-field-sortable.post_content_sorter_sortable .spf--sortable.ui-sortable .spf-field.spf-field-switcher .spf-fieldset{
5212 - margin-left: 80%;
5164 + margin-left: 40%;
5213 5165 }
5214 5166
5215 5167 /*
5216 5168 * Pro Only Features
@@ -5245,9 +5197,8 @@
5245 5197 .spf-field-layout_preset .spf--image {
5246 5198 position: relative;
5247 5199 }
5248 5200 /* Setting page header */
5249 -.sp_post_carousel_page_pcp_replace_layout .spf-header-inner h1 svg,
5250 5201 .sp_post_carousel_page_pcp_settings .spf-header-inner h1 svg{
5251 5202 float: left;
5252 5203 margin-right: 8px;
5253 5204 height: 1.5em;
@@ -5268,13 +5219,8 @@
5268 5219 }
5269 5220 .spf-field.spf-field-checkbox.pcp_disabled h4 {
5270 5221 opacity: 0.7;
5271 5222 }
5272 -.sp_post_carousel_page_pcp_settings .spf-header-right .spf-buttons .button.spf-save-ajax[disabled] {
5273 - background-color: #02cc7b !important;
5274 - color: #ffffff !important;
5275 - border: none;
5276 - }
5277 5223 /* Pro only image select */
5278 5224 .spf-field-image_select .spf--image.pcp-pro-only, .spf-field-button_set .spf--button.pcp-pro-only {
5279 5225 pointer-events: none;
5280 5226 opacity: 0.8;
@@ -5294,245 +5240,4 @@
5294 5240 font-size: 8px;
5295 5241 line-height: 11px;
5296 5242 opacity: 1;
5297 5243 }
5298 -
5299 -/* Show preview button */
5300 -#spsp-show-preview {
5301 - position: fixed;
5302 - right: 144px;
5303 - bottom: 30px;
5304 - z-index: 1001;
5305 - width: 155px;
5306 - text-align: center;
5307 - padding: 10px 0px;
5308 - background: #54b154;
5309 - color: #fff;
5310 - border-radius: 3px;
5311 - text-decoration: none;
5312 - display: block;
5313 - font-weight: 500;
5314 - text-transform: uppercase;
5315 - letter-spacing: 0.2px;
5316 - margin: 0;
5317 - box-sizing: border-box;
5318 - border-color: #44a944;
5319 - overflow: hidden;
5320 -}
5321 -#spsp-preview-box{
5322 - overflow-x: auto;
5323 - padding: 0 20px;
5324 - resize: vertical;
5325 -}
5326 -.spf-field.spf-field-preview{
5327 - padding-right: 10px;
5328 - padding-left: 10px;
5329 -}
5330 -.spf-field.spf-field-preview .pcp-sc-title {
5331 - padding-left: 19px;
5332 - padding-bottom: 0px;
5333 - margin-top: 0;
5334 -}
5335 -#poststuff #sp_pcp_display .sp-pcp-section h3,#poststuff #sp_pcp_display .sp-pcp-section h2,#poststuff #sp_pcp_display .sp-pcp-section h3{
5336 - padding: 0;
5337 - margin: 0 0 9px 0;
5338 -}
5339 -#poststuff #sp_pcp_display .sp-pcp-section .pcp-section-title {
5340 - color: #444;
5341 - margin: 0 0 30px 0;
5342 - font-size: 24px;
5343 -}
5344 -/* Popup settings field style */
5345 -.spf-field-fieldset.pcp_popup_settings_field{
5346 - padding: 0 13px;
5347 - opacity: .7;
5348 - pointer-events: none;
5349 -}
5350 -.spf-field-fieldset.pcp_popup_settings_field .spf-field-switcher .spf--active {
5351 - background-color: #aaa;
5352 -}
5353 -.spf-field-fieldset.pcp_popup_settings_field .spf-fieldset-content{
5354 - border: none;
5355 -}
5356 -.spf-field-fieldset.pcp_popup_settings_field .spf-fieldset-content .spf-field-switcher .spf-title{
5357 - line-height: 24px;
5358 -}
5359 -/* pro field style */
5360 -.pcp_only_pro{
5361 - opacity: .7;
5362 - pointer-events: none;
5363 -}
5364 -.spf-field-column.pcp_only_pro .spf--inputs .spf--input:last-child{
5365 - position: relative;
5366 -}
5367 -.spf-field-column.pcp_only_pro .spf--inputs .spf--input:last-child::after {
5368 - content: "PRO";
5369 - background-color: #d4d4d4;
5370 - padding: 2px 4px;
5371 - font-size: 8px;
5372 - border-radius: 2px;
5373 - height: 11px;
5374 - margin-left: 5px;
5375 - margin-top: 7px;
5376 -}
5377 -
5378 -/* Import export css */
5379 -.spf-field.spf-field-button_set.pcp_export {
5380 - margin-top: 0;
5381 - padding-top: 0;
5382 -}
5383 -
5384 -.spf-field-button_set.pcp_export .spf--button:hover,
5385 -.spf-field.spf-field-custom_import.pcp_import button:hover {
5386 - background: #135e96;
5387 - border-color: #135e96;
5388 - color: #fff;
5389 -}
5390 -
5391 -.spf-field.spf-field-custom_import.pcp_import button,
5392 -.spf-field-button_set.pcp_export .spf--button {
5393 - background: #2271b1;
5394 - border-color: #2271b1;
5395 - color: #fff;
5396 - text-decoration: none;
5397 - text-shadow: none;
5398 - display: inline-block;
5399 - text-decoration: none;
5400 - font-size: 13px;
5401 - line-height: 2.15384615;
5402 - min-height: 30px;
5403 - margin: 0;
5404 - padding: 0 10px;
5405 - cursor: pointer;
5406 - border-width: 1px;
5407 - border-style: solid;
5408 - -webkit-appearance: none;
5409 - border-radius: 3px;
5410 - white-space: nowrap;
5411 - box-sizing: border-box;
5412 -}
5413 -
5414 -.sp-lcp-options .spf-field-select .spf-fieldset {
5415 - position: relative;
5416 -}
5417 -
5418 -.spf-field.spf-field-custom_import.pcp_import .spf-fieldset {
5419 - position: relative;
5420 -}
5421 -
5422 -.spf-field.spf-field-custom_import.pcp_import p {
5423 - padding-bottom: 0;
5424 - margin-bottom: 1px;
5425 -}
5426 -
5427 -.spf-field.spf-field-custom_import.pcp_import button {
5428 - margin-top: 10px;
5429 - padding-bottom: 0px;
5430 -}
5431 -
5432 -.spf-field.spf-field-custom_import.pcp_import .spf-help {
5433 - cursor: help;
5434 - position: absolute;
5435 - top: 80%;
5436 - transform: translateY(-50%);
5437 - padding: 5px;
5438 - font-size: 14px;
5439 - color: #aaa;
5440 - width: 15px;
5441 - left: 64px;
5442 -}
5443 -
5444 -.spf-field.spf-field-select.pcp_post_ids .chosen-container .chosen-drop {
5445 - max-width: 400px;
5446 -}
5447 -
5448 -.spf-field.spf-field-select.pcp_post_ids .chosen-container {
5449 - max-width: 400px;
5450 -}
5451 -
5452 -.spf-field.spf-field-select.pcp_post_ids {
5453 - padding-top: 0;
5454 -}
5455 -
5456 -
5457 -.sp-pc-settings .spf-header-inner h1.export-import img {
5458 - float: left;
5459 - margin-right: 8px;
5460 - height: 1.5em;
5461 -}
5462 -
5463 -
5464 -.sp-pc-settings.pcp_tools .spf-nav-options li:nth-child(1) a {
5465 - background-image: url(../img/export-icon.svg);
5466 -}
5467 -
5468 -.sp-pc-settings.pcp_tools .spf-nav-options li:nth-child(2) a {
5469 - background-image: url(../img/import.svg);
5470 -}
5471 -
5472 -.sp-pc-settings.pcp_tools .spf-nav-options li:nth-child(1) a.spf-section-active {
5473 - background-image: url(../img/file-export-icon1.svg);
5474 -}
5475 -
5476 -.sp-pc-settings.pcp_tools .spf-nav-options li:nth-child(2) a.spf-section-active {
5477 - background-image: url(../img/file-import-icon1.svg);
5478 -}
5479 -
5480 -.sp-pc-settings.pcp_tools .spf-nav-options ul li a {
5481 - padding: 15px 30px;
5482 - background-size: 14px;
5483 - background-position: 10px center;
5484 - background-repeat: no-repeat;
5485 -}
5486 -.pcp_custom_meta_date_format input {
5487 - width: 200px;
5488 -}
5489 -
5490 -/* Replace layout */
5491 -.sp_post_carousel_page_pcp_replace_layout .spf-field-fieldset.spsp_no_border .spf-fieldset-content {
5492 - border: 1px solid #ccd0d4;
5493 - background-color: #fff;
5494 - box-shadow: 0 1px 1px rgb(0 0 0 / 4%);
5495 - padding: 20px 20px 2px 15px;
5496 - width: 500px;
5497 - border-radius: 5px;
5498 - margin-left: 25%;
5499 -}
5500 -.sp_post_carousel_page_pcp_replace_layout .spf-field-fieldset.spsp_no_border .spf-field .spf-title {
5501 - position: relative;
5502 - width: auto;
5503 - float: none;
5504 - margin-bottom: 10px;
5505 -}
5506 -.sp_post_carousel_page_pcp_replace_layout .spf-field-fieldset.spsp_no_border .spf-field .spf-fieldset {
5507 - margin-left: 0;
5508 -}
5509 -.sp_post_carousel_page_pcp_replace_layout .spf.spf-options.spf-theme-light.sp-pc-settings.pcp_replace_layout {
5510 - opacity: .7;
5511 - pointer-events: none;
5512 -}
5513 -.sp_post_carousel_page_pcp_replace_layout .pcp_replace_layout_notice p {
5514 - background-color: #fff;
5515 - color: #444444;
5516 - font-size: 15px;
5517 - padding: 15px 15px;
5518 - border: 1px solid #cecece;
5519 -}
5520 -
5521 -.sp_post_carousel_page_pcp_replace_layout .sp-pc-settings.spf-theme-light .spf-nav ul li:nth-child(1) a,
5522 -.sp_post_carousel_page_pcp_replace_layout .sp-pc-settings.spf-theme-light .spf-nav ul li:nth-child(2) a,
5523 -.sp_post_carousel_page_pcp_replace_layout .sp-pc-settings.spf-theme-light .spf-nav ul li:nth-child(3) a {
5524 - padding: 15px 30px;
5525 - background-size: 14px;
5526 - background-position: 10px center;
5527 - background-repeat: no-repeat;
5528 -}
5529 -
5530 -.sp_post_carousel_page_pcp_replace_layout .sp-pc-settings.spf-theme-light .spf-nav ul li:nth-child(1) a {
5531 - background-image: url(../img/standard-h.svg);
5532 -}
5533 -.sp_post_carousel_page_pcp_replace_layout .sp-pc-settings.spf-theme-light .spf-nav ul li:nth-child(2) a {
5534 - background-image: url(../img/taxonomy-h.svg);
5535 -}
5536 -.sp_post_carousel_page_pcp_replace_layout .sp-pc-settings.spf-theme-light .spf-nav ul li:nth-child(3) a {
5537 - background-image: url(../img/post.svg);
5538 -}