aboutsummaryrefslogtreecommitdiffstats
path: root/view
diff options
context:
space:
mode:
Diffstat (limited to 'view')
-rw-r--r--view/theme/dispy/jot-header.tpl56
-rw-r--r--view/theme/dispy/nav.tpl9
-rw-r--r--view/theme/dispy/style.css66
3 files changed, 87 insertions, 44 deletions
diff --git a/view/theme/dispy/jot-header.tpl b/view/theme/dispy/jot-header.tpl
index 23883036b..93df84aae 100644
--- a/view/theme/dispy/jot-header.tpl
+++ b/view/theme/dispy/jot-header.tpl
@@ -104,34 +104,6 @@ function initEditor(cb) {
$(".jothidden").show();
if (typeof cb!="undefined") { cb(); }
-
- // character count part deux
- //
- // get # of chars
- var textlen = $('#profile-jot-text').val().length();
- $('#character-counter').html(textlen);
-
- $('#profile-jot-text').keyup(function() {
- $('#character-counter').removeClass('jothidden');
- if(textlen <= 140) {
- $('#character-counter').removeClass('red');
- $('#character-counter').removeClass('orange');
- $('#character-counter').addClass('grey');
- }
- if((textlen > 140) && (textlen <= 420)) {
- $('#character-counter').removeClass('grey');
- $('#character-counter').removeClass('red');
- $('#character-counter').addClass('orange');
- }
- if(textlen > 420) {
- $('#character-counter').removeClass('grey');
- $('#character-counter').removeClass('orange');
- $('#character-counter').addClass('red');
- }
- // get new len
- $('#character-counter').html($(this).val().length);
- });
-
});
}
});
@@ -146,10 +118,38 @@ function initEditor(cb) {
}
}
+function charCounter() {
+ // character count part deux
+ $('#profile-jot-text').keyup(function(event) {
+ var textlen = $(this).val().length();
+ var maxLen1 = 140;
+ var maxLen2 = 420;
+
+ $('#character-counter').removeClass('jothidden');
+ if(textlen <= maxLen1) {
+ $('#character-counter').removeClass('red');
+ $('#character-counter').removeClass('orange');
+ $('#character-counter').addClass('grey');
+ }
+ if((textlen > maxLen1) && (textlen <= maxLen2)) {
+ $('#character-counter').removeClass('grey');
+ $('#character-counter').removeClass('red');
+ $('#character-counter').addClass('orange');
+ }
+ if(textlen > maxLen2) {
+ $('#character-counter').removeClass('grey');
+ $('#character-counter').removeClass('orange');
+ $('#character-counter').addClass('red');
+ }
+ $('#character-counter').html($(this).val().length);
+ });
+}
+
function enableOnUser(){
if (editor) return;
$(this).val("");
initEditor();
+ charCounter();
}
</script>
diff --git a/view/theme/dispy/nav.tpl b/view/theme/dispy/nav.tpl
index 67a263519..867751310 100644
--- a/view/theme/dispy/nav.tpl
+++ b/view/theme/dispy/nav.tpl
@@ -11,6 +11,10 @@ works -->
{{ if $nav.help }}
<a id="nav-help-link" class="nav-link $nav.help.2" href="$nav.help.0" title="$nav.help.1">$nav.help.1</a>
{{ endif }}
+ {{ if $nav.community }}
+ <a id="nav-community-link" class="nav-link $nav.community.2"
+ href="$nav.community.0" title="$nav.community.1">$nav.community.1</a>
+ {{ endif }}
{{ if $nav.apps }}
<a id="nav-apps-link" class="nav-link $nav.apps.2" href="$nav.apps.0" title="$nav.apps.1">$nav.apps.1</a>
{{ endif }}
@@ -28,10 +32,6 @@ works -->
<li class="empty">$emptynotifications</li>
</ul>
{{ endif }}
- {{ if $nav.community }}
- <a id="nav-community-link" class="nav-link $nav.community.2"
- href="$nav.community.0" title="$nav.community.1">$nav.community.1</a>
- {{ endif }}
{{ if $nav.network }}
<a id="nav-network-link" class="nav-link $nav.network.2"
href="$nav.network.0" title="$nav.network.1">$nav.network.1</a>
@@ -106,6 +106,7 @@ works -->
<a id="mail-update" class="nav-ajax-left" href="$nav.messages.0" title="$nav.messages.1"></a>
{{ endif }}
</div>
+
</div>
<a href="#" class="floaterflip"></a>
</nav>
diff --git a/view/theme/dispy/style.css b/view/theme/dispy/style.css
index 4d5f51eb2..23f0539d0 100644
--- a/view/theme/dispy/style.css
+++ b/view/theme/dispy/style.css
@@ -81,17 +81,18 @@ mark {
font-weight: bold;
}
/* Redeclare monospace font family: h5bp.com/j */
-pre, code, kbd, samp {
+pre, code, kbd, samp, .wall-item-body code {
font-family: monospace, monospace;
_font-family: 'courier new', monospace;
font-size: 1em; }
/* Improve readability of pre-formatted text in all browsers */
-pre {
+pre, .wall-item-body code {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
+
q {
quotes: none;
}
@@ -287,6 +288,11 @@ ul#user-menu-popup li a.nav-sep {
}
#nav-buttons {
clear: both;
+ list-style: none;
+ padding: 0px;
+}
+#nav-buttons li {
+ padding: 0;
}
nav .nav-link {
float: right;
@@ -469,17 +475,18 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-link
width: 30px;
height: 19px;
background: transparent url(notifications.png) 0 0 no-repeat;
- color: #fff;
+ color: #222;
font-weight: bold;
font-size: 0.8em;
padding-top: 0.2em;
text-align: center;
float: left;
- margin-right: -4px;
- display: none;
+ margin: 0 -1px 0 3px;
+ display: block;
+ visibility: hidden;
}
.nav-ajax-update.show, .nav-ajax-left.show {
- display: block;
+ visibility: visible;
}
#net-update {
background-position: 0px 0px;
@@ -918,9 +925,12 @@ aside #viewcontacts {
#acl-deny-text-end {
clear: both;
}
-#jot-title-desc, #profile-jot-desc {
+#jot-title-desc {
color: #cccccc;
}
+#profile-jot-desc {
+ color: #a00;
+}
#jot-title-wrapper {
margin-bottom: 5px;
}
@@ -946,9 +956,10 @@ aside #viewcontacts {
* section
*/
section {
- margin: 20px 9% 0 9%;
+ margin: 20px 8% 0 6%;
font-size: 0.8em;
padding-right: 250px;
+ min-width: 475px;
}
/** tabs **/
@@ -1004,10 +1015,10 @@ section {
overflow-x: auto;
}
[id^="tread-wrapper"], [class^="tread-wrapper"] {
- margin: 5px 0;
- border: 1px #aaa solid;
- border-radius: 5px;
- padding: 10px;
+ margin: 15px 0 0 0;
+ /*border: 1px #aaa solid;*/
+ /*border-radius: 5px;*/
+ padding: 0px;
}
.wall-item-photo-menu {
display: none;
@@ -1428,6 +1439,37 @@ div[id$="wrapper"] br {
#photos-upload-perms-menu {
text-align: right;
}
+#photo-edit-caption, #photo-edit-newtag, #photo-edit-albumname {
+ float: left;
+ margin-bottom: 25px;
+}
+#photo-edit-link-wrap {
+ margin-bottom: 15px;
+}
+#photo-edit-caption {
+ width: 100%;
+}
+#photo-edit-newtag {
+ width: 100%;
+}
+#photo-like-div {
+ margin-bottom: 25px;
+}
+#photo-edit-caption-end, #photo-edit-tags-end, #photo-edit-albumname-end {
+ clear: both;
+}
+#photo-edit-delete-button {
+ margin-left: 200px;
+}
+#photo-edit-end {
+ margin-bottom: 35px;
+}
+#photo-caption {
+ font-size: 110%;
+ font-weight: bold;
+ margin-top: 15px;
+ margin-bottom: 15px;
+}
/**
* message