From 3fb9ba761a700a29407448001b1dc8b837343d73 Mon Sep 17 00:00:00 2001 From: Byron Date: Wed, 14 Dec 2011 23:02:57 -0600 Subject: correct posititon for comments form --- askbot/skins/default/media/style/style.css | 10 +++++----- askbot/skins/default/media/style/style.less | 14 ++++++++++---- 2 files changed, 15 insertions(+), 9 deletions(-) diff --git a/askbot/skins/default/media/style/style.css b/askbot/skins/default/media/style/style.css index b51f60d7..3a38a9cb 100644 --- a/askbot/skins/default/media/style/style.css +++ b/askbot/skins/default/media/style/style.css @@ -235,7 +235,7 @@ span.delete-icon:hover{background:url(../images/close-small-dark.png) top no-rep .question-page .post-update-info a{color:#444;} .question-page .post-update-info .gravatar{float:left;margin-right:4px;} .question-page .post-update-info p.tip{color:#444;line-height:13px;font-size:10px;} -.question-page .post-controls{font-size:11px;line-height:12px;min-width:200px;padding-left:5px;text-align:right;clear:left;float:right;margin-top:10px;}.question-page .post-controls a{color:#777;padding:0px 3px 3px 22px;cursor:pointer;border:none;font-size:12px;font-family:Arial;text-decoration:none;height:18px;display:block;float:right;line-height:18px;margin-top:-2px;margin-left:4px;} +.question-page .post-controls{font-size:11px;line-height:12px;min-width:200px;padding-left:5px;text-align:right;clear:left;float:right;margin-top:10px;margin-bottom:8px;}.question-page .post-controls a{color:#777;padding:0px 3px 3px 22px;cursor:pointer;border:none;font-size:12px;font-family:Arial;text-decoration:none;height:18px;display:block;float:right;line-height:18px;margin-top:-2px;margin-left:4px;} .question-page .post-controls a:hover{background-color:#f5f0c9;border-radius:3px;-ms-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px;} .question-page .post-controls .sep{color:#ccc;float:right;height:18px;font-size:18px;} .question-page .post-controls .question-delete,.question-page .answer-controls .question-delete{background:url(../images/delete.png) no-repeat center left;padding-left:16px;} @@ -260,13 +260,13 @@ span.delete-icon:hover{background:url(../images/close-small-dark.png) top no-rep .question-page .comments .controls a:hover{background-color:#f5f0c9;text-decoration:none;} .question-page .comments .button{color:#988e4c;font-size:11px;padding:3px;cursor:pointer;} .question-page .comments a{background-color:inherit;color:#1b79bd;padding:0;} -.question-page .comments form.post-comments{margin:3px 10px 7px 0px;} -.question-page .comments textarea{height:42px;width:100%;margin:12px 0 5px 1px;font-family:Arial;outline:none;overflow:auto;font-size:12px;line-height:140%;padding-left:2px;padding-top:4px;border:#cce6ec 3px solid;} +.question-page .comments form.post-comments{margin:3px 26px 0 42px;}.question-page .comments form.post-comments textarea{font-size:13px;line-height:1.3;} +.question-page .comments textarea{height:42px;width:100%;margin:7px 0 5px 1px;font-family:Arial;outline:none;overflow:auto;font-size:12px;line-height:140%;padding-left:2px;padding-top:4px;border:#cce6ec 3px solid;} .question-page .comments input{margin-left:10px;margin-top:1px;vertical-align:top;width:100px;} -.question-page .comments button{background:url(../images/small-button-blue.png) repeat-x top;border:0;color:#4a757f;font-family:Arial;font-size:13px;width:100px;font-weight:bold;height:27px;line-height:25px;margin-top:-2px;cursor:pointer;border-radius:4px;-ms-border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-khtml-border-radius:4px;text-shadow:0px 1px 0px #e6f6fa;-moz-text-shadow:0px 1px 0px #e6f6fa;-webkit-text-shadow:0px 1px 0px #e6f6fa;-webkit-box-shadow:1px 1px 2px #808080;-moz-box-shadow:1px 1px 2px #808080;box-shadow:1px 1px 2px #808080;float:left;} +.question-page .comments button{background:url(../images/small-button-blue.png) repeat-x top;border:0;color:#4a757f;font-family:Arial;font-size:13px;width:100px;font-weight:bold;height:27px;line-height:25px;margin-bottom:5px;cursor:pointer;border-radius:4px;-ms-border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-khtml-border-radius:4px;text-shadow:0px 1px 0px #e6f6fa;-moz-text-shadow:0px 1px 0px #e6f6fa;-webkit-text-shadow:0px 1px 0px #e6f6fa;-webkit-box-shadow:1px 1px 2px #808080;-moz-box-shadow:1px 1px 2px #808080;box-shadow:1px 1px 2px #808080;} .question-page .comments button:hover{background:url(../images/small-button-blue.png) bottom repeat-x;text-shadow:0px 1px 0px #c6d9dd;-moz-text-shadow:0px 1px 0px #c6d9dd;-webkit-text-shadow:0px 1px 0px #c6d9dd;} .question-page .comments .counter{display:inline-block;width:245px;float:right;color:#b6a475 !important;vertical-align:top;font-family:Arial;float:right;text-align:right;} -.question-page .comments .comment{border-bottom:1px solid #edeeeb;margin:0;margin-top:8px;padding-bottom:4px;overflow:auto;font-family:Arial;font-size:11px;min-height:25px;background:#ffffff url(../images/comment-background.png) bottom repeat-x;border-radius:5px;-ms-border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;} +.question-page .comments .comment{border-bottom:1px solid #edeeeb;clear:both;margin:0;margin-top:8px;padding-bottom:4px;overflow:auto;font-family:Arial;font-size:11px;min-height:25px;background:#ffffff url(../images/comment-background.png) bottom repeat-x;border-radius:5px;-ms-border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;} .question-page .comments div.comment:hover{background-color:#efefef;} .question-page .comments a.author{background-color:inherit;color:#1b79bd;padding:0;} .question-page .comments a.author:hover{text-decoration:underline;} diff --git a/askbot/skins/default/media/style/style.less b/askbot/skins/default/media/style/style.less index 12157c90..6c21e6d3 100644 --- a/askbot/skins/default/media/style/style.less +++ b/askbot/skins/default/media/style/style.less @@ -1619,6 +1619,7 @@ span.delete-icon:hover { clear: left; float: right; margin-top:10px; + margin-bottom:8px; a { color: #777; @@ -1758,13 +1759,18 @@ span.delete-icon:hover { } form.post-comments { - margin: 3px 10px 7px 0px; + margin: 3px 26px 0 42px; + textarea{ + font-size: 13px; + line-height: 1.3; + + } } textarea { height: 42px; width:100%; - margin: 12px 0 5px 1px; + margin: 7px 0 5px 1px; font-family: @body-font; outline: none; overflow:auto; @@ -1791,12 +1797,11 @@ span.delete-icon:hover { font-weight:bold; height:27px; line-height:25px; - margin-top:-2px; + margin-bottom:5px; cursor:pointer; .rounded-corners(4px); .text-shadow(0px,1px,0px,#E6F6FA); .box-shadow(1px, 1px, 2px, #808080); - float:left; } button:hover{ background: url(../images/small-button-blue.png) bottom repeat-x; @@ -1814,6 +1819,7 @@ span.delete-icon:hover { } .comment { border-bottom: 1px solid #edeeeb; + clear:both; margin: 0; margin-top:8px; padding-bottom:4px; -- cgit v1.2.3-1-g7c22