From 33d61b07f8b59d50e5f396ff8675adbcc85dbd61 Mon Sep 17 00:00:00 2001 From: Lance Willett Date: Thu, 20 Mar 2014 17:21:14 +0000 Subject: [PATCH] Twenty Fourteen: improved gallery styles in visual editor, props celloexpressions. Fixes #27462. Built from https://develop.svn.wordpress.org/trunk@27641 git-svn-id: http://core.svn.wordpress.org/trunk@27484 1a063a9b-81f0-0310-95a4-ce76da25c4cd --- .../twentyfourteen/css/editor-style.css | 39 +++++++++---------- 1 file changed, 18 insertions(+), 21 deletions(-) diff --git a/wp-content/themes/twentyfourteen/css/editor-style.css b/wp-content/themes/twentyfourteen/css/editor-style.css index 1f54f54b89..c3f03fb8a1 100644 --- a/wp-content/themes/twentyfourteen/css/editor-style.css +++ b/wp-content/themes/twentyfourteen/css/editor-style.css @@ -443,57 +443,57 @@ img { .gallery-columns-2 .gallery-item { max-width: 48%; - max-width: -webkit-calc(50% - 4px); - max-width: calc(50% - 4px); + max-width: -webkit-calc(50% - 14px); + max-width: calc(50% - 14px); width: auto; } .gallery-columns-3 .gallery-item { max-width: 32%; - max-width: -webkit-calc(33.3% - 4px); - max-width: calc(33.3% - 4px); + max-width: -webkit-calc(33.3% - 11px); + max-width: calc(33.3% - 11px); width: auto; } .gallery-columns-4 .gallery-item { max-width: 23%; - max-width: -webkit-calc(25% - 4px); - max-width: calc(25% - 4px); + max-width: -webkit-calc(25% - 9px); + max-width: calc(25% - 9px); width: auto; } .gallery-columns-5 .gallery-item { max-width: 19%; - max-width: -webkit-calc(20% - 4px); - max-width: calc(20% - 4px); + max-width: -webkit-calc(20% - 8px); + max-width: calc(20% - 8px); width: auto; } .gallery-columns-6 .gallery-item { max-width: 15%; - max-width: -webkit-calc(16.7% - 4px); - max-width: calc(16.7% - 4px); + max-width: -webkit-calc(16.7% - 7px); + max-width: calc(16.7% - 7px); width: auto; } .gallery-columns-7 .gallery-item { max-width: 13%; - max-width: -webkit-calc(14.28% - 4px); - max-width: calc(14.28% - 4px); + max-width: -webkit-calc(14.28% - 7px); + max-width: calc(14.28% - 7px); width: auto; } .gallery-columns-8 .gallery-item { max-width: 11%; - max-width: -webkit-calc(12.5% - 4px); - max-width: calc(12.5% - 4px); + max-width: -webkit-calc(12.5% - 6px); + max-width: calc(12.5% - 6px); width: auto; } .gallery-columns-9 .gallery-item { max-width: 9%; - max-width: -webkit-calc(11.1% - 4px); - max-width: calc(11.1% - 4px); + max-width: -webkit-calc(11.1% - 6px); + max-width: calc(11.1% - 6px); width: auto; } @@ -511,17 +511,14 @@ img { .gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n - 1), -.gallery-columns-3 .gallery-item:nth-of-type(3n - 2) { - margin-left: 14px; /* Compensate for the default negative margin on .gallery, which can't be changed. */ -} - +.gallery-columns-3 .gallery-item:nth-of-type(3n - 2), .gallery-columns-4 .gallery-item:nth-of-type(4n - 3), .gallery-columns-5 .gallery-item:nth-of-type(5n - 4), .gallery-columns-6 .gallery-item:nth-of-type(6n - 5), .gallery-columns-7 .gallery-item:nth-of-type(7n - 6), .gallery-columns-8 .gallery-item:nth-of-type(8n - 7), .gallery-columns-9 .gallery-item:nth-of-type(9n - 8) { - margin-left: 2px; /* Compensate for the default negative margin on .gallery, which can't be changed. Images overflow the border in these cases. */ + margin-left: 12px; /* Compensate for the default negative margin on .gallery, which can't be changed. */ } .gallery .gallery-caption {