Create a gist now

Instantly share code, notes, and snippets.

What would you like to do?
Works around problem with Hum WordPress theme in IE7 (can help IE6 too), copies responsive styles to a separate stylesheet, which can be included only if IE7 (or IE6) is used. Posted here: http://wordpress.org/support/topic/header-logo-and-menu-ie7-layout?replies=2#post-4054505
/**
* Attempts to solve a problem with IE7 and Hum theme
* described here: http://wordpress.org/support/topic/ie7
*/
#site-title a {
font-size: 3.6em;
}
#main {
padding: 2em 0 0;
}
#page,
#branding {
margin-top: 0;
padding-top: 0;
}
#branding {
position: relative;
width: auto;
margin: 0 7.6%;
text-align: center;
}
#site-title {
padding-top: 40px;
float: none;
}
#site-title a {
font-size: 3.6em;
}
#page #branding #searchform {
position: absolute;
right: 0;
margin-bottom: 0.3em;
}
#main,
#colophon {
margin-left: 0;
}
#page #branding #searchform {
position: relative;
right: auto;
top: 0 !important;
}
#page #branding #s {
margin: 0 auto;
float: none;
display: block;
}
#access ul {
margin: 0 7.6%;
}
#access li {
display: inline-block;
float: none;
margin: 0 10px;
}
#access ul ul {
left: auto;
margin-left: 0;
}
/* -------------------------------------------------------------------------
** Undo hovered branding
** ------------------------------------------------------------------------- */
#page #branding #site-title a {
color: rgba( 0, 0, 0, 0.75 );
}
#page #branding #access a {
color: #555;
}
#page #branding #access .current_page_item > a,
#page #branding #access .current_page_ancestor > a {
color: #222;
}
#page #branding #site-description {
color: #7A7A7A;
}
#page #branding #searchform {
opacity: 1;
}
#site-title a {
font-size: 2.4em;
}
#page #branding #searchform {
position: relative;
right: auto;
top: 0 !important;
}
#page #branding #s {
margin: 0 auto;
float: none;
display: block;
}
#access li {
display: inline;
float: none;
}
.format-quote header .entry-meta {
margin-left: 22.8%;
}
.commentlist {
margin-left: 0;
}
.comment-meta {
overflow: hidden;
padding-top: 10px;
}
.commentlist li.comment .fn {
display: block;
}
.commentlist .avatar {
float: left;
margin-top: -10px;
margin-right: 10px;
margin-bottom: 5px;
}
.comment-content {
padding-top: 7px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment