/* Resident Status & Building Feature Icon Styles -------------------------------------------------- */ #content-buildings .resident-status-container div, #content-buildings .building-features-container div, #housing-icon-key .key-item span.key-item-icon, #content-search .search-filter span.search-filter-icon { background-image:url('../img/housing_icons.png'); background-repeat:no-repeat; background-size:715px auto; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { /* .backgroundsize .search-filter span.search-filter-icon { background-image: url('../img/housing_icons@2x.png'); } */ } /* Building Template - Resident Statuses * .less Formula: (i-1) * -100px = x */ #content-buildings .resident-status-container .resident-freshmen { background-position: 0 0; } #content-buildings .resident-status-container .resident-undergraduate { background-position: -100px 0; } #content-buildings .resident-status-container .resident-graduate { background-position: -200px 0; } #content-buildings .resident-status-container .resident-families { background-position: -300px 0; } /* Building Template - Building Features * .less Formula: (i-1) * -65px = x */ #content-buildings .building-features-container .feature-air-conditioning { background-position: 0 -215px; } #content-buildings .building-features-container .feature-atm-machine { background-position: -65px -215px; } #content-buildings .building-features-container .feature-community-bathroom { background-position: -130px -215px; } #content-buildings .building-features-container .feature-customer-service-center { background-position: -195px -215px; } #content-buildings .building-features-container .feature-electricity-included { background-position: -260px -215px; } #content-buildings .building-features-container .feature-parking { background-position: -325px -215px; } #content-buildings .building-features-container .feature-recreational-facilities { background-position: -390px -215px; } #content-buildings .building-features-container .feature-required-meal-plan { background-position: -455px -215px; } #content-buildings .building-features-container .feature-residential-college { background-position: -520px -215px; } #content-buildings .building-features-container .feature-shuttle-stop { background-position: -585px -215px; } #content-buildings .building-features-container .feature-special-interest-community { background-position: -650px -215px; } /* Building Template - Housing Icon Key Expanded Content */ #housing-icon-key-freshmen span.key-item-desc { background-color:#cce9da; } #housing-icon-key-undergraduate span.key-item-desc { background-color:#fff3d3; } #housing-icon-key-graduate span.key-item-desc { background-color:#e5d9ea; } #housing-icon-key-families span.key-item-desc { background-color:#f2d2d5; } #housing-icon-key-air-conditioning span.key-item-desc { background-color:#e3d0e3; } #housing-icon-key-atm-machine span.key-item-desc { background-color:#e5ecdb; } #housing-icon-key-community-bathroom span.key-item-desc { background-color:#e3f5f4; } #housing-icon-key-customer-service-center span.key-item-desc { background-color:#d3d9eb; } #housing-icon-key-electricity-included span.key-item-desc { background-color:#f9e2d2; } #housing-icon-key-parking span.key-item-desc { background-color:#fff3d3; } #housing-icon-key-recreational-facilities span.key-item-desc { background-color:#cce4ef; } #housing-icon-key-required-meal-plan span.key-item-desc { background-color:#f0f1d2; } #housing-icon-key-residential-college span.key-item-desc { background-color:#f0ced7; } #housing-icon-key-shuttle-stop span.key-item-desc { background-color:#e7dccc; } #housing-icon-key-special-interest-community span.key-item-desc { background-color:#dce2d1; } #housing-icon-key-freshmen span.key-item-icon { background-position: 0 -165px; } #housing-icon-key-undergraduate span.key-item-icon { background-position: -100px -165px; } #housing-icon-key-graduate span.key-item-icon { background-position: -200px -165px; } #housing-icon-key-families span.key-item-icon { background-position: -300px -165px; } #housing-icon-key-air-conditioning span.key-item-icon { background-position: 0 -365px; } #housing-icon-key-atm-machine span.key-item-icon { background-position: -65px -365px; } #housing-icon-key-community-bathroom span.key-item-icon { background-position: -130px -365px; } #housing-icon-key-customer-service-center span.key-item-icon { background-position: -195px -365px; } #housing-icon-key-electricity-included span.key-item-icon { background-position: -260px -365px; } #housing-icon-key-parking span.key-item-icon { background-position: -325px -365px; } #housing-icon-key-recreational-facilities span.key-item-icon { background-position: -390px -365px; } #housing-icon-key-required-meal-plan span.key-item-icon { background-position: -455px -365px; } #housing-icon-key-residential-college span.key-item-icon { background-position: -520px -365px; } #housing-icon-key-shuttle-stop span.key-item-icon { background-position: -585px -365px; } #housing-icon-key-special-interest-community span.key-item-icon { background-position: -650px -365px; } /* Building Search Template - Resident Statuses */ #search-class-standing-freshmen:hover, #search-class-standing-freshmen.active { background-color:#cce9da } #search-class-standing-undergraduate:hover, #search-class-standing-undergraduate.active { background-color:#fff3d3 } #search-class-standing-graduate:hover, #search-class-standing-graduate.active { background-color:#e5d9ea } #search-class-standing-families:hover, #search-class-standing-families.active { background-color:#f2d2d5 } #search-class-standing-freshmen span.search-filter-icon { background-position: 0 -115px; } #search-class-standing-undergraduate span.search-filter-icon { background-position: -100px -115px; } #search-class-standing-graduate span.search-filter-icon { background-position: -200px -115px; } #search-class-standing-families span.search-filter-icon { background-position: -300px -115px; } #search-class-standing-freshmen:hover span.search-filter-icon, #search-class-standing-freshmen.active span.search-filter-icon { background-position: 0 -65px; } #search-class-standing-undergraduate:hover span.search-filter-icon, #search-class-standing-undergraduate.active span.search-filter-icon { background-position: -100px -65px; } #search-class-standing-graduate:hover span.search-filter-icon, #search-class-standing-graduate.active span.search-filter-icon { background-position: -200px -65px; } #search-class-standing-families:hover span.search-filter-icon, #search-class-standing-families.active span.search-filter-icon { background-position: -300px -65px; } /* Building Search Template - Building Features */ #search-building-feature-air-conditioning:hover, #search-building-feature-air-conditioning.active { background-color:#e3d0e3; } #search-building-feature-atm-machine:hover, #search-building-feature-atm-machine.active { background-color:#e5ecdb; } #search-building-feature-community-bathroom:hover, #search-building-feature-community-bathroom.active { background-color:#e3f5f4; } #search-building-feature-customer-service-center:hover, #search-building-feature-customer-service-center.active { background-color:#d3d9eb; } #search-building-feature-electricity-included:hover, #search-building-feature-electricity-included.active { background-color:#f9e2d2; } #search-building-feature-parking:hover, #search-building-feature-parking.active { background-color:#fff3d3; } #search-building-feature-recreational-facilities:hover, #search-building-feature-recreational-facilities.active { background-color:#cce4ef; } #search-building-feature-required-meal-plan:hover, #search-building-feature-required-meal-plan.active { background-color:#f0f1d2; } #search-building-feature-residential-college:hover, #search-building-feature-residential-college.active { background-color:#f0ced7; } #search-building-feature-shuttle-stop:hover, #search-building-feature-shuttle-stop.active { background-color:#e7dccc; } #search-building-feature-special-interest-community:hover, #search-building-feature-special-interest-community.active { background-color:#dce2d1; } #search-building-feature-air-conditioning span.search-filter-icon { background-position: 0 -315px; } #search-building-feature-atm-machine span.search-filter-icon { background-position: -65px -315px; } #search-building-feature-community-bathroom span.search-filter-icon { background-position: -130px -315px; } #search-building-feature-customer-service-center span.search-filter-icon { background-position: -195px -315px; } #search-building-feature-electricity-included span.search-filter-icon { background-position: -260px -315px; } #search-building-feature-parking span.search-filter-icon { background-position: -325px -315px; } #search-building-feature-recreational-facilities span.search-filter-icon { background-position: -390px -315px; } #search-building-feature-required-meal-plan span.search-filter-icon { background-position: -455px -315px; } #search-building-feature-residential-college span.search-filter-icon { background-position: -520px -315px; } #search-building-feature-shuttle-stop span.search-filter-icon { background-position: -585px -315px; } #search-building-feature-special-interest-community span.search-filter-icon { background-position: -650px -315px; } #search-building-feature-air-conditioning:hover span.search-filter-icon, #search-building-feature-air-conditioning.active span.search-filter-icon { background-position: 0 -265px; } #search-building-feature-atm-machine:hover span.search-filter-icon, #search-building-feature-atm-machine.active span.search-filter-icon { background-position: -65px -265px; } #search-building-feature-community-bathroom:hover span.search-filter-icon, #search-building-feature-community-bathroom.active span.search-filter-icon { background-position: -130px -265px; } #search-building-feature-customer-service-center:hover span.search-filter-icon, #search-building-feature-customer-service-center.active span.search-filter-icon { background-position: -195px -265px; } #search-building-feature-electricity-included:hover span.search-filter-icon, #search-building-feature-electricity-included.active span.search-filter-icon { background-position: -260px -265px; } #search-building-feature-parking:hover span.search-filter-icon, #search-building-feature-parking.active span.search-filter-icon { background-position: -325px -265px; } #search-building-feature-recreational-facilities:hover span.search-filter-icon, #search-building-feature-recreational-facilities.active span.search-filter-icon { background-position: -390px -265px; } #search-building-feature-required-meal-plan:hover span.search-filter-icon, #search-building-feature-required-meal-plan.active span.search-filter-icon { background-position: -455px -265px; } #search-building-feature-residential-college:hover span.search-filter-icon, #search-building-feature-residential-college.active span.search-filter-icon { background-position: -520px -265px; } #search-building-feature-shuttle-stop:hover span.search-filter-icon, #search-building-feature-shuttle-stop.active span.search-filter-icon { background-position: -585px -265px; } #search-building-feature-special-interest-community:hover span.search-filter-icon, #search-building-feature-special-interest-community.active span.search-filter-icon { background-position: -650px -265px; }