#cardlist {}
.cardlist .card {
- margin: 4px;
+ margin: 4px 10%;
border-width: 1px;
border-style: solid;
- padding: .5em 1em 1em .5em;
+ padding: .5em 1em 1em 120px;
+ overflow: auto;
min-height: 160px;
display: block;
}
.cardlist .card .PHOTO {
float: left;
- position: absolute;
+ position: relative;
+ left: -110px;
border-width: 1px;
border-style: solid;
padding: 1px;
- margin: 1em .5em;
+ margin: 1em -110px 1em .5em;
width: 96px;
max-height: 144px;
}
+.cardlist .card .item {
+ display: block;
+ white-space: nowrap;
+ height: 1.2em;
+}
+
.cardlist .card .KEY {
- margin-left: 120px;
+ display: inline;
+ margin: 0px;
font: normal bold 1em sans-serif;
}
.cardlist .card .VALUE {
+ display: inline;
+ margin: 0px;
font: normal normal 1em sans-serif;
}
.cardlist .card .FN {
- margin: .25em .5em 1em 120px;
+ margin: .25em .5em 1em 0px;
font: normal bold 2em sans-serif;
}
item_name[URL]="Webseite"
item_name[LANG]="Sprache"
item_name[NOTE]="Notiz"
-item_name
+
item_name[RELATED]="Kontakte"
-item_name
+
item_name[BEGIN]=""
item_name[CALADRURI]=""
item_name[CALURI]=""
}
view_card_item() {
- debug "Item: $key"
case "$key" in
BEGIN|VERSION|END);;
PHOTO)
- debug "Type: $tag[TYPE]"
echo "<img class=\"PHOTO\" src=\"data:image/$tag[TYPE];base64,$value\"/>"
;;
FN)
echo "<h2 CLASS=\"FN\">$value</h2>"
;;
*)
- echo "<span class=\"KEY $key\">$(l10n "$key")"
+ echo "<span class=\"item\"><span class=\"KEY $key\">$(l10n "$key")"
[ -n "$tag[TYPE]" ] && echo "($tag[TYPE])"
echo ":</span>"
;|
EMAIL)
- echo "<a href=\"mailto:$value\" class=\"VALUE $key\">$value</a><br/>"
+ echo "<a href=\"mailto:$value\" class=\"VALUE $key\">$value</a></item>"
;;
IMPP)
- echo "<a href=\"$value\" class=\"VALUE $key\">"$(echo "$value" |cut -d: -f2-)"</a><br/>"
+ echo "<a href=\"$value\" class=\"VALUE $key\">"$(echo "$value" |cut -d: -f2-)"</a></item>"
;;
*)
- echo "<span class=\"VALUE $key\">$value</span><br/>"
+ echo "<span class=\"VALUE $key\">$value</span></item>"
;;
esac
}