/* ----------------------------------------- */ /* View slug: completed-projects-map-schools - start */ /* ----------------------------------------- */ .school-map-height { width:100%; height:800px; } .google-maps img { max-width: none; } ul.school-map-list { // height: 400px; width: 100%; float: left; list-style-type: none; margin: 0; margin-left: 0px; margin-bottom: 0px; // overflow-y: scroll; // -moz-column-count: 4; // -moz-column-gap: 20px; // -webkit-column-count: 4; // -webkit-column-gap: 20px; // column-count: 4; // column-gap: 20px; } ul.school-map-list li { width:350px; // float:left; display: inline-block; // height:100px; vertical-align:top; margin-bottom:5px; } .main-content ul, .main-content ol { } /* ----------------------------------------- */ /* View slug: completed-projects-map-schools - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View slug: completed-projects-map-sub-view-list-of-projects-for-each-school - start */ /* ----------------------------------------- */ ul.map-project-list { width: 100%; list-style-type: none; margin-left: 0px; margin-bottom: 0px; display: inline-block; vertical-align: middle; } ul.map-project-list li { display: inline-block; vertical-align: middle; margin: 0px 0px 15px 0px; padding: 0px 0px 0px 75px; /* 75px being the width of the thumbnail + how much space you want to put between it and your text */ position: relative; /* So the thumbnail is relative to this */ line-height: 22px !important; } ul.map-project-list li img { vertical-align: middle; /* left: 0; */ /* position: absolute; */ float:left; margin: auto 0px auto -75px; top: 0; bottom: 0; /* margin: auto;*/ /* padding: 0px 0px 0px 0px;*/ } /* ----------------------------------------- */ /* View slug: completed-projects-map-sub-view-list-of-projects-for-each-school - end */ /* ----------------------------------------- */