/**
ELANO Html5 Template
Author: UX-Qode
- CSS ONLY FOR RETINA DISPLAYS
**/
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
.navbar-default.default.tdark #s_top, .navbar-default.default.sdark #s_top {
background-image: url(../images/retina/search@2x.png) !important;
background-size: 13px 13px;
background-position: 13px 37px !important;
background-repeat: no-repeat;
}
#contacts .other-contacts p, #contacts .other-contacts a {
font-weight: normal;
}
.navbar-default.default.tdark.nav-shrink #s_top, .navbar-default.default.sdark.nav-shrink #s_top, .navbar-default.default.fdfull.nav-shrink #s_top{
background-image: url(../images/retina/search@2x.png) !important;
background-size: 13px 13px;
background-position: 13px 22px !important;
background-repeat: no-repeat;
}
.sticky .post-content {
background: #fff url(../images/retina/sticky-post@2x.png) no-repeat right top;
background-size: 45px 36px;
}
.address p{color: #687177;}
/* SOCIAL ICONS */
.socialdiv.colored .facebook{ background: url(../images/retina/facebook@2x.png) -37px -2px no-repeat;-webkit-background-size:80px 40px; -moz-background-size:80px 40px; -o-background-size:80px 40px; background-size:80px 40px; }
.socialdiv.colored .twitter{ background: url(../images/retina/twitter@2x.png) -37px -1px no-repeat;-webkit-background-size:80px 40px; -moz-background-size:80px 40px; -o-background-size:80px 40px; background-size:80px 40px; }
.socialdiv.colored .forrst{ background: url(../images/retina/forrst@2x.png) -37px -2px no-repeat;-webkit-background-size:80px 40px; -moz-background-size:80px 40px; -o-background-size:80px 40px; background-size:80px 40px; }
.socialdiv.colored .flickr{background: url(../images/retina/flickr@2x.png) -37px -2px no-repeat;-webkit-background-size:80px 40px; -moz-background-size:80px 40px; -o-background-size:80px 40px; background-size:80px 40px; }
.socialdiv.colored .linkedin{background: url(../images/retina/linkedin@2x.png) -38px -2px no-repeat;-webkit-background-size:80px 40px; -moz-background-size:80px 40px; -o-background-size:80px 40px; background-size:80px 40px; }
.socialdiv.colored .skype{ background: url(../images/retina/skype@2x.png) -37px -1px no-repeat; -webkit-background-size:80px 40px; -moz-background-size:80px 40px; -o-background-size:80px 40px; background-size:80px 40px; }
.socialdiv.colored .google{ background: url(../images/retina/googleplus@2x.png) -36px -1px no-repeat;-webkit-background-size:80px 40px; -moz-background-size:80px 40px; -o-background-size:80px 40px; background-size:80px 40px; }
.socialdiv.colored .vimeo{ background: url(../images/retina/vimeo@2x.png) -38px -1px no-repeat;-webkit-background-size:80px 40px; -moz-background-size:80px 40px; -o-background-size:80px 40px; background-size:80px 40px; }
.socialdiv.colored .picasa{ background: url(../images/retina/picasa@2x.png) -37px -2px no-repeat;-webkit-background-size:80px 40px; -moz-background-size:80px 40px; -o-background-size:80px 40px; background-size:80px 40px; }
.socialdiv.colored .deviantart{ background: url(../images/retina/deviantart@2x.png) -37px -2px no-repeat; -webkit-background-size:80px 40px; -moz-background-size:80px 40px; -o-background-size:80px 40px; background-size:80px 40px; }
.socialdiv.colored .behance{ background: url(../images/retina/behance@2x.png) -37px -2px no-repeat;-webkit-background-size:80px 40px; -moz-background-size:80px 40px; -o-background-size:80px 40px; background-size:80px 40px; }
.socialdiv.colored .youtube{ background: url(../images/retina/youtube@2x.png) -37px -2px no-repeat;-webkit-background-size:80px 40px; -moz-background-size:80px 40px; -o-background-size:80px 40px; background-size:80px 40px; }
.socialdiv.colored .rss{ background: url(../images/retina/rss@2x.png) -37px -2px no-repeat;-webkit-background-size:80px 40px; -moz-background-size:80px 40px; -o-background-size:80px 40px; background-size:80px 40px; }
.socialdiv.colored .pinterest{ background: url(../images/retina/pinterest@2x.png) -38px -2px no-repeat; -webkit-background-size:80px 40px; -moz-background-size:80px 40px; -o-background-size:80px 40px; background-size:80px 40px; }
.socialdiv.colored .stumble{ background: url(../images/retina/stumbleupon@2x.png) -37px -2px no-repeat;-webkit-background-size:80px 40px; -moz-background-size:80px 40px; -o-background-size:80px 40px; background-size:80px 40px; }
.socialdiv.colored .delicious{ background: url(../images/retina/delicious@2x.png) -37px -2px no-repeat;-webkit-background-size:80px 40px; -moz-background-size:80px 40px; -o-background-size:80px 40px; background-size:80px 40px; }
.socialdiv.colored .digg{ background: url(../images/retina/digg@2x.png) -37px -2px no-repeat;-webkit-background-size:80px 40px; -moz-background-size:80px 40px; -o-background-size:80px 40px; background-size:80px 40px; }
.socialdiv.colored .instagram{ background: url(../images/retina/instagram@2x.png) -38px -2px no-repeat;-webkit-background-size:80px 40px; -moz-background-size:80px 40px; -o-background-size:80px 40px; background-size:80px 40px; }
.socialdiv.colored .myspace{ background: url(../images/retina/myspace@2x.png) -37px -2px no-repeat;-webkit-background-size:80px 40px; -moz-background-size:80px 40px; -o-background-size:80px 40px; background-size:80px 40px; }
.socialdiv.colored .blogger{ background: url(../images/retina/blogger@2x.png) -37px -2px no-repeat;-webkit-background-size:80px 40px; -moz-background-size:80px 40px; -o-background-size:80px 40px; background-size:80px 40px; }
.socialdiv.colored .wordpress{ background: url(../images/retina/wordpress@2x.png) -37px -2px no-repeat;-webkit-background-size:80px 40px; -moz-background-size:80px 40px; -o-background-size:80px 40px; background-size:80px 40px; }
.socialdiv.colored .grooveshark{ background: url(../images/retina/grooveshark@2x.png) -38px -1px no-repeat;-webkit-background-size:80px 40px; -moz-background-size:80px 40px; -o-background-size:80px 40px; background-size:80px 40px; }
.socialdiv.colored .reddit{ background: url(../images/retina/reddit@2x.png) -40px -2px no-repeat;-webkit-background-size:80px 40px; -moz-background-size:80px 40px; -o-background-size:80px 40px; background-size:80px 40px; }
.socialdiv.colored .soundcloud{ background: url(../images/retina/github@2x.png) -37px -2px no-repeat; -webkit-background-size:80px 40px; -moz-background-size:80px 40px; -o-background-size:80px 40px; background-size:80px 40px; }
.socialdiv.colored .dribbble{ background: url(../images/retina/dribbble@2x.png) -38px -2px no-repeat; -webkit-background-size:80px 40px; -moz-background-size:80px 40px; -o-background-size:80px 40px; background-size:80px 40px; }
/* SOCIAL ICONS: HOVER */
.socialdiv.colored .facebook:hover{ background: #fff url(../images/retina/facebook@2x.png) -4px -2px no-repeat;-webkit-background-size:80px 40px; -moz-background-size:80px 40px; -o-background-size:80px 40px; background-size:80px 40px; }
.socialdiv.colored .twitter:hover{ background: #fff url(../images/retina/twitter@2x.png) -5px -1px no-repeat;-webkit-background-size:80px 40px; -moz-background-size:80px 40px; -o-background-size:80px 40px; background-size:80px 40px; }
.socialdiv.colored .forrst:hover{ background: #fff url(../images/retina/forrst@2x.png) -5px -2px no-repeat;-webkit-background-size:80px 40px; -moz-background-size:80px 40px; -o-background-size:80px 40px; background-size:80px 40px; }
.socialdiv.colored .flickr:hover{background: #fff url(../images/retina/flickr@2x.png) -4px -2px no-repeat;-webkit-background-size:80px 40px; -moz-background-size:80px 40px; -o-background-size:80px 40px; background-size:80px 40px; }
.socialdiv.colored .linkedin:hover{background: #fff url(../images/retina/linkedin@2x.png) -5px -2px no-repeat;-webkit-background-size:80px 40px; -moz-background-size:80px 40px; -o-background-size:80px 40px; background-size:80px 40px; }
.socialdiv.colored .skype:hover{ background: #fff url(../images/retina/skype@2x.png) -4px -1px no-repeat; -webkit-background-size:80px 40px; -moz-background-size:80px 40px; -o-background-size:80px 40px; background-size:80px 40px; }
.socialdiv.colored .google:hover{ background: #fff url(../images/retina/googleplus@2x.png) -5px -1px no-repeat;-webkit-background-size:80px 40px; -moz-background-size:80px 40px; -o-background-size:80px 40px; background-size:80px 40px; }
.socialdiv.colored .vimeo:hover{ background: #fff url(../images/retina/vimeo@2x.png) -5px -1px no-repeat;-webkit-background-size:80px 40px; -moz-background-size:80px 40px; -o-background-size:80px 40px; background-size:80px 40px; }
.socialdiv.colored .picasa:hover{ background: #fff url(../images/retina/picasa@2x.png) -5px -2px no-repeat;-webkit-background-size:80px 40px; -moz-background-size:80px 40px; -o-background-size:80px 40px; background-size:80px 40px; }
.socialdiv.colored .deviantart:hover{ background: #fff url(../images/retina/deviantart@2x.png) -5px -2px no-repeat; -webkit-background-size:80px 40px; -moz-background-size:80px 40px; -o-background-size:80px 40px; background-size:80px 40px; }
.socialdiv.colored .behance:hover{ background: #fff url(../images/retina/behance@2x.png) -5px -2px no-repeat;-webkit-background-size:80px 40px; -moz-background-size:80px 40px; -o-background-size:80px 40px; background-size:80px 40px; }
.socialdiv.colored .youtube:hover{ background: #fff url(../images/retina/youtube@2x.png) -5px -2px no-repeat;-webkit-background-size:80px 40px; -moz-background-size:80px 40px; -o-background-size:80px 40px; background-size:80px 40px; }
.socialdiv.colored .rss:hover{ background: #fff url(../images/retina/rss@2x.png) -4px -2px no-repeat;-webkit-background-size:80px 40px; -moz-background-size:80px 40px; -o-background-size:80px 40px; background-size:80px 40px; }
.socialdiv.colored .pinterest:hover{ background: #fff url(../images/retina/pinterest@2x.png) -4px -2px no-repeat; -webkit-background-size:80px 40px; -moz-background-size:80px 40px; -o-background-size:80px 40px; background-size:80px 40px; }
.socialdiv.colored .stumble:hover{ background: #fff url(../images/retina/stumbleupon@2x.png) -5px -2px no-repeat;-webkit-background-size:80px 40px; -moz-background-size:80px 40px; -o-background-size:80px 40px; background-size:80px 40px; }
.socialdiv.colored .delicious:hover{ background: #fff url(../images/retina/delicious@2x.png) -5px -2px no-repeat;-webkit-background-size:80px 40px; -moz-background-size:80px 40px; -o-background-size:80px 40px; background-size:80px 40px; }
.socialdiv.colored .digg:hover{ background: #fff url(../images/retina/digg@2x.png) -5px -2px no-repeat;-webkit-background-size:80px 40px; -moz-background-size:80px 40px; -o-background-size:80px 40px; background-size:80px 40px; }
.socialdiv.colored .instagram:hover{ background: #fff url(../images/retina/instagram@2x.png) -5px -2px no-repeat;-webkit-background-size:80px 40px; -moz-background-size:80px 40px; -o-background-size:80px 40px; background-size:80px 40px; }
.socialdiv.colored .myspace:hover{ background: #fff url(../images/retina/myspace@2x.png) -5px -2px no-repeat;-webkit-background-size:80px 40px; -moz-background-size:80px 40px; -o-background-size:80px 40px; background-size:80px 40px; }
.socialdiv.colored .blogger:hover{ background: #fff url(../images/retina/blogger@2x.png) -5px -2px no-repeat;-webkit-background-size:80px 40px; -moz-background-size:80px 40px; -o-background-size:80px 40px; background-size:80px 40px; }
.socialdiv.colored .wordpress:hover{ background: #fff url(../images/retina/wordpress@2x.png) -5px -2px no-repeat;-webkit-background-size:80px 40px; -moz-background-size:80px 40px; -o-background-size:80px 40px; background-size:80px 40px; }
.socialdiv.colored .grooveshark:hover{ background: #fff url(../images/retina/grooveshark@2x.png) -4px -1px no-repeat;-webkit-background-size:80px 40px; -moz-background-size:80px 40px; -o-background-size:80px 40px; background-size:80px 40px; }
.socialdiv.colored .reddit:hover{ background: #fff url(../images/retina/reddit@2x.png) -5px -2px no-repeat;-webkit-background-size:80px 40px; -moz-background-size:80px 40px; -o-background-size:80px 40px; background-size:80px 40px; }
.socialdiv.colored .soundcloud:hover{ background: #fff url(../images/retina/github@2x.png) -4px -2px no-repeat; -webkit-background-size:80px 40px; -moz-background-size:80px 40px; -o-background-size:80px 40px; background-size:80px 40px; }
.socialdiv.colored .dribbble:hover{ background: #fff url(../images/retina/dribbble@2x.png) -5px -2px no-repeat; -webkit-background-size:80px 40px; -moz-background-size:80px 40px; -o-background-size:80px 40px; background-size:80px 40px; }
}
@media only screen
and (max-device-width : 479px)
and (-webkit-min-device-pixel-ratio: 2){
.navbar-default.default.tdark.nav-shrink #s_top{
background-position: 13px 37px !important;
}
}
@media only screen
and (max-device-width : 767px)
and (-webkit-min-device-pixel-ratio: 2){
.navbar-default.default.tdark.nav-shrink #s_top{
background-position: 13px 37px !important;
}
}