aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authormarijus <mario@mariovavti.com>2014-08-27 00:59:07 +0200
committermarijus <mario@mariovavti.com>2014-08-27 00:59:07 +0200
commit2df4c44de5601053635e23a7af01a57bdc4fa9fa (patch)
tree29cea00f593feed715f40b1f83967abd632c9ebe
parent6c11fd349e269bf3ec2731f92b62e37a656e8d21 (diff)
downloadvolse-hubzilla-2df4c44de5601053635e23a7af01a57bdc4fa9fa.tar.gz
volse-hubzilla-2df4c44de5601053635e23a7af01a57bdc4fa9fa.tar.bz2
volse-hubzilla-2df4c44de5601053635e23a7af01a57bdc4fa9fa.zip
make vcard and contact block widget look-alike
-rw-r--r--view/theme/redbasic/css/style.css80
-rwxr-xr-xview/tpl/profile_vcard.tpl4
2 files changed, 38 insertions, 46 deletions
diff --git a/view/theme/redbasic/css/style.css b/view/theme/redbasic/css/style.css
index c001b3b5f..209e32c52 100644
--- a/view/theme/redbasic/css/style.css
+++ b/view/theme/redbasic/css/style.css
@@ -410,37 +410,35 @@ aside li {
.fn {
- padding: 0px 0px 5px 0px;
- font-size: 120%;
font-weight: bold;
+ font-size: 16px;
color: #444444;
}
.vcard {
- padding: 8px;
+ margin-bottom: 10px;
+ padding: 10px;
+ background-color: $comment_item_colour;
+ border-bottom: 1px solid $widget_brdrcolour;
+ -moz-border-radius: $radiuspx;
+ -webkit-border-radius: $radiuspx;
+ border-radius: $radiuspx;
}
.vcard .title {
- margin-bottom: 5px;
-}
+ margin-bottom: 10px;
-.vcard dl {
- clear: both;
- word-wrap:break-word;
}
-.vcard-profile-edit-icon {
- font-size: 1.2em;
+.vcard dl {
+ margin-top: 10px;
+ margin-bottom: 0px;
}
+
.vcard-profile-edit-icon:hover {
text-decoration: none;
}
-.vcard .dropdown-menu {
- position: absolute;
- left: 200px;
- top: 18px;
-}
#profile-extra-links {
clear: both;
@@ -454,21 +452,22 @@ aside li {
#profile-extra-links li {
- margin-top: 5px;
+ margin-top: 10px;
}
.profile-edit-side-link {
- opacity: 0.3;
+ opacity: 0;
filter:alpha(opacity=30);
float: right;
- margin-top: -3px;
}
-.profile-edit-side-link:hover {
- opacity: 1.0;
+
+.vcard:hover .profile-edit-side-link {
+ opacity: 1;
filter:alpha(opacity=100);
}
+
.view-contact-wrapper {
margin-top: 20px;
float: left;
@@ -494,9 +493,9 @@ aside li {
#profile-photo-wrapper img {
- padding: 12px;
- width: 201px;
- height: 201px;
+ padding: 10px;
+ width: 197px;
+ height: 197px;
}
#profile-in-dir-yes-label,
@@ -777,19 +776,25 @@ aside li {
}
#contact-block {
- margin-top: 25px;
- padding: 8px;
+ float: left;
+ background-color: $comment_item_colour;
+ border-bottom: 1px solid $widget_brdrcolour;
+ -moz-border-radius: $radiuspx;
+ -webkit-border-radius: $radiuspx;
+ border-radius: $radiuspx;
+ padding: 10px;
+ margin-bottom:10px;
}
#contact-block-numcontacts {
font-weight: bold;
- margin-bottom:8px;
+ margin-bottom:10px;
}
.contact-block-div {
float: left;
- width: 50px;
- height: 50px;
+ width: 49px;
+ height: 49px;
}
.contact-block-textdiv {
float: left;
@@ -804,8 +809,8 @@ aside li {
float: left;
}
.contact-block-img {
- width:48px;
- height:48px;
+ width:47px;
+ height:47px;
}
#tag-remove {
@@ -886,19 +891,6 @@ aside li {
font-family: FontAwesome;
}
-.location-label, .gender-label, .marital-label, .homepage-label {
- float: left;
- display: block;
- width: 70px;
-
-}
-
-.adr, .x-gender, .marital-text, .homepage-url {
- float: left;
- display: block;
- width: 130px;
-}
-
.profile-clear {
clear: both;
}
@@ -1722,7 +1714,7 @@ header {
}
.contact-block-content {
- margin-top: 8px;
+ margin-top: 10px;
}
.contact-block-img.archived {
opacity: 0.3;
diff --git a/view/tpl/profile_vcard.tpl b/view/tpl/profile_vcard.tpl
index 7dff8fdeb..3c83cd685 100755
--- a/view/tpl/profile_vcard.tpl
+++ b/view/tpl/profile_vcard.tpl
@@ -2,7 +2,7 @@
{{if $profile.edit}}
<div class="dropdown">
- <a class="profile-edit-side-link dropdown-toggle" data-toggle="dropdown" title="{{$profile.edit.3}}" href="#" ><i class="icon-pencil btn btn-default btn-xs" title="{{$profile.edit.1}}" ></i></a>
+ <a class="profile-edit-side-link dropdown-toggle" data-toggle="dropdown" title="{{$profile.edit.3}}" href="#" ><i class="icon-pencil" title="{{$profile.edit.1}}" ></i></a>
<ul class="dropdown-menu" role="menu">
{{foreach $profile.menu.entries as $e}}
<li>
@@ -15,7 +15,7 @@
</div>
{{/if}}
- <div class="fn label">{{$profile.name}}{{if $profile.online}} <i class="icon-asterisk online-now" title="{{$profile.online}}"></i>{{/if}}</div>
+ <div class="fn">{{$profile.name}}{{if $profile.online}} <i class="icon-asterisk online-now" title="{{$profile.online}}"></i>{{/if}}</div>
{{if $pdesc}}<div class="title">{{$profile.pdesc}}</div>{{/if}}
<div id="profile-photo-wrapper"><img class="photo" width="175" height="175" src="{{$profile.photo}}?rev={{$profile.picdate}}" alt="{{$profile.name}}"></div>