Thanks for helping. More details. Element inspected with Chrome
Running ST on my local PC win 7pro IIS ver. 7.5.7600.16385 Icons are visible on IIS and ST web server
Running ST on Win 2008r2 Enterprise IIS ver 7.5.7600.16385 Icon are NOT visible on IIS but ARE visible on ST web server
element.style {
}
@media (max-width: 767px)
.top-navigation-bar ul a>div:first-child {
display: none;
}
@media (max-width: 767px)
.fa.fa-home.fa-fw {
}
@media (max-width: 767px)
.fa.fa-home.fa-fw {
}
@media (max-width: 767px)
.fa.fa-home.fa-fw {
}
@media (max-width: 767px)
.fa.fa-home.fa-fw {
}
@media (max-width: 767px)
.fa.fa-home.fa-fw {
}
@media (max-width: 767px)
.fa.fa-home.fa-fw {
}
@media (max-width: 767px)
.fa.fa-home.fa-fw {
}
.fa-fw {
width: 1.2857142857142858em;
text-align: center;
}
.fa {
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
user agent stylesheetdiv {
display: block;
}
Inherited from
@media (max-width: 767px)
.top-navigation-bar ul a {
text-decoration: none;
color: #444;
}
a {
color: #08c;
text-decoration: none;
}
a {
color: #428bca;
text-decoration: none;
}
user agent stylesheeta:-webkit-any-link {
color: -webkit-link;
text-decoration: underline;
cursor: auto;
}
Inherited from
@media (max-width: 767px)
.top-navigation-bar ul li {
float: left;
text-align: center;
padding-right: 5px;
margin-bottom: 5px;
}
user agent stylesheetli {
display: list-item;
text-align: -webkit-match-parent;
}
Inherited from
@media (max-width: 767px)
.top-navigation-bar ul {
list-style: none;
padding-left: 0;
}
user agent stylesheetul, menu, dir {
display: block;
list-style-type: disc;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 40px;
}
Inherited from
body {
font-family: "Segoe UI","Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
color: #333;
}
body {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 14px;
line-height: 1.428571429;
color: #333;
background-color: #fff;
}
Inherited from
html {
font-size: 62.5%;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
Pseudo ::before element
.fa-home:before {
content: "\f015";
}
*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
Pseudo ::after element
*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
margin‒
‒border‒
‒padding‒
‒18 × auto‒
‒‒
‒‒
‒
Show inherited properties
-webkit-font-smoothing: antialiased;
box-sizing: border-box;
color: rgb(68, 68, 68);
cursor: auto;
display: none;
font-family: FontAwesome;
font-size: 14px;
font-style: normal;
font-weight: normal;
height: auto;
line-height: 14px;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
text-align: center;
width: 18px;
Server 2008r2 Element inspected "home" button ***Same div***
element.style {
}
@media (min-width: 768px)
.top-navigation-bar ul a.selected>div:first-child {
background-color: #2f6e8d;
color: #fff;
}
@media (min-width: 768px)
.top-navigation-bar ul a>div:first-child {
background-color: #fff;
color: #2f6e8d;
box-sizing: content-box;
-moz-box-sizing: content-box;
border-radius: 7px;
-ms-border-radius: 7px;
text-align: center;
font-size: 36px;
line-height: 36px;
border: 4px solid #2f6e8d;
padding: 10px 8px;
}
.fa-fw {
width: 1.2857142857142858em;
text-align: center;
}
.fa {
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
user agent stylesheetdiv {
display: block;
}
Inherited from
@media (min-width: 768px)
.top-navigation-bar ul a {
text-decoration: none;
color: #444;
}
a {
color: #08c;
text-decoration: none;
}
a {
color: #428bca;
text-decoration: none;
}
user agent stylesheeta:-webkit-any-link {
color: -webkit-link;
text-decoration: underline;
cursor: auto;
}
Inherited from
@media (min-width: 768px)
.top-navigation-bar ul li {
float: left;
text-align: center;
margin-right: 28px;
min-width: 110px;
}
user agent stylesheetli {
display: list-item;
text-align: -webkit-match-parent;
}
Inherited from
@media (min-width: 768px)
.top-navigation-bar ul {
list-style: none;
margin-top: -42px;
padding-left: 0;
}
user agent stylesheetul, menu, dir {
display: block;
list-style-type: disc;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 40px;
}
Inherited from
body {
font-family: "Segoe UI","Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
color: #333;
}
body {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 14px;
line-height: 1.428571429;
color: #333;
background-color: #fff;
}
Inherited from
html {
font-size: 62.5%;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
Pseudo ::before element
.fa-home:before {
content: "\f015";
}
*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
Pseudo ::after element
*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
margin‒
‒border4
4padding10
846.281 × 368
104
4‒
‒
Show inherited properties
-webkit-font-smoothing: antialiased;
background-color: rgb(47, 110, 141);
border-bottom-color: rgb(47, 110, 141);
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
border-bottom-style: solid;
border-bottom-width: 4px;
border-image-outset: 0px;
border-image-repeat: stretch;
border-image-slice: 100%;
border-image-source: none;
border-image-width: 1;
border-left-color: rgb(47, 110, 141);
border-left-style: solid;
border-left-width: 4px;
border-right-color: rgb(47, 110, 141);
border-right-style: solid;
border-right-width: 4px;
border-top-color: rgb(47, 110, 141);
border-top-left-radius: 7px;
border-top-right-radius: 7px;
border-top-style: solid;
border-top-width: 4px;
box-sizing: content-box;
color: rgb(255, 255, 255);
cursor: auto;
display: inline-block;
font-family: FontAwesome;
font-size: 36px;
font-style: normal;
font-weight: normal;
height: 36px;
line-height: 36px;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
padding-bottom: 10px;
padding-left: 8px;
padding-right: 8px;
padding-top: 10px;
text-align: center;
width: 46.28125px;