Skip to content

@msenateatplos /styleIE7.css
Created

Embed URL

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
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
Something went wrong with that request. Please try again.