theme settings for contact photo menu
This commit is contained in:
parent
71fc694c67
commit
83605cf3dc
|
@ -427,7 +427,7 @@ function contacts_content(&$a) {
|
||||||
'$alt_text' => $alt_text,
|
'$alt_text' => $alt_text,
|
||||||
'$dir_icon' => $dir_icon,
|
'$dir_icon' => $dir_icon,
|
||||||
'$thumb' => $rr['thumb'],
|
'$thumb' => $rr['thumb'],
|
||||||
'$name' => substr($rr['name'],0,20),
|
'$name' => $rr['name'],
|
||||||
'$username' => $rr['name'],
|
'$username' => $rr['name'],
|
||||||
'$sparkle' => $sparkle,
|
'$sparkle' => $sparkle,
|
||||||
'$url' => $url
|
'$url' => $url
|
||||||
|
|
BIN
view/theme/dispy/photo-menu.jpg
Normal file
BIN
view/theme/dispy/photo-menu.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 459 B |
|
@ -688,12 +688,17 @@ div[id$="wrapper"] br { clear: left; }
|
||||||
*/
|
*/
|
||||||
|
|
||||||
.view-contact-wrapper,
|
.view-contact-wrapper,
|
||||||
.contact-entry-wrapper { float: left; margin-right: 20px; margin-bottom: 20px; position: relative;}
|
.contact-entry-wrapper { float: left; margin-right: 20px; margin-bottom: 20px; width: 120px; height: 120px; position: relative;}
|
||||||
.contact-entry-direction-wrapper {position: absolute; top: 20px;}
|
.contact-entry-direction-wrapper {position: absolute; top: 20px;}
|
||||||
.contact-entry-edit-links { position: absolute; top: 60px; }
|
.contact-entry-edit-links { position: absolute; top: 60px; }
|
||||||
.contact-entry-photo {
|
.contact-entry-photo {
|
||||||
margin-left:20px;
|
margin-left:20px;
|
||||||
}
|
}
|
||||||
|
.contact-entry-name { width: 120px; overflow: hidden; }
|
||||||
|
.contact-entry-photo {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
.contact-entry-edit-links .icon {
|
.contact-entry-edit-links .icon {
|
||||||
border: 1px solid #babdb6;
|
border: 1px solid #babdb6;
|
||||||
-webkit-border-radius: 3px;
|
-webkit-border-radius: 3px;
|
||||||
|
@ -720,6 +725,35 @@ div[id$="wrapper"] br { clear: left; }
|
||||||
#contact-edit-poll-text { display: inline; }
|
#contact-edit-poll-text { display: inline; }
|
||||||
#contact-edit-end { clear: both; }
|
#contact-edit-end { clear: both; }
|
||||||
|
|
||||||
|
.contact-photo-menu-button {
|
||||||
|
position: absolute;
|
||||||
|
background-image: url("photo-menu.jpg");
|
||||||
|
background-position: top left;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
margin: 0px; padding: 0px;
|
||||||
|
width: 16px;
|
||||||
|
height: 16px;
|
||||||
|
top: 64px; left:0px;
|
||||||
|
overflow: hidden;
|
||||||
|
text-indent: 40px;
|
||||||
|
display: none;
|
||||||
|
|
||||||
|
}
|
||||||
|
.contact-photo-menu {
|
||||||
|
width: auto;
|
||||||
|
border: 2px solid #444444;
|
||||||
|
background: #FFFFFF;
|
||||||
|
position: absolute;
|
||||||
|
left: 0px; top: 90px;
|
||||||
|
display: none;
|
||||||
|
z-index: 10000;
|
||||||
|
}
|
||||||
|
.contact-photo-menu ul { margin:0px; padding: 0px; list-style: none }
|
||||||
|
.contact-photo-menu li a { display: block; padding: 2px; }
|
||||||
|
.contact-photo-menu li a:hover { color: #FFFFFF; background: #3465A4; text-decoration: none; }
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* register, settings & profile forms
|
* register, settings & profile forms
|
||||||
*/
|
*/
|
||||||
|
|
|
@ -761,6 +761,8 @@ input#dfrn-url {
|
||||||
.contact-entry-name {
|
.contact-entry-name {
|
||||||
float: left;
|
float: left;
|
||||||
margin-left: 0px;
|
margin-left: 0px;
|
||||||
|
width: 120px;
|
||||||
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
.contact-entry-edit-links {
|
.contact-entry-edit-links {
|
||||||
margin-top: 6px;
|
margin-top: 6px;
|
||||||
|
|
|
@ -841,7 +841,8 @@ input#dfrn-url {
|
||||||
|
|
||||||
.contact-entry-wrapper {
|
.contact-entry-wrapper {
|
||||||
float: left;
|
float: left;
|
||||||
width: 180px;
|
width: 120px;
|
||||||
|
height: 120px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.contact-entry-direction-icon {
|
.contact-entry-direction-icon {
|
||||||
|
@ -857,7 +858,9 @@ input#dfrn-url {
|
||||||
}
|
}
|
||||||
.contact-entry-name {
|
.contact-entry-name {
|
||||||
float: left;
|
float: left;
|
||||||
margin-left: 30px;
|
margin-left: 0px;
|
||||||
|
width: 120px;
|
||||||
|
oveflow: hidden;
|
||||||
}
|
}
|
||||||
.contact-entry-edit-links {
|
.contact-entry-edit-links {
|
||||||
margin-top: 6px;
|
margin-top: 6px;
|
||||||
|
@ -875,6 +878,7 @@ input#dfrn-url {
|
||||||
}
|
}
|
||||||
.contact-entry-photo {
|
.contact-entry-photo {
|
||||||
float: left;
|
float: left;
|
||||||
|
position: relative;
|
||||||
}
|
}
|
||||||
.contact-entry-end {
|
.contact-entry-end {
|
||||||
clear: both;
|
clear: both;
|
||||||
|
@ -884,6 +888,33 @@ input#dfrn-url {
|
||||||
clear: both;
|
clear: both;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.contact-photo-menu-button {
|
||||||
|
position: absolute;
|
||||||
|
background-image: url("photo-menu.jpg");
|
||||||
|
background-position: top left;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
margin: 0px; padding: 0px;
|
||||||
|
width: 16px;
|
||||||
|
height: 16px;
|
||||||
|
top: 64px; left:0px;
|
||||||
|
overflow: hidden;
|
||||||
|
text-indent: 40px;
|
||||||
|
display: none;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.contact-photo-menu {
|
||||||
|
width: 100px;
|
||||||
|
border: 2px solid #444444;
|
||||||
|
background: #FFFFFF;
|
||||||
|
position: absolute;
|
||||||
|
left: 0px; top: 90px;
|
||||||
|
display: none;
|
||||||
|
z-index: 10000;
|
||||||
|
}
|
||||||
|
.contact-photo-menu ul { margin:0px; padding: 0px; list-style: none }
|
||||||
|
.contact-photo-menu li a { display: block; padding: 2px; }
|
||||||
|
.contact-photo-menu li a:hover { color: #FFFFFF; background: #3465A4; text-decoration: none; }
|
||||||
|
|
||||||
#fsuggest-desc, #fsuggest-submit-wrapper {
|
#fsuggest-desc, #fsuggest-submit-wrapper {
|
||||||
margin-top: 15px;
|
margin-top: 15px;
|
||||||
|
|
Loading…
Reference in a new issue