Skip to content

Instantly share code, notes, and snippets.

@brandonrosage
Created December 30, 2012 00:01
Show Gist options
  • Save brandonrosage/4410116 to your computer and use it in GitHub Desktop.
Save brandonrosage/4410116 to your computer and use it in GitHub Desktop.
Stylesheet intended for IE7 for OIC website.
.button-primary a > span {
float: right;
font-size: 1.3em;
padding: 0.3em 0.6em 0 0.5em;
}
header#global-header {
position: relative;
z-index: 2;
}
#cse-search-form .gsc-search-box-tools .gsc-search-box .gsc-search-button input.gsc-search-button {
height: 11px;
border: 1px solid #0376ae;
background: #008FD5;
padding: 9px;
}
header#global-header nav#global-menu ul#first-level-menu {
z-index: 3;
}
nav#global-menu ul#first-level-menu > li.has-dropdown > a:hover {
/* color: #fff;
background: #008fd5;*/
}
.dropdown-menu {
list-style-position: outside;
}
#frontpage, #content {
position: relative;
}
/* ----- HEADER: First- and Second-level menus ----- */
header#global-header #quick-links li {
display: inline;
}
footer#global-footer #social-links li {
float: left;
}
footer#global-footer #social-links li a {
float: none;
}
#hero ul.hero-menu {
left: 0;
}
#hero ul.hero-menu li.active a {
background: url(/images/arrow-up.gif) center bottom no-repeat;
}
#hero ul.hero-menu li a:hover {
font-weight: normal;
font-family:'Avenir Next LT W01 Demi';
}
article.feature hgroup h1 {
font-size: 1.6em;
}
#left-navigation > li {
list-style-position: outside;
}
#content #pathwaySummary ul.second-level-menu > span > li,
#content #pathwaySummary ul.third-level-menu {
list-style-position: outside;
}
#content #pathwaySummary .third-level-menu li.icon > a {
display: block;
float: left;
}
#content #pathwaySummary .third-level-menu li span.icon {
display: block;
float: left;
width: 35px;
height: 40px;
overflow: hidden;
color: #fff;
font-size: 60px;
font-family: 'oic-icons';
line-height: 0.8em;
background: #44994b;
padding-left: 5px;
}
#content #pathwaySummary .third-level-menu li#auto-insurance span.icon {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '' ');
}
#content #pathwaySummary .third-level-menu li#health-insurance span.icon {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '& ');
font-size: 45px;
line-height: 1.2em;
}
#content #pathwaySummary .third-level-menu li#home-insurance span.icon {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '% ');
font-size: 45px;
line-height: 1.2em;
}
#content #pathwaySummary .third-level-menu li#life-insurance span.icon {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '" ');
line-height: 1em;
}
#content #pathwaySummary .fourth-level-menu {
clear: both;
}
#landingSummary .fourth-level-menu {
list-style-position: outside;
}
[class^="icon-"],
[class*=" icon-"] {
font-family: 'oic-icons';
font-style: normal;
font-weight: normal;
/* fix buttons height */
line-height: 1em;
/* you can be more comfortable with increased icons size */
/* font-zize: 120%; */
}
article.callout-topic > a > i[class^="icon-"] {
line-height: 1.2em;
}
.icon-home { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '- '); }
.icon-money { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '! '); }
.icon-life { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '" '); }
.icon-menu-open { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '# '); }
.icon-menu-close { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '$ '); }
.icon-house { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '% '); }
.icon-healthcare { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '& '); }
.icon-auto { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '' '); }
.icon-facebook { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '( '); }
.icon-twitter { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ') '); }
.icon-feed { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '* '); }
.icon-blogger { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '+ '); }
.icon-mail { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ', '); }
.icon-arrow-right { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '. '); }
.icon-search { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '0 '); }
.icon-heart { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '1 '); }
.icon-arrow-down { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '2 '); }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment