streams/view/css/conversation.css

420 lines
5.6 KiB
CSS

/* jot */
#profile-jot-wrapper {
margin-top: 25px;
}
#jot-title,
#jot-category,
#jot-pagetitle {
border: 0px;
margin: 0px;
padding: 8px;
height: 1.8em;
width: 70%;
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: 22px;
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,
#jot-preview-link,
#profile-encrypt,
.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: 90%;
}
/* conv_item */
.hide-comments-outer {
margin-left: 10px;
}
.wall-item-content-wrapper {
margin-top: 10px;
position: relative;
}
.wall-item-content-wrapper .wall-item-delete-wrapper {
opacity: 0;
}
.wall-item-content-wrapper:hover .wall-item-delete-wrapper {
opacity: 1;
}
.wall-item-info {
display: block;
float: left;
margin-right:10px;
}
.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;
}
.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;
left: 75px;
}
.wall-item-wrapper {
margin-left:10px;
}
.wall-item-arrowphoto-wrapper {
}
.wall-item-lock {
position: absolute;
left: 105px;
top: 1px;
}
.comment .wall-item-lock {
left: 65px;
}
.wall-item-lock {
}
.lockview {
cursor: pointer;
}
.wall-item-location {
text-overflow: ellipsis;
max-width: 30%;
}
.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%;
}
.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;
}
.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,
.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: 10px;
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.2em;
width: 30%;
overflow: auto;
margin-bottom: 10px;
}
.comment-edit-text-full {
height: 150px;
width: 50%;
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;
}