Commit 106cc4b0 authored by Jacob's avatar Jacob

styling work in progress

parent d5196789
......@@ -14,7 +14,7 @@
<div *ngIf="!authService.loggedIn" class="">
<div class="login_ex exclamation">
<i class="fa fa-exclamation-triangle fa-lg" aria-hidden="true">&nbsp;</i>
<i class="fa_ fa-exclamation-triangle_ fa-lg_ gp_warning icon_big" aria-hidden="true">&nbsp;</i>
<p>Nur angemeldete Nutz*innen können Orte des Guten Lebens
anlegen und bearbeiten.</p>
</div>
......
......@@ -5,7 +5,7 @@
</div>
</div>
<!-- search partner
<!-- search partner
<div *ngIf="step==0" class="modal-wrap modalsearchPartner">
<div class="container">
<h1>Netzwerkpartner suchen</h1>
......@@ -71,7 +71,7 @@
<h4>Anmeldung</h4>
<div class="login_ex exclamation">
<i class="fa fa-exclamation-triangle fa-lg" aria-hidden="true">&nbsp;</i>
<i class="warning icon_big" aria-hidden="true">&nbsp;</i>
<p>Nur angemeldete Nutz*innen können Orte des Guten Lebens anlegen und bearbeiten.</p>
</div>
<form [formGroup]="loginForm" (ngSubmit)="login()">
......@@ -126,7 +126,7 @@
</div>
</div>
<!-- unsafed content
<!-- unsafed content
<div *ngIf="modalService.modal()=='unsafedContent'" class="modal-wrap modalunsafedContent">
<div class="container">
......@@ -139,7 +139,7 @@
</div>
-->
<!-- content public
<!-- content public
<div *ngIf="modalService.modal()=='contentPublic'" class="modal-wrap modalcontentPublic">
<div class="container">
......@@ -163,7 +163,7 @@
</div>
</div>
<!-- termsofuse
<!-- termsofuse
<div *ngIf="modalService.modal()=='termsOfUse'" class="modal-wrap modaltermsOfUse">
<div class="container">
......
......@@ -61,7 +61,7 @@
<div class="form-group row">
<label for="elementOsmTags" class="col-sm-3 col-form-label">Tags
in OSM:</label>
<div class="col-sm-9">
<div class="col">
<input type="text" readonly class="form-control-plaintext"
id="elementOsmTags" value="">
</div>
......@@ -112,17 +112,17 @@
</div>
<div class="form-group row">
<label for="elementBenefittothepublic" class="col-sm-3 col-form-label">Gemeinnützigkeit</label>
<div class="col-sm-9">
<div class="col">
<input type="text" class="form-control" id="elementBenefittothepublic" value="{{elementToCreate.Benefittothepublic}}">
</div>
</div>
<div class="form-group row">
<label for="elementFoundingyear" class="col-sm-3 col-form-label">Gründungsjahr</label>
<div class="col-sm-9">
<div class="col">
<input type="text" class="form-control" id="elementFoundingyear" value="{{elementToCreate.Foundingyear}}">
</div>
</div>
<!--
<!--
<h5>Tags hinzuf&uuml;gen:</h5>
<div class="form-group">
<div class="form-row">
......@@ -162,7 +162,7 @@
</li>
</ul>
</div>
<!--
<!--
<h4>Netzwerkpartner hinzuf&uuml;gen:</h4>
<form [formGroup]="addPeerForm">
<div class="form-group">
......@@ -200,7 +200,7 @@
<div>
<h4>Kategorien und Datengruppen:</h4>
</div>
<div class="hspace"></div>
<div *ngFor="let category of categoryService.categories">
<div>
......
......@@ -27,7 +27,7 @@
.search-results-wrap {
position: fixed;
display: block;
bottom: 120px;
bottom: 110px;
top: 217px;
width:405px;
background:#FFF;
......@@ -239,7 +239,7 @@ div.list-group.search-results div div div.list-group-item.list-group-item-action
overflow: scroll;
}
.collapseInfo {
border-bottom:1px solid #b6b6b5;
border-bottom:1px solid #eee;
}
.collapseInfo, .collapseSharing, .collapseDescription {
padding:10px 10px;
......@@ -280,7 +280,7 @@ div.list-group.search-results div div div.list-group-item.list-group-item-action
border-bottom: 1px solid #ccc;
}
.searchbox-text-only{
margin-left:10px;
margin: 10px 0 10px 10px;
color: #6d6d6d;
/*height: 10px;*/
}
......
......@@ -65,7 +65,7 @@
<div class="" *ngIf="searched && this.osmNodes.length == 0">
<div class="searchbox-heading">Orte des Guten Lebens</div>
<div class="searchbox-text-only">
<i class="fa fa-exclamation-triangle fa-lg" aria-hidden="true"></i>
<i class="gp_warning uiicon" aria-hidden="true"></i>
Zu deinem Suchbegriff konnten wir leider kein Ort des Guten Lebens
finden.<br>
</div>
......@@ -130,7 +130,7 @@
<div class="searchbox-subheading">Noch nicht als Orte des
Guten Lebens markiert</div>
<div class="searchbox-text-only">
<i class="fa fa-exclamation-triangle fa-lg" aria-hidden="true"></i>
<i class="gp_warning uiicon" aria-hidden="true"></i>
Zu deinem Sucherbegriff konnten wir keinen Ort finden. Mehr
Informationen zu unserer Quelle findest du hier:
https://www.openstreetmap.de/.<br>
......@@ -233,7 +233,7 @@
<div (click)="infoCollapsed= !infoCollapsed"
[attr.aria-expanded]="!infoCollapsed" aria-controls="collapseInfo"
class="collapseInfo">
<i class="_fa _fa-undo _fa-lg uiicon info" aria-hidden="true">&nbsp;</i>Allgemeine
<i class="_fa _fa-undo _fa-lg listicon info" aria-hidden="true">&nbsp;</i>Allgemeine
Informationen<i [ngClass]="{'fa':true,'fa-lg':true,'fa-angle-down':!infoCollapsed,'fa-angle-right':infoCollapsed, 'fa-right':true}"
aria-hidden="true">&nbsp;</i>
</div>
......@@ -348,7 +348,7 @@
<div (click)="sharingCollapsed = !sharingCollapsed"
[attr.aria-expanded]="sharingCollapsed" aria-controls="collapseSharing"
class="collapseSharing">
<i class="uiicon gp_sharing" aria-hidden="true">&nbsp;</i>Dieser Ort und seine Sharing- und Giving-Angebote<i [ngClass]="{'fa':true,'fa-lg':true,'fa-angle-down':!sharingCollapsed,'fa-angle-right':sharingCollapsed, 'fa-right':true}"
<i class="listicon gp_sharing" aria-hidden="true">&nbsp;</i>Dieser Ort und seine Sharing- und Giving-Angebote<i [ngClass]="{'fa':true,'fa-lg':true,'fa-angle-down':!sharingCollapsed,'fa-angle-right':sharingCollapsed, 'fa-right':true}"
aria-hidden="true">&nbsp;</i>
</div>
</div>
......@@ -361,7 +361,7 @@
</div>
<br>
<div *ngIf="!nodeService.detailView.knownEntity()" class="elementnew exclamation">
<i class="fa fa-exclamation-triangle fa-lg" aria-hidden="true">&nbsp;</i>
<i class="gp_warning uiicon" aria-hidden="true">&nbsp;</i>
<p>Dieser Ort ist noch nicht Teil des GeoPortals des Guten Lebens. Wenn du ihn bearbeitest, wird er als Ort des Guten Lebens sichtbar.</p>
</div>
</div>
......
......@@ -27,10 +27,10 @@ export class GeoportalApiService {
};
//private apiURL = 'http://10.0.8.29:8080/geoportal';
private apiURL = 'http://94.130.8.94:18080/geoportal';
//private apiURL = 'http://127.0.0.1:8080/geoportal';
private endpoints: GeoportalApiEndpoint[];
private defaultEndpoint: GeoportalApiEndpoint;
private bearer: string;
......@@ -46,7 +46,7 @@ export class GeoportalApiService {
loadBearer(){
if(this.cache.has('bearer')){
this.setBearer(this.cache.get('bearer'));
this.logger.debug("GeoportalApiService: bearer loaded from cache.");
}else{
......@@ -137,7 +137,7 @@ export class GeoportalApiService {
return this.defaultEndpoint;
}
getGeoportalElementByOsmId(id:number){
return this.http.get(this.apiURL+"/GeoElements/byOsmId/"+id+"/",this.httpOptions);
}
......@@ -151,14 +151,14 @@ export class GeoportalApiService {
}
if(osmType != ""){
return this.http.get(this.apiURL+"/GeoElements/byOsmId/"+osmType+"/"+node.osmId+"/",this.httpOptions);
}
}
}
getGeoElementById(id: number){
return this.http.get<OsmNode>(this.apiURL+"/GeoElements/"+id+"/",this.httpOptions);
}
getGeoElementsByBoundingBox(rect: Rectangle){
let qryStr="?minX="+rect.minX+"&minY="+rect.minY+"&maxX="+rect.maxX+"&maxY="+rect.maxY;
return this.http.get<Array<OsmNode>>(this.apiURL+"/GeoElements/byBoundingBox/"+qryStr,this.httpOptions);
}
......@@ -184,7 +184,7 @@ export class GeoportalApiService {
return this.http.delete(this.apiURL + '/GeoElements/'+node.id+'/removePeer/'+peerId+'/',this.httpOptions );
}
saveGeoElement(_node: OsmNode){
let node = _node.flatten();
return this.http.post(this.apiURL + '/GeoElements/', node , this.httpOptions );
......@@ -194,11 +194,11 @@ export class GeoportalApiService {
let node = _node.flatten();
this.logger.debug("Sending node to server for update: "+node.id);
this.logger.debug("URL: "+this.apiURL + '/GeoElements/'+node.id+"/");
return this.http.patch(this.apiURL + '/GeoElements/'+node.id, node , this.httpOptions );
}
public autocomplete(pattern:string){
let params = new HttpParams();
params.set('q',pattern);
......@@ -219,7 +219,7 @@ export class GeoportalApiService {
params.set('q',pattern);
let bboxString = '';
if(bbox){
let bboxString="?minX="+bbox.minX+"&minY="+bbox.minY+"&maxX="+bbox.maxX+"&maxY="+bbox.maxY;
let bboxString="?minX="+bbox.minX+"&minY="+bbox.minY+"&maxX="+bbox.maxX+"&maxY="+bbox.maxY;
params.set('minX',bbox.minX+'');
params.set('minY',bbox.minY+'');
params.set('maxX',bbox.maxX+'');
......@@ -236,8 +236,8 @@ export class GeoportalApiService {
}
//?q='+encodeURI(pattern)+bboxString+dimString
return this.http.get(this.apiURL + '/search/?'+encodeURI(pattern)+bboxString+dimString , this.httpOptions);
}
addEndpoint(endpoint: GeoportalApiEndpoint): void {
this.logger.debug('geoportal-api.service: Adding endpoint to ApiService for ' + endpoint.getMethod() + ' on ' + endpoint.getPath());
......
......@@ -38,10 +38,10 @@
</div>
<div class="form-group row">
<label for="elementFoundingyear" class="col-sm-3 col-form-label"><strong>Gründungsjahr</strong></label>
<div class="col-sm-8">
<div class="col">
<input type="text" class="form-control" id="elementFoundingyear" value="{{node.getOsmTagValue('start_date')}}" disabled placeholder="Keine Angabe bisher.">
</div>
<div class="col-sm-1">
<div class="col-auto">
<a href="http://www.openstreetmap.org/copyright" target="_blank"><i aria-hidden="true" class="listicon gp_osmlink"></i></a>
</div>
</div>
......@@ -50,7 +50,6 @@
<strong>Netzwerkpartner*innen</strong>
</label>
<div class="col-sm-9">
<div *ngFor="let partner of node.peers"
class="list-group">
<div class="list-group-item list-group-item-action">
......@@ -59,7 +58,7 @@
(click)="node.removePeer(partner)">Entfernen</button>
</div>
</div>
</div>
</div>
<div class="form-group row">
......
......@@ -15,7 +15,7 @@
<div class="card-body">
<div class="form-group row item-detail">
<label for="elementOsmid" class="col-sm-3 col-form-label">
<strong>Name</strong>
</label>
......@@ -28,14 +28,14 @@
<label for="elementOsmid" class="col-sm-3 col-form-label">
<strong>OSM-ID</strong>
</label>
<div class="col-sm-8">
<div class="col">
<input type="text" class="form-control" id="elementOsmid" value="{{node.getOsmId()}}" disabled>
</div>
<div class="col-sm-1">
<a href="http://www.openstreetmap.org/copyright" target="_blank"><i aria-hidden="true" class="listicon gp_osmlink"></i></a>
<div class="col-auto">
<a href="http://www.openstreetmap.org/copyright" target="_blank"><i aria-hidden="true" class="icon_big gp_osmlink"></i></a>
</div>
</div>
<!-- <div class="form-group row item-detail">
<label for="elementTyp" class="col-sm-3 col-form-label">
<strong>Typ</strong>
......@@ -44,10 +44,10 @@
<input type="text" class="form-control" id="elementTyp" value="{{node.getOsmType()}}" disabled>
</div>
<div class="col-sm-1">
<a href="http://www.openstreetmap.org/copyright" target="_blank"><i aria-hidden="true" class="listicon gp_osmlink"></i></a>
<a href="http://www.openstreetmap.org/copyright" target="_blank"><i aria-hidden="true" class="icon_big gp_osmlink"></i></a>
</div>
</div> -->
<!-- <div *ngFor="let tag of node.osmtags"
class="form-group row item-detail">
<label for="elementKey" class="col-sm-3 col-form-label">
......@@ -57,112 +57,112 @@
<input type="text" class="form-control" id="elementKey"value="{{tag.value}}" disabled>
</div>
<div class="col-sm-1">
<a href="http://www.openstreetmap.org/copyright" target="_blank"><i aria-hidden="true" class="listicon gp_osmlink"></i></a>
<a href="http://www.openstreetmap.org/copyright" target="_blank"><i aria-hidden="true" class="icon_big gp_osmlink"></i></a>
</div>
</div> -->
<div class="form-group row item-detail">
<label class="col-sm-3 col-form-label">
<strong>Name</strong>
</label>
<div class="col-sm-8">
<div class="col">
<input type="text" class="form-control" id="name" value="{{node.getOsmTagValue('name')}}" disabled placeholder="Keine Angabe bisher.">
</div>
<div class="col-sm-1">
<a href="http://www.openstreetmap.org/copyright" target="_blank"><i aria-hidden="true" class="listicon gp_osmlink"></i></a>
<div class="col-auto">
<a href="http://www.openstreetmap.org/copyright" target="_blank"><i aria-hidden="true" class="icon_big gp_osmlink"></i></a>
</div>
</div>
<div class="form-group row item-detail">
<label class="col-sm-3 col-form-label">
<strong>Website</strong>
</label>
<div class="col-sm-8">
<div class="col">
<input type="text" class="form-control" id="website" value="{{node.getOsmTagValue('source')}}" disabled placeholder="Keine Angabe bisher.">
</div>
<div class="col-sm-1">
<a href="http://www.openstreetmap.org/copyright" target="_blank"><i aria-hidden="true" class="listicon gp_osmlink"></i></a>
<div class="col-auto">
<a href="http://www.openstreetmap.org/copyright" target="_blank"><i aria-hidden="true" class="icon_big gp_osmlink"></i></a>
</div>
</div>
<div class="form-group row item-detail">
<label class="col-sm-3 col-form-label">
<strong>Straße</strong>
</label>
<div class="col-sm-8">
<div class="col">
<input type="text" class="form-control" id="addr:street" value="{{node.getOsmTagValue('addr:street')}}" disabled placeholder="Keine Angabe bisher.">
</div>
<div class="col-sm-1">
<a href="http://www.openstreetmap.org/copyright" target="_blank"><i aria-hidden="true" class="listicon gp_osmlink"></i></a>
<div class="col-auto">
<a href="http://www.openstreetmap.org/copyright" target="_blank"><i aria-hidden="true" class="icon_big gp_osmlink"></i></a>
</div>
</div>
<div class="form-group row item-detail">
<label class="col-sm-3 col-form-label">
<strong>Hausnummer</strong>
</label>
<div class="col-sm-8">
<div class="col">
<input type="text" class="form-control" id="addr:housenumber" value="{{node.getOsmTagValue('addr:housenumber')}}" disabled placeholder="Keine Angabe bisher.">
</div>
<div class="col-sm-1">
<a href="http://www.openstreetmap.org/copyright" target="_blank"><i aria-hidden="true" class="listicon gp_osmlink"></i></a>
<div class="col-auto">
<a href="http://www.openstreetmap.org/copyright" target="_blank"><i aria-hidden="true" class="icon_big gp_osmlink"></i></a>
</div>
</div>
<div class="form-group row item-detail">
<label class="col-sm-3 col-form-label">
<strong>Postleitzahl</strong>
</label>
<div class="col-sm-8">
<div class="col">
<input type="text" class="form-control" id="addr:postcode" value="{{node.getOsmTagValue('addr:postcode')}}" disabled placeholder="Keine Angabe bisher.">
</div>
<div class="col-sm-1">
<a href="http://www.openstreetmap.org/copyright" target="_blank"><i aria-hidden="true" class="listicon gp_osmlink"></i></a>
<div class="col-auto">
<a href="http://www.openstreetmap.org/copyright" target="_blank"><i aria-hidden="true" class="icon_big gp_osmlink"></i></a>
</div>
</div>
<div class="form-group row item-detail">
<label class="col-sm-3 col-form-label">
<strong>Stadt</strong>
</label>
<div class="col-sm-8">
<div class="col">
<input type="text" class="form-control" id="addr:city" value="{{node.getOsmTagValue('addr:city')}}" disabled placeholder="Keine Angabe bisher.">
</div>
<div class="col-sm-1">
<a href="http://www.openstreetmap.org/copyright" target="_blank"><i aria-hidden="true" class="listicon gp_osmlink"></i></a>
<div class="col-auto">
<a href="http://www.openstreetmap.org/copyright" target="_blank"><i aria-hidden="true" class="icon_big gp_osmlink"></i></a>
</div>
</div>
<div class="form-group row item-detail">
<label class="col-sm-3 col-form-label">
<strong>Land</strong>
</label>
<div class="col-sm-8">
<div class="col">
<input type="text" class="form-control" id="addr:country" value="{{node.getOsmTagValue('addr:country')}}" disabled placeholder="Keine Angabe bisher.">
</div>
<div class="col-sm-1">
<a href="http://www.openstreetmap.org/copyright" target="_blank"><i aria-hidden="true" class="listicon gp_osmlink"></i></a>
<div class="col-auto">
<a href="http://www.openstreetmap.org/copyright" target="_blank"><i aria-hidden="true" class="icon_big gp_osmlink"></i></a>
</div>
</div>
<div class="form-group row item-detail">
<label class="col-sm-3 col-form-label">
<strong>E-Mail</strong>
</label>
<div class="col-sm-8">
<div class="col">
<input type="text" class="form-control" id="email" value="{{node.getOsmTagValue('email')}}" disabled placeholder="Keine Angabe bisher.">
</div>
<div class="col-sm-1">
<a href="http://www.openstreetmap.org/copyright" target="_blank"><i aria-hidden="true" class="listicon gp_osmlink"></i></a>
<div class="col-auto">
<a href="http://www.openstreetmap.org/copyright" target="_blank"><i aria-hidden="true" class="icon_big gp_osmlink"></i></a>
</div>
</div>
<div class="form-group row item-detail">
<label class="col-sm-3 col-form-label">
<strong>Öffnungszeiten</strong>
</label>
<div class="col-sm-8">
<div class="col">
<input type="text" class="form-control" id="opening_hours" value="{{node.getOsmTagValue('opening_hours')}}" disabled placeholder="Keine Angabe bisher.">
</div>
<div class="col-sm-1">
<a href="http://www.openstreetmap.org/copyright" target="_blank"><i aria-hidden="true" class="listicon gp_osmlink"></i></a>
<div class="col-auto">
<a href="http://www.openstreetmap.org/copyright" target="_blank"><i aria-hidden="true" class="icon_big gp_osmlink"></i></a>
</div>
</div>
</div>
</div>
</div>
......
......@@ -9,15 +9,15 @@
<div class="modal-wrap modaltest">
<div class="modal-wrap">
<div class="container">
<!-- old part -->
<div *ngIf="!authService.loggedIn">
<h4>Anmeldungs</h4>
<div class="login_ex exclamation">
<i class="fa fa-exclamation-triangle fa-lg" aria-hidden="true">&nbsp;</i>
<i class="gp_warning big_icon" aria-hidden="true">&nbsp;</i>
<p>Nur angemeldete Nutz*innen können Orte des Guten Lebens anlegen und bearbeiten.</p>
</div>
<form [formGroup]="loginForm" (ngSubmit)="login()">
......@@ -59,7 +59,7 @@
<div *ngIf="authService.loginFailed">Anmeldung fehlgeschlagen.</div>
<div class="divider"></div>
<div class="">
Neu beim Geoportal des Guten Lebens?
<br/><br/>
<button class="btn btn-secondary" routerLink="/register">Registrieren</button>
......@@ -70,7 +70,7 @@
<div> Sie sind bereits eingeloggt.</div>
</div>
<!-- old part -->
<!-- new part -->
<div markdown [src]="'assets/markdown/modal-content/Anmelden.md'"></div>
</div>
......@@ -78,6 +78,7 @@
</div>
</div>
</div>
<div class="modal-footer">
<div class="modal-footer">
<a href="https://www.openstreetmap.org/login" target="_blank"><button class="btn btn-lg btn-outline-primary" (click)="modalService.open(login,true)">Mit OpenStreetMap anmelden</button></a>
<a href="https://www.openstreetmap.org/user/new" target="_blank"><button type="button" class="btn btn-primary" ngbAutofocus>Bei Openstreetmap registrieren</button></a>
</div>
......@@ -119,18 +119,33 @@
float: right;
}
.gp_warning:before {
background: url("/assets/icons/gp_warning.svg") no-repeat 0 0;
background-size: 16px;
}
.icon_big:before{
display: inline-block;
width:32px;
height: 32px;
margin: 0px 0px -6px 0px;
content: "";
background-size: 32px;
}
.listicon:before{
display: inline-block;
width:25px;
height: 19px;
height: 20px;
margin: 0px 0px -6px 0px;
content: "";
background-position: center;
background-size: 16px;
}
.uiicon:before{
display: inline-block;
width:25px;
width:20px;
height: 19px;
margin: 0px 0px -6px 0px;
content: "";
......
......@@ -319,14 +319,12 @@ ol.level3 li:before {
/* Icons */
.exclamation {
padding: 30px 30px 0 30px;
display:flex;
}
.exclamation p{
margin-left: 10px;
}
.exclamation i{
margin-top: 4%;
}
/* modals */
......
/* You can add global styles to this file, and also import other style files */
@import "../node_modules/bootstrap/scss/bootstrap.scss";
body {
font-family: 'Source Sans Pro', sans-serif;
font-size: 0.9rem;
}
div.widget-wrap{
margin: 0 auto 54px auto;
padding: 30px;
background-color: rgba(255,255,255,0.85);
color: black;
box-shadow: 0px 0px 4px rgba(127,127,127,0.7);
width: 400px;
position: relative;
z-index:2;
}
div.wide{
width:600px !important;
}
div.hspace{
width:100%;
height:2em;
}
div.big-widget {
width:100%;
max-width:100%;
background:#fff;
min-height:796px;
}
/* Temporary Overwrites for Bootstrap*/
.navbar-dark .navbar-nav .nav-link {
/*color: rgba(255,255,255,.5);*/
color: #E6E6E6;
}
.btn {
border-radius: 15px;
margin: 0 5px;
line-height: 10px;
height: 30px;
padding: 0 0.7rem 0rem;
}
.btn-group-lg>.btn, .btn-lg {
padding: 0rem 1rem;
}
.navbar-dark .navbar-brand {
letter-spacing: 0.5px;
}
.divider {
height: 1px;
border-bottom: 1px solid #CCCCCC;
margin: 20px 0;
}
.footer {
background-color: #fff!important;
height: 60px;
z-index:3;
}
.item-detail {
margin-bottom: 0rem;
}
/*buttonstyles*/
.btn-primary {
color: #fff;
background-color: #4A90E2;
border-color: #4A90E2;
}
.search-button {
margin: 0;
height: 100%;
}
.btn-link {
color: #333;
background-color: transparent;
}
/* icon position nach Themen / by topic */
app-bli div div.list-group.bli-checkboxes div.bliicon {
background-position: 15px 10px;
padding: .75rem 1.25rem .75rem 3rem;
}
/* icon position details element */
app-bli.bli-app div div.bli-icons div.list-group div.list-group-item div.bliicon {
float: left;
width: 30px;
height: 25px;
/*background:rgba(255,255,255,0.5);*/
display:block;
margin-top: -4px;
}
/*BLI Icons*/
.bliicon-housing {
background: url("/assets/img/bli/bliicon-housing.svg") no-repeat 0 0;
background-size: 25px;
}
.bliicon-community {
background: url("/assets/img/bli/bliicon-community.svg") no-repeat 0 0;
background-size: 25px;
}
.bliicon-education {
background: url("/assets/img/bli/bliicon-education.svg") no-repeat 0 0;
background-size: 25px;
}
.bliicon-health {
background: url("/assets/img/bli/bliicon-health.svg") no-repeat 0 0;
background-size: 25px;
}
.bliicon-income {
background: url("/assets/img/bli/bliicon-income.svg") no-repeat 0 0;
background-size: 25px;
}
.bliicon-infrastructure {
background: url("/assets/img/bli/bliicon-infrastructure.svg") no-repeat 0 0;
background-size: 25px;
}
.bliicon-leisure {
background: url("/assets/img/bli/bliicon-leisure.svg") no-repeat 0 0;
background-size: 25px;
}