Twenty Fourteen: Revamp the style sheet

[iamtakashi]

The CSS needs re-format & clean-up as per ​WordPress CSS Coding Standards.

[iamtakashi]

First pass at revamping the CSS. During this clean-up, I've decided to use Twenty Thirteen's gallery style instead of the default.

• Re-format and clean-up CSS as per WordPress CSS coding standards
• Use Twenty Thirteen style gallery style instead of the default style
• Minor style bug fixes

[lancewillett]

In 25788:

Twenty Fourteen: first pass at CSS revamp, props iamtakashi. See #25592.

[iamtakashi]

New patch attached.

• Improved responsive pattern for featured content.
• Minor bug fixes

[lancewillett]

In 25854:

Twenty Fourteen: improved responsive styles for featured content and minor layout fixes. Props iamtakashi, see #25592.

[lancewillett]

In 25980:

Twenty Fourteen: get rid of two last cases of clear class value. See #25592.

[iamtakashi]

Second pass at revamping the CSS. Also each pattern graphics were updated in order to fix the pattern bug with orientation change on iPad.

[lancewillett]

In 25998:

Twenty Fourteen: second pass at revamping the main CSS file. Update pattern graphics to fix issue with orientation changes on tablets. Props iamtakashi, fixes #25592.

[lancewillett]

Noticed in testing that the Search screen-reader-text element is way too wide. We should make it styled the same as the Skip to Content element.

[lancewillett]

Fix too-wide search button

[lancewillett]

Patch fixes the layout by removing the extra rule (the rule was introduced in r25998) for right: 0;.

Also improves usability of the button by causing the search input to have focus.

[lancewillett]

In 26691:

Twenty Fourteen: fix too-wide search "jump to" link and provide focus on the search input when it's used. Closes #25592.

[lancewillett]

Found in testing with Takashi that r26691 fix can be applied by using left instead of right -- and we'll need RTL fix also.

[lancewillett]

Fix for search toggle creating scrollbar

[lancewillett]

Better fix for JS focus for search toggle

[lancewillett]

Match core screen-reader-text styles better

[lancewillett]

In 26843:

Twenty Fourteen: match screen-reader-text accessibility styles a bit better with core, to avoid a jump when you move through the links, and to avoid a horizontal scroll at certain viewport widths. Also fix JS focus by specifying the first match object. Closes #25592.