aboutsummaryrefslogtreecommitdiffstats
path: root/view/css
diff options
context:
space:
mode:
Diffstat (limited to 'view/css')
-rw-r--r--view/css/conversation.css431
1 files changed, 431 insertions, 0 deletions
diff --git a/view/css/conversation.css b/view/css/conversation.css
new file mode 100644
index 000000000..bf8e0236e
--- /dev/null
+++ b/view/css/conversation.css
@@ -0,0 +1,431 @@
+/* jot */
+
+#profile-jot-wrapper {
+ margin-top: 25px;
+}
+
+#jot-title,
+#jot-category,
+#jot-pagetitle {
+ border: 0px;
+ margin: 0px;
+ padding: 8px;
+ height: 1.8em;
+ width: 530px;
+ margin-bottom: 5px;
+}
+
+.jothidden {
+ display:none;
+}
+
+#profile-jot-text {
+ height: 1.8em;
+ padding: 8px;
+ margin-right: 0px;
+ width: 90%;
+}
+
+#profile-jot-text-loading {
+ float: left;
+ margin: 14px 0px 0px 12px;
+}
+
+#profile-jot-submit-wrapper {
+ margin-top: 10px;
+ width: 90%;
+}
+
+#profile-jot-submit {
+ height: 30px;
+ width: 70px;
+ float: right;
+}
+
+#profile-upload-wrapper,
+#wall-image-upload-div,
+#wall-image-upload,
+#wall-file-upload-div,
+#wall-file-upload,
+#profile-link,
+#profile-video,
+#profile-audio,
+#profile-location,
+#profile-nolocation,
+#profile-expires,
+#profile-expires,
+#jot-perms-icon,
+.hover, .focus {
+ cursor: pointer;
+}
+
+#profile-upload-wrapper,
+#profile-attach-wrapper,
+#profile-link-wrapper,
+#profile-video-wrapper,
+#profile-audio-wrapper,
+#profile-location-wrapper,
+#profile-nolocation-wrapper,
+#profile-expire-wrapper,
+#profile-encrypt-wrapper {
+ float: left;
+ margin-left: 15px;
+}
+
+#profile-jot-perms {
+ float: right;
+ padding: 6px;
+}
+
+#jot-perms-icon {
+ float: left;
+}
+
+#jot-preview-link {
+ float: left;
+ margin-left: 45px;
+ margin-top: 0px;
+}
+
+#profile-jot-perms-end {
+ height: 30px;
+}
+
+#profile-jot-end {
+ margin-bottom: 30px;
+}
+
+#profile-rotator {
+ float: left;
+ margin: 8px 0px 0px 20px;
+}
+
+/* this is referenced in js/acl.js - not sure if it is still needed. */
+.profile-jot-net {
+ float: left;
+ margin-right: 10px;
+ margin-top: 5px;
+ margin-bottom: 5px;
+}
+
+/* conversation */
+
+.thread-wrapper .toplevel_item {
+ width: 92%;
+}
+
+/* conv_item */
+
+.hide-comments-outer {
+ margin-left: 10px;
+}
+
+.wall-item-content-wrapper {
+ margin-top: 10px;
+ position: relative;
+}
+
+.wall-item-info {
+ display: block;
+ float: left;
+ width:110px;
+ margin-right:10px;
+}
+
+.comment .wall-item-info {
+ width: 70px;
+}
+
+.wallwall .wwto {
+ left: 50px;
+ margin: 0;
+ position: absolute;
+ width: 30px
+}
+
+.wallwall .wwto img {
+ width: 30px !important;
+ height: 30px !important;
+}
+
+.wallwall .wall-item-photo-end {
+ clear: both;
+}
+
+.wall-item-photo-wrapper {
+ margin-top: 0px;
+ margin-left: 10px;
+ margin-bottom: 10px;
+ width: 100px;
+}
+
+.wall-item-photo-menu-button {
+ left:10px;
+ display: block;
+ position: absolute;
+ margin: 0px;
+ padding: 0px;
+ width: 16px;
+ height: 16px;
+ overflow: hidden;
+ text-indent: 40px;
+ display: none;
+}
+
+.wall-item-photo-menu {
+ left:10px;
+ width: auto;
+ position: absolute;
+ display: none;
+ z-index: 10000;
+}
+
+.wall-item-photo-menu ul {
+ margin:0px;
+ padding: 0px;
+}
+
+.wall-item-photo-menu li a {
+ display: block;
+ padding: 2px;
+}
+
+.wall-item-arrowphoto-wrapper {
+ position: absolute;
+ z-index: 99;
+}
+
+.wall-item-wrapper {
+ margin-left:10px;
+}
+
+
+.wall-item-arrowphoto-wrapper {
+ left: 75px;
+}
+
+.wall-item-lock {
+ position: absolute;
+ left: 105px;
+ top: 1px;
+}
+
+.comment .wall-item-lock {
+ left: 65px;
+}
+
+.wall-item-lock {
+
+}
+
+.lockview {
+ cursor: pointer;
+}
+
+.wall-item-location {
+ overflow: hidden;
+ /* add ellipsis on text overflow */
+ /* this work on safari, opera, ie, chrome. */
+ /* firefox users have to wait support or we */
+ /* can use a jquery plugin http://bit.ly/zJskg */
+ text-overflow: ellipsis;
+ -o-text-overflow: ellipsis;
+ width: 100%;
+}
+
+.wall-item-author {
+ margin-top: 10px;
+}
+
+
+.wall-item-ago .icon-ok {
+ cursor: pointer;
+}
+
+.wall-item-content {
+ margin-left: 10px;
+ overflow: auto;
+}
+
+.wall-item-content img {
+ max-width: 95% !important;
+}
+
+.wall-item-title {
+ float: left;
+ font-weight: bold;
+}
+
+.wall-item-title-end {
+ clear: both;
+}
+
+.wall-item-body {
+ margin-top: 10px;
+}
+
+.wall-item-body.divmore {
+ padding-bottom: 15px;
+}
+
+.body-tag, .filesavetags, .categorytags {
+ opacity: 0.5;
+ filter:alpha(opacity=50);
+}
+
+.body-tag:hover, .filesavetags:hover, .categorytags:hover {
+ opacity: 1.0 !important;
+ filter:alpha(opacity=100) !important;
+}
+
+.body-tag {
+ margin-top: 15px;
+}
+
+.wall-item-tools {
+ clear: both;
+ padding: 5px 10px;
+}
+
+.item-tool {
+ float: left;
+ margin-right: 8px;
+ cursor: pointer;
+}
+
+.like-rotator {
+ float: left;
+ margin: 8px;
+ color: $toolicon_colour;
+}
+
+.wall-item-delete-wrapper {
+ float: right;
+}
+
+.wall-item-delete-end {
+ clear: both;
+}
+
+.item-select {
+ opacity: 0.1;
+ filter:alpha(opacity=10);
+ float: right;
+ margin-right: 10px;
+
+}
+
+.item-select:hover,
+.checkeditem {
+ opacity: 1;
+ filter:alpha(opacity=100);
+}
+
+.wall-item-like.comment,
+.wall-item-dislike.comment {
+ margin-left: 50px;
+}
+
+.wall-item-like,
+.wall-item-dislike {
+ margin-top: 5px;
+}
+
+.wall-item-wrapper-end {
+ clear: both;
+}
+
+/* comment_item */
+
+.comment-wwedit-wrapper.threaded > .comment-edit-form > .comment-edit-photo {
+ width: 40px;
+}
+
+.comment-wwedit-wrapper.threaded > .comment-edit-form > .comment-edit-text-empty {
+ height: 1.5em;
+}
+
+.comment-wwedit-wrapper.threaded > .comment-edit-form > .comment-edit-submit-wrapper > .comment-edit-submit {
+ margin-left: 50px;
+}
+
+.comment-edit-photo {
+ margin-top: 10px;
+ margin-left: 10px;
+ margin-bottom: 10px;
+ width: 100px;
+ float: left;
+}
+
+[class^="comment-edit-bb"] {
+ display: none;
+ margin: 0px 0 -5px 0px;
+ padding: 0px;
+ width: 75%;
+}
+
+[class^="comment-edit-bb"] > li {
+ display: inline-block;
+ margin: 10px 10px 0 0;
+ visibility: none;
+}
+
+[class^="comment-edit-bb-end"] {
+ clear: both;
+}
+
+.comment-edit-text-empty, .comment-edit-text-full {
+ float: left;
+ margin-top: 10px;
+ padding: 3px 1px 1px 3px;
+ padding: 8px;
+}
+
+.comment-edit-text-empty {
+ height: 1.0em;
+ width: 270px;
+ overflow: auto;
+ margin-bottom: 10px;
+}
+
+.comment-edit-text-full {
+ height: 150px;
+ width: 80%;
+ overflow: auto;
+}
+
+.qcomment {
+ border: 1px solid #EEE;
+ padding: 3px;
+ margin-top: 15px;
+ margin-left: 25px;
+ width: 125px;
+ overflow-y: auto;
+}
+
+.qcomment option {
+ width: 125px;
+ overflow-x: hidden;
+}
+
+.qcomment {
+ opacity: 0.3;
+ filter:alpha(opacity=30);
+}
+
+.qcomment:hover {
+ opacity: 1.0;
+ filter:alpha(opacity=100);
+}
+
+.comment-edit-text-end {
+ clear: both;
+}
+
+.comment-edit-submit {
+ margin: 10px 0px 10px 110px;
+}
+
+.comment-preview-icon {
+ margin-left: 15px;
+}