clipbucket/upload/styles/cbv3/theme/feeds.css

248 lines
6.4 KiB
CSS
Raw Normal View History

2012-11-21 11:54:43 +00:00
.feed
{
width: 570px;
line-height: 20px;
}
.feed .feed-author{width: 42px; height: 42px; overflow: hidden;
border: 1px solid #000; float: left; margin-right: 12px}
.feed .feed-author{width: 42px; }
.feed .feed-context{float: left; width: 514px}
.feed .feed-context .feed-author-name{font-size: 12px; font-weight: bold; line-height: 12px}
.feed .feed-context .feed-message{font-size:12px }
.feed .feed-context .feed-content{
background-color: #f8f8f8;
border: 1px solid #c6c6c6;
border-radius: 3px;
box-shadow: 0px 1px 0px #fff;
padding: 5px; margin-top: 5px;
position: relative;
padding-left: 135px;
font-size: 11px;
font-family: Tahoma;
line-height: 15px;
height: 90px;
}
.feed .feed-context .feed-content .content-thumb{
position: absolute; left: 5px; overflow: hidden; height: 90px;
}
.feed .feed-context .feed-content .content-thumb img{
max-width: 120px;
}
.feed .feed-context .feed-content .content-title a,
.feed .feed-context .feed-content .content-title{
font-weight: bold;
text-decoration: none
}
.feed .feed-context .feed-content .content-caption a,
.feed .feed-context .feed-content .content-caption{
color: #acacac;
text-decoration: none
}
.feed .feed-context .feed-content .content-description{
margin-top: 3px;
color: #5c5c5c
}
.feed .feed-options{font-size: 11px; color: #000; margin-top: 5px}
.feed .feed-options .feed-action-buttons{float: left;
display: inline-block; font-weight: bold}
.feed .feed-options .feed-time{float: right;
display: inline-block}
.feed .feed-interaction{font-size: 11px; line-height: 15px; margin-bottom: 10px}
.feed .feed-interaction .feed-likes
{
background-color: #f8f8f8; margin-bottom: 1px;
padding: 6px; font-size: 11px; font-weight: bold;
}
.feed .feed-interaction .feed-triangle{
width: 0px;
height: 0px;
border-style: solid;
border-width: 0 6.5px 8px 6.5px;
border-color: transparent transparent #f8f8f8 transparent;
margin-left: 22px;
}
.feed .feed-comment{
font-size: 11px;
background-color: #f8f8f8; margin-bottom: 1px;
position: relative;
padding: 6px;
padding-left:43px;
}
.feed .feed-comment-author{
position: absolute; left: 6px; overflow: hidden;
}
.feed .feed-comment-author img{width: 32px}
.feed .feed-comment .feed-comment-likes{margin-top:5px}
.feed .feed-comment .comment-field{width:97%; height: 20px}
.feed-like-link{text-decoration: none; cursor: pointer}
.add-comment-field{position: relative}
.comment-field-backend{position: absolute; top: 5px; left: 8px; color:transparent;
font-size: 14px; line-height: 20px; width: 449px;
word-wrap: break-word; word-break: break-all;
white-space:pre;
cursor:text}
.comment-field { background-color: transparent;resize: none;}
.new_post_box{
position: relative;
min-height: 60px;
margin-bottom: 25px;
}
.post_user_thumb{
position: absolute;
width: 40px;
height: 40px;
}
.new_post_container{
margin-left: 50px;
border: 1px solid #ccc;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
background-color: #fff; margin-bottom: 5px
}
.new_post_container{
-webkit-border-top-left-radius: 0px !important;
-moz-border-radius-topleft: 0px !important;
border-top-left-radius: 0px !important;
}
.post_message_container{padding: 7px;}
.post_message{
display: block;
border: none;
box-shadow: none;
width: 100%; padding: 0px; resize: none;
}
.post_message:focus{ box-shadow: none}
.new_post_box .post_btns .btn:last-child{
-webkit-border-top-right-radius: 3px !important;
-moz-border-radius-topright: 3px !important;
border-top-right-radius: 3px !important;
-webkit-border-bottom-right-radius: 0px !important;
-moz-border-radius-bottomright: 0px !important;
border-bottom-right-radius: 0px !important;
}
.new_post_box .post_btns .btn:first-child{
-webkit-border-top-left-radius: 3px !important;
-moz-border-radius-topleft: 3px !important;
border-top-left-radius: 3px !important;
-webkit-border-bottom-left-radius: 0px !important;
-moz-border-radius-bottomleft: 0px !important;
border-bottom-left-radius: 0px !important;
}
.new_post_box .post_btns{margin-left: 50px; margin-bottom: -1px}
.post_options{
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
background-color: #eee
}
.post_options .btn{padding-left: 20px; padding-right: 20px;
border-radius: 0px ; font-weight: bold;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
border-bottom-right-radius: 4px;
2012-11-27 10:15:44 +00:00
}
.share_feed-content
{
box-shadow: 0px 1px 0px #fff;
padding: 5px; margin-top: 5px;
position: relative;
padding-left: 130px;
font-size: 11px;
font-family: Tahoma;
line-height: 15px;
height: 90px;
}
.share_feed-content .content-thumb{
position: absolute; left:0px; overflow: hidden; height: 90px;
}
.share_feed-content .content-thumb img{
max-width: 120px;
}
.share_feed-content .content-title a,
.share_feed-content .content-title{
font-weight: bold;
text-decoration: none
}
.share_feed-content .content-caption a,
.share_feed-content .content-caption{
color: #acacac;
text-decoration: none
}
.share_feed-content .content-description{
margin-top: 3px;
color: #5c5c5c
}
.share_feed_modal_text,.share_feed_modal_text:focus,
.share_feed_target,.share_feed_target:focus
{
border:0px !important;
padding: 0px !important;
box-shadow: none !important;
resize:none !important;
width: 100% !important;
}
.share_feed_modal_form{margin-bottom: 0px}
.share_feed_target,.share_feed_target:focus{
width: 300px !important;
border: 1px solid #ccc !important;
height: 23px !important;
margin:0px !important;
margin-left:5px !important
}
#share_feed_modal ul.as-selections li{
float:none !important;
}
#share_feed_modal ul.as-selections{
border: none !important;
box-shadow: none !important;
padding:0px !important
}
.share_feed_target_container{width: 340px; display: inline-block;
vertical-align: top; margin-left: 10px; height: 28px; overflow: hidden}