From: Florian Zeitz Date: Sat, 25 Jul 2009 16:10:26 +0000 (+0200) Subject: Change vCard display X-Git-Url: https://git.babelmonkeys.de/?a=commitdiff_plain;h=0166a6865404cec150d4457fd13e25bf35635ad0;p=socialXMPP.git Change vCard display * vCards are now displayed in lightview-like style --- diff --git a/css/standard.css b/css/standard.css index b6c3b8e..eb2b9d6 100644 --- a/css/standard.css +++ b/css/standard.css @@ -7,9 +7,18 @@ } #vCard_container { - float: left; display: none; - margin: 1em; + position: fixed; + height: 100%; + width: 100%; +} + +#vCard { + background: white; + text-align: center; + margin: 2em auto; + width: 50%; + overflow: auto; } #ownInfo { @@ -27,6 +36,17 @@ float: left; } +#box-overlay { + background: black; + opacity: 0.8; + width: 100%; + height: 100%; + position: fixed; + top: 0; + left: 0; + display: none; +} + .vCardName { font-weight: bold; } @@ -67,3 +87,8 @@ font-size: 15pt; font-weight: bold; } + +.noMarker { + list-style-type: none; + display: inline; +} diff --git a/index.html b/index.html index e06ee7d..1b90698 100644 --- a/index.html +++ b/index.html @@ -25,6 +25,7 @@
+
diff --git a/scripts/basic.js b/scripts/basic.js index e4a63cf..62c00c1 100644 --- a/scripts/basic.js +++ b/scripts/basic.js @@ -62,9 +62,11 @@ function populateVCard(e, jid) { }); $('#vCard').click(function () { + $('#box-overlay').hide(); $('#vCard_container').slideUp("normal"); }); + $('#box-overlay').show(); $('#vCard_container').slideDown("normal"); } @@ -84,10 +86,7 @@ function _cbVCard(e) { function _cbOwnVCard(e) { $('#ownInfo').empty(); - $('#ownInfo').load('vCard.html #vCard', function() { - $('#ownInfo').find('div').each(function() { - $(this).attr('id', 'own' + $(this).attr('id')); - }); + $('#ownInfo').load('vCard.html #ownvCard', function() { var easy_cases = new Array('FN', 'FAMILY', 'MIDDLE', 'GIVEN', 'NICKNAME', 'BDAY', 'CTRY', 'USERID'); for (var i=0; i
-
Avatar:
-
Full Name:
-
Last Name:
-
First Name:
-
Middle Name:
-
Nickname:
-
Birthday:
-
Telephone (Home):
-
Telephone (Work):
-
E-Mail (Home):
-
E-Mail (Work):
-
Country:
-
E-Mail:
+
    +
  • Avatar:
    • +
  • Full Name:
    • +
  • Last Name:
    • +
  • First Name:
    • +
  • Middle Name:
    • +
  • Nickname:
    • +
  • Birthday:
    • +
  • Telephone (Home):
    • +
  • Telephone (Work):
    • +
  • E-Mail (Home):
    • +
  • E-Mail (Work):
    • +
  • Country:
    • +
  • E-Mail:
    • +
+
+
+
    +
  • Avatar:
    • +
  • Full Name:
    • +
  • Last Name:
    • +
  • First Name:
    • +
  • Middle Name:
    • +
  • Nickname:
    • +
  • Birthday:
    • +
  • Telephone (Home):
    • +
  • Telephone (Work):
    • +
  • E-Mail (Home):
    • +
  • E-Mail (Work):
    • +
  • Country:
    • +
  • E-Mail:
    • +