From 74d61ed00b9ff6fe768d4a0f4a27da246020c270 Mon Sep 17 00:00:00 2001 From: Friendika Date: Wed, 24 Aug 2011 22:40:26 -0700 Subject: contact menu beginnings --- view/theme/duepuntozero/style.css | 31 +++++++++++++++++++++++++++++++ 1 file changed, 31 insertions(+) (limited to 'view/theme') diff --git a/view/theme/duepuntozero/style.css b/view/theme/duepuntozero/style.css index 5943e5061..66e9f857e 100644 --- a/view/theme/duepuntozero/style.css +++ b/view/theme/duepuntozero/style.css @@ -744,6 +744,7 @@ input#dfrn-url { .contact-entry-wrapper { float: left; width: 180px; + height: 120px; } .contact-entry-direction-icon { @@ -1458,6 +1459,36 @@ input#dfrn-url { /*margin-left: 50px;*/ } + +.contact-photo-menu-button { + display: block; +/* 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: 60px; left:10px; + overflow: hidden; + text-indent: 40px; + display: none; + +} +.contact-photo-menu { + width: auto; + border: 2px solid #444444; + background: #FFFFFF; +/* position: absolute; */ + left: 10px; 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; } + + #block-message, #ignore-message { margin-top: 20px; color: #FF0000; -- cgit v1.2.3 From 71fc694c6715601f8d9cabcb1835c66a23aea4ca Mon Sep 17 00:00:00 2001 From: Friendika Date: Wed, 24 Aug 2011 23:20:04 -0700 Subject: contact photo menu --- view/theme/duepuntozero/style.css | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) (limited to 'view/theme') diff --git a/view/theme/duepuntozero/style.css b/view/theme/duepuntozero/style.css index 66e9f857e..e3c643bfc 100644 --- a/view/theme/duepuntozero/style.css +++ b/view/theme/duepuntozero/style.css @@ -743,7 +743,7 @@ input#dfrn-url { .contact-entry-wrapper { float: left; - width: 180px; + width: 120px; height: 120px; } @@ -760,7 +760,7 @@ input#dfrn-url { } .contact-entry-name { float: left; - margin-left: 30px; + margin-left: 0px; } .contact-entry-edit-links { margin-top: 6px; @@ -778,6 +778,7 @@ input#dfrn-url { } .contact-entry-photo { float: left; + position: relative; } .contact-entry-end { clear: both; @@ -1461,15 +1462,14 @@ input#dfrn-url { .contact-photo-menu-button { - display: block; -/* position: absolute; */ + 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: 60px; left:10px; + top: 64px; left:0px; overflow: hidden; text-indent: 40px; display: none; @@ -1479,8 +1479,8 @@ input#dfrn-url { width: auto; border: 2px solid #444444; background: #FFFFFF; -/* position: absolute; */ - left: 10px; top: 90px; + position: absolute; + left: 0px; top: 90px; display: none; z-index: 10000; } -- cgit v1.2.3 From 83605cf3dc03be7c2ddad48d04aede90d68069e3 Mon Sep 17 00:00:00 2001 From: Friendika Date: Thu, 25 Aug 2011 05:15:05 -0700 Subject: theme settings for contact photo menu --- view/theme/dispy/photo-menu.jpg | Bin 0 -> 459 bytes view/theme/dispy/style.css | 36 +++++++++++++++++++++++++++++++++++- view/theme/duepuntozero/style.css | 2 ++ view/theme/loozah/style.css | 35 +++++++++++++++++++++++++++++++++-- 4 files changed, 70 insertions(+), 3 deletions(-) create mode 100644 view/theme/dispy/photo-menu.jpg (limited to 'view/theme') diff --git a/view/theme/dispy/photo-menu.jpg b/view/theme/dispy/photo-menu.jpg new file mode 100644 index 000000000..fde5eb535 Binary files /dev/null and b/view/theme/dispy/photo-menu.jpg differ diff --git a/view/theme/dispy/style.css b/view/theme/dispy/style.css index e9d11d601..aa8d82bbb 100644 --- a/view/theme/dispy/style.css +++ b/view/theme/dispy/style.css @@ -688,12 +688,17 @@ div[id$="wrapper"] br { clear: left; } */ .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-edit-links { position: absolute; top: 60px; } .contact-entry-photo { margin-left:20px; } +.contact-entry-name { width: 120px; overflow: hidden; } +.contact-entry-photo { + position: relative; +} + .contact-entry-edit-links .icon { border: 1px solid #babdb6; -webkit-border-radius: 3px; @@ -720,6 +725,35 @@ div[id$="wrapper"] br { clear: left; } #contact-edit-poll-text { display: inline; } #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 */ diff --git a/view/theme/duepuntozero/style.css b/view/theme/duepuntozero/style.css index e3c643bfc..6ac28cb95 100644 --- a/view/theme/duepuntozero/style.css +++ b/view/theme/duepuntozero/style.css @@ -761,6 +761,8 @@ input#dfrn-url { .contact-entry-name { float: left; margin-left: 0px; + width: 120px; + overflow: hidden; } .contact-entry-edit-links { margin-top: 6px; diff --git a/view/theme/loozah/style.css b/view/theme/loozah/style.css index c58bda5bb..74d9058f7 100644 --- a/view/theme/loozah/style.css +++ b/view/theme/loozah/style.css @@ -841,7 +841,8 @@ input#dfrn-url { .contact-entry-wrapper { float: left; - width: 180px; + width: 120px; + height: 120px; } .contact-entry-direction-icon { @@ -857,7 +858,9 @@ input#dfrn-url { } .contact-entry-name { float: left; - margin-left: 30px; + margin-left: 0px; + width: 120px; + oveflow: hidden; } .contact-entry-edit-links { margin-top: 6px; @@ -875,6 +878,7 @@ input#dfrn-url { } .contact-entry-photo { float: left; + position: relative; } .contact-entry-end { clear: both; @@ -884,6 +888,33 @@ input#dfrn-url { 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 { margin-top: 15px; -- cgit v1.2.3 From 99ea045723b89a312db5227f0036c76d481e58a1 Mon Sep 17 00:00:00 2001 From: Friendika Date: Thu, 25 Aug 2011 18:12:42 -0700 Subject: some minor work on contact edit page --- view/theme/dispy/style.css | 2 +- view/theme/duepuntozero/style.css | 7 +++++++ view/theme/loozah/style.css | 6 ++++++ 3 files changed, 14 insertions(+), 1 deletion(-) (limited to 'view/theme') diff --git a/view/theme/dispy/style.css b/view/theme/dispy/style.css index aa8d82bbb..78efb57ff 100644 --- a/view/theme/dispy/style.css +++ b/view/theme/dispy/style.css @@ -723,7 +723,7 @@ div[id$="wrapper"] br { clear: left; } #contact-edit-last-update-text { margin-bottom: 15px; } #contact-edit-last-updated { font-weight: bold; } #contact-edit-poll-text { display: inline; } -#contact-edit-end { clear: both; } +#contact-edit-end { clear: both; margin-bottom: 65px;} .contact-photo-menu-button { position: absolute; diff --git a/view/theme/duepuntozero/style.css b/view/theme/duepuntozero/style.css index 6ac28cb95..f47af934c 100644 --- a/view/theme/duepuntozero/style.css +++ b/view/theme/duepuntozero/style.css @@ -788,6 +788,7 @@ input#dfrn-url { #contact-edit-end { clear: both; + margin-bottom: 65px; } #fsuggest-desc, #fsuggest-submit-wrapper { @@ -1378,6 +1379,12 @@ input#dfrn-url { margin-left: 30px; } +#contact-edit-nettype { + margin-top: 5px; + margin-left: 30px; +} + + #contact-edit-poll-wrapper { margin-left: 50px; margin-top: 30px; diff --git a/view/theme/loozah/style.css b/view/theme/loozah/style.css index 74d9058f7..781526eae 100644 --- a/view/theme/loozah/style.css +++ b/view/theme/loozah/style.css @@ -886,6 +886,7 @@ input#dfrn-url { #contact-edit-end { clear: both; + margin-bottom: 65px; } .contact-photo-menu-button { @@ -1451,6 +1452,11 @@ padding: 5px 10px 0px; font-weight: bold; margin-left: 30px; } +#contact-edit-nettype { + margin-top: 5px; + margin-left: 30px; +} + #contact-edit-poll-wrapper { margin-left: 50px; -- cgit v1.2.3