streams/view/css/conversation.css
Christian Vogeley 167e397706 Trying to make the conversation better readable
by adding borders and adding more space between the threads. If you
don’t like it feel free to revert it.
2014-05-08 22:41:13 +02:00

293 lines
3.9 KiB
CSS

/* jot */
#jot-title,
#jot-category,
#jot-pagetitle {
border: 0px;
margin: 0px;
padding: 8px;
height: 3.4em;
width: 70%;
margin-bottom: 5px;
}
.jothidden {
display:none;
}
#profile-jot-text {
height: 3.4em;
padding: 8px;
width: 100%;
}
#profile-jot-text-loading {
float: left;
padding: 30px 0px 0px 12px;
}
#profile-jot-submit-wrapper {
margin-top: 10px;
}
#profile-jot-perms-end {
height: 30px;
}
#profile-jot-end {
margin-bottom: 30px;
}
#profile-rotator-wrapper {
float: left;
}
#profile-rotator {
margin: 16px;
}
/* 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 {
margin-bottom: 20px;
}
/* conv_item */
.hide-comments-outer {
padding: 10px 10px 10px 7px;
}
.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-bottom: 20px;
}
.comment .wall-item-photo-wrapper {
margin-bottom: 15px;
}
.wall-item-wrapper {
margin-left:10px;
}
.lockview {
cursor: pointer;
}
.lockview-panel {
padding: 3px 20px;
}
.wall-item-lock {
float: left;
}
.wall-item-author {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.wall-item-ago .icon-ok {
cursor: pointer;
}
.wall-item-content {
overflow: auto;
}
.wall-item-content img {
max-width: 95%;
}
.wall-item-title h3 {
font-weight: bold;
margin: 0px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.wall-item-title-end {
clear: both;
}
.wall-item-body {
word-wrap: break-word;
}
.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: 10px;
}
.categorytags {
margin-top: 10px;
}
.wall-item-tools {
width: 100%;
margin-top: 10px;
}
.item-tool {
cursor: pointer;
}
.like-rotator {
float: right;
margin: 16px;
}
.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-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 10px 10px 7px;
float: left;
}
[class^="comment-edit-bb"] {
display: none;
margin: 0px 0 -5px 0px;
padding: 0px;
width: 75%;
min-width: 170px
}
[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: 2.8em;
width: 30%;
min-width: 170px;
overflow: auto;
margin-bottom: 10px;
}
.comment-edit-text-full {
height: 150px;
width: 50%;
min-width: 170px;
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 52px;
}
.comment-preview-icon {
margin-left: 15px;
}