/* ============================================================================= Footer Nav Icons --[ Recommend to delete CSS for icons you don't use ]-- ========================================================================== */ .custom-icons .ui-btn .ui-btn-inner { padding-top: 40px !important; } .custom-icons .ui-btn .ui-icon { width: 30px!important; height: 30px!important; margin-left: -15px !important; box-shadow: none!important; -moz-box-shadow: none!important; -webkit-box-shadow: none!important; -webkit-border-radius: 0 !important; border-radius: 0 !important; } #address-book .ui-icon { background:url(nav-icons/address-book-sm.png) 50% 50% no-repeat; } #apartments .ui-icon { background:url(nav-icons/apartments-sm.png) 50% 50% no-repeat; } #balloons .ui-icon { background:url(nav-icons/balloons-sm.png) 50% 50% no-repeat; } #brush .ui-icon { background:url(nav-icons/brush-sm.png) 50% 50% no-repeat; } #brush2 .ui-icon { background:url(nav-icons/brush2-sm.png) 50% 50% no-repeat; } #calendar .ui-icon { background:url(nav-icons/calendar-sm.png) 50% 50% no-repeat; } #calendar2 .ui-icon { background:url(nav-icons/calendar2-sm.png) 50% 50% no-repeat; } #camera .ui-icon { background:url(nav-icons/camera-sm.png) 50% 50% no-repeat; } #car .ui-icon { background:url(nav-icons/car-sm.png) 50% 50% no-repeat; } #cell .ui-icon { background:url(nav-icons/cell-sm.png) 50% 50% no-repeat; } #cell2 .ui-icon { background:url(nav-icons/cell2-sm.png) 50% 50% no-repeat; } #cell3 .ui-icon { background:url(nav-icons/cell3-sm.png) 50% 50% no-repeat; } #chair .ui-icon { background:url(nav-icons/chair-sm.png) 50% 50% no-repeat; } #chat .ui-icon { background:url(nav-icons/chat-sm.png) 50% 50% no-repeat; } #chat2 .ui-icon { background:url(nav-icons/chat2-sm.png) 50% 50% no-repeat; } #closed .ui-icon { background:url(nav-icons/closed-sm.png) 50% 50% no-repeat; } #dribble .ui-icon { background:url(nav-icons/dribble-sm.png) 50% 50% no-repeat; } #eye .ui-icon { background:url(nav-icons/eye-sm.png) 50% 50% no-repeat; } #facebook .ui-icon { background:url(nav-icons/facebook-sm.png) 50% 50% no-repeat; } #film .ui-icon { background:url(nav-icons/film-sm.png) 50% 50% no-repeat; } #flag .ui-icon { background:url(nav-icons/flag-sm.png) 50% 50% no-repeat; } #footprint .ui-icon { background:url(nav-icons/footprint-sm.png) 50% 50% no-repeat; } #footprints .ui-icon { background:url(nav-icons/footprints-sm.png) 50% 50% no-repeat; } #globe .ui-icon { background:url(nav-icons/globe-sm.png) 50% 50% no-repeat; } #home .ui-icon { background:url(nav-icons/home-sm.png) 50% 50% no-repeat; } #home2 .ui-icon { background:url(nav-icons/home2-sm.png) 50% 50% no-repeat; } #icecream .ui-icon { background:url(nav-icons/icecream-sm.png) 50% 50% no-repeat; } #key .ui-icon { background:url(nav-icons/key-sm.png) 50% 50% no-repeat; } #like .ui-icon { background:url(nav-icons/like-sm.png) 50% 50% no-repeat; } #mail .ui-icon { background:url(nav-icons/mail-sm.png) 50% 50% no-repeat; } #mail2 .ui-icon { background:url(nav-icons/mail2-sm.png) 50% 50% no-repeat; } #map-marker .ui-icon { background:url(nav-icons/map-marker-sm.png) 50% 50% no-repeat; } #map .ui-icon { background:url(nav-icons/map-sm.png) 50% 50% no-repeat; } #monitor .ui-icon { background:url(nav-icons/monitor-sm.png) 50% 50% no-repeat; } #mouse .ui-icon { background:url(nav-icons/mouse-sm.png) 50% 50% no-repeat; } #movie-camera .ui-icon { background:url(nav-icons/movie-camera-sm.png) 50% 50% no-repeat; } #movie .ui-icon { background:url(nav-icons/movie-sm.png) 50% 50% no-repeat; } #music .ui-icon { background:url(nav-icons/music-sm.png) 50% 50% no-repeat; } #paint-brush .ui-icon { background:url(nav-icons/paint-brush-sm.png) 50% 50% no-repeat; } #pen .ui-icon { background:url(nav-icons/pen-sm.png) 50% 50% no-repeat; } #pencil .ui-icon { background:url(nav-icons/pencil-sm.png) 50% 50% no-repeat; } #phone .ui-icon { background:url(nav-icons/phone-sm.png) 50% 50% no-repeat; } #phone2 .ui-icon { background:url(nav-icons/phone2-sm.png) 50% 50% no-repeat; } #phone3 .ui-icon { background:url(nav-icons/phone3-sm.png) 50% 50% no-repeat; } #photos .ui-icon { background:url(nav-icons/photos-sm.png) 50% 50% no-repeat; } #photos2 .ui-icon { background:url(nav-icons/photos2-sm.png) 50% 50% no-repeat; } #plane .ui-icon { background:url(nav-icons/plane-sm.png) 50% 50% no-repeat; } #plate .ui-icon { background:url(nav-icons/plate-sm.png) 50% 50% no-repeat; } #popsicle .ui-icon { background:url(nav-icons/popsicle-sm.png) 50% 50% no-repeat; } #presentation .ui-icon { background:url(nav-icons/presentation-sm.png) 50% 50% no-repeat; } #rss .ui-icon { background:url(nav-icons/rss-sm.png) 50% 50% no-repeat; } #run .ui-icon { background:url(nav-icons/run-sm.png) 50% 50% no-repeat; } #search .ui-icon { background:url(nav-icons/search-sm.png) 50% 50% no-repeat; } #sign .ui-icon { background:url(nav-icons/sign-sm.png) 50% 50% no-repeat; } #table .ui-icon { background:url(nav-icons/table-sm.png) 50% 50% no-repeat; } #twitter .ui-icon { background:url(nav-icons/twitter-sm.png) 50% 50% no-repeat; } #twitter2 .ui-icon { background:url(nav-icons/twitter2-sm.png) 50% 50% no-repeat; } #users .ui-icon { background:url(nav-icons/users-sm.png) 50% 50% no-repeat; } #v-card .ui-icon { background:url(nav-icons/v-card-sm.png) 50% 50% no-repeat; } #walk .ui-icon { background:url(nav-icons/walk-sm.png) 50% 50% no-repeat; } #wine .ui-icon { background:url(nav-icons/wine-sm.png) 50% 50% no-repeat; } #wine2 .ui-icon { background:url(nav-icons/wine2-sm.png) 50% 50% no-repeat; } #wordpress .ui-icon { background:url(nav-icons/wordpress-sm.png) 50% 50% no-repeat; } #you-tube .ui-icon { background:url(nav-icons/you-tube-sm.png) 50% 50% no-repeat; } @media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-resolution:240dpi){ #address-book .ui-icon { background:url(nav-icons/address-book.png) 50% 50% no-repeat; background-size: 25px 29px; } #apartments .ui-icon { background:url(nav-icons/apartments.png) 50% 50% no-repeat; background-size: 28px 31px; } #balloons .ui-icon { background:url(nav-icons/balloons.png) 50% 50% no-repeat; background-size: 23px 32px; } #brush .ui-icon { background:url(nav-icons/brush.png) 50% 50% no-repeat; background-size: 31px 28px; } #brush2 .ui-icon { background:url(nav-icons/brush2.png) 50% 50% no-repeat; background-size: 28px 29px; } #calendar .ui-icon { background:url(nav-icons/calendar.png) 50% 50% no-repeat; background-size: 30px 26px; } #calendar2 .ui-icon { background:url(nav-icons/calendar2.png) 50% 50% no-repeat; background-size: 28px 29px; } #camera .ui-icon { background:url(nav-icons/camera.png) 50% 50% no-repeat; background-size: 29px 22px; } #car .ui-icon { background:url(nav-icons/car.png) 50% 50% no-repeat; background-size: 30px 16px; } #cell .ui-icon { background:url(nav-icons/cell.png) 50% 50% no-repeat; background-size: 18px 30px; } #cell2 .ui-icon { background:url(nav-icons/cell2.png) 50% 50% no-repeat; background-size: 17px 30px; } #cell3 .ui-icon { background:url(nav-icons/cell3.png) 50% 50% no-repeat; background-size: 15px 30px; } #chair .ui-icon { background:url(nav-icons/chair.png) 50% 50% no-repeat; background-size: 20px 27px; } #chat .ui-icon { background:url(nav-icons/chat.png) 50% 50% no-repeat; background-size: 28px 21px; } #chat2 .ui-icon { background:url(nav-icons/chat2.png) 50% 50% no-repeat; background-size: 27px 25px; } #closed .ui-icon { background:url(nav-icons/closed.png) 50% 50% no-repeat; background-size: 27px 25px; } #dribble .ui-icon { background:url(nav-icons/dribble.png) 50% 50% no-repeat; background-size: 28px 29px; } #eye .ui-icon { background:url(nav-icons/eye.png) 50% 50% no-repeat; background-size: 30px 18px; } #facebook .ui-icon { background:url(nav-icons/facebook.png) 50% 50% no-repeat; background-size: 26px 27px; } #film .ui-icon { background:url(nav-icons/film.png) 50% 50% no-repeat; background-size: 23px 26px; } #flag .ui-icon { background:url(nav-icons/flag.png) 50% 50% no-repeat; background-size: 23px 27px; } #footprint .ui-icon { background:url(nav-icons/footprint.png) 50% 50% no-repeat; background-size: 13px 30px; } #footprints .ui-icon { background:url(nav-icons/footprints.png) 50% 50% no-repeat; background-size: 27px 30px; } #globe .ui-icon { background:url(nav-icons/globe.png) 50% 50% no-repeat; background-size: 28px 28px; } #home .ui-icon { background:url(nav-icons/home.png) 50% 50% no-repeat; background-size: 27px 25px; } #home2 .ui-icon { background:url(nav-icons/home2.png) 50% 50% no-repeat; background-size: 29px 26px; } #icecream .ui-icon { background:url(nav-icons/icecream.png) 50% 50% no-repeat; background-size: 18px 27px; } #key .ui-icon { background:url(nav-icons/key.png) 50% 50% no-repeat; background-size: 15px 30px; } #like .ui-icon { background:url(nav-icons/like.png) 50% 50% no-repeat; background-size: 25px 23px; } #mail .ui-icon { background:url(nav-icons/mail.png) 50% 50% no-repeat; background-size: 27px 18px; } #mail2 .ui-icon { background:url(nav-icons/mail2.png) 50% 50% no-repeat; background-size: 27px 19px; } #map-marker .ui-icon { background:url(nav-icons/map-marker.png) 50% 50% no-repeat; background-size: 19px 26px; } #map .ui-icon { background:url(nav-icons/map.png) 50% 50% no-repeat; background-size: 30px 22px; } #monitor .ui-icon { background:url(nav-icons/monitor.png) 50% 50% no-repeat; background-size: 29px 29px; } #mouse .ui-icon { background:url(nav-icons/mouse.png) 50% 50% no-repeat; background-size: 18px 27px; } #movie-camera .ui-icon { background:url(nav-icons/movie-camera.png) 50% 50% no-repeat; background-size: 30px 23px; } #movie .ui-icon { background:url(nav-icons/movie.png) 50% 50% no-repeat; background-size: 24px 30px; } #music .ui-icon { background:url(nav-icons/music.png) 50% 50% no-repeat; background-size: 17px 30px; } #paint-brush .ui-icon { background:url(nav-icons/paint-brush.png) 50% 50% no-repeat; background-size: 30px 29px; } #pen .ui-icon { background:url(nav-icons/pen.png) 50% 50% no-repeat; background-size: 27px 27px; } #pencil .ui-icon { background:url(nav-icons/pencil.png) 50% 50% no-repeat; background-size: 26px 26px; } #phone .ui-icon { background:url(nav-icons/phone.png) 50% 50% no-repeat; background-size: 29px 30px; } #phone2 .ui-icon { background:url(nav-icons/phone2.png) 50% 50% no-repeat; background-size: 30px 25px; } #phone3 .ui-icon { background:url(nav-icons/phone3.png) 50% 50% no-repeat; background-size: 30px 21px; } #photos .ui-icon { background:url(nav-icons/photos.png) 50% 50% no-repeat; background-size: 30px 24px; } #photos2 .ui-icon { background:url(nav-icons/photos2.png) 50% 50% no-repeat; background-size: 30px 23px; } #plane .ui-icon { background:url(nav-icons/plane.png) 50% 50% no-repeat; background-size: 30px 29px; } #plate .ui-icon { background:url(nav-icons/plate.png) 50% 50% no-repeat; background-size: 30px 20px; } #popsicle .ui-icon { background:url(nav-icons/popsicle.png) 50% 50% no-repeat; background-size: 15px 30px; } #presentation .ui-icon { background:url(nav-icons/presentation.png) 50% 50% no-repeat; background-size: 29px 30px; } #rss .ui-icon { background:url(nav-icons/rss.png) 50% 50% no-repeat; background-size: 29px 30px; } #run .ui-icon { background:url(nav-icons/run.png) 50% 50% no-repeat; background-size: 25px 30px; } #search .ui-icon { background:url(nav-icons/search.png) 50% 50% no-repeat; background-size: 28px 30px; } #sign .ui-icon { background:url(nav-icons/sign.png) 50% 50% no-repeat; background-size: 30px 30px; } #table .ui-icon { background:url(nav-icons/table.png) 50% 50% no-repeat; background-size: 24px 25px; } #twitter .ui-icon { background:url(nav-icons/twitter.png) 50% 50% no-repeat; background-size: 32px 24px; } #twitter2 .ui-icon { background:url(nav-icons/twitter2.png) 50% 50% no-repeat; background-size: 30px 21px; } #users .ui-icon { background:url(nav-icons/users.png) 50% 50% no-repeat; background-size: 30px 24px; } #v-card .ui-icon { background:url(nav-icons/v-card.png) 50% 50% no-repeat; background-size: 30px 23px; } #walk .ui-icon { background:url(nav-icons/walk.png) 50% 50% no-repeat; background-size: 18px 30px; } #wine .ui-icon { background:url(nav-icons/wine.png) 50% 50% no-repeat; background-size: 17px 30px; } #wine2 .ui-icon { background:url(nav-icons/wine2.png) 50% 50% no-repeat; background-size: 18px 30px; } #wordpress .ui-icon { background:url(nav-icons/wordpress.png) 50% 50% no-repeat; background-size: 28px 28px; } #you-tube .ui-icon { background:url(nav-icons/you-tube.png) 50% 50% no-repeat; background-size: 30px 30px; } }