aboutsummaryrefslogtreecommitdiffstats
path: root/view/theme
diff options
context:
space:
mode:
authorZvi ben Yaakov (a.k.a rdc) <coderzvi@infosoc.net>2012-07-01 14:46:03 +0300
committerZvi ben Yaakov (a.k.a rdc) <coderzvi@infosoc.net>2012-07-01 14:46:03 +0300
commit2214cd74e55648367cd40baba88d1e2518215945 (patch)
tree1705df99fc14a6f64443083558cada20be839d15 /view/theme
parenta3dfb5502966a9c5cd9f67ecebc94a6633d5cec3 (diff)
downloadvolse-hubzilla-2214cd74e55648367cd40baba88d1e2518215945.tar.gz
volse-hubzilla-2214cd74e55648367cd40baba88d1e2518215945.tar.bz2
volse-hubzilla-2214cd74e55648367cd40baba88d1e2518215945.zip
Added more profile data and CSS styling to the /directory page
Diffstat (limited to 'view/theme')
-rwxr-xr-xview/theme/diabook/directory_item.tpl35
-rw-r--r--view/theme/diabook/style.css54
2 files changed, 84 insertions, 5 deletions
diff --git a/view/theme/diabook/directory_item.tpl b/view/theme/diabook/directory_item.tpl
index bc2af16c2..70d197955 100755
--- a/view/theme/diabook/directory_item.tpl
+++ b/view/theme/diabook/directory_item.tpl
@@ -3,9 +3,40 @@
<div class="directory-photo-wrapper" id="directory-photo-wrapper-$id" >
<div class="directory-photo" id="directory-photo-$id" >
<a href="$profile-link" class="directory-profile-link" id="directory-profile-link-$id" >
- <img class="directory-photo-img" src="$photo" alt="$alt-text" title="$alt-text" />
+ <img class="directory-photo-img photo" src="$photo" alt="$alt-text" title="$alt-text" />
</a>
</div>
</div>
- <div class="contact-name" id="directory-name-$id">$name</div>
+ <div class="directory-profile-wrapper" id="directory-profile-wrapper-$id" >
+ <div class="contact-name" id="directory-name-$id">$name</div>
+ <div class="page-type">$page-type</div>
+ {{ if $pdesc }}<div class="directory-profile-title">$profile.pdesc</div>{{ endif }}
+ <div class="directory-detailcolumns-wrapper" id="directory-detailcolumns-wrapper-$id">
+ <div class="directory-detailscolumn-wrapper" id="directory-detailscolumn1-wrapper-$id">
+ {{ if $location }}
+ <dl class="location"><dt class="location-label">$location</dt>
+ <dd class="adr">
+ {{ if $profile.address }}<div class="street-address">$profile.address</div>{{ endif }}
+ <span class="city-state-zip">
+ <span class="locality">$profile.locality</span>{{ if $profile.locality }}, {{ endif }}
+ <span class="region">$profile.region</span>
+ <span class="postal-code">$profile.postal-code</span>
+ </span>
+ {{ if $profile.country-name }}<span class="country-name">$profile.country-name</span>{{ endif }}
+ </dd>
+ </dl>
+ {{ endif }}
+
+ {{ if $gender }}<dl class="mf"><dt class="gender-label">$gender</dt> <dd class="x-gender">$profile.gender</dd></dl>{{ endif }}
+ </div>
+ <div class="directory-detailscolumn-wrapper" id="directory-detailscolumn2-wrapper-$id">
+ {{ if $marital }}<dl class="marital"><dt class="marital-label"><span class="heart">&hearts;</span>$marital</dt><dd class="marital-text">$profile.marital</dd></dl>{{ endif }}
+
+ {{ if $homepage }}<dl class="homepage"><dt class="homepage-label">$homepage</dt><dd class="homepage-url"><a href="$profile.homepage" target="external-link">$profile.homepage</a></dd></dl>{{ endif }}
+ </div>
+ </div>
+ <div class="directory-copy-wrapper" id="directory-copy-wrapper-$id" >
+ {{ if $about }}<dl class="directory-copy"><dt class="directory-copy-label">$about</dt><dd class="directory-copy-data">$profile.about</dd></dl>{{ endif }}
+ </div>
+ </div>
</div>
diff --git a/view/theme/diabook/style.css b/view/theme/diabook/style.css
index 736817c7b..049fb7ba4 100644
--- a/view/theme/diabook/style.css
+++ b/view/theme/diabook/style.css
@@ -2732,6 +2732,30 @@ float: left;
/* ============= */
/* = Directory = */
/* ============= */
+section .directory-item dl {
+ height: auto;
+ overflow: auto;
+}
+section .directory-item dt {
+ float: left;
+ margin-left: 0px;
+ text-align: right;
+ color: #999;
+}
+section .directory-item dd {
+ float: left;
+ margin-left: 5px;
+}
+.directory-profile-wrapper {
+ float: left;
+ max-height: 178px;
+ overflow: hidden;
+ width: 635px;
+}
+.directory-copy-wrapper {
+ float: left;
+ overflow: hidden;
+}
/* contacts menu */
.contact-photo-wrapper {
position: relative;
@@ -2773,7 +2797,7 @@ float: left;
}
.directory-item {
float: left;
- width: 200px;
+ width: 800px;
height: 200px;
}
.directory-item .contact-photo {
@@ -2784,14 +2808,38 @@ float: left;
width: 175px;
height: 175px;
}
+.directory-photo-wrapper {
+ float: left;
+ height: 200px;
+ width: 165px;
+}
.contact-name {
- text-align: left;
+ font-size: 18px;
font-weight: bold;
- font-size: 12px;
+ margin-bottom: -3px;
+ text-align: left;
}
.contact-details {
color: #999999;
}
+.page-type {
+ font-size: 10px;
+ font-style: italic;
+}
+.directory-detailscolumn-wrapper {
+ float: left;
+ width: 305px;
+ margin-right: 10px;
+}
+.directory-profile-wrapper dl {
+ margin-top: 3px;
+ margin-bottom: 3px;
+}
+.directory-profile-title {
+ font-weight: bold;
+ margin-bottom: 3px;
+ font-size: 14px;
+}
#side-bar-photos-albums li{
list-style-type: disc;
}