Permalink
Browse files

more styling for post-options and [reply|repost]-box

  • Loading branch information...
1 parent ffe0ec9 commit 550aab74898ba6ec904fc79a7edcb1ce39b7ed9f @blaflamme blaflamme committed Apr 26, 2012
@@ -1,6 +1,6 @@
<div class="chatter-post-add-form">
<form class="form-vertical" action="${chatter_form_url}" method="POST">
- <div class="control-group clearfix">
+ <div class="control-group">
<div class="controls">
<textarea class="quip-text" name="text">${reply and '@%s ' % creator or ''}</textarea>
<tal:block condition="not reply">
@@ -31,7 +31,7 @@
${panel('chatter.post', chatter_form_url, post['creator'], False, post['quip_id'])}
</div>
<div class="option-box repost-box">
- <p>Repost this to your followers?</p>
+ <h3>Repost this to your followers?</h3>
<form action="${chatter_form_url}" method="POST">
<input type="hidden" name="text" value="${post['text']}" />
<input type="hidden" name="repost" value="${post['creator']}" />
@@ -77,7 +77,7 @@
}
.post-options {
color: #000000;
- background-color: #ffffff;
+ background-color: @bodyBg;
.css3_border_radius();
display: none;
a {
@@ -100,12 +100,23 @@
.quip {
padding: 5px 0 10px;
}
- .repost-box {
+ .repost-box, .reply-box {
+ margin-top: 20px;
+ padding: 10px;
+ background: @bodyBg;
+ .css3_border_radius(.5em);
display:none;
+ form {
+ padding: 0;
+ margin: 0;
+ }
+ .control-group {
+ padding-bottom: 0;
+ }
}
- .reply-box {
- display:none;
+ .repost-box {
+ text-align: center;
}
.post-options {
@@ -644,12 +644,13 @@ body>footer{border-top:2px solid #bcb3a8;background-color:#8f806f;color:#fff;tex
.panel-item-content{margin-left:48px;padding-left:.73em;min-height:48px;}.panel-item-content p{margin-bottom:0;}
.panel-item-content .fullname{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:bold;}
.panel-item-content .timeago-date,.panel-item-content .post-options{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:0.8em;padding:5px 10px;display:block;}
-.panel-item-content .post-options{color:#000000;background-color:#ffffff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;display:none;}.panel-item-content .post-options a{color:#000000;display:inline-block;padding:0 5px;text-align:center;vertical-align:middle;}.panel-item-content .post-options a:hover{text-decoration:underline;}
+.panel-item-content .post-options{color:#000000;background-color:#eadecc;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;display:none;}.panel-item-content .post-options a{color:#000000;display:inline-block;padding:0 5px;text-align:center;vertical-align:middle;}.panel-item-content .post-options a:hover{text-decoration:underline;}
.panel-item-content .post-options a i{padding-right:5px;}
.panel-item-content .reply i,.panel-item-content .repost i{padding-right:5px;}
.panel-item-content .quip{padding:5px 0 10px;}
-.panel-item-content .repost-box{display:none;}
-.panel-item-content .reply-box{display:none;}
+.panel-item-content .repost-box,.panel-item-content .reply-box{margin-top:20px;padding:10px;background:#eadecc;-webkit-border-radius:0.5em;-moz-border-radius:0.5em;border-radius:0.5em;-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;display:none;}.panel-item-content .repost-box form,.panel-item-content .reply-box form{padding:0;margin:0;}
+.panel-item-content .repost-box .control-group,.panel-item-content .reply-box .control-group{padding-bottom:0;}
+.panel-item-content .repost-box{text-align:center;}
.panel-item-content .post-options{display:none;}
#radar-panel{position:relative;overflow:hidden;padding:.889em;background-color:#aaaaaa;background-image:url('../img/vertical_stripes.png');background-position:top left;background-repeat:repeat;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}#radar-panel:before{content:"";font-size:0;position:absolute;top:0;left:-25%;width:150%;height:100%;-webkit-box-shadow:inset 0 0.2em 15px rgba(0, 0, 0, 0.4),inset 0 -0.1em 20px rgba(0, 0, 0, 0.4);-moz-box-shadow:inset 0 0.2em 15px rgba(0, 0, 0, 0.4),inset 0 -0.1em 20px rgba(0, 0, 0, 0.4);box-shadow:inset 0 0.2em 15px rgba(0, 0, 0, 0.4),inset 0 -0.1em 20px rgba(0, 0, 0, 0.4);pointer-events:none;}
#radar-panel .thereIsMore{text-shadow:0 1px 0 rgba(255, 255, 255, 0.4);}

0 comments on commit 550aab7

Please sign in to comment.