From: Simon L'nu Date: Sun, 4 Mar 2012 00:19:35 +0000 (-0500) Subject: first commit for dispy New Edition X-Git-Url: https://git.mxchange.org/?a=commitdiff_plain;h=64400e8d59cab64cfa57b969df88a4cafe76f168;p=friendica.git first commit for dispy New Edition Signed-off-by: Simon L'nu --- diff --git a/view/theme/dispy/comment_item.tpl b/view/theme/dispy/comment_item.tpl new file mode 100644 index 0000000000..85176732b7 --- /dev/null +++ b/view/theme/dispy/comment_item.tpl @@ -0,0 +1,35 @@ +
+
+ + + + + + + +
+ $mytitle +
+
+ + + {{ if $qcomment }} +
    + {{ for $qcomment as $qc }} + + {{ endfor }} +
+ {{ endif }} + +
+ + +
+
+ +
diff --git a/view/theme/dispy/contact_template.tpl b/view/theme/dispy/contact_template.tpl old mode 100755 new mode 100644 index 48930b48ab..2aa9b88fed --- a/view/theme/dispy/contact_template.tpl +++ b/view/theme/dispy/contact_template.tpl @@ -1,9 +1,9 @@
-
+
+ onmouseout="t$contact.id=setTimeout('closeMenu(\'contact-photo-menu-button-$contact.id\'); closeMenu(\'contact-photo-menu-$contact.id\');',200)"> $contact.name @@ -20,6 +20,8 @@
$contact.name
+
$contact.itemurl
+
$contact.network
diff --git a/view/theme/dispy/conversation.tpl b/view/theme/dispy/conversation.tpl new file mode 100644 index 0000000000..0b14f1c80a --- /dev/null +++ b/view/theme/dispy/conversation.tpl @@ -0,0 +1,21 @@ +{{ for $threads as $thread }} +
+ {{ for $thread.items as $item }} + {{if $item.comment_firstcollapsed}} +
+ $thread.num_comments $thread.hide_text +
+ {{endif}} + + {{ inc $item.template }}{{ endinc }} + + + {{ endfor }} +
+{{ endfor }} + +{{ if $dropping }} +$dropping +{{ endif }} diff --git a/view/theme/dispy/group_side.tpl b/view/theme/dispy/group_side.tpl old mode 100755 new mode 100644 index a1fc70a22e..516d70d5b4 --- a/view/theme/dispy/group_side.tpl +++ b/view/theme/dispy/group_side.tpl @@ -5,23 +5,25 @@
diff --git a/view/theme/dispy/head.tpl b/view/theme/dispy/head.tpl new file mode 100644 index 0000000000..793af6fd2d --- /dev/null +++ b/view/theme/dispy/head.tpl @@ -0,0 +1,99 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/view/theme/dispy/icons.png b/view/theme/dispy/icons.png old mode 100755 new mode 100644 index bd52b62c81..d9d58aa475 Binary files a/view/theme/dispy/icons.png and b/view/theme/dispy/icons.png differ diff --git a/view/theme/dispy/icons.svg b/view/theme/dispy/icons.svg old mode 100755 new mode 100644 index b435ba6653..40899c0a54 --- a/view/theme/dispy/icons.svg +++ b/view/theme/dispy/icons.svg @@ -7,15 +7,16 @@ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" + xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="250" height="200" id="svg3403" version="1.1" - inkscape:version="0.48.1 r9760" + inkscape:version="0.48+devel r" sodipodi:docname="icons.svg" - inkscape:export-filename="/home/fabio/public_html/friendika/view/theme/dispy/icons.png" + inkscape:export-filename="/var/www3/kisikew.org/portal/pub/fd/view/theme/dispy/icons.png" inkscape:export-xdpi="90" inkscape:export-ydpi="90"> image/svg+xml - + @@ -118,11 +119,12 @@ y="852.36218" inkscape:export-filename="/home/fabio/public_html/f9k-tre/icons.png" inkscape:export-xdpi="90" - inkscape:export-ydpi="90" /> + inkscape:export-ydpi="90" + transform="matrix(1,0,0,1.5151515,0,-439.09566)" /> + style="fill:#333333;stroke:#e6e6e6;stroke-width:2.0535686;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" /> + style="fill:#333333;stroke:#e6e6e6;stroke-width:2.0535686;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" /> + style="fill:none;fill-opacity:1;stroke:#e6e6e6;stroke-width:2.0535686;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" /> + style="fill:#333333;stroke:#e6e6e6;stroke-width:2.0535686;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" /> @@ -202,15 +204,15 @@ inkscape:connector-curvature="0" id="path4005" d="M 504.69787,53.131473 480.30214,28.735746" - style="fill:#555753;fill-opacity:1;stroke:#888a85;stroke-width:2.31938004" /> + style="fill:#333333;fill-opacity:1;stroke:#e6e6e6;stroke-width:2.31938004" /> + style="fill:#1a1a1a;stroke:#d3d7cf;stroke-width:2.0535686;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" /> + style="fill:#1a1a1a;fill-opacity:1;stroke:#d3d7cf;stroke-width:2.31938004" /> + style="fill:#333333;stroke:#e6e6e6;stroke-width:2.0535686;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" /> + style="fill:#1a1a1a;fill-opacity:1;stroke:#d3d7cf;stroke-width:1.66475451;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0" /> - - - - + + @@ -425,16 +422,16 @@ sodipodi:cy="21.754047" sodipodi:cx="559.67499" id="path4008-8" - style="fill:#555753;fill-opacity:1;stroke:none" + style="fill:#1a1a1a;fill-opacity:1;stroke:none" sodipodi:type="arc" /> - - YouTube - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + style="fill:none;stroke:#1a1a1a;stroke-width:0.35579938;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" /> + style="fill:none;stroke:#1a1a1a;stroke-width:0.62789989;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" /> + style="fill:none;stroke:#1a1a1a;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" /> + + + + + - - - Lorem Ip + style="font-weight:bold;fill:#1a1a1a;-inkscape-font-specification:Liberation Sans Bold">Lorem Ip + id="g4173"> + transform="matrix(0.92307692,0.3846154,-0.3846154,0.92307692,5.144234,833.96249)" /> - - + + @@ -930,12 +902,12 @@ inkscape:connector-curvature="0" d="m 132.109,867.43017 c 0.0548,-0.091 0.10266,-0.1866 0.16432,-0.2731 0.23235,-0.3261 0.52565,-0.6137 0.79275,-0.9102 0.42229,-0.4689 0.38553,-0.4337 0.82852,-0.9537 1.44214,-1.6363 3.06836,-3.0981 4.69856,-4.5425 1.63203,-1.40992 3.17698,-2.91672 4.78859,-4.34862 0.46305,-0.4369 0.97793,-0.8014 1.52221,-1.1266 0.15824,-0.2112 3.14491,2.0267 2.98666,2.2379 l 0,0 c -0.2952,0.5224 -0.62275,1.0204 -1.01852,1.4748 -0.88192,1.11922 -1.78212,2.22372 -2.79371,3.23052 -0.29346,0.2921 -0.60222,0.5684 -0.90606,0.8497 -0.31321,0.2899 -0.63003,0.5759 -0.94504,0.8639 -1.67153,1.4209 -3.37366,2.8163 -5.22715,3.9963 -0.49876,0.3405 -0.57121,0.3777 -1.0203,0.7266 -0.39341,0.3057 -0.75974,0.6889 -1.26518,0.7962 -0.14292,0.1842 -2.74857,-1.8369 -2.60565,-2.0212 z" id="path4265" - style="fill:#d3d7cf;fill-opacity:1;stroke:none;display:inline" + style="fill:#666666;fill-opacity:1;stroke:none;display:inline" inkscape:export-filename="/home/fabio/public_html/f9k-tre/icons2.png" inkscape:export-xdpi="90" inkscape:export-ydpi="90" /> + style="fill:none;stroke:#1a1a1a;stroke-width:0.66930836;stroke-miterlimit:4;stroke-dasharray:none" /> + style="fill:none;stroke:#1a1a1a;stroke-width:0.66930836;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0" /> @@ -962,7 +934,7 @@ inkscape:connector-curvature="0" id="path4279" d="m -43.348187,1128.4959 c 1.108441,-0.8952 1.929509,-0.3581 2.381097,0.045 -0.328428,1.1191 -1.190549,3.9391 -1.190549,3.9391 z" - style="fill:#555753;stroke:#555753;stroke-width:0.66930836;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none" /> + style="fill:#1a1a1a;stroke:#1a1a1a;stroke-width:0.66930836;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none" /> + style="fill:#1a1a1a;fill-opacity:1;stroke:#1a1a1a" /> - - - - - - - + + + + + + + + + + + + + @@ -1104,15 +1085,15 @@ inkscape:connector-curvature="0" id="path4323" d="m -42.239747,1107.2336 0,17.6813" - style="fill:none;stroke:#555753;stroke-width:0.66930836;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0" /> + style="fill:none;stroke:#1a1a1a;stroke-width:0.66930836;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0" /> @@ -1133,14 +1114,14 @@ inkscape:connector-curvature="0" id="path4331" d="m -44.467884,1107.2152 0,17.7252 1.161165,3.7983 c 1.200046,4.2782 1.065706,4.1105 2.322331,0 l 1.161165,-3.7983 0,-17.7252 z" - style="fill:none;stroke:#555753;stroke-width:0.66930836;stroke-miterlimit:4;stroke-dasharray:none" /> + style="fill:none;stroke:#1a1a1a;stroke-width:0.66930836;stroke-miterlimit:4;stroke-dasharray:none" /> + style="fill:none;stroke:#1a1a1a;stroke-width:0.66930836;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0" /> @@ -1149,7 +1130,7 @@ inkscape:connector-curvature="0" id="path4337" d="m -43.348187,1128.4959 c 1.108441,-0.8952 1.929509,-0.3581 2.381097,0.045 -0.328428,1.1191 -1.190549,3.9391 -1.190549,3.9391 z" - style="fill:#555753;stroke:#555753;stroke-width:0.66930836;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none" /> + style="fill:#1a1a1a;stroke:#1a1a1a;stroke-width:0.66930836;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none" /> + style="fill:#1a1a1a;fill-opacity:1;stroke:#1a1a1a" /> - - - - - - - - - - + + + + + + + + + + + + + + + + + + + id="g226"> + style="fill:#333333;stroke:#e6e6e6;stroke-width:2.0535686;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;filter:url(#filter4064)" /> + ? + id="g204"> - - ? - ? + y="979.64215" + id="text3155" + sodipodi:linespacing="100%">? + + + + + + + + + + + + + + + + + + alternate housing ;) + wikuom/wigwam + + + + + + alternate housing ;) + wikuom/wigwam + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ! + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/view/theme/dispy/jot-header.tpl b/view/theme/dispy/jot-header.tpl old mode 100755 new mode 100644 index 8dccf71ed0..0a559aae76 --- a/view/theme/dispy/jot-header.tpl +++ b/view/theme/dispy/jot-header.tpl @@ -1,157 +1,137 @@ - - - + +{{ endif }} + +{{ if $content }}{{ endif }} diff --git a/view/theme/dispy/mail_head.tpl b/view/theme/dispy/mail_head.tpl old mode 100755 new mode 100644 index 89615cbd03..d49d7c1af9 --- a/view/theme/dispy/mail_head.tpl +++ b/view/theme/dispy/mail_head.tpl @@ -1,7 +1,5 @@

$messages

- +
+$tab_content +
diff --git a/view/theme/dispy/nav.tpl b/view/theme/dispy/nav.tpl old mode 100755 new mode 100644 index 79852217fc..67a263519a --- a/view/theme/dispy/nav.tpl +++ b/view/theme/dispy/nav.tpl @@ -1,57 +1,116 @@ + diff --git a/view/theme/dispy/profile_vcard.tpl b/view/theme/dispy/profile_vcard.tpl old mode 100755 new mode 100644 index b3f5cc50d6..0c289d982b --- a/view/theme/dispy/profile_vcard.tpl +++ b/view/theme/dispy/profile_vcard.tpl @@ -2,34 +2,53 @@
$profile.name
- - - {{ if $pdesc }}
$profile.pdesc
{{ endif }} -
$profile.name
- - + {{ if $pdesc }} +
$profile.pdesc
+ {{ endif }} +
+ $profile.name +
{{ if $location }} -
$location
-
- {{ if $profile.address }}
$profile.address
{{ endif }} - - $profile.locality{{ if $profile.locality }}, {{ endif }} - $profile.region - $profile.postal-code - +
+ $location +
+ {{ if $profile.address }} +
$profile.address
{{ endif }} + $profile.zip + $profile.locality{{ if $profile.locality }}, {{ endif }} + $profile.region + $profile.postal-code {{ if $profile.country-name }}$profile.country-name{{ endif }} -
-
+ + {{ endif }} - {{ if $gender }}
$gender
$profile.gender
{{ endif }} + {{ if $gender }} +
+ $gender + $profile.gender +
+ {{ endif }} - {{ if $profile.pubkey }}{{ endif }} + {{ if $profile.pubkey }} + + {{ endif }} - {{ if $marital }}
$marital
$profile.marital
{{ endif }} + {{ if $marital }} +
+ + $marital + $profile.marital +
+ {{ endif }} - {{ if $homepage }}
$homepage
$profile.homepage
{{ endif }} + {{ if $homepage }} +
+ $homepage + $profile.homepage +
{{ endif }} {{ inc diaspora_vcard.tpl }}{{ endinc }} diff --git a/view/theme/dispy/style.css b/view/theme/dispy/style.css old mode 100755 new mode 100644 index 7f563293a0..f0929094c3 --- a/view/theme/dispy/style.css +++ b/view/theme/dispy/style.css @@ -1,74 +1,233 @@ -body { - margin: 0px; - padding: 0px; - font-family: freesans,helvetica,arial,clean,sans-serif; - font-size: 16px; -} -img { border: 0 none; } +/* + * dispy + * + * modernised, sort of, by simon + * + */ -a { color: #3465a4; text-decoration: none; margin-bottom:1px;} -a:hover { color: #729fcf; padding-bottom: 0px; border-bottom: 1px dotted #729fcf;} +/* from html5boilerplate */ +/* these are to tell browsers they should be displayed a certain way */ +article, aside, details, figcaption, figure, footer, +header, hgroup, nav, section { + display: block; +} +audio, canvas, video, time { + display: inline-block; + *display: inline; + *zoom: 1; +} +audio:not([controls]) { + display: none; +} +[hidden] { + display: none; +} -.required { display: inline; color: #ff0000;} -.fakelink { color: #3465a4; cursor: pointer; } -.fakelink :hover{ color: #729fcf; } +/* ============================================================================= + Base + ========================================================================== */ +/* + * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units + * 2. Force vertical scrollbar in non-IE + * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g + */ + +html { + font-size: 100%; + overflow-y: scroll; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; +} +body { + margin: 0; + font-size: 16px; + line-height: 1.1em; +} + +body, button, input, select, textarea { + font-family: sans-serif; + color: #222; + background-color: rgb(254,254,254); + background-color: rgba(254,254,254,255); +} +/* remember to define focus styles! */ +:focus { + outline: 0; +} + +/* remember to highlight inserts somehow! */ +ins { + background-color: #ff9; + color: #000; + text-decoration: none; +} +mark { + background-color: #ff9; + color: #000; + font-style: italic; + font-weight: bold; +} +ins { + background: #ff9; + color: #000; + text-decoration: none; +} +mark { + background: #ff0; + color: #000; + font-style: italic; + font-weight: bold; +} +/* Redeclare monospace font family: h5bp.com/j */ +pre, code, kbd, samp { + font-family: monospace, monospace; + _font-family: 'courier new', monospace; + font-size: 1em; } + +/* Improve readability of pre-formatted text in all browsers */ +pre { + white-space: pre; + white-space: pre-wrap; + word-wrap: break-word; +} +q { + quotes: none; +} +q:before, q:after { + content: ""; + content: none; +} +small { + font-size: 85%; +} + +/* Position subscript and superscript content without affecting line-height: h5bp.com/k */ +sub, sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} +sup { + top: -0.5em; +} +sub { + bottom: -0.25em; +} +img { + border: 0 none; + /*vertical-align: middle;*/ +} +a { + color: #3465a4; + text-decoration: none; + margin-bottom: 1px; +} +a:hover img { + text-decoration: none; +} +blockquote { + background: #eee; + text-indent: 5px; + padding: 5px; + border: 1px #aaa solid; + border-radius: 5px; +} +a:hover { + color: #729fcf; + padding-bottom: 0; + border-bottom: 1px dotted #729fcf; +} +.required { + display: inline; + color: #ff0000; +} +.fakelink, .lockview { + color: #3465a4; + cursor: pointer; +} +.fakelink:hover { + color: #729fcf; +} input[type=submit] { - margin-top: 20px; - height: 22px; - background-color: #555753; - color: #eeeeec; - -webkit-border-radius: 5px ; - -moz-border-radius: 5px; - border-radius: 5px; - border: 0px; + margin-top: 20px; + height: 22px; + background-color: #555753; + color: #eeeeec; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; + border: 0; +} +.smalltext { + font-size: 0.7em; } - -.smalltext { font-size: 0.7em } - #panel { position: absolute; - font-size:0.8em; - -webkit-border-radius: 5px ; + font-size: 0.8em; + -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; - border: 1px solid #ffffff; + border: 1px solid #fff; background-color: #2e3436; color: #eeeeec; - padding:1em; + padding: 1em; } - .pager { padding-top: 30px; - display:block; + display: block; clear: both; text-align: center; } +.pager span { + padding: 4px; + margin:4px; +} +.pager_current { + background-color: #729fcf; + color: #fff; +} -.pager span { padding: 4px; margin:4px; } -.pager_current { background-color: #729fcf; color: #ffffff; } +/** + * global + */ +/* .tool .action */ +.action { + float: right; +} /** * login */ -#login-extra-links a { margin-right: 20px; } +#login-extra-links a { + margin-right: 20px; +} /********* * nav *********/ - nav { - height: 50px; + height: 60px; display: block; background-color: #2e3436; color: #eeeeec; position: relative; - padding: 0px 10%; + padding: 20px 20px 10px 95px; + margin-left: auto; + margin-right: auto; +} +nav a { + text-decoration: none; + color: #eeeeec; + border: 0px; +} +nav a:hover { + text-decoration: none; + color: #eeeeec; + border: 0px; } -nav a { text-decoration: none; color: #eeeeec; border:0px;} -nav a:hover { text-decoration: none; color: #eeeeec; border:0px;} - nav #banner { display: block; position: absolute; @@ -79,23 +238,18 @@ nav #banner #logo-text a { font-weight: bold; margin-left: 3px; } - nav #user-menu { display: block; - width: auto; + width: auto; float: right; - margin-top: 22px; - margin-right: 10px; + margin: 3px 68px 0 0; position: relative; - vertical-align: middle; - background-color: #555753; - -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; - background: #555753 url("menu-user-pin.jpg") 98% center no-repeat; + clear: both; } nav #user-menu-label { float: left; @@ -103,63 +257,219 @@ nav #user-menu-label { padding: 3px 20px 9px 5px; height: 10px; } - ul#user-menu-popup { - display: none; - position: absolute; - background-color: #555753; - width: 100%; + display: none; + position: absolute; + background-color: #555753; + width: 100%; padding: 10px 0px; margin: 0px; - top: 20px; - left: 0px; - - -webkit-border-radius: 0px 0px 5px 5px; - -moz-border-radius: 0px 0px 5px 5px; - border-radius: 0px 0px 5px 5px; - - z-index: 10000; + top: 20px; + left: 0; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + border-radius: 0 0 5px 5px; + z-index: 10000; +} +ul#user-menu-popup li { + display: block; +} +ul#user-menu-popup li a { + display: block; + padding: 5px; +} +ul#user-menu-popup li a:hover { + color: #2e3436; + background-color: #eeeeec; +} +ul#user-menu-popup li a.nav-sep { + border-top: 1px solid #eeeeec; +} +#nav-buttons { + clear: both; } - -ul#user-menu-popup li { display: block; } -ul#user-menu-popup li a { display: block; padding: 5px; } -ul#user-menu-popup li a:hover { color: #2e3436; background-color: #eeeeec; } -ul#user-menu-popup li a.nav-sep { border-top: 1px solid #eeeeec; } nav .nav-link { - float: right; - display: block; - width: 22px; - height: 22px; - /*border: 1px solid #eeeeec;*/ - overflow: hidden; - margin-top: 22px; - margin-right: 10px; - text-indent: 50px; - background: transparent url('icons.png') 0px 0px no-repeat; + float: right; + display: block; + width: 22px; + height: 22px; + overflow: hidden; + margin: 0px 5px 5px; + text-indent: 50px; + background: transparent url(icons.png) 0 0 no-repeat; +} +#nav-apps-link { + background-position: 0 -66px; +} +#nav-apps-link:hover { + background-position: -22px -66px; +} +#nav-community-link { + background-position: 0 -22px; +} +#nav-community-link:hover { + background-position: -22px -22px; +} +#nav-contacts-link { + background-position: 0 -22px; +} +#nav-contacts-link:hover { + background-position: -22px -22px; +} +#nav-directory-link { + background-position: -44px -154px; +} +#nav-directory-link:hover { + background-position: -66px -154px; +} +#nav-help-link { + background-position: 0 -110px; +} +#nav-help-link:hover { + background-position: -22px -110px; +} +#nav-home-link { + background-position: -44px -132px; +} +#nav-home-link:hover { + background-position: -66px -132px; +} +#nav-login-link { + background-position: 0 -88px; +} +#nav-login-link:hover { + background-position: -22px -88px; +} +#nav-logout-link { + background-position: 0 -88px; +} +#nav-logout-link:hover { + background-position: -22px -88px; +} +#nav-messages-link { + background-position: -44px -88px; +} +#nav-messages-link:hover { + background-position: -66px -88px; +} +#nav-notify-link, #nav-notifications-linkmenu { + background-position: -44px -110px; +} +#nav-notify-link:hover { + background-position: -66px -110px; +} +#nav-network-link { + background-position: 0px -177px; +} +#nav-network-link:hover { + background-position: -22px -177px; +} +#nav-search-link { + background-position: 0 -44px; +} +#nav-search-link:hover { + background-position: -22px -44px; +} +#profile-link, +#profile-title, +#wall-image-upload, +#wall-file-upload, +#profile-attach-wrapper, +#profile-audio, +#profile-link, +#profile-location, +#profile-nolocation, +#profile-title, +#jot-title, +#profile-upload-wrapper, +#profile-video, +#profile-jot-submit, +#wall-image-upload-div, +#wall-file-upload-div, +.icon, .hover, .focus, .pointer { + cursor: pointer; } - -#nav-directory-link { background-position: 0px -22px } -#nav-directory-link:hover { background-position: -22px -22px;} -#nav-search-link { background-position: 0px -44px } -#nav-search-link:hover { background-position: -22px -44px;} -#nav-apps-link { background-position: 0px -66px } -#nav-apps-link:hover { background-position: -22px -66px;} -#nav-login-link { background-position: 0px -88px } -#nav-login-link:hover { background-position: -22px -88px;} -#nav-help-link { background-position: 0px -110px } -#nav-help-link:hover { background-position: -22px -110px;} - - #notifications { - height: 20px; width: 100%; + height: 20px; + width: 100%; position: absolute; - top:-19px; left: 0px; + top: -19px; + left: 0; +} +/* popup notifications */ +div.jGrowl div.notice { + background: #511919 url("../../../images/icons/48/notice.png") no-repeat 5px center; + color: #ffffff; + padding-left: 58px; +} +div.jGrowl div.info { + background: #364e59 url("../../../images/icons/48/info.png") no-repeat 5px center; + color: #ffffff; + padding-left: 58px; +} +#nav-notifications-menu { + margin-top: 30px; + width: 255px; + max-height: 400px; + overflow: auto; + font-size: 9pt; +} +#nav-notifications-menu .contactname { + font-weight: bold; + font-size: 0.9em; +} +#nav-notifications-menu img { + float: left; + margin-right: 5px; +} +#nav-notifications-menu .notif-when { + font-size: 0.8em; + display: block; +} +#nav-notifications-menu li { + padding: 7px 0px 7px 10px; + word-wrap: normal; + border-bottom: 1px solid #000; +} +#nav-notifications-menu li:hover { + color: black; } -.nav-ajax-update { +#nav-notifications-menu a:hover { + color: black; + text-decoration: underline; +} +nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-linkmenu.selected .icon.s22.notify { + background-image: url("../../../images/icons/22/notify_on.png"); +} +.show { + display: block; +} +#nav-floater { + position: fixed; + top: 20px; + right: 1%; + padding: 5px; + background: #2e3436; + border-radius: 5px; + z-index: 100; +} +.floaterflip { + display: block; + position: fixed; + z-index: 110; + top: 53px; + right: 19px; + width: 22px; + height: 22px; + overflow: hidden; + margin: 0px; + background: transparent url(icons.png) -190px -60px no-repeat; +} +.nav-ajax-update, .nav-ajax-left { width: 30px; height: 19px; - background: transparent url('notifications.png') 0px 0px no-repeat; - color: #ffffff; + background: transparent url(notifications.png) 0 0 no-repeat; + color: #fff; font-weight: bold; font-size: 0.8em; padding-top: 0.2em; @@ -168,312 +478,666 @@ nav .nav-link { margin-right: -4px; display: none; } -#net-update { background-position: 0px 0px; } -#mail-update { background-position: -30px 0px; } -#notify-update { background-position: -60px 0px; } -#home-update { background-position: -90px 0px; } - +.nav-ajax-update.show, .nav-ajax-left.show { + display: block; +} +#net-update { + background-position: 0px 0px; +} +#mail-update { + background-position: -30px 0; +} +#notify-update { + background-position: -60px 0px; +} +#home-update { + background-position: -90px 0px; +} #lang-select-icon { cursor: pointer; position: absolute; - left: 0px; - top: 0px; + left: 0; + top: 0; } - #language-selector { - position: absolute; - top: 0; - left: 16px; + position: absolute; + top: 0; + left: 16px; + padding-right: 50px; +} +.menu-popup { + position: absolute; + display: none; + width: 11em; + background: #ffffff; + color: #2d2d2d; + margin: 0px; + padding: 0px; + list-style: none; + border: 3px solid #364e59; + z-index: 100000; + -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); + -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); + box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); +} +.menu-popup a { + display: block; + color: #2d2d2d; + padding: 5px 10px; + text-decoration: none; +} +.menu-popup a:hover { + background-color: #bdcdd4; +} +.menu-popup .menu-sep { + border-top: 1px solid #9eabb0; +} +.menu-popup li { + float: none; + overflow: auto; + height: auto; + display: block; +} +.menu-popup li img { + float: left; + width: 16px; + height: 16px; + padding-right: 5px; +} +.menu-popup .empty { + padding: 5px; + text-align: center; + color: #9eabb0; +} +.notif-item { + font-size: small; +} +.notif-item a { + vertical-align: middle; +} +.notif-image { + width: 32px; + height: 32px; + padding: 7px 7px 0px 0px; +} +.notify-seen { + background: #ddd; } - /** sysmsg **/ -#sysmsg_info{ - position:fixed; - bottom: 0px; right:20%; - -moz-box-shadow: 0px 0px 5px #888; - -webkit-box-shadow: 0px 0px 5px #888; - box-shadow: 0px 0px 5px #888; - padding: 10px; - background-color: #fcaf3e; border:2px solid #f8911b; - border-bottom:0px; - padding-bottom: 50px; - z-index: 1000; -} -#sysmsg { - position:fixed; - bottom: 0px; right:10%; - -moz-box-shadow: 0px 0px 5px #888; - -webkit-box-shadow: 0px 0px 5px #888; - box-shadow: 0px 0px 5px #888; - padding: 10px; - background-color: #fcaf3e; border:2px solid #f8911b; - border-bottom:0px; - padding-bottom: 50px; - z-index: 1000; +#sysmsg_info { + position:fixed; + bottom:0; + -moz-box-shadow:0 0 5px #888; + -webkit-box-shadow:0 0 5px #888; + box-shadow:0 0 5px #888; + padding: 10px; + background-color:#fcaf3e; + border:2px solid #f8911b; + border-bottom:0; + padding-bottom: 50px; + z-index:1000; +} +#sysmsg { + position:fixed; + bottom:0; + -moz-box-shadow:0 0 5px #888; + -webkit-box-shadow:0 0 5px #888; + box-shadow:0 0 5px #888; + padding: 10px; + background-color:#fcaf3e; + border:2px solid #f8911b; + border-bottom:0; + padding-bottom: 50px; + z-index:1000; } #sysmsg_info br, #sysmsg br { display:block; margin:2px 0px; - border-top: 1px solid #ccccce; + border-top:1px solid #ccccce; } - /** * aside **/ - aside { position: absolute; - right: 11%; - width: 200px; - font-size: 0.7em; - + right: 8%; + width: 20.5%; + font-size: smaller; +} +.vcard .fn { + font-size: 1.7em; + font-weight: 700; + border-bottom: 1px solid #729fcf; + padding-top: 1px; +} +.vcard #profile-photo-wrapper { + margin: 10px 0px; +} +aside h4 { + font-size: 1.2em; } -.vcard .fn { font-size: 1.7em; font-weight: bold; border-bottom: 1px solid #729fcf; padding-top: 1px;} - -.vcard #profile-photo-wrapper { margin: 10px 0px } - -aside h4 { font-size: 1.2em; } - -aside #viewcontacts { text-align: right;} - -#profile-extra-links ul { margin-left: 0px; padding-left: 0px; list-style: none; } +aside #viewcontacts { + text-align: right; +} +#profile-extra-links ul { + margin-left: 0px; + padding-left: 0px; + list-style: none; +} #dfrn-request-link { - background: #3465A4 url('connect.png') no-repeat 95% center; - border-radius: 5px 5px 5px 5px; - color: #FFFFFF; - display: block; - font-size: 1.2em; - padding: 0.2em 0.5em; + background:#3465A4 url(connect.png) no-repeat 95% center; + border-radius:5px 5px 5px 5px; + color:#fff; + display:block; + font-size:1.2em; + padding:.2em .5em; } - - #netsearch-box { margin: 30px 0px; } + /** * contacts block */ -.contact-block-div { width: 50px; height: 50px; float: left; } -.contact-block-textdiv { width: 150px; height: 34px; float: left; } -#contact-block-end { clear: both; } +.contact-block-div { + width: 50px; + height: 50px; + float: left; +} +.contact-block-textdiv { + width: 150px; + height: 34px; + float: left; +} +#contact-block-end { + clear: both; +} + /** * jot - **/ -#profile-jot-text_tbl { margin-bottom: 10px; } -#profile-jot-text_ifr { width: 99.9%!important } -#profile-jot-submit-wrapper { float: right;} -#profile-jot-perms { - float: right; - background-color: #555753; - height: 22px; width: 20px; - -webkit-border-radius: 0px 5px 5px 0px; - -moz-border-radius: 0px 5px 5px 0px; - border-radius: 0px 5px 5px 0px; - overflow: hidden; - border: 0px; - margin-left:2px; -} -#profile-jot-submit { - float: right; - height: 22px; - background-color: #555753; - color: #eeeeec; - -webkit-border-radius: 5px 0px 0px 5px; - -moz-border-radius: 5px 0px 0px 5px; - border-radius: 5px 0px 0px 5px; - border: 0px; - margin-top: 0px; + **/ +#jot { + /*width: 785px;*/ + margin: 0px 0 20px 0px; + width: 100%; +} +#jot #jot-tools { + margin: 0px; + padding: 0px; + height: 40px; + overflow: none; + width: 100%; + /*background-color: #0e232e;*/ + /*border-bottom: 2px solid #9eabb0;*/ +} +#jot #jot-tools span { + float: left; + margin: 10px 20px 2px 0px; +} +#jot #jot-tools span a { + display: block; + /*color: #cccccc; */ + /*width: 100%; */ + /*height: 40px; */ + /*text-align: center;*/ + /*line-height: 40px; */ + /*overflow: hidden;*/ +} +/*#jot #jot-tools li:hover {*/ + /*background-color: #364e59;*/ +/*}*/ +#jot #jot-tools .perms { + float: right; + width: 40px; +} +/*#jot #jot-tools .perms a.unlock {*/ +/* width: 30px; */ +/* border-left: 10px solid #cccccc;*/ +/* background-color: #cccccc; */ +/*}*/ +/*#jot #jot-tools .perms a.lock {*/ +/* width: 30px; */ +/* border-left: 10px solid #666666;*/ +/* background-color: #666666; */ +/*}*/ +/*#jot #jot-tools li.submit { */ +/* float: right; */ +/* background-color: #cccccc; */ +/* border-bottom: 2px solid #cccccc; */ +/* border-right: 1px solid #666666; */ +/* border-left: 1px solid #666666; */ +/*} */ +/*#jot #jot-tools li.submit input { */ +/* border: 0px; */ +/* margin: 0px; */ +/* padding: 0px; */ +/* background-color: #cccccc; */ +/* color: #666666; */ +/* width: 80px; */ +/* height: 40px; */ +/* line-height: 40px; */ +/*} */ +/*#jot #jot-tools li.submit input:hover {*/ +/* background-color: #bdcdd4; */ +/* color: #666666; */ +/*} */ +#jot #jot-tools li.loading { + float: right; + background-color: #ffffff; + width: 20px; + vertical-align: center; + text-align: center; + border-top: 2px solid #9eabb0; + height: 38px; +} +#jot #jot-tools li.loading img { + margin-top: 10px; +} +#jot #jot-title { + border: 0px; + margin: 0px; + height: 20px; + width: 100%; + font-weight: bold; + border: 1px solid #ffffff; + border-radius: 5px; +} +#jot #jot-title:-webkit-input-placeholder { + font-weight: normal; +} +#jot #jot-title:-moz-placeholder { + font-weight: normal; +} +#jot #jot-title:placeholder { + font-weight: normal; +} +#jot #jot-title:hover, +#jot #jot-title:focus { + border: 1px solid #999999; + border-radius: 5px; +} +#jot #character-counter { + width: 80px; + float: right; + text-align: right; + height: 20px; + line-height: 20px; + padding-right: 20px; +} +#profile-jot-text_tbl { + margin-bottom: 10px; +} +#profile-jot-text_ifr { + width:99.900002% !important; +} +#profile-attach-wrapper, +#profile-audio, +#profile-link-wrapper, +#profile-location, +#profile-nolocation, +#profile-title-wrapper, +#profile-upload-wrapper, +#profile-video { + float: left; + margin-left: 10px; } #character-counter { - float: right; padding: 8px 10px; + float:right; + padding:8px 10px; } #profile-rotator-wrapper { - float: right; -} - -.jot-tool { - float: left; - margin-right: 5px; + float: right; } #profile-jot-tools-end, -#profile-jot-banner-end { clear: both; } - +#profile-jot-banner-end { + clear: both; +} #profile-jot-email-wrapper { - margin: 10px 10% 0px 10%; - border: 1px solid #555753; - border-bottom: 0px; + margin:10px 10% 0; + border:1px solid #555753; + border-bottom:0; +} +#profile-jot-email-label { + background-color:#555753; + color:#ccccce; + padding:5px; +} +#profile-jot-email { + width:90%; + margin:5px; } -#profile-jot-email-label { background-color: #555753; color: #ccccce; padding: 5px;} -#profile-jot-email { margin: 5px; width: 90%; } - #profile-jot-networks { - margin: 0px 10%; + margin: 0 10%; border: 1px solid #555753; - border-top: 0px; - border-bottom: 0px; + border-top: 0; + border-bottom: 0; padding: 5px; } +#jot-preview-link { + margin: 0 0 0 25px; + border: 0; + text-decoration: none; +} +.icon-text-preview { + margin: 0 0 -18px 0; + display: block; + width: 20px; + height: 20px; + background: url(icons.png) no-repeat -128px -40px; + border: 0; + text-decoration: none; +} +#profile-jot-perms { + /*float: right;*/ + background-color: #555753; + height: 22px; + width: 20px; + -webkit-border-radius: 5px 0px 0px 5px; + -moz-border-radius: 5px 0px 0px 5px; + border-radius: 5px 0px 0px 5px; + overflow: hidden; + border: 0px; + margin: 0 -4px 0 10px; +} +#profile-jot-submit-wrapper { + float: right; + width: 30%; + list-style: none; + margin: 10px 0 0 0; + padding: 0; +} +#profile-jot-submit-wrapper li { + display: inline-block; + vertical-align: middle; +} +#profile-jot-submit { + height: 22px; + background-color: #555753; + color: #eeeeec; + -webkit-border-radius: 0 5px 5px 0; + -moz-border-radius: 0 5px 5px 0; + border-radius: 0 5px 5px 0; + border: 0; + margin: 0; +} +#jot-perms-icons { + background-color: #555753; + height: 22px; + width: 20px; + -webkit-border-radius: 0 5px 5px 0; + -moz-border-radius: 0 5px 5px 0; + border-radius: 0 5px 5px 0; + overflow: hidden; + border: 0; + margin: 0 0 0 94.4%; +} #profile-jot-acl-wrapper { - margin: 0px 10px; + margin: 0 10px; border: 1px solid #555753; - border-top: 0px; - display:block!important; + border-top: 0; + display: block !important; } #group_allow_wrapper, #group_deny_wrapper, -#acl-permit-outer-wrapper { width: 47%; float: left; } - +#acl-permit-outer-wrapper { + width:47%; + float:left; +} #contact_allow_wrapper, #contact_deny_wrapper, -#acl-deny-outer-wrapper { width: 47%; float: right; } - -#acl-permit-text {background-color: #555753; color: #ccccce; padding: 5px; float: left;} -#jot-public {background-color: #555753; color: #ff0000; padding: 5px; float: left;} -#acl-deny-text {background-color: #555753; color: #ccccce; padding: 5px; float: left;} - +#acl-deny-outer-wrapper { + width:47%; + float:right; +} +#acl-permit-text { + background-color: #555753; + color: #ccccce; + padding: 5px; + float: left; +} +#jot-public { + background-color: #555753; + color: #ff0000; + padding: 5px; + float: left; +} +#acl-deny-text { + background-color: #555753; + color: #ccccce; + padding: 5px; + float: left; +} #acl-permit-text-end, -#acl-deny-text-end { clear: both; } - - -#jot-title-desc { +#acl-deny-text-end { + clear: both; +} +#jot-title-desc, #profile-jot-desc { color: #cccccc; } - #jot-title-wrapper { margin-bottom: 5px; } - #jot-title { border: 1px solid #cccccc; - width: 530px; + width: 90%; } #jot-title-display { font-weight: bold; } +.jothidden { + display: none; +} +#jot-preview-content { + background-color: #ffffe0; + border: 1px #aaaa00 solid; + border-radius: 3px; + padding: 3px 3px 6px 10px; +} /** * section */ -section { margin: 10px 11% 0px 11%; font-size: 0.8em; padding-right: 230px;} +section { + margin: 20px 9% 0 9%; + font-size: 0.8em; + padding-right: 250px; +} /** tabs **/ -.tabs {list-style: none; padding: 0px; margin: 0px; border-bottom: 1px solid #729fcf; } -.tabs li { display: inline;} -.tab { padding: 0px 5px; margin-right: 10px; } -.tab:hover { background-color: #729fcf; color: #eeeeec; border: 0px; } -.tab.active { background-color: #729fcf; color: #eeeeec; border: 0px; } +.tabs { + list-style: none; + margin: 0; + padding: 0; + border-bottom: 1px solid #729fcf; + font-size: 14px; +} +.tabs li { + display: inline; +} +.tab { + padding: 0 5px; +} +.tab:hover { + background-color: #729fcf; + color: #eeeeec; + border: 0px; +} +.tab:active { + background-color: #729fcf; + color: #eeeeec; + border: 0px; +} /** * items */ .wall-item-outside-wrapper { - margin-top: 50px; + margin-top: 15px; +} +.wall-item-outside-wrapper-end { + clear: both; +} +.wall-item-content-wrapper { + position: relative; + border-top: 1px #aaa solid; + padding: 10px; +} +.wall-item-outside-wrapper .wall-item-comment-wrapper { + /*margin-left: 90px;*/ +} +.wall-item-content-wrapper.shiny { + background: #efefcf; + border-right: 3px solid #ffd398; +} +.wall-item-content { + overflow-x: auto; +} +[id^="tread-wrapper"], [class^="tread-wrapper"] { + margin: 5px 0; + border: 1px #aaa solid; + border-radius: 5px; + padding: 10px; +} +.wall-item-photo-menu { + display: none; } -.wall-item-outside-wrapper-end { clear: both;} -.wall-item-content-wrapper { position: relative; } -.wall-item-photo-menu { display: none;} .wall-item-photo-menu-button { - display:none; - text-indent: -99999px; - background: #555753 url("menu-user-pin.jpg") no-repeat 75px center; - position: absolute; - overflow: hidden; - height: 20px; width: 90px; - top: 85px; left: 0px; - -webkit-border-radius: 0px 0px 5px 5px; - -moz-border-radius: 0px 0px 5px 5px; - border-radius: 0px 0px 5px 5px; - - -} - -.wall-item-info { float: left; width: 140px; } -.wall-item-photo-wrapper { - width: 80px; height: 80px; - position: relative; - padding: 5px; - background-color: #555753; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; + display:none; + text-indent:-99999px; + background:#555753 url(menu-user-pin.jpg) no-repeat 75px center; + position:absolute; + overflow:hidden; + height:20px; + width:90px; + top:85px; + left:0; + -webkit-border-radius:0 0 5px 5px; + -moz-border-radius:0 0 5px 5px; + border-radius:0 0 5px 5px; +} +.wall-item-info { + float: left; + width: 110px; +} +.wall-item-photo-wrapper { + width: 80px; + height: 80px; + position: relative; + padding: 5px; + background-color: #555753; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; } - - -.wall-item-tools { - float: right; - /*height: 0px; - padding-top: 20px; - overflow:hidden; - background: #ffffff url("icons.png") no-repeat -50px -40px;*/ - filter: alpha(opacity=20); - opacity: 0.2; - -webkit-transition: all 1s ease-in-out; - -moz-transition: all 1s ease-in-out; - -o-transition: all 1s ease-in-out; - -ms-transition: all 1s ease-in-out; - transition: all 1s ease-in-out; +[class^="wall-item-tools"] > *, [class^="wall-item-tools"] > * > * { + margin: 0 0 10px 0; +} +.wall-item-tools { + float: right; + filter: alpha(opacity=35); + opacity: 0.4; + -webkit-transition: all 1s ease-in-out; + -moz-transition: all 1s ease-in-out; + -o-transition: all 1s ease-in-out; + -ms-transition: all 1s ease-in-out; + transition: all 1s ease-in-out; } .wall-item-tools:hover { - /*height:auto;*/ - filter: alpha(opacity=100); - opacity: 1; - -webkit-transition: all 1s ease-in-out; - -moz-transition: all 1s ease-in-out; - -o-transition: all 1s ease-in-out; - -ms-transition: all 1s ease-in-out; - transition: all 1s ease-in-out; - + filter: alpha(opacity=100); + opacity: 1; + -webkit-transition: all 1s ease-in-out; + -moz-transition: all 1s ease-in-out; + -o-transition: all 1s ease-in-out; + -ms-transition: all 1s ease-in-out; + transition: all 1s ease-in-out; +} +.wall-item-title { + font-size: 1.2em; + font-weight: bold; + margin-bottom: 1em; +} +.wall-item-body { + margin: 10px 10px 10px 0px; + text-align: left; +} +.wall-item-lock-wrapper { + float: right; } - -.wall-item-title { font-size: 1.2em; font-weight: bold;} -.wall-item-body { margin-left: 140px;} -.wall-item-lock-wrapper { float: right; } .wall-item-dislike, -.wall-item-like, -.wall-item-author { clear: left; font-size: 0.8em; margin: 10px 0px 0px 140px; color: #babdb6;} -.wall-item-ago { display: inline; padding-left: 10px;} -.wall-item-wrapper-end { clear:both; } +.wall-item-like { + clear: left; + font-size: 0.8em; + color: #878883; + margin: 20px 0 0 140px; +} +.wall-item-author, .wall-item-actions-author { + clear: left; + font-size: 0.8em; + color: #878883; + margin: 20px 0 0 140px; +} +.wall-item-ago { + display: inline; + padding-left: 10px; +} +.wall-item-wrapper-end { + clear:both; +} .wall-item-location { - margin-top:5px; - width: 100px; - overflow: hidden; - text-overflow: ellipsis; - -o-text-overflow: ellipsis; + margin-top: 5px; + width: 100px; + overflow:hidden; + text-overflow: ellipsis; + -o-text-overflow: ellipsis; +} +.wall-item-location .icon { + float: left; +} +.wall-item-location > a { + margin-left: 25px; + font-size: 0.7em; + display: block; +} +.wall-item-location .smalltext { + margin-left: 25px; + font-size: 0.7em; + display: block; +} +.wall-item-location > br { + display: none; } -.wall-item-location .icon { float: left; } -.wall-item-location > a { margin-left: 25px; font-size: 0.7em; display: block;} -.wall-item-location .smalltext { margin-left: 25px; font-size: 0.7em; display: block;} -.wall-item-location > br { display: none; } - .wallwall .wwto { - left: -10px; + left:-10px; margin: 0; - position: absolute; - top: 65px; + position:absolute; + top:65px; width: 30px; - z-index: 10001; - width: 30px; - height: 30px; - + z-index:10001; + width:30px; + height:30px; +} +.wallwall .wwto img { + width: 30px !important; + height: 30px !important; +} +.wallwall .wall-item-photo-end { + clear: both; } -.wallwall .wwto img { width: 30px!important; height: 30px!important;} -.wallwall .wall-item-photo-end { clear: both; } .wall-item-arrowphoto-wrapper { position: absolute; left: 20px; top: 70px; z-index: 10002; } - .wall-item-photo-menu { min-width: 92px; border: 2px solid #FFFFFF; @@ -487,85 +1151,158 @@ section { margin: 10px 11% 0px 11%; font-size: 0.8em; padding-right: 230px;} -moz-border-radius: 0px 5px 5px 5px; border-radius: 0px 5px 5px 5px; } -.wall-item-photo-menu ul { margin:0px; padding: 0px; list-style: none } -.wall-item-photo-menu li a { white-space: nowrap; display: block; padding: 5px 2px; color: #eeeeec; } -.wall-item-photo-menu li a:hover { color: #555753; background: #eeeeec; } +.wall-item-photo-menu ul { + margin:0px; + padding: 0px; + list-style: none; +} +.wall-item-photo-menu li a { + white-space: nowrap; + display: block; + padding: 5px 2px; + color: #eeeeec; +} +.wall-item-photo-menu li a:hover { + color: #555753; + background: #eeeeec; +} +#item-delete-selected { + overflow: auto; + width: 100%; +} + -.icon.drop, -.icon.drophide { float: left; } -#item-delete-selected { overflow: auto; width: 100%} /** * comment */ - - .ccollapse-wrapper { font-size: 0.9em; margin-left: 80px; } - -.wall-item-outside-wrapper.comment { margin-left: 80px; } -.wall-item-outside-wrapper.comment .wall-item-photo { width: 40px!important; height: 40px!important;} -.wall-item-outside-wrapper.comment .wall-item-photo-wrapper {width: 40px; height: 40px; } +.ccollapse-wrapper { + font-size: 0.9em; + margin-left: 80px; +} + +.wall-item-outside-wrapper.comment { + margin-left: 80px; +} +.wall-item-outside-wrapper.comment .wall-item-photo { + width: 40px!important; + height: 40px!important; +} +.wall-item-outside-wrapper.comment .wall-item-photo-wrapper { + width: 40px; + height: 40px; +} .wall-item-outside-wrapper.comment .wall-item-photo-menu-button { - width: 50px; top: 45px; background-position: 35px center; + width: 50px; + top: 45px; + background-position: 35px center; +} +.wall-item-outside-wrapper.comment .wall-item-info { + width: 60px; +} +.wall-item-outside-wrapper.comment .wall-item-body { + margin-left: 10px; +} +.wall-item-outside-wrapper.comment .wall-item-actions-author { + margin-left: 60px; } -.wall-item-outside-wrapper.comment .wall-item-info { width: 60px; } -.wall-item-outside-wrapper.comment .wall-item-body { margin-left: 60px;} -.wall-item-outside-wrapper.comment .wall-item-author { margin-left: 60px;} .wall-item-outside-wrapper.comment .wall-item-photo-menu { - min-width: 50px; - top: 60px; + min-width: 50px; + top: 60px; +} +.comment-wwedit-wrapper { + /*margin: 30px 0px 0px 80px;*/ +} +.comment-edit-wrapper { + border-top: 1px #aaa solid; } - - -.comment-wwedit-wrapper, -.comment-edit-wrapper { margin: 30px 0px 0px 80px;} .comment-wwedit-wrapper img, -.comment-edit-wrapper img { width: 20px; height: 20px; } -.comment-edit-photo-link { float: left; width: 40px;} -.comment-edit-text-empty { width: 80%; height: 20px; border: 0px; color: #babdb6; +.comment-edit-wrapper img { + width: 20px; + height: 20px; +} +.comment-edit-photo-link { + float: left; + width: 40px; +} +.my-comment-photo { + width: 40px; + height: 40px; + padding: 5px; +} +[class^="comment-edit-text"] { + margin: 5px 0 10px 20px; + width: 86.5%; +} +.comment-edit-text-empty { + height: 20px; + border: 2px #babdd6 solid; + border-radius: 5px; + color: #babdb6; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } -.comment-edit-text-empty:hover { color: #999999;} -.comment-edit-text-full { width: 80%; height: 6em; +.comment-edit-text-empty:hover { + color: #999999; +} +.comment-edit-text-full { + height: 10em; + border-radius: 5px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } -.comment-edit-submit-wrapper { width: 80%; margin-left: 40px; text-align: right; } +.comment-edit-submit-wrapper { + width: 90%; + margin-left: 0px; + text-align: right; +} .comment-edit-submit { - height: 22px; - background-color: #555753; - color: #eeeeec; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - border: 0px; + height: 22px; + background-color: #555753; + color: #eeeeec; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; + border: 0; } + /** * item text style **/ .wall-item-body code { - border-color: #CCCCCC; - border-style: solid; - border-width: 1px 1px 1px 10px; - display: block; - padding-left: 10px; + display:block; + padding-left:10px; + border-color:#ccc; + border-style:solid; + border-width:1px 1px 1px 10px; } + /** * profile **/ - -div[id$="text"] { font-weight: bold; border-bottom: 1px solid #cccccc; } -div[id$="wrapper"] { height: 100%; margin-bottom: 1em; } -div[id$="wrapper"] br { clear: left; } -#advanced-profile-with { margin-left: 200px; } +div[id$="text"] { + font-weight: bold; + border-bottom: 1px solid #ccc; +} +div[id$="wrapper"] { + height: 100%; + margin-bottom: 1em; +} +div[id$="wrapper"] br { + clear: left; +} +#advanced-profile-with { + margin-left: 200px; +} + /** * photos @@ -575,202 +1312,333 @@ div[id$="wrapper"] br { clear: left; } overflow: auto; } #photo-top-links { - margin-bottom:30px; + margin-bottom: 30px; } .photo-album-image-wrapper, -.photo-top-image-wrapper { - float: left; - margin: 0px 10px 10px 0px; - -moz-box-shadow: 0px 0px 5px #888; - -webkit-box-shadow: 0px 0px 5px #888; - box-shadow: 0px 0px 5px #888; - background-color: #eeeeee; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - - padding-bottom: 30px; - position:relative; - +.photo-top-image-wrapper { + float: left; + -moz-box-shadow: 0 0 5px #888; + -webkit-box-shadow: 0 0 5px #888; + box-shadow: 0 0 5px #888; + background-color: #eee; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; + padding-bottom: 30px; + position: relative; + margin: 0 10px 10px 0; } -#photo-photo { max-width: 100% } -#photo-photo img { max-width: 100% } - +#photo-photo { + max-width: 100%; +} +#photo-photo img { + max-width: 100%; +} .photo-top-image-wrapper a:hover, #photo-photo a:hover, -.photo-album-image-wrapper a:hover { - border-bottom: 0px; +.photo-album-image-wrapper a:hover { + border-bottom: 0; } - -.photo-top-photo, -.photo-album-photo { - -webkit-border-radius: 5px 5px 0px 0px; - -moz-border-radius: 5px 5px 0px 0px; - border-radius: 5px 5px 0px 0px; - } - -.photo-top-album-name { position: absolute; bottom: 0px; padding: 0px 5px;} -.caption { position: absolute; bottom: 0px; margin: 0px 5px} - - -#photo-photo{ +.photo-top-photo,.photo-album-photo { + -webkit-border-radius:5px 5px 0 0; + -moz-border-radius:5px 5px 0 0; + border-radius:5px 5px 0 0; +} +.photo-top-album-name { + position: absolute; + bottom: 0; + padding: 0 5px; +} +.caption { + position: absolute; + bottom: 0; + margin: 0 5px; +} +#photo-photo { position: relative; float:left; } -#photo-photo-end { clear: both; } -#photo-prev-link, -#photo-next-link{ - position: absolute; - width:30%; - height: 100%; - background-color: rgba(255,255,255,0.5); - opacity: 0; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; - background-position: center center; - background-repeat: no-repeat; - +#photo-photo-end { + clear: both; } -#photo-prev-link { left:0px; top:0px; background-image: url('prev.png'); } -#photo-next-link { right:0px; top:0px; background-image: url('next.png');} - -#photo-prev-link a, -#photo-next-link a{ - display: block; width: 100%; height: 100%; - overflow: hidden; - text-indent: -900000px; +#photo-prev-link, +#photo-next-link { + position:absolute; + width:30%; + height:100%; + background-color:rgba(255,255,255,0.5); + opacity:0; + -webkit-transition:all .2s ease-in-out; + -moz-transition:all .2s ease-in-out; + -o-transition:all .2s ease-in-out; + -ms-transition:all .2s ease-in-out; + transition:all .2s ease-in-out; + background-position:center center; + background-repeat:no-repeat; +} +#photo-prev-link { + left:0; + top:0; + background-image:url(prev.png); +} +#photo-next-link { + right:0; + top:0; + background-image:url(next.png); +} + +#photo-prev-link a,#photo-next-link a { + display:block; + width:100%; + height:100%; + overflow:hidden; + text-indent:-900000px; } - #photo-prev-link:hover, -#photo-next-link:hover{ - opacity: 1; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; +#photo-next-link:hover { + opacity:1; + -webkit-transition:all .2s ease-in-out; + -moz-transition:all .2s ease-in-out; + -o-transition:all .2s ease-in-out; + -ms-transition:all .2s ease-in-out; + transition:all .2s ease-in-out; } - #photo-next-link .icon, -#photo-prev-link .icon { display: none } - +#photo-prev-link .icon { + display: none; +} #photos-upload-spacer, #photos-upload-new-wrapper, -#photos-upload-exist-wrapper { margin-bottom: 1em; } +#photos-upload-exist-wrapper { + margin-bottom: 1em; +} #photos-upload-existing-album-text, -#photos-upload-newalbum-div { - background-color: #555753; - color: #eeeeec; - padding: 1px; +#photos-upload-newalbum-div { + background-color:#555753; + color:#eeeeec; + padding:1px; } #photos-upload-album-select, -#photos-upload-newalbum { width: 99% } -#photos-upload-perms-menu { text-align: right; } +#photos-upload-newalbum { + width: 99%; +} +#photos-upload-perms-menu { + text-align: right; +} /** * message */ -.prvmail-text { width: 100%;} -#prvmail-subject { width: 100%;} -#prvmail-submit-wrapper { margin-top: 10px; } +.prvmail-text { + width: 100%; +} +#prvmail-subject { + width: 100%; +} +#prvmail-submit-wrapper { + margin-top: 10px; +} #prvmail-submit { - float: right; - margin-top: 0px; + float:right; + margin-top: 0; } #prvmail-submit-wrapper > div { - margin-right: 5px; - float: left; + margin-right:5px; + float:left; +} +.mail-list-outside-wrapper { + margin-top: 20px; +} +.mail-list-sender { + float: left; +} +.mail-list-detail { + margin-left: 90px; +} +.mail-list-sender-name { + display: inline; +} +.mail-list-date { + display: inline; + font-size: 0.8em; + padding-left: 10px; +} +.mail-list-subject { + font-size: 1.5em; +} +.mail-list-delete-wrapper { + float: right; +} +.mail-list-outside-wrapper-end { + clear: both; +} +.mail-conv-sender { + float: left; + margin: 0px 5px 5px 0px; +} +.mail-conv-sender-photo { + width: 32px; + height: 32px; +} +.mail-conv-sender-name { + float: left; +} +.mail-conv-date { + float: right; +} +.mail-conv-subject { + clear: right; + font-weight: bold; + font-size: 1.2em; +} +.mail-conv-body { + clear: both; +} +.mail-conv-delete-wrapper { + margin-top: 5px; } -.mail-list-outside-wrapper { margin-top: 20px;} -.mail-list-sender { float: left; } -.mail-list-detail { margin-left: 90px; } -.mail-list-sender-name { display: inline; } -.mail-list-date { display: inline; font-size: 0.8em; padding-left: 10px;} -.mail-list-subject { font-size: 1.5em;} -.mail-list-delete-wrapper { float: right; } -.mail-list-outside-wrapper-end { clear: both;} - -.mail-conv-sender {float: left; margin: 0px 5px 5px 0px } -.mail-conv-sender-photo { width: 32px; height: 32px } -.mail-conv-sender-name { float: left } -.mail-conv-date { float: right } -.mail-conv-subject { clear: right; font-weight: bold; font-size: 1.2em } -.mail-conv-body { clear: both; } -.mail-conv-delete-wrapper { margin-top: 5px; } /** * contacts */ - .view-contact-wrapper, -.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-wrapper { + float: left; + margin-right: 20px; + margin-bottom: 20px; + width: 120px; + /*height: 120px;*/ + position: relative; +} +.contact-direction-wrapper { + position: absolute; + top: 20px; +} +.contact-edit-links { + position: absolute; + top: 60px; +} +.contact-entry-photo-wrapper { + +} .contact-entry-photo { - margin-left:20px; + margin-left: 20px; +} +.contact-entry-name { + width: 120px; + font-weight: bold; + /*overflow: hidden;*/ } -.contact-entry-name { width: 120px; overflow: hidden; } .contact-entry-photo { position: relative; } - -.contact-entry-edit-links .icon { - border: 1px solid #babdb6; +.contact-entry-edit-links .icon { + border: 1px solid #babdb6; -webkit-border-radius: 3px; -moz-border-radius: 3px; - border-radius: 3px; - background-color: #ffffff; + border-radius: 3px; + background-color: #fff; +} +#contact-entry-url, [id^="contact-entry-url"] { + font-size: smaller; + /*overflow: scroll;*/ +} +#contact-entry-network, [id^="contact-entry-network"] { + font-size: smaller; + font-style: italic; +} +#contact-edit-banner-name { + font-size: 1.5em; +} +#contact-edit-photo-wrapper { + position: relative; + float: left; + padding: 20px; +} +#contact-edit-direction-icon { + position:absolute; + top:60px; + left:0; +} +#contact-edit-nav-wrapper { + margin-left: 0px; +} +#contact-edit-links { + margin-top: 23px; +} +#contact-edit-links ul { + list-style-type: none; +} +#contact-drop-links { + margin-left:5px; } - -#contact-edit-banner-name { font-size: 1.5em; } -#contact-edit-photo-wrapper {position: relative; float: left; padding: 20px;} -#contact-edit-direction-icon { position: absolute; top: 60px; left:0px;} -#contact-edit-nav-wrapper { margin-left: 210px; } -#contact-edit-links { float: left; margin-top: 23px; } -#contact-drop-links { margin-left: 5px; } #contact-edit-nav-wrapper .icon { border: 1px solid #babdb6; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } -#contact-edit-poll-wrapper { margin-left: 50px; } -#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; margin-bottom: 65px;} +#contact-edit-poll-wrapper { + margin-left: 0px; +} +#contact-edit-last-update-text { + margin-bottom: 15px; +} +#contact-edit-last-updated { + font-weight: bold; +} +#contact-edit-poll-text { + display: inline; +} +#contact-edit-info_tbl, #contact-edit-info_parent { + width: 100%; +} +.mceLayout { + width: 100%; +} +#contact-edit-end { + clear: both; + margin-bottom: 65px; +} .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; - + 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; + 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: #fff; + background: #3465A4; + text-decoration: none; } -.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; } @@ -779,96 +1647,121 @@ div[id$="wrapper"] br { clear: left; } */ #id_openid_url, .openid { - background: url(login-bg.gif) no-repeat; - background-position: 0 50%; - padding-left: 18px; + background:url(login-bg.gif) no-repeat; + background-position:0 50%; + padding-left:18px; } - + #settings-nickname-desc { - background-color: #DDEFFF; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - padding: 5px; + background-color:#DDEFFF; + -webkit-border-radius:5px; + -moz-border-radius:5px; + border-radius:5px; + padding:5px; } #register-form div, -#profile-edit-form div { - clear: both; +#profile-edit-form div { + clear: both; } #register-form label, #profile-edit-form label { - width: 300px; float: left; + width: 300px; + float: left; } #register-form span, -#profile-edit-form span { - color: #555753; - display:block; - margin-bottom: 20px; +#profile-edit-form span { + color:#555753; + display:block; + margin-bottom:20px; } .settings-submit-wrapper, -.profile-edit-submit-wrapper { margin: 30px 0px;} -.profile-listing { float: left; margin: 20px 20px 0px 0px} - -#profile-edit-links ul { margin: 20px 0px; padding: 0px; list-style: none; } +.profile-edit-submit-wrapper { + margin: 30px 0px; +} +.profile-edit-side-div { + margin-top: 10px; +} +.profile-edit-side-link { + float: right; + margin: 10px 20px -16px 0; +} +.profile-listing { + float: left; + margin: 20px 20px 0px 0px; +} +#profile-edit-links ul { + margin: 20px 0; + padding: 0; + list-style: none; +} -#register-sitename { display: inline; font-weight: bold;} +#register-sitename { + display: inline; + font-weight: bold; +} /** * contacts selector */ -#group-edit-desc { margin: 10px 0xp; } +#group-edit-desc { + margin: 10px 0px; +} #group-members, #prof-members { - height: 200px; - overflow: auto; - border: 1px solid #555753; - -webkit-border-radius: 5px 5px 0px 0px; - -moz-border-radius: 5px 5px 0px 0px; - border-radius: 5px 5px 0px 0px; + height:200px; + overflow:auto; + border:1px solid #555753; + -webkit-border-radius:5px 5px 0 0; + -moz-border-radius:5px 5px 0 0; + border-radius:5px 5px 0 0; } #group-all-contacts, -#prof-all-contacts { - height: 200px; - overflow: auto; - border: 1px solid #555753; - -webkit-border-radius: 0px 0px 5px 5px; - -moz-border-radius: 0px 0px 5px 5px; - border-radius: 0px 0px 5px 5px; +#prof-all-contacts { + height:200px; + overflow:auto; + border:1px solid #555753; + -webkit-border-radius:0 0 5px 5px; + -moz-border-radius:0 0 5px 5px; + border-radius:0 0 5px 5px; } #group-members h3, #group-all-contacts h3, #prof-members h3, -#prof-all-contacts h3{ - color: #eeeeec; - background-color: #555753; - margin: 0px; - padding: 5px; +#prof-all-contacts h3 { + color:#eeeeec; + background-color:#555753; + margin:0; + padding:5px; } #group-separator, -#prof-separator { display: none;} +#prof-separator { + display: none; +} /** * profile */ -#cropimage-wrapper { float:left; } -#crop-image-form { clear:both; } +#cropimage-wrapper { + float:left; +} +#crop-image-form { + clear:both; +} /** * events **/ - .clear { clear: both; } .eventcal { - float: left; - font-size: 20px; + float:left; + font-size:20px; } - .vevent { - border: 1px solid #CCCCCC; + border:1px solid #ccc; } .vevent .event-description, .vevent .event-location { margin-left: 10px; @@ -882,122 +1775,220 @@ div[id$="wrapper"] br { clear: left; } #new-event-link { margin-bottom: 10px; } - .edit-event-link, .plink-event-link { float: left; margin-top: 4px; margin-right: 4px; margin-bottom: 15px; } - .event-description:before { content: url('../../../images/calendar.png'); margin-right: 15px; } - .event-start, .event-end { margin-left: 10px; width: 330px; } - .event-start .dtstart, .event-end .dtend { float: right; } - -.event-list-date { - margin-bottom: 10px; +.event-list-date { + margin-bottom: 10px; +} +.prevcal, .nextcal { + float: left; + margin-left: 32px; + margin-right: 32px; + margin-top: 64px; +} +.event-calendar-end { + clear: both; +} +.calendar { + font-family: monospace; +} +.today { + font-weight: bold; + color: #FF0000; +} +#event-start-text, +#event-finish-text { + margin-top: 10px; + margin-bottom: 5px; +} +#event-nofinish-checkbox, +#event-nofinish-text, +#event-adjust-checkbox, +#event-adjust-text, +#event-share-checkbox { + float:left; +} +#event-datetime-break { + margin-bottom: 10px; +} +#event-nofinish-break, +#event-adjust-break, +#event-share-break { + clear: both; +} +#event-desc-text, +#event-location-text { + margin-top: 10px; + margin-bottom: 5px; +} +#event-submit { + margin-top: 10px; +} +.body-tag { + margin: 10px 0; + opacity: 0.5; + filter:alpha(opacity=50); +} +.body-tag:hover { + opacity: 1.0 !important; + filter:alpha(opacity=100) !important; +} +.item-select { + opacity: 0.1; + filter:alpha(opacity=10); + float: right; + margin-right: 10px; + +} +.item-select:hover, .checkeditem { + opacity: 1; + filter:alpha(opacity=100); +} +#item-delete-selected { + margin-top: 30px; +} + +#item-delete-selected-end { + clear: both; +} +#item-delete-selected-icon, #item-delete-selected-desc { + float: left; + margin-right: 5px; +} +#item-delete-selected-desc:hover { + text-decoration: underline; +} + + +/** + * directory + */ +.directory-item { + float: left; + margin: 50px 50px 0px 0px; +} + + +/** + * sidebar + */ +#group-sidebar { + margin-bottom: 10px; +} +.group-selected, .nets-selected { + padding: 3px; + border: 1px solid #CCCCCC; + background: #F8F8F8; + font-weight: bold; +} +.groupsideedit { + margin-right: 10px; } - -.prevcal, .nextcal { - float: left; - margin-left: 32px; - margin-right: 32px; - margin-top: 64px; +#sidebar-group-ul { + padding-left: 0; } -.event-calendar-end { - clear: both; +#sidebar-group-list { + margin: 0 0 5px 0; } - - -.calendar { - font-family: Courier, monospace; +#sidebar-group-list ul { + list-style-type: none; + list-style-position: inside; } -.today { - font-weight: bold; - color: #FF0000; -} - -#event-start-text, -#event-finish-text { - margin-top: 10px; - margin-bottom: 5px; +#sidebar-group-list li { + margin-top: 10px; } - -#event-nofinish-checkbox, -#event-nofinish-text, -#event-adjust-checkbox, -#event-adjust-text, -#event-share-checkbox -{ - float: left; +#sidebar-group-list .icon { + display: inline-block; + height: 12px; + width: 12px; } -#event-datetime-break { - margin-bottom: 10px; +#sidebar-new-group { + margin: auto; + display: inline-block; + color: #efefef; + text-decoration: none; + text-align: center; } -#event-nofinish-break, -#event-adjust-break, -#event-share-break { - clear: both; +#sidebar-new-group:hover { + /*background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );*/ + /*background: -moz-linear-gradient( center top, #b20202 5%, #d60808 100% );*/ + /*background-color: #b20202;*/ } -#event-desc-text, -#event-location-text { - margin-top: 10px; - margin-bottom: 5px; +#sidebar-new-group:active { + position: relative; + top: 1px; } -#event-submit { - margin-top: 10px; +.nets-ul { + list-style-type: none; + padding-left: 0px; +} +.nets-ul li { + margin: 10px 0 0; } -/** - * directory - */ -.directory-item {float: left; margin: 50px 50px 0px 0px;} +.nets-link { + margin-left: 0px; +} +.nets-all { + margin-left: 0px; +} +#netsearch-box { + margin-top: 20px; + width: 150px; +} +#netsearch-box #search-submit { + margin: 5px 0px 0px 0px; +} /** * ADMIN */ #pending-update { - float:right; - color: #ffffff; - font-weight: bold; - background-color: #FF0000; - padding: 0em 0.3em; + float:right; + color: #fff; + font-weight: bold; + background-color: #ff0000; + padding: 0 .3em; } .admin.linklist { - border: 0px; padding: 0px; + border: 0; padding: 0; } .admin.link { - list-style-position: inside; + list-style-position: inside; } - #adminpage dl { - clear: left; - margin-bottom: 2px; - padding-bottom: 2px; - border-bottom: 1px solid black; + clear:left; + margin-bottom: 2px; + padding-bottom: 2px; + border-bottom: 1px solid #000; } #adminpage dt { - width: 200px; - float: left; - font-weight: bold; + width: 200px; + float: left; + font-weight: bold; } #adminpage dd { margin-left: 200px; } #adminpage h3 { - border-bottom: 1px solid #cccccc; + border-bottom:1px solid #ccc; } #adminpage .submit { @@ -1005,283 +1996,513 @@ div[id$="wrapper"] br { clear: left; } } #adminpage #pluginslist { - margin: 0px; padding: 0px; + margin: 0; + padding: 0; } #adminpage .plugin { - list-style: none; - display: block; - border: 1px solid #888888; - padding: 1em; - margin-bottom: 5px; - clear: left; + list-style: none; + display: block; + border: 1px solid #888; + padding: 1em; + margin-bottom: 5px; + clear: left; } #adminpage .toggleplugin { float:left; margin-right: 1em; } -#adminpage table {width:100%; border-bottom: 1p solid #000000; margin: 5px 0px;} -#adminpage table th { text-align: left;} -#adminpage td .icon { float: left;} -#adminpage table#users img { width: 16px; height: 16px; } -#adminpage table tr:hover { background-color: #bbc7d7; } -#adminpage .selectall { text-align: right; } +#adminpage table { + width: 100%; + border-bottom: 1px solid #000; + margin: 5px 0; +} +#adminpage table th { + text-align: left; +} +#adminpage td .icon { + float: left; +} +#adminpage table#users img { + width: 16px; height: 16px; +} +#adminpage table tr:hover { + background-color:#bbc7d7; +} +#adminpage .selectall { + text-align: right; +} /** * Form fields */ .field { - margin-bottom: 10px; - padding-bottom: 10px; - overflow: auto; - width: 100% + margin-bottom: 10px; + padding-bottom: 10px; + overflow: auto; + width: 100%; } - .field label { - float: left; - width: 200px; + float: left; + width: 200px; } .field input, .field textarea { - width: 400px; + width: 400px; +} +.field textarea { + height: 100px; } -.field textarea { height: 100px; } .field_help { - display: block; - margin-left: 200px; - color: #666666; - + display: block; + margin-left: 0px; + color: #666; } - - .field .onoff { - float: left; - width: 80px; + float: left; + width: 80px; } .field .onoff a { - display: block; - border:1px solid #666666; - background-image:url("../../../images/onoff.jpg"); - background-repeat: no-repeat; - padding: 4px 2px 2px 2px; - height: 16px; - text-decoration: none; + display: block; + border: 1px solid #666; + background: url("../../../images/onoff.jpg") no-repeat; + padding: 4px 2px 2px; + height: 16px; + text-decoration: none; } .field .onoff .off { - border-color:#666666; - padding-left: 40px; - background-position: left center; - background-color: #cccccc; - color: #666666; - text-align: right; + border-color: #666; + padding-left: 40px; + background: #ccc left center; + color: #666; + text-align:right; } .field .onoff .on { - border-color:#204A87; - padding-right: 40px; - background-position: right center; - background-color: #3465A4; - color: #FFFFFF; - text-align: left; + border-color:#204a87; + padding-right:40px; + background-position:right center; + background-color:#3465A4; + color:#fff; + text-align:left; +} +.hidden { + display:none !important; +} + +.field.radio .field_help { + margin-left:0; +} + + +/* + * UPDATE + */ +.popup { + width: 100%; + height: 100%; + top:0px; + left:0px; + position: absolute; + display: none; +} +.popup .background { + background-color: rgba(0,0,0,128); + opacity: 0.5; + width: 100%; + height: 100%; + position: absolute; + top:0px; + left:0px; +} +.popup .panel { + top: 25%; + left: 25%; + width: 50%; + height: 50%; + padding: 1em; + position: absolute; + border: 4px solid #000000; + background-color: #FFFFFF; +} +#panel { + z-index: 100; +} +.grey { + color: grey; +} +.orange { + color: orange; +} +.red { + color: red; +} +.popup .panel .panel_text { + display: block; + overflow: auto; + height: 80%; +} +.popup .panel .panel_in { + width: 100%; + height: 100%; + position: relative; +} +.popup .panel .panel_actions { + width: 100%; + bottom: 4px; + left: 0px; + position: absolute; +} +.panel_text .progress { + width: 50%; + overflow: hidden; + height: auto; + border: 1px solid #cccccc; + margin-bottom: 5px; +} +.panel_text .progress span { + float: right; + display: block; + width: 25%; + background-color: #eeeeee; + text-align: right; +} + +/** + * OAuth + */ +.oauthapp { + height: auto; + overflow: auto; + border-bottom: 2px solid #cccccc; + padding-bottom: 1em; + margin-bottom: 1em; +} +.oauthapp img { + float: left; + width: 48px; height: 48px; + margin: 10px; +} +.oauthapp img.noicon { + background-image: url("../../../images/icons/48/plugin.png"); + background-position: center center; + background-repeat: no-repeat; +} +.oauthapp a { + float: left; } -.hidden { display: none!important; } -.field.radio .field_help { margin-left: 0px; } /** * ICONS */ +.iconspacer { + display: block; + width: 16px; + height: 16px; +} .icon { - display: block; width: 20px; height: 20px; - background-image: url('icons.png'); + display: block; + width: 20px; + height: 20px; + background: url(icons.png) no-repeat; + border: 0; + text-decoration: none; } -/*.icon:hover { - border-bottom: 0px; -}*/ - -.starred { - background-image: url("star.png"); - repeat: no-repeat; +.icon:hover { + border: 0; + text-decoration: none; } -.unstarred { - background-image: url("premium.png"); - repeat: no-repeat; +.icon.drop, +.icon.drophide, .icon.delete { + float: left; +} +.icon.s22 { + display: block; + background: url(icons.png) no-repeat; + width: 22px; + height: 22px; +} +.icon.s22.delete { + display: block; + background-position: -110px 0; +} +.icon.s22.text { + padding: 10px 0px 0px 25px; + width: 200px; +} +.icon.text { + text-indent: 0px; +} +.icon.s16 { + min-width: 16px; + height: 16px; +} +.s16 .add { + background: url("../../../images/icons/16/add.png") no-repeat; +} +.add { + margin: 0px 5px; +} +.article { + background-position: -50px 0; +} +.audio { + background-position: -70px 0; +} +.block { + background-position: -90px 0px; +} +.drop, .delete { + background-position: -110px 0; +} +.drophide { + background-position: -130px 0; +} +.edit { + background-position: -150px 0; +} +.camera { + background-position: -170px 0; +} +.dislike { + background-position: -190px 0; +} +.like { + background-position: -211px 0; +} +.link { + background-position: -230px 0; +} +.globe, .location { + background-position: -50px -20px; +} +.noglobe, .nolocation { + background-position: -70px -20px; +} +.no { + background-position: -90px -20px; +} +.pause { + background-position: -110px -20px; +} +.play { + background-position: -130px -20px; +} +.pencil { + background-position: -151px -18px; +} +.small-pencil { + background-position: -170px -20px; +} +.recycle { + background-position: -190px -20px; +} +.remote-link { + background-position: -210px -20px; +} +.share { + background-position: -230px -20px; +} +.tools { + background-position: -50px -40px; +} +.lock { + background-position: -70px -40px; +} +.unlock { + background-position: -90px -40px; +} +.video { + background-position: -110px -40px; +} +.attach { + background-position: -190px -40px; +} +.language { + background-position: -210px -40px; +} +.starred { + background-position: -130px -60px; +} +.unstarred { + background-position: -150px -60px; } - .tagged { - background-image: url("tag.png"); - repeat: no-repeat; + background-position: -170px -60px; } - - - -.border { +.on { + background-position: -50px -60px; +} +.off { + background-position: -70px -60px; +} +.prev { + background-position: -90px -60px; +} +.next { + background-position: -110px -60px; +} +.icon.dim { + opacity: 0.3; + filter: alpha(opacity=30); +} +.border, .border:hover { border: 1px solid #babdb6; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } - -.article { background-position: -50px 0px;} -.audio { background-position: -70px 0px;} -.block { background-position: -90px 0px;} -.drop { background-position: -110px 0px;} -.drophide { background-position: -130px 0px;} -.edit { background-position: -150px 0px;} -.camera { background-position: -170px 0px;} -.dislike { background-position: -190px 0px;} -.like { background-position: -210px 0px;} -.link { background-position: -230px 0px;} - -.globe { background-position: -50px -20px;} -.noglobe { background-position: -70px -20px;} -.no { background-position: -90px -20px;} -.pause { background-position: -110px -20px;} -.play { background-position: -130px -20px;} -.pencil { background-position: -150px -20px;} -.small-pencil { background-position: -170px -20px;} -.recycle { background-position: -190px -20px;} -.remote-link { background-position: -210px -20px;} -.share { background-position: -230px -20px;} - -.tools { background-position: -50px -40px;} -.lock { background-position: -70px -40px;} -.unlock { background-position: -90px -40px;} -.video { background-position: -110px -40px;} -.youtube { background-position: -130px -40px;} - -.attach { background-position: -190px -40px;} -.language { background-position: -210px -40px;} - - -.on { background-position: -50px -60px;} -.off { background-position: -70px -60px;} -.prev { background-position: -90px -60px;} -.next { background-position: -110px -60px;} - - -.icon.dim { opacity: 0.3;filter:alpha(opacity=30); } - .attachtype { - display: block; width: 20px; height: 23px; - background-image: url('../../../images/content-types.png'); + display: block; + width: 20px; + height: 23px; + background-image: url(../../../images/content-types.png); +} +.type-video { + background-position: 0px 0px; +} +.type-image { + background-position: -20px 0; +} +.type-audio { + background-position: -40px 0; +} +.type-text { + background-position: -60px 0px; +} +.type-unkn { + background-position: -80px 0; } - -.type-video { background-position: 0px 0px; } -.type-image { background-position: -20px 0px; } -.type-audio { background-position: -40px 0px; } -.type-text { background-position: -60px 0px; } -.type-unkn { background-position: -80px 0px; } - /** * footer - */ - .cc-license { margin-top: 100px; font-size: 0.7em; } -footer { display: block; margin: 50px 20%; clear: both; } - + */ +.cc-license { + margin-top: 100px; + font-size: 0.7em; +} +footer { + display: block; + margin: 50px 20%; + clear: both; +} #profile-jot-text { height: 20px; - color:#cccccc; - border: 1px solid #cccccc; + color: #666; + border: 1px solid #ccc; + border-radius: 5px; + width: 99.5%; } + + /** acl **/ #photo-edit-perms-select, #photos-upload-permissions-wrapper, -#profile-jot-acl-wrapper{ - display:block!important; +#profile-jot-acl-wrapper { + display: block !important; } - #acl-wrapper { - width: 690px; - float:left; + width: 690px; + float: left; } #acl-search { - float:right; - background: #ffffff url("../../../images/search_18.png") no-repeat right center; - padding-right:20px; + float: right; + background: #fff url("../../../images/search_18.png") no-repeat right center; + padding-right: 20px; } #acl-showall { - float: left; - display: block; - width: auto; - height: 18px; - background-color: #cccccc; - background-image: url("../../../images/show_all_off.png"); - background-position: 7px 7px; - background-repeat: no-repeat; - padding: 7px 10px 7px 30px; - -webkit-border-radius: 5px ; - -moz-border-radius: 5px; - border-radius: 5px; - color: #999999; + float:left; + display:block; + width:auto; + height:18px; + background-color:#CCC; + background-image:url("../../../images/show_all_off.png"); + background-position:7px 7px; + background-repeat:no-repeat; + padding:7px 10px 7px 30px; + -webkit-border-radius:5px; + -moz-border-radius:5px; + border-radius:5px; + color:#999; } #acl-showall.selected { - color: #000000; - background-color: #ff9900; - background-image: url("../../../images/show_all_on.png"); + color:#000; + background-color:#F90; + background-image:url(../../../images/show_all_on.png); } - #acl-list { - height: 210px; - border: 1px solid #cccccc; - clear: both; - margin-top: 30px; - overflow: auto; + height:210px; + border:1px solid #ccc; + clear:both; + margin-top:30px; + overflow:auto; } #acl-list-content { } .acl-list-item { - display: block; - width: 150px; - height: 30px; - border: 1px solid #cccccc; - margin: 5px; - float: left; + display:block; + width:150px; + height:30px; + border:1px solid #ccc; + margin:5px; + float:left; +} +.acl-list-item img { + width:22px; + height:22px; + float:left; + margin:4px; +} +.acl-list-item p { + height: 12px; + font-size: 10px; + margin: 0; + padding: 2px 0 1px; +} +.acl-list-item a { + font-size:8px; + display:block; + width:40px; + height:10px; + float:left; + color:#999; + background-color:#CCC; + background-position:3px 3px; + background-repeat:no-repeat; + margin-right:5px; + -webkit-border-radius:2px; + -moz-border-radius:2px; + border-radius:2px; + padding-left:15px; } -.acl-list-item img{ - width:22px; - height: 22px; - float: left; - margin: 4px; +#acl-wrapper a:hover { + text-decoration:none; + color:#000; } -.acl-list-item p { height: 12px; font-size: 10px; margin: 0px; padding: 2px 0px 1px; overflow: hidden;} -.acl-list-item a { - font-size: 8px; - display: block; - width: 40px; - height: 10px; - float: left; - color: #999999; - background-color: #cccccc; - background-position: 3px 3px; - background-repeat: no-repeat; - margin-right: 5px; - -webkit-border-radius: 2px ; - -moz-border-radius: 2px; - border-radius: 2px; - padding-left: 15px; +.acl-button-show { + background-image:url('../../../images/show_off.png'); } -#acl-wrapper a:hover { - text-decoration: none; - color:#000000; +.acl-button-hide { + background-image:url('../../../images/hide_off.png'); } -.acl-button-show { background-image: url("../../../images/show_off.png"); } -.acl-button-hide { background-image: url("../../../images/hide_off.png"); } - .acl-button-show.selected { - color: #000000; - background-color: #9ade00; - background-image: url("../../../images/show_on.png"); + color:#000; + background-color:#9ade00; + background-image:url(../../../images/show_on.png); } .acl-button-hide.selected { - color: #000000; - background-color: #ff4141; - background-image: url("../../../images/hide_on.png"); + color:#000; + background-color:#ff4141; + background-image:url(../../../images/hide_on.png); +} +.acl-list-item.groupshow { + border-color:#9ade00; +} +.acl-list-item.grouphide { + border-color:#ff4141; } -.acl-list-item.groupshow { border-color: #9ade00; } -.acl-list-item.grouphide { border-color: #ff4141; } /** /acl **/ @@ -1295,22 +2516,44 @@ footer { display: block; margin: 50px 20%; clear: both; } border:1px solid #cccccc; } .acpopupitem { - background-color:#555753; padding: 4px; + background-color:#555753; + padding: 4px; clear:left; } .acpopupitem img { float: left; margin-right: 4px; } - .acpopupitem.selected { - color: #2e3436; background-color: #eeeeec; + color: #2e3436; + background-color: #eeeeec; +} +.qcomment-wrapper { + padding: 0px; + margin: 2px; + list-style-type: none; +} +.qcomment, .qcomment:hover { + display: inline; + padding: 5px; + margin: 5px; } .qcomment { - opacity: 0; - filter:alpha(opacity=0); + opacity: 0.5; + filter:alpha(opacity=50); } .qcomment:hover { opacity: 1.0; filter:alpha(opacity=100); } +#network-star-link { + margin-top: 10px; +} +.network-star { + float: left; + margin-right: 5px; +} +.network-star.icon.starred { + display: inline-block; +} + diff --git a/view/theme/dispy/theme.php b/view/theme/dispy/theme.php new file mode 100644 index 0000000000..c72884f1a5 --- /dev/null +++ b/view/theme/dispy/theme.php @@ -0,0 +1,74 @@ +theme_info = array(); + +$a->page['htmlhead'] .= <<< EOT + +EOT; diff --git a/view/theme/dispy/wall_item.tpl b/view/theme/dispy/wall_item.tpl old mode 100755 new mode 100644 index 09cf643979..b013cfeef4 --- a/view/theme/dispy/wall_item.tpl +++ b/view/theme/dispy/wall_item.tpl @@ -38,7 +38,7 @@ {{ endif }} {{ if $item.edpost }} - ' + {{ endif }}
@@ -68,10 +68,10 @@
$item.dislike
-
+
$item.comment
-
+
diff --git a/view/theme/dispy/wallwall_item.tpl b/view/theme/dispy/wallwall_item.tpl old mode 100755 new mode 100644 index c3638094ce..86453fad21 --- a/view/theme/dispy/wallwall_item.tpl +++ b/view/theme/dispy/wallwall_item.tpl @@ -43,7 +43,7 @@ {{ endif }} {{ if $item.edpost }} - ' + {{ endif }}
@@ -59,7 +59,7 @@
$item.body
{{ for $item.tags as $tag }} - $tag + $tag {{ endfor }}
@@ -72,7 +72,7 @@
$item.dislike
-
+
$item.comment