split conversation.css out of style.css
This commit is contained in:
marijus
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/prettyphoto/css/prettyPhoto.css');
|
||||||
head_add_css('library/colorbox/colorbox.css');
|
head_add_css('library/colorbox/colorbox.css');
|
||||||
// head_add_css('library/font_awesome/css/font-awesome.min.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.js');
|
||||||
head_add_js('js/jquery-migrate-1.1.1.js');
|
head_add_js('js/jquery-migrate-1.1.1.js');
|
||||||
|
|||||||
@@ -98,14 +98,6 @@ blockquote {
|
|||||||
padding: 5px;
|
padding: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hide-comments {
|
|
||||||
margin-left: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hide-comments-outer {
|
|
||||||
margin-left: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#panel {
|
#panel {
|
||||||
background-color: ivory;
|
background-color: ivory;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@@ -330,72 +322,11 @@ footer {
|
|||||||
margin: 15px 0 15px 150px;
|
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 {
|
.fakebutton {
|
||||||
margin-top: 15px;
|
margin-top: 15px;
|
||||||
margin-bottom: 15px;
|
margin-bottom: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.lockview {
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
#group-sidebar {
|
#group-sidebar {
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
}
|
}
|
||||||
@@ -703,382 +634,43 @@ footer {
|
|||||||
margin-bottom: 15px;
|
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 {
|
.thread-end-wrapper {
|
||||||
margin-left: 50px;
|
margin-left: 50px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* might be obsolete
|
||||||
.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;
|
|
||||||
}
|
|
||||||
|
|
||||||
.wall-item-delete-icon {
|
.wall-item-delete-icon {
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
*/
|
||||||
|
|
||||||
.wall-item-wrapper-end {
|
/* might be obsolete
|
||||||
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;
|
|
||||||
}
|
|
||||||
#profile-youtube-wrapper {
|
#profile-youtube-wrapper {
|
||||||
float: left;
|
float: left;
|
||||||
margin-left: 15px;
|
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 {
|
#profile-title-wrapper {
|
||||||
float: left;
|
float: left;
|
||||||
margin-left: 15px;
|
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{
|
#profile-jot-plugin-end{
|
||||||
clear: both;
|
clear: both;
|
||||||
}
|
}
|
||||||
.profile-jot-net {
|
|
||||||
float: left;
|
|
||||||
margin-right: 10px;
|
|
||||||
margin-top: 5px;
|
|
||||||
margin-bottom: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#profile-jot-networks-end {
|
#profile-jot-networks-end {
|
||||||
clear: both;
|
clear: both;
|
||||||
}
|
}
|
||||||
|
|
||||||
#profile-jot-end {
|
|
||||||
margin-bottom: 30px;
|
|
||||||
}
|
|
||||||
#about-jot-submit-wrapper {
|
#about-jot-submit-wrapper {
|
||||||
margin-top: 15px;
|
margin-top: 15px;
|
||||||
}
|
}
|
||||||
#about-jot-end {
|
#about-jot-end {
|
||||||
margin-bottom: 30px;
|
margin-bottom: 30px;
|
||||||
}
|
}
|
||||||
|
*/
|
||||||
|
|
||||||
#contacts-main {
|
#contacts-main {
|
||||||
margin-bottom: 30px;
|
margin-bottom: 30px;
|
||||||
}
|
}
|
||||||
@@ -1277,6 +869,8 @@ div.dirtagblock.widget {
|
|||||||
|
|
||||||
/* TinyMCE */
|
/* TinyMCE */
|
||||||
|
|
||||||
|
/* TODO: this should, if needed at all, probably go to custom_tinymce.css
|
||||||
|
|
||||||
DIV#profile-jot-text_toolbargroup{
|
DIV#profile-jot-text_toolbargroup{
|
||||||
background: #FFF;
|
background: #FFF;
|
||||||
border: 1px #111;
|
border: 1px #111;
|
||||||
@@ -1290,43 +884,9 @@ box-shadow: 5px 5px 5px #000 inset !important;}
|
|||||||
tr.mceLast {
|
tr.mceLast {
|
||||||
|
|
||||||
}
|
}
|
||||||
|
*/
|
||||||
|
|
||||||
/* Not MCE */
|
.photo, .contact-block-img {
|
||||||
|
|
||||||
#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 {
|
|
||||||
border-radius: $radiuspx;
|
border-radius: $radiuspx;
|
||||||
-moz-border-radius: $radiuspx;
|
-moz-border-radius: $radiuspx;
|
||||||
box-shadow: $shadowpx $shadowpx $shadowpx 0 #444444;
|
box-shadow: $shadowpx $shadowpx $shadowpx 0 #444444;
|
||||||
@@ -1376,30 +936,6 @@ tr.mceLast {
|
|||||||
box-shadow: 4px 4px 3px 0 #444444;
|
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 {
|
#sidebar-page-list .label {
|
||||||
margin-left: 5px;
|
margin-left: 5px;
|
||||||
}
|
}
|
||||||
@@ -1742,11 +1278,6 @@ a.mail-list-link {
|
|||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#profile-jot-wrapper {
|
|
||||||
margin-top: 25px;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
#settings-default-perms-menu {
|
#settings-default-perms-menu {
|
||||||
margin-top: 15px;
|
margin-top: 15px;
|
||||||
margin-bottom: 15px;
|
margin-bottom: 15px;
|
||||||
@@ -2245,32 +1776,21 @@ a.mail-list-link {
|
|||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.posttags a, .body-tag, .filesavetags, .categorytags {
|
/* might be obsolete
|
||||||
|
.posttags {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
filter:alpha(opacity=50);
|
filter:alpha(opacity=50);
|
||||||
}
|
}
|
||||||
|
|
||||||
.posttags a:hover, .body-tag:hover, .filesavetags:hover, .categorytags:hover {
|
.posttags {
|
||||||
opacity: 1.0 !important;
|
opacity: 1.0 !important;
|
||||||
filter:alpha(opacity=100) !important;
|
filter:alpha(opacity=100) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.posttags, .body-tag {
|
.posttags {
|
||||||
margin-top: 15px;
|
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 {
|
#item-delete-selected {
|
||||||
margin-top: 30px;
|
margin-top: 30px;
|
||||||
@@ -2456,10 +1976,6 @@ brain is weird like that */
|
|||||||
/* visibility: visible; */
|
/* visibility: visible; */
|
||||||
}
|
}
|
||||||
|
|
||||||
.wall-item-ago i {
|
|
||||||
font-size: 0.6em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.icon {
|
.icon {
|
||||||
display: block; width: 16px; height: 16px;
|
display: block; width: 16px; height: 16px;
|
||||||
background-image: url('../../../../images/icons.png');
|
background-image: url('../../../../images/icons.png');
|
||||||
@@ -2508,21 +2024,7 @@ brain is weird like that */
|
|||||||
|
|
||||||
.icon.dim { opacity: 0.3;filter:alpha(opacity=30); }
|
.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 {
|
.body-attach {
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
@@ -2569,29 +2071,6 @@ div.jGrowl div.info {
|
|||||||
top: 15px;
|
top: 15px;
|
||||||
right: 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 {
|
#id_term_label {
|
||||||
@@ -3160,22 +2639,11 @@ margin-right: 50px;
|
|||||||
margin-left: -20px;
|
margin-left: -20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.comment-icon,
|
.admin-icons {
|
||||||
.admin-icons,
|
|
||||||
.jot-icons {
|
|
||||||
font-size: 1.2em;
|
font-size: 1.2em;
|
||||||
color: $toolicon_colour;
|
color: $toolicon_colour;
|
||||||
}
|
}
|
||||||
|
|
||||||
.comment-preview-icon {
|
|
||||||
margin-left: 15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.comment-icon:hover,
|
|
||||||
.jot-icons:hover {
|
|
||||||
color: $toolicon_activecolour;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nav-icon {
|
.nav-icon {
|
||||||
font-size: 1.4em;
|
font-size: 1.4em;
|
||||||
margin-right: 15px;
|
margin-right: 15px;
|
||||||
@@ -3244,3 +2712,270 @@ img.mail-list-sender-photo {
|
|||||||
-moz-border-radius: $radiuspx;
|
-moz-border-radius: $radiuspx;
|
||||||
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