Created
August 20, 2013 14:29
-
-
Save robincornett/6282104 to your computer and use it in GitHub Desktop.
IE8 styling
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<?php | |
add_action( 'wp_enqueue_scripts', 'child_add_ie8_style_sheet', 200 ); | |
/** | |
* Enqueue a IE-specific style sheet. | |
* | |
* Add a style sheet for everyone, then mark it as conditional to IE7 or below. | |
* | |
* @author Gary Jones | |
* @link http://code.garyjones.co.uk/enqueued-style-sheet-extras/ | |
*/ | |
function child_add_ie8_style_sheet() { | |
global $wp_styles; | |
wp_enqueue_style( 'child-ie8', get_stylesheet_directory_uri() . '/style-ie8.css', array(), '1.0' ); | |
$wp_styles->add_data( 'child-ie8', 'conditional', 'lte IE 8' ); | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
* Stylesheet for IE8 and lower. Based on the first level media query for screens under 1139 pixels. | |
*/ | |
.header-image .title-area { | |
background: url(images/logoie.png) center no-repeat; // non-retina logo file | |
} | |
.wrap, | |
.site-inner, | |
.content-sidebar-wrap, | |
.footer-widgets .wrap { | |
width: 960px; // use a set width instead of max-width to force static size. | |
margin: 0 auto; | |
} | |
.content-sidebar-sidebar .content-sidebar-wrap, | |
.sidebar-content-sidebar .content-sidebar-wrap, | |
.sidebar-sidebar-content .content-sidebar-wrap { | |
width: 740px; | |
} | |
.content, | |
.site-header .widget-area { | |
width: 620px; | |
} | |
.genesis-nav-menu a { | |
padding: 24px 18px; | |
} | |
.sidebar-content-sidebar .content, | |
.sidebar-sidebar-content .content, | |
.content-sidebar-sidebar .content { | |
width: 400px; | |
} | |
.footer-widgets-1, | |
.footer-widgets-2, | |
.footer-widgets-3, | |
.sidebar-primary, | |
.title-area { | |
width: 300px; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment