harukin/core
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

make vcard and contact block widget look-alike

Browse Source
This commit is contained in:
marijus 2014-08-27 00:59:07 +02:00
parent 6c11fd349e
commit 2df4c44de5
2 changed files with 38 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

78
view/theme/redbasic/css/style.css
View File

@ -410,37 +410,35 @@ aside li {
.fn { .fn {
padding: 0px 0px 5px 0px;
font-size: 120%;
font-weight: bold; font-weight: bold;
font-size: 16px;
color: #444444; color: #444444;
} }
.vcard { .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 { .vcard .title {
margin-bottom: 5px; margin-bottom: 10px;
} }
.vcard dl { .vcard dl {
clear: both; margin-top: 10px;
word-wrap:break-word; margin-bottom: 0px;
} }
.vcard-profile-edit-icon {
font-size: 1.2em;
}
.vcard-profile-edit-icon:hover { .vcard-profile-edit-icon:hover {
text-decoration: none; text-decoration: none;
} }
.vcard .dropdown-menu {
position: absolute;
left: 200px;
top: 18px;
}
#profile-extra-links { #profile-extra-links {
clear: both; clear: both;
@ -454,21 +452,22 @@ aside li {
#profile-extra-links li { #profile-extra-links li {
margin-top: 5px; margin-top: 10px;
} }
.profile-edit-side-link { .profile-edit-side-link {
opacity: 0.3; opacity: 0;
filter:alpha(opacity=30); filter:alpha(opacity=30);
float: right; 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); filter:alpha(opacity=100);
} }
.view-contact-wrapper { .view-contact-wrapper {
margin-top: 20px; margin-top: 20px;
float: left; float: left;
@ -494,9 +493,9 @@ aside li {
#profile-photo-wrapper img { #profile-photo-wrapper img {
padding: 12px; padding: 10px;
width: 201px; width: 197px;
height: 201px; height: 197px;
} }
#profile-in-dir-yes-label, #profile-in-dir-yes-label,
@ -777,19 +776,25 @@ aside li {
} }
#contact-block { #contact-block {
margin-top: 25px; float: left;
padding: 8px; 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 { #contact-block-numcontacts {
font-weight: bold; font-weight: bold;
margin-bottom:8px; margin-bottom:10px;
} }
.contact-block-div { .contact-block-div {
float: left; float: left;
width: 50px; width: 49px;
height: 50px; height: 49px;
} }
.contact-block-textdiv { .contact-block-textdiv {
float: left; float: left;
@ -804,8 +809,8 @@ aside li {
float: left; float: left;
} }
.contact-block-img { .contact-block-img {
width:48px; width:47px;
height:48px; height:47px;
} }
#tag-remove { #tag-remove {
@ -886,19 +891,6 @@ aside li {
font-family: FontAwesome; 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 { .profile-clear {
clear: both; clear: both;
} }
@ -1722,7 +1714,7 @@ header {
} }
.contact-block-content { .contact-block-content {
margin-top: 8px; margin-top: 10px;
} }
.contact-block-img.archived { .contact-block-img.archived {
opacity: 0.3; opacity: 0.3;

4
view/tpl/profile_vcard.tpl
View File

@ -2,7 +2,7 @@
{{if $profile.edit}} {{if $profile.edit}}
<div class="dropdown"> <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"> <ul class="dropdown-menu" role="menu">
{{foreach $profile.menu.entries as $e}} {{foreach $profile.menu.entries as $e}}
<li> <li>
@ -15,7 +15,7 @@
</div> </div>
{{/if}} {{/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}} {{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> <div id="profile-photo-wrapper"><img class="photo" width="175" height="175" src="{{$profile.photo}}?rev={{$profile.picdate}}" alt="{{$profile.name}}"></div>