Styles für PLZ-Assistent

Der div-Container für die Stadt- und PLZ-Vorschläge des PLZ-Assistenten enthält folgende IDs und Klassen:

IDs:

ws_plzhelp_suggest_zip
ws_plzhelp_suggest_city

Klassen:

ws_plzhelp_suggest
ws_plzhelp_suggest_close
ws_plzhelp_suggest_headline
ws_plzhelp_suggest_description
ws_plzhelp_suggest_table_div
ws_plzhelp_suggest_table
ws_plzhelp_suggest_tr_1
ws_plzhelp_suggest_tr_2
ws_plzhelp_suggest_td_1
ws_plzhelp_suggest_td_2

Kopieren Sie folgende Standard-Styles in Ihre CSS-Datei und passen sie gegebenenfalls an:

#ws_plzhelp_suggest_zip,
#ws_plzhelp_suggest_city {
   position: absolute;
   background: #fff;
   z-index: 99;
   border: solid 1px #cccccc;
}
 
.ws_plzhelp_suggest_close {
   position: absolute;
   top: 0;
   right: 0;
   height: 16px;
   width: 16px;
   cursor: pointer;
}
 
.ws_plzhelp_suggest_close:after {
   position: relative;
   font-family: FontAwesome;
   content: "\f00d";
   font-size: 14px;
   line-height: 16px;
   font-weight: bold;
   color: #555555;
}
 
.ws_plzhelp_suggest_headline {
   color: #337ab7;
   font-weight: bold;
   font-size: 16px;
   padding: 10px 5px 10px 10px;
}
 
.ws_plzhelp_suggest_description {
   padding: 0px 10px 10px 10px;
   color: #000000;
}
 
.ws_plzhelp_suggest_table {
   width: 100%;
}
 
.ws_plzhelp_suggest_table_div {
   height: 140px;
   margin-bottom: 10px;
   overflow-y: scroll;
}
 
.ws_plzhelp_suggest_tr_1 {
   background-color: #f5f5f5;
}
 
.ws_plzhelp_suggest_td_1,
.ws_plzhelp_suggest_td_2 {
   padding-left: 10px;
   padding-right: 10px;
}
 
.ws_plzhelp_suggest_table tr:hover,
.ws_plzhelp_select {
   background-color: #337ab7 !important;
   color: white;
   cursor: pointer;
}

Wegweiser: PLZ-Assistent