margin-top: 20px;
}
-textarea { font-size: 20px; }
-
-
#panel {
position: absolute;
width: 10em;
}
#nav-notifications-linkmenu.on .icon.s22.notify,
- #nav-notifications-linkmenu.selected .icon.s22.notify { background-image: url("../../../images/icons/22/notify_on.png") }
+ #nav-notifications-linkmenu.selected .icon.s22.notify { background-image: url("../../../images/icons/22/notify_on.png") }
+ #nav-introductions-link.on .icon.s22.intro,
+ #nav-introductions-link.selected .icon.s22.intro { background-image: url("icons/contacts_on.png") }
+ #nav-messages-link.on .icon.s22.mail,
+ #nav-messages-link.selected .icon.s22.mail { background-image: url("icons/messages_on.png") }
#nav-apps-link.selected { background-color: @NavbarSelectedBg; }
}
}
/* autocomplete popup */
+.autocomplete,
.acpopup {
max-height:150px;
background-color:@MenuBg;
color: @Menu;
- border:1px solid #MenuBorder;
+ border:1px solid @MenuBorder;
overflow:auto;
z-index:100000;
.shadow();
}
+.autocomplete > div,
.acpopupitem {
color: @MenuItem; padding: 4px;
clear:left;
+ overflow: auto;
+ height: auto;
img {
float: left;
margin-right: 4px;
+ width: 16px !important;
+ height: 16px !important;
}
&.selected{
background-color: @MenuItemHoverBg;
max-width: 720px;
word-wrap: break-word;
}
- .wall-item-content img { max-width: 710px; }
+ .wall-item-content img { max-width: 700px; }
.wall-item-links,
.wall-item-actions {
display: table-cell;
a { float: right; }
input { float: right; }
}
-
+
}
.contact-photo-wrapper { margin-left: 16px; }
.contact-photo {
width: 32px; height: 32px;
- }
+ }
+
.contact-photo-menu-button {
top: 15px !important;
left: 0px !important;
}
.wall-item-links { padding-left: 12px; }
+
+ .commentbox {
+ height: 0px;
+ overflow: hidden;
+ .wall-item-comment-wrapper {
+ border-top: 1px solid @CommentBoxEmptyBorderColor;
+ height: 0px; overflow: hidden;
+ }
+ .transition();
+ }
+
+ &:hover .commentbox {
+ height:auto; overflow: visible;
+ .wall-item-comment-wrapper {
+ border-top: 0px;
+ height:auto;overflow: visible;
+ }
+ .transition();
+ }
}
/* 'tag' item type */
.wall-item-comment-wrapper {
margin: 1em 2em 1em 60px;
.comment-edit-photo { display: none; }
+
textarea {
height: 1em; width: 100%; font-size: 10px;
color: @CommentBoxEmptyColor;
padding:0.3em;
}
.comment-edit-text-full {
- font-size: 20px;
height: 4em;
color: @CommentBoxFullColor;
border: 1px solid @CommentBoxFullBorderColor;
}
-
}
.threaded .wall-item-comment-wrapper { margin-left: 0px; }
.wall-item-tags { padding-top: 5px; }
.tag {
- background: url("../../../images/tag_b.png") no-repeat center left;
+ background: url("icons/tag.png") no-repeat center right;
color: @TagColor;
+ padding-right: 8px;
padding-left: 3px;
- a {
- padding-right: 8px;
- background: url("../../../images/tag.png") no-repeat center right;
- color: @TagColor;
- }
+ a { color: @TagColor; }
}
-.filesavetags {
+.mention {
+ background: url("icons/men.png") no-repeat 1px center;
+ color: @MentionColor;
+ padding-right: 3px;
+ padding-left: 18px;
+ a { color: @MentionColor; }
+}
+.folder {
+ background: url("icons/folder.png") no-repeat 1px center;
+ color: @MentionColor;
+ padding-right: 3px;
+ padding-left: 15px;
+ a { color: @MentionColor; }
+}
+.category {
+ background: url("icons/category.png") no-repeat 1px center;
+ color: @MentionColor;
+ padding-right: 3px;
+ padding-left: 15px;
+ a { color: @MentionColor; }
+}
+/*.filesavetags {
padding: 3px 0px 3px 0px;
opacity: 0.5;
-}
+}*/
.wwto {
position: absolute !important;
}
.wwto .contact-photo { width: 25px; height: 25px; }
+/* reshare */
+.wall-item-container .wall-item-content .type-link img,
+.type-link img {
+ max-width: 160px;
+ max-height: 160px;
+ float: left;
+ margin-right: 10px;
+}
+.type-link {
+ blockquote {
+ margin-left: 160px;
+ max-height: 160px;
+ overflow: hidden;
+ }
+ .oembed {}
+}
+
+.shared_header {
+ height: 32px;
+ color: #999;
+ border-top: 1px solid @ThreadBottomBorderColor;
+ padding-top: 5px;
+ margin-top: 5px;
+
+ img {
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ border-radius: 4px;
+ float: left;
+ }
+
+ span { margin-left: 9px; }
+}
+
+
+blockquote.shared_content {
+ margin-left: 32px;
+ color: #000;
+ border: none;
+}
+
+
/* threaded comments */
.children {
.contact-photo-wrapper { position: relative; }
+.contact-select { position: absolute; top:64px; left:64px; display:none; }
+.contact-select:checked,
+.contact-photo:hover .contact-select { display:block; }
+#contats-actions { clear: both; }
.contact-photo {
width: 48px; height: 48px;
img { width: 48px; height: 48px; }
color: @CommentBoxEmptyColor;
border: 1px solid @CommentBoxEmptyBorderColor;
padding:0.3em;
-
- &:focus { font-size: 20px; }
}
#jot-tools {
.videobb:hover { background-position: -112px -16px; }
+/** range input css **/
+/* slider root element */
+.slider {
+ height:2px;
+ position:relative;
+ cursor:pointer;
+ border:1px solid #333;
+ width:200px;
+ margin:10px 0px 10px 0px;
+ float: left;
+}
+
+/* progress bar (enabled with progress: true) */
+.progress {
+ height:9px;
+ background-color:#C5FF00;
+ display:none;
+ opacity:0.6;
+}
+
+/* drag handle */
+.handle {
+ background-color:#ccc;
+ height:16px;
+ width:8px;
+ top:-8px;
+ position:absolute;
+ display:block;
+ margin-top:1px;
+ border:1px solid #000;
+ cursor:move;
+ .roundbottom();
+ .shadow();
+
+}
+
+/* the input field */
+.range {
+ width: 20px!important;
+ font-size: 8pt;
+ margin-left: 10px;
+ border: 0px;
+ color: @FieldHelpColor;
+}
+