diff --git a/inc/custom-header.php b/inc/custom-header.php index 080af6b3..b2c366f7 100644 --- a/inc/custom-header.php +++ b/inc/custom-header.php @@ -107,7 +107,7 @@ function _s_header_style() { ?> .site-title, .site-description { - position: absolute !important; + position: absolute; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); } @@ -160,19 +160,13 @@ if ( ! function_exists( '_s_admin_header_image' ) ) : * @see _s_custom_header_setup(). */ function _s_admin_header_image() { - $header_text_color = get_header_textcolor(); + $style = sprintf( ' style="color:#%s;"', get_header_textcolor() ); + $header_image = get_header_image(); ?>
diff --git a/inc/customizer.php b/inc/customizer.php index 54fe6908..e704cf58 100644 --- a/inc/customizer.php +++ b/inc/customizer.php @@ -21,6 +21,6 @@ add_action( 'customize_register', '_s_customize_register' ); * Binds JS handlers to make Theme Customizer preview reload changes asynchronously. */ function _s_customize_preview_js() { - wp_enqueue_script( '_s_customizer', get_template_directory_uri() . '/js/customizer.js', array( 'customize-preview' ), '20130304', true ); + wp_enqueue_script( '_s_customizer', get_template_directory_uri() . '/js/customizer.js', array( 'customize-preview' ), '20130508', true ); } add_action( 'customize_preview_init', '_s_customize_preview_js' ); diff --git a/js/customizer.js b/js/customizer.js index 68f76ec3..344e191f 100644 --- a/js/customizer.js +++ b/js/customizer.js @@ -19,7 +19,18 @@ // Header text color. wp.customize( 'header_textcolor', function( value ) { value.bind( function( to ) { - $( '.site-title a, .site-description' ).css( 'color', to ); + if ( 'blank' == to ) { + $( '.site-title, .site-description' ).css( { + 'clip': 'rect(1px, 1px, 1px, 1px)', + 'position': 'absolute' + } ); + } else { + $( '.site-title, .site-description' ).css( { + 'clip': 'auto', + 'color': to, + 'position': 'relative' + } ); + } } ); } ); } )( jQuery ); \ No newline at end of file diff --git a/style.css b/style.css index 3ed8cef0..c1a266fd 100644 --- a/style.css +++ b/style.css @@ -15,41 +15,22 @@ Use it to make something cool, have fun, and share what you've learned with othe _s is based on Underscores http://underscores.me/, (C) 2012-2013 Automattic, Inc. Resetting and rebuilding styles have been helped along thanks to the fine work of -Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html -along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ -and Blueprint http://www.blueprintcss.org/ +Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/ */ /* =Reset -------------------------------------------------------------- */ -html, body, div, span, applet, object, iframe, -h1, h2, h3, h4, h5, h6, p, blockquote, pre, -a, abbr, acronym, address, big, cite, code, -del, dfn, em, font, ins, kbd, q, s, samp, -small, strike, strong, sub, sup, tt, var, -dl, dt, dd, ol, ul, li, -fieldset, form, label, legend, -table, caption, tbody, tfoot, thead, tr, th, td { - border: 0; - font-family: inherit; - font-size: 100%; - font-style: inherit; - font-weight: inherit; - margin: 0; - outline: 0; - padding: 0; - vertical-align: baseline; -} html { - font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */ - overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */ - -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */ - -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ + font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units. http://clagnut.com/blog/348/#c790 */ + overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height. */ + -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom. */ + -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ } body { background: #fff; + margin: 0; } article, aside, @@ -62,10 +43,29 @@ nav, section { display: block; } +audio, +canvas, +video { + display: inline-block; +} +audio:not([controls]) { + display: none; + height: 0; +} +[hidden] { + display: none; +} +svg:not(:root) { + overflow: hidden; +} +legend { + border: 0; + padding: 0; +} ol, ul { list-style: none; } -table { /* tables still need 'cellspacing="0"' in the markup */ +table { /* Tables still need 'cellspacing="0"' in the markup. */ border-collapse: separate; border-spacing: 0; } @@ -78,7 +78,7 @@ q:before, q:after { content: ""; } blockquote, q { - quotes: "" ""; + quotes: "\201C" "\201D" "\2018" "\2019"; } a:focus { outline: thin dotted; @@ -111,9 +111,15 @@ textarea { h1,h2,h3,h4,h5,h6 { clear: both; } +h1 { + font-size: 2em; + margin: 0.67em 0; +} hr { background-color: #ccc; border: 0; + -moz-box-sizing: content-box; + box-sizing: content-box; height: 1px; margin-bottom: 1.5em; } @@ -152,12 +158,12 @@ blockquote { margin: 0 1.5em; } address { + font-style: italic; margin: 0 0 1.5em; } pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; - font-size: 15px; font-size: 1.5rem; line-height: 1.6; margin-bottom: 1.6em; @@ -168,7 +174,7 @@ pre { code, kbd, tt, var { font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } -abbr, acronym { +abbr[title], acronym { border-bottom: 1px dotted #666; cursor: help; } @@ -210,18 +216,31 @@ img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ } +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; +} +legend { + border: 0; + padding: 0; +} button, input, select, textarea { - font-size: 100%; /* Corrects font size not being inherited in all browsers */ - margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ - vertical-align: baseline; /* Improves appearance and consistency in all browsers */ - *vertical-align: middle; /* Improves appearance and consistency in all browsers */ + font-family: inherit; + font-size: 100%; /* Corrects font size not being inherited in all browsers. */ + margin: 0; /* Addresses margins set differently in F3/4, S5, Chrome. */ + vertical-align: baseline; /* Improves appearance and consistency in all browsers. */ } button, input { - line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */ + line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet. */ +} +button, +select { + text-transform: none; } button, html input[type="button"], @@ -233,9 +252,8 @@ input[type="submit"] { background: #e6e6e6; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, .8); - cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */ - -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */ - font-size: 12px; + cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others. */ + -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS. */ font-size: 1.2rem; line-height: 1; padding: .6em 1em .4em; @@ -259,22 +277,26 @@ input[type="submit"]:active { border-color: #aaa #bbb #bbb #bbb; box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15); } +button[disabled], +html input[disabled] { + cursor: default; +} input[type="checkbox"], input[type="radio"] { - box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */ - padding: 0; /* Addresses excess padding in IE8/9 */ + box-sizing: border-box; /* Addresses box sizing set to content-box in IE9. */ + padding: 0; /* Addresses excess padding in IE9. */ } input[type="search"] { - -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */ - -webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */ + -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome. */ + -webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof). */ -moz-box-sizing: content-box; box-sizing: content-box; } -input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */ +input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX. */ -webkit-appearance: none; } button::-moz-focus-inner, -input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ +input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4. www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ border: 0; padding: 0; } @@ -301,9 +323,9 @@ input[type="search"] { padding: 3px; } textarea { - overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */ + overflow: auto; /* Removes default vertical scrollbar in IE9. */ padding-left: 3px; - vertical-align: top; /* Improves readability and alignment in all browsers */ + vertical-align: top; /* Improves readability and alignment in all browsers. */ width: 98%; } @@ -337,7 +359,7 @@ a:active { margin: 0 auto; } -/* Text meant only for screen readers */ +/* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; @@ -534,7 +556,7 @@ a:active { .site-content .gallery-columns-4 .gallery-item img { } -/* Make sure embeds and iframes fit their containers */ +/* Make sure embeds and iframes fit their containers. */ embed, iframe, object { @@ -575,7 +597,7 @@ object { margin: 0 0 1.5em; } -/* Make sure select elements fit in widgets */ +/* Make sure select elements fit in widgets. */ .widget select { max-width: 100%; } @@ -589,12 +611,12 @@ object { ----------------------------------------------- */ /* Globally hidden elements when Infinite Scroll is supported and in use. */ -.infinite-scroll .navigation-paging, /* Older / Newer Posts Navigation (always hidden) */ -.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ +.infinite-scroll .navigation-paging, /* Older / Newer Posts Navigation (always hidden). */ +.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling). */ display: none; } -/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */ +/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */ .infinity-end.neverending .site-footer { display: block; }