Merge https://github.com/friendica/red into zpull
This commit is contained in:
friendica
commit
f9c5cde38b
431
view/css/conversation.css
Normal file
431
view/css/conversation.css
Normal file
@ -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;
|
||||
}
|
||||
@ -9,6 +9,7 @@ head_add_css('library/jslider/css/jslider.css');
|
||||
head_add_css('library/prettyphoto/css/prettyPhoto.css');
|
||||
head_add_css('library/colorbox/colorbox.css');
|
||||
// head_add_css('library/font_awesome/css/font-awesome.min.css');
|
||||
head_add_css('view/css/conversation.css');
|
||||
|
||||
head_add_js('js/jquery.js');
|
||||
head_add_js('js/jquery-migrate-1.1.1.js');
|
||||
|
||||
@ -98,14 +98,6 @@ blockquote {
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.hide-comments {
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.hide-comments-outer {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
#panel {
|
||||
background-color: ivory;
|
||||
position: absolute;
|
||||
@ -330,72 +322,11 @@ footer {
|
||||
margin: 15px 0 15px 150px;
|
||||
}
|
||||
|
||||
/* from default */
|
||||
#jot-perms-icon,
|
||||
#profile-location,
|
||||
#profile-nolocation,
|
||||
#profile-youtube,
|
||||
#profile-video,
|
||||
#profile-audio,
|
||||
#profile-link,
|
||||
#profile-title,
|
||||
#profile-expires,
|
||||
#profile-encrypt,
|
||||
#wall-image-upload,
|
||||
#wall-file-upload,
|
||||
#profile-upload-wrapper,
|
||||
#wall-image-upload-div,
|
||||
#wall-file-upload-div,
|
||||
.hover, .focus {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#jot-perms-icon {
|
||||
float: left;
|
||||
}
|
||||
|
||||
#jot-title, #jot-category, #jot-pagetitle {
|
||||
border: 0px;
|
||||
margin: 0px;
|
||||
padding: 8px;
|
||||
height: 1.8em;
|
||||
width: 530px;
|
||||
margin-bottom: 5px;
|
||||
font-weight: bold;
|
||||
border: solid 1px #ffffff;
|
||||
border-radius: $radiuspx;
|
||||
}
|
||||
|
||||
#jot-title::-webkit-input-placeholder{font-weight: bold;}
|
||||
#jot-category::-webkit-input-placeholder{font-weight: bold;}
|
||||
#jot-title:-moz-placeholder{font-weight: bold;}
|
||||
#jot-category:-moz-placeholder{font-weight: bold;}
|
||||
#jot-pagetitle::-webkit-input-placeholder{font-weight: bold;}
|
||||
#jot-pagetitle:-moz-placeholder{font-weight: bold;}
|
||||
|
||||
#jot-title:hover,
|
||||
#jot-title:focus,
|
||||
#jot-pagetitle:hover,
|
||||
#jot-pagetitle:focus,
|
||||
#jot-category:hover,
|
||||
#jot-category:focus {
|
||||
border: 1px solid #cccccc;
|
||||
}
|
||||
|
||||
.jothidden { display:none; }
|
||||
|
||||
|
||||
|
||||
.fakebutton {
|
||||
margin-top: 15px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.lockview {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
|
||||
#group-sidebar {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
@ -703,382 +634,43 @@ footer {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
|
||||
.thread-wrapper .wall-item-comment-wrapper, .wall-item-content-wrapper.comment {
|
||||
margin-left: $comment_indent;
|
||||
border-left: 2px solid #eee;
|
||||
}
|
||||
|
||||
.wall-item-content-wrapper {
|
||||
margin-top: 10px;
|
||||
position: relative;
|
||||
border-radius: $radiuspx;
|
||||
background-color: $item_colour;
|
||||
opacity: $item_opacity;
|
||||
}
|
||||
|
||||
.thread-end-wrapper {
|
||||
margin-left: 50px;
|
||||
}
|
||||
|
||||
|
||||
.wall-item-like.comment, .wall-item-dislike.comment {
|
||||
margin-left: 50px;
|
||||
}
|
||||
|
||||
.wall-item-info {
|
||||
display: block;
|
||||
float: left;
|
||||
width:110px;
|
||||
margin-right:10px;
|
||||
}
|
||||
.comment .wall-item-info {
|
||||
width: 70px;
|
||||
}
|
||||
|
||||
.wall-item-photo-wrapper {
|
||||
margin-top: 0px;
|
||||
margin-left: 10px;
|
||||
margin-bottom: 10px;
|
||||
width: 100px;
|
||||
}
|
||||
.wall-item-photo-menu-button {
|
||||
display: block;
|
||||
position: absolute;
|
||||
background-image: url("../img/photo-menu.jpg");
|
||||
background-position: top left;
|
||||
background-repeat: no-repeat;
|
||||
margin: 0px; padding: 0px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
top: $pmenu_top; left:10px;
|
||||
overflow: hidden;
|
||||
text-indent: 40px;
|
||||
display: none;
|
||||
|
||||
}
|
||||
.wall-item-photo-menu {
|
||||
width: auto;
|
||||
border: 2px solid #444444;
|
||||
background: #FFFFFF;
|
||||
position: absolute;
|
||||
left: 10px;
|
||||
top: $top_photo;
|
||||
display: none;
|
||||
z-index: 10000;
|
||||
}
|
||||
.wall-item-photo-menu ul { margin:0px; padding: 0px; list-style: none }
|
||||
.wall-item-photo-menu li a { display: block; padding: 2px; }
|
||||
.wall-item-photo-menu li a:hover { color: #FFFFFF; background: #3465A4; text-decoration: none; }
|
||||
|
||||
|
||||
.comment .wall-item-photo-menu-button { top: $pmenu_reply;}
|
||||
.comment .wall-item-photo-menu { top: $reply_photo; }
|
||||
|
||||
.wallwall .wwto {
|
||||
left: 50px;
|
||||
margin: 0;
|
||||
position: absolute;
|
||||
top: $wwtop;
|
||||
width: 30px
|
||||
}
|
||||
.wallwall .wwto img {
|
||||
width: 30px !important;
|
||||
height: 30px !important;
|
||||
}
|
||||
|
||||
.wallwall .wall-item-photo-end {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.wall-item-arrowphoto-wrapper {
|
||||
position: absolute;
|
||||
left: 75px;
|
||||
top: $wwtop;
|
||||
z-index: 99;
|
||||
}
|
||||
.wall-item-wrapper {
|
||||
margin-left:10px;
|
||||
}
|
||||
|
||||
.wall-item-ago .icon-ok {
|
||||
cursor: pointer;
|
||||
color: darkgreen;
|
||||
}
|
||||
|
||||
.wall-item-lock {
|
||||
font-size: 1.2em;
|
||||
left: 105px;
|
||||
position: absolute;
|
||||
top: 1px;
|
||||
color: $toolicon_colour;
|
||||
}
|
||||
.comment .wall-item-lock {
|
||||
left: 65px;
|
||||
}
|
||||
|
||||
.wall-item-ago {
|
||||
color: #777;
|
||||
font-size: 0.8em;
|
||||
}
|
||||
|
||||
.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%;
|
||||
}
|
||||
|
||||
|
||||
.item-tool {
|
||||
float: left;
|
||||
margin-right: 8px;
|
||||
font-size: 1.2em;
|
||||
cursor: pointer;
|
||||
color: $toolicon_colour;
|
||||
}
|
||||
|
||||
.item-tool:hover {
|
||||
color: $toolicon_activecolour;
|
||||
}
|
||||
|
||||
.drop-icons.item-tool {
|
||||
color: $toolicon_colour;
|
||||
}
|
||||
|
||||
.like-rotator {
|
||||
float: left;
|
||||
margin: 8px;
|
||||
color: $toolicon_colour;
|
||||
}
|
||||
|
||||
.wall-item-delete-wrapper {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.wall-item-delete-end {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
/* might be obsolete
|
||||
.wall-item-delete-icon {
|
||||
border: none;
|
||||
}
|
||||
*/
|
||||
|
||||
.wall-item-wrapper-end {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.wall-item-photo {
|
||||
border: none;
|
||||
width: $top_photo !important;
|
||||
height: $top_photo !important;
|
||||
|
||||
}
|
||||
.comment .wall-item-photo {
|
||||
width: $reply_photo !important;
|
||||
height: $reply_photo !important;
|
||||
}
|
||||
.wall-item-content {
|
||||
margin-left: 10px;
|
||||
overflow: auto;
|
||||
font-size: $font_size;
|
||||
}
|
||||
|
||||
.wall-item-content img {
|
||||
max-width: 95% !important;
|
||||
}
|
||||
|
||||
.wall-item-title {
|
||||
float: left;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.wall-item-title-end {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.thread-wrapper.toplevel_item {
|
||||
width: 92%;
|
||||
max-width: $converse_width;
|
||||
}
|
||||
|
||||
.wall-item-body {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.wall-item-body.divmore {
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
|
||||
.wall-item-tools {
|
||||
clear: both;
|
||||
padding: 5px 10px;
|
||||
}
|
||||
|
||||
.wall-item-like, .wall-item-dislike {
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.wall-item-author {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.comment-edit-photo {
|
||||
margin-top: 10px;
|
||||
margin-left: 10px;
|
||||
margin-bottom: 10px;
|
||||
width: 100px;
|
||||
float: left;
|
||||
}
|
||||
.comment-wwedit-wrapper.threaded > .comment-edit-form > .comment-edit-photo {
|
||||
width: 40px;
|
||||
}
|
||||
|
||||
.comment-edit-photo img {
|
||||
width: $reply_photo;
|
||||
}
|
||||
.comment-edit-text-empty, .comment-edit-text-full {
|
||||
float: left;
|
||||
margin-top: 10px;
|
||||
padding: 3px 1px 1px 3px;
|
||||
border: 1px solid #ccc;
|
||||
padding: 8px;
|
||||
border-radius: $radiuspx;
|
||||
}
|
||||
|
||||
.comment-edit-text-empty {
|
||||
color: gray;
|
||||
height: 1.0em;
|
||||
width: 270px;
|
||||
overflow: auto;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.comment-wwedit-wrapper.threaded > .comment-edit-form > .comment-edit-text-empty {
|
||||
height: 1.5em;
|
||||
}
|
||||
|
||||
.comment-edit-text-full {
|
||||
color: black;
|
||||
height: 150px;
|
||||
width: 80%;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
|
||||
.comment-edit-text-end {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.comment-edit-submit {
|
||||
margin: 10px 0px 10px 110px;
|
||||
}
|
||||
|
||||
.comment-wwedit-wrapper.threaded > .comment-edit-form > .comment-edit-submit-wrapper > .comment-edit-submit {
|
||||
margin-left: 50px;
|
||||
}
|
||||
|
||||
#profile-jot-submit-wrapper {
|
||||
margin-top: 10px;
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
#profile-upload-wrapper {
|
||||
float: left;
|
||||
margin-left: 15px;
|
||||
}
|
||||
#profile-attach-wrapper {
|
||||
float: left;
|
||||
margin-left: 15px;
|
||||
}
|
||||
#profile-rotator {
|
||||
float: left;
|
||||
margin: 8px 0px 0px 20px;
|
||||
color: #777;
|
||||
}
|
||||
#profile-link-wrapper {
|
||||
float: left;
|
||||
margin-left: 15px;
|
||||
}
|
||||
/* might be obsolete
|
||||
#profile-youtube-wrapper {
|
||||
float: left;
|
||||
margin-left: 15px;
|
||||
}
|
||||
#profile-video-wrapper {
|
||||
float: left;
|
||||
margin-left: 15px;
|
||||
}
|
||||
#profile-audio-wrapper {
|
||||
float: left;
|
||||
margin-left: 15px;
|
||||
}
|
||||
#profile-location-wrapper {
|
||||
float: left;
|
||||
margin-left: 15px;
|
||||
}
|
||||
#profile-expire-wrapper {
|
||||
float: left;
|
||||
margin-left: 15px;
|
||||
}
|
||||
#profile-encrypt-wrapper {
|
||||
float: left;
|
||||
margin-left: 15px;
|
||||
}
|
||||
#jot-preview-link {
|
||||
float: left;
|
||||
margin-left: 45px;
|
||||
margin-top: 0px !important;
|
||||
}
|
||||
|
||||
#profile-nolocation-wrapper {
|
||||
float: left;
|
||||
margin-left: 15px;
|
||||
}
|
||||
#profile-title-wrapper {
|
||||
float: left;
|
||||
margin-left: 15px;
|
||||
}
|
||||
|
||||
#profile-jot-perms {
|
||||
float: right;
|
||||
background-color: $toolicon_colour;
|
||||
border: 1px solid #666;
|
||||
border-right: none;
|
||||
border-radius: $radiuspx 0px 0px $radiuspx;
|
||||
padding: 6px;
|
||||
}
|
||||
|
||||
#profile-jot-perms-end {
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
#profile-jot-plugin-end{
|
||||
clear: both;
|
||||
}
|
||||
.profile-jot-net {
|
||||
float: left;
|
||||
margin-right: 10px;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
#profile-jot-networks-end {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
#profile-jot-end {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
#about-jot-submit-wrapper {
|
||||
margin-top: 15px;
|
||||
}
|
||||
#about-jot-end {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
*/
|
||||
|
||||
#contacts-main {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
@ -1277,6 +869,8 @@ div.dirtagblock.widget {
|
||||
|
||||
/* TinyMCE */
|
||||
|
||||
/* TODO: this should, if needed at all, probably go to custom_tinymce.css
|
||||
|
||||
DIV#profile-jot-text_toolbargroup{
|
||||
background: #FFF;
|
||||
border: 1px #111;
|
||||
@ -1290,43 +884,9 @@ box-shadow: 5px 5px 5px #000 inset !important;}
|
||||
tr.mceLast {
|
||||
|
||||
}
|
||||
*/
|
||||
|
||||
/* Not MCE */
|
||||
|
||||
#profile-jot-text {
|
||||
height: 1.8em;
|
||||
color:#000;
|
||||
border: 1px solid #cccccc;
|
||||
padding: 8px;
|
||||
margin-right: 0px;
|
||||
width: 90%;
|
||||
-moz-border-radius: $radiuspx;
|
||||
border-radius: $radiuspx;
|
||||
}
|
||||
|
||||
#profile-jot-text::-moz-placeholder {
|
||||
font-size:1.5em;
|
||||
}
|
||||
|
||||
#profile-jot-text:focus::-moz-placeholder {
|
||||
color: transparent;
|
||||
}
|
||||
|
||||
#profile-jot-text::-webkit-input-placeholder {
|
||||
font-size:1.5em;
|
||||
}
|
||||
|
||||
#profile-jot-text:focus::-webkit-input-placeholder {
|
||||
color: transparent;
|
||||
}
|
||||
|
||||
#profile-jot-text-loading {
|
||||
float: left;
|
||||
margin: 14px 0px 0px 12px;
|
||||
color: #777;
|
||||
}
|
||||
|
||||
.wall-item-photo, .photo, .contact-block-img, .my-comment-photo {
|
||||
.photo, .contact-block-img {
|
||||
border-radius: $radiuspx;
|
||||
-moz-border-radius: $radiuspx;
|
||||
box-shadow: $shadowpx $shadowpx $shadowpx 0 #444444;
|
||||
@ -1376,30 +936,6 @@ tr.mceLast {
|
||||
box-shadow: 4px 4px 3px 0 #444444;
|
||||
}
|
||||
|
||||
#profile-jot-submit {
|
||||
height: 30px;
|
||||
width: 70px;
|
||||
background: linear-gradient(top, #0080ff 0%, #0080aa);
|
||||
background: -webkit-linear-gradient(top, #0080ff 0%, #0080aa);
|
||||
background: -moz-linear-gradient(top, #0080ff 0%, #0080aa);
|
||||
background: -o-linear-gradient(top, #0080ff 0%, #0080aa);
|
||||
background: -ms-linear-gradient(top, #0080ff 0%, #0080aa);
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
border-radius: 0px $radiuspx $radiuspx 0px;
|
||||
float: right;
|
||||
text-shadow: 1px 1px #111;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#profile-jot-submit:hover {
|
||||
background: linear-gradient(top, #0080aa 0%, #0080ff);
|
||||
background: -webkit-linear-gradient(top, #0080aa 0%, #0080ff);
|
||||
background: -moz-linear-gradient(top, #0080aa 0%, #0080ff);
|
||||
background: -o-linear-gradient(top, #0080aa 0%, #0080ff);
|
||||
background: -ms-linear-gradient(top, #0080aa 0%, #0080ff);
|
||||
}
|
||||
|
||||
#sidebar-page-list .label {
|
||||
margin-left: 5px;
|
||||
}
|
||||
@ -1742,11 +1278,6 @@ a.mail-list-link {
|
||||
|
||||
}
|
||||
|
||||
#profile-jot-wrapper {
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
|
||||
#settings-default-perms-menu {
|
||||
margin-top: 15px;
|
||||
margin-bottom: 15px;
|
||||
@ -2245,32 +1776,21 @@ a.mail-list-link {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.posttags a, .body-tag, .filesavetags, .categorytags {
|
||||
/* might be obsolete
|
||||
.posttags {
|
||||
opacity: 0.5;
|
||||
filter:alpha(opacity=50);
|
||||
}
|
||||
|
||||
.posttags a:hover, .body-tag:hover, .filesavetags:hover, .categorytags:hover {
|
||||
.posttags {
|
||||
opacity: 1.0 !important;
|
||||
filter:alpha(opacity=100) !important;
|
||||
}
|
||||
|
||||
.posttags, .body-tag {
|
||||
.posttags {
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
.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;
|
||||
@ -2456,10 +1976,6 @@ brain is weird like that */
|
||||
/* visibility: visible; */
|
||||
}
|
||||
|
||||
.wall-item-ago i {
|
||||
font-size: 0.6em;
|
||||
}
|
||||
|
||||
.icon {
|
||||
display: block; width: 16px; height: 16px;
|
||||
background-image: url('../../../../images/icons.png');
|
||||
@ -2508,21 +2024,7 @@ brain is weird like that */
|
||||
|
||||
.icon.dim { opacity: 0.3;filter:alpha(opacity=30); }
|
||||
|
||||
[class^="comment-edit-bb"] {
|
||||
list-style: none;
|
||||
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;
|
||||
}
|
||||
|
||||
|
||||
.body-attach {
|
||||
margin-top: 10px;
|
||||
@ -2569,29 +2071,6 @@ div.jGrowl div.info {
|
||||
top: 15px;
|
||||
right: 15px;
|
||||
}
|
||||
.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);
|
||||
}
|
||||
|
||||
|
||||
#id_term_label {
|
||||
@ -3160,22 +2639,11 @@ margin-right: 50px;
|
||||
margin-left: -20px;
|
||||
}
|
||||
|
||||
.comment-icon,
|
||||
.admin-icons,
|
||||
.jot-icons {
|
||||
.admin-icons {
|
||||
font-size: 1.2em;
|
||||
color: $toolicon_colour;
|
||||
}
|
||||
|
||||
.comment-preview-icon {
|
||||
margin-left: 15px;
|
||||
}
|
||||
|
||||
.comment-icon:hover,
|
||||
.jot-icons:hover {
|
||||
color: $toolicon_activecolour;
|
||||
}
|
||||
|
||||
.nav-icon {
|
||||
font-size: 1.4em;
|
||||
margin-right: 15px;
|
||||
@ -3244,3 +2712,270 @@ img.mail-list-sender-photo {
|
||||
-moz-border-radius: $radiuspx;
|
||||
border-radius: $radiuspx;
|
||||
}
|
||||
|
||||
/* jot */
|
||||
|
||||
#jot-title,
|
||||
#jot-category,
|
||||
#jot-pagetitle {
|
||||
font-weight: bold;
|
||||
border: solid 1px #ffffff;
|
||||
border-radius: $radiuspx;
|
||||
}
|
||||
|
||||
#jot-category::-webkit-input-placeholder {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#jot-category:-moz-placeholder {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#jot-title::-webkit-input-placeholder {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#jot-title:-moz-placeholder {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#jot-pagetitle::-webkit-input-placeholder {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#jot-pagetitle:-moz-placeholder {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#jot-title:hover,
|
||||
#jot-title:focus,
|
||||
#jot-pagetitle:hover,
|
||||
#jot-pagetitle:focus,
|
||||
#jot-category:hover,
|
||||
#jot-category:focus {
|
||||
border: 1px solid #cccccc;
|
||||
}
|
||||
|
||||
#profile-jot-text {
|
||||
color:#000;
|
||||
border: 1px solid #cccccc;
|
||||
-moz-border-radius: $radiuspx;
|
||||
border-radius: $radiuspx;
|
||||
}
|
||||
|
||||
#profile-jot-text::-webkit-input-placeholder {
|
||||
font-size:1.5em;
|
||||
}
|
||||
|
||||
#profile-jot-text::-moz-placeholder {
|
||||
font-size:1.5em;
|
||||
}
|
||||
|
||||
#profile-jot-text:focus::-webkit-input-placeholder {
|
||||
color: transparent;
|
||||
}
|
||||
|
||||
#profile-jot-text:focus::-moz-placeholder {
|
||||
color: transparent;
|
||||
}
|
||||
|
||||
#profile-jot-text-loading {
|
||||
color: #777;
|
||||
}
|
||||
|
||||
#profile-jot-submit {
|
||||
background: linear-gradient(top, #0080ff 0%, #0080aa);
|
||||
background: -webkit-linear-gradient(top, #0080ff 0%, #0080aa);
|
||||
background: -moz-linear-gradient(top, #0080ff 0%, #0080aa);
|
||||
background: -o-linear-gradient(top, #0080ff 0%, #0080aa);
|
||||
background: -ms-linear-gradient(top, #0080ff 0%, #0080aa);
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
border-radius: 0px $radiuspx $radiuspx 0px;
|
||||
text-shadow: 1px 1px #111;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#profile-jot-submit:hover {
|
||||
background: linear-gradient(top, #0080aa 0%, #0080ff);
|
||||
background: -webkit-linear-gradient(top, #0080aa 0%, #0080ff);
|
||||
background: -moz-linear-gradient(top, #0080aa 0%, #0080ff);
|
||||
background: -o-linear-gradient(top, #0080aa 0%, #0080ff);
|
||||
background: -ms-linear-gradient(top, #0080aa 0%, #0080ff);
|
||||
}
|
||||
|
||||
#profile-jot-perms {
|
||||
background-color: $toolicon_colour;
|
||||
border: 1px solid #666;
|
||||
border-right: none;
|
||||
border-radius: $radiuspx 0px 0px $radiuspx;
|
||||
}
|
||||
|
||||
#profile-rotator {
|
||||
color: #777;
|
||||
}
|
||||
|
||||
.jot-icons {
|
||||
font-size: 1.2em;
|
||||
color: $toolicon_colour;
|
||||
}
|
||||
|
||||
.jot-icons:hover {
|
||||
color: $toolicon_activecolour;
|
||||
}
|
||||
|
||||
/* conversation */
|
||||
|
||||
.thread-wrapper .wall-item-comment-wrapper,
|
||||
.wall-item-content-wrapper.comment {
|
||||
margin-left: $comment_indent;
|
||||
border-left: 2px solid #eee;
|
||||
}
|
||||
|
||||
.thread-wrapper .toplevel_item {
|
||||
max-width: $converse_width;
|
||||
}
|
||||
|
||||
/* conv_item */
|
||||
|
||||
.wall-item-content-wrapper {
|
||||
border-radius: $radiuspx;
|
||||
background-color: $item_colour;
|
||||
opacity: $item_opacity;
|
||||
}
|
||||
|
||||
.wallwall .wwto {
|
||||
top: $wwtop;
|
||||
}
|
||||
|
||||
.wall-item-photo-menu-button {
|
||||
background-image: url("../img/photo-menu.jpg");
|
||||
background-position: top left;
|
||||
background-repeat: no-repeat;
|
||||
top: $pmenu_top;
|
||||
}
|
||||
|
||||
.wall-item-photo-menu {
|
||||
border: 2px solid #444444;
|
||||
background: #FFFFFF;
|
||||
top: $top_photo;
|
||||
}
|
||||
|
||||
.wall-item-photo-menu ul {
|
||||
list-style: none
|
||||
}
|
||||
|
||||
.wall-item-photo-menu li a:hover {
|
||||
color: #FFFFFF;
|
||||
background: #3465A4;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.comment .wall-item-photo-menu-button {
|
||||
top: $pmenu_reply;
|
||||
}
|
||||
|
||||
.comment .wall-item-photo-menu {
|
||||
top: $reply_photo;
|
||||
}
|
||||
|
||||
.wall-item-photo {
|
||||
border: none;
|
||||
width: $top_photo !important;
|
||||
height: $top_photo !important;
|
||||
|
||||
}
|
||||
|
||||
.comment .wall-item-photo {
|
||||
width: $reply_photo !important;
|
||||
height: $reply_photo !important;
|
||||
}
|
||||
|
||||
.wall-item-photo {
|
||||
border-radius: $radiuspx;
|
||||
-moz-border-radius: $radiuspx;
|
||||
box-shadow: $shadowpx $shadowpx $shadowpx 0 #444444;
|
||||
}
|
||||
|
||||
.wall-item-arrowphoto-wrapper {
|
||||
top: $wwtop;
|
||||
}
|
||||
|
||||
.wall-item-lock {
|
||||
font-size: 1.2em;
|
||||
color: $toolicon_colour;
|
||||
}
|
||||
|
||||
.wall-item-ago .icon-ok {
|
||||
color: darkgreen;
|
||||
}
|
||||
|
||||
|
||||
.wall-item-ago {
|
||||
color: #777;
|
||||
font-size: 0.8em;
|
||||
}
|
||||
|
||||
.wall-item-ago i {
|
||||
font-size: 0.6em;
|
||||
}
|
||||
|
||||
.wall-item-content {
|
||||
font-size: $font_size;
|
||||
}
|
||||
|
||||
.item-tool {
|
||||
font-size: 1.2em;
|
||||
color: $toolicon_colour;
|
||||
}
|
||||
|
||||
.item-tool:hover {
|
||||
color: $toolicon_activecolour;
|
||||
}
|
||||
|
||||
.drop-icons.item-tool {
|
||||
color: $toolicon_colour;
|
||||
}
|
||||
|
||||
.like-rotator {
|
||||
color: $toolicon_colour;
|
||||
}
|
||||
|
||||
/* comment_item */
|
||||
|
||||
.my-comment-photo {
|
||||
border-radius: $radiuspx;
|
||||
-moz-border-radius: $radiuspx;
|
||||
box-shadow: $shadowpx $shadowpx $shadowpx 0 #444444;
|
||||
}
|
||||
|
||||
.comment-edit-photo img {
|
||||
width: $reply_photo;
|
||||
}
|
||||
|
||||
[class^="comment-edit-bb"] {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.comment-icon {
|
||||
font-size: 1.2em;
|
||||
color: $toolicon_colour;
|
||||
}
|
||||
|
||||
.comment-icon:hover {
|
||||
color: $toolicon_activecolour;
|
||||
}
|
||||
|
||||
.comment-edit-text-empty,
|
||||
.comment-edit-text-full {
|
||||
border: 1px solid #ccc;
|
||||
border-radius: $radiuspx;
|
||||
}
|
||||
|
||||
.comment-edit-text-empty {
|
||||
color: gray;
|
||||
}
|
||||
|
||||
.comment-edit-text-full {
|
||||
color: black;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user