Redesigned the new question view i Askbot mitx-skin
This commit is contained in:
Reda Lemeden
@@ -2175,28 +2175,6 @@ ul#related-tags li {
|
||||
font-weight: bold;
|
||||
font-size: 24px; }
|
||||
|
||||
#fmask {
|
||||
margin-bottom: 30px;
|
||||
width: 100%; }
|
||||
|
||||
#askFormBar {
|
||||
display: inline-block;
|
||||
padding: 4px 7px 5px 0px;
|
||||
margin-top: 0px; }
|
||||
#askFormBar p {
|
||||
margin: 0 0 5px 0;
|
||||
font-size: 14px;
|
||||
color: #525252;
|
||||
line-height: 1.4; }
|
||||
#askFormBar .questionTitleInput {
|
||||
font-size: 24px;
|
||||
line-height: 24px;
|
||||
height: 36px;
|
||||
margin: 0px;
|
||||
padding: 0px 0 0 5px;
|
||||
border: #cce6ec 3px solid;
|
||||
width: 725px; }
|
||||
|
||||
.ask-page div#question-list, .edit-question-page div#question-list {
|
||||
float: none;
|
||||
border-bottom: #f0f0ec 1px solid;
|
||||
@@ -2236,20 +2214,10 @@ ul#related-tags li {
|
||||
color: #525252;
|
||||
font-size: 13px; }
|
||||
|
||||
.ask-page #id_tags, .edit-question-page #id_tags {
|
||||
border: #cce6ec 3px solid;
|
||||
height: 25px;
|
||||
padding-left: 5px;
|
||||
width: 395px;
|
||||
font-size: 14px; }
|
||||
|
||||
.title-desc {
|
||||
color: #707070;
|
||||
font-size: 13px; }
|
||||
|
||||
#id_title {
|
||||
width: 100%; }
|
||||
|
||||
.checkbox {
|
||||
margin-left: 5px;
|
||||
font-weight: normal;
|
||||
@@ -2752,10 +2720,6 @@ ins {
|
||||
|
||||
span.text-counter {
|
||||
margin-right: 20px; }
|
||||
span.form-error {
|
||||
color: #990000;
|
||||
font-weight: normal;
|
||||
margin-left: 5px; }
|
||||
|
||||
p.form-item {
|
||||
margin: 0px; }
|
||||
@@ -2806,12 +2770,6 @@ label.retag-error {
|
||||
margin-top: 10px;
|
||||
padding: 10px; }
|
||||
|
||||
span.form-error {
|
||||
color: #990000;
|
||||
font-size: 90%;
|
||||
font-weight: normal;
|
||||
margin-left: 5px; }
|
||||
|
||||
.favorites-empty {
|
||||
width: 32px;
|
||||
height: 45px;
|
||||
@@ -3208,7 +3166,7 @@ pre.prettyprint {
|
||||
padding: 3px;
|
||||
border: 0px solid #888; }
|
||||
|
||||
.light-button, form.answer-form div.preview-toggle a {
|
||||
.light-button, form.answer-form div.preview-toggle a, form.question-form div.preview-toggle a {
|
||||
-webkit-box-shadow: inset 0 1px 0 white;
|
||||
-moz-box-shadow: inset 0 1px 0 white;
|
||||
-ms-box-shadow: inset 0 1px 0 white;
|
||||
@@ -3233,7 +3191,7 @@ pre.prettyprint {
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
-webkit-font-smoothing: antialiased; }
|
||||
.light-button:hover, form.answer-form div.preview-toggle a:hover, .light-button:focus, form.answer-form div.preview-toggle a:focus {
|
||||
.light-button:hover, form.answer-form div.preview-toggle a:hover, form.question-form div.preview-toggle a:hover, .light-button:focus, form.answer-form div.preview-toggle a:focus, form.question-form div.preview-toggle a:focus {
|
||||
background-color: white;
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #d5d5d5));
|
||||
background-image: -webkit-linear-gradient(top, white, #d5d5d5);
|
||||
@@ -3617,7 +3575,6 @@ div.question-header div.question-container, div.answer-block div.question-contai
|
||||
box-sizing: border-box;
|
||||
padding: 3%;
|
||||
display: inline-block;
|
||||
margin: 15px 0 0;
|
||||
padding: 3%;
|
||||
width: 100%; }
|
||||
div.question-header div.question-container div.comments-container div.comments-content, div.answer-block div.question-container div.comments-container div.comments-content, div.question-header div.answer-block div.answer-container div.comments-container div.comments-content, div.answer-block div.question-header div.answer-container div.comments-container div.comments-content, div.answer-block div.answer-container div.comments-container div.comments-content {
|
||||
@@ -3649,17 +3606,30 @@ div.question-header div.question-container, div.answer-block div.question-contai
|
||||
div.question-header div.question-container div.comments-container div.comments-content div.comment aside.comment-controls div:hover, div.answer-block div.question-container div.comments-container div.comments-content div.comment aside.comment-controls div:hover, div.question-header div.answer-block div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div:hover, div.answer-block div.question-header div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div:hover, div.answer-block div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div:hover {
|
||||
opacity: 1; }
|
||||
div.question-header div.question-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-votes, div.answer-block div.question-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-votes, div.question-header div.answer-block div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-votes, div.answer-block div.question-header div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-votes, div.answer-block div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-votes {
|
||||
-webkit-transform: rotate(-90deg);
|
||||
-moz-transform: rotate(-90deg);
|
||||
-ms-transform: rotate(-90deg);
|
||||
-o-transform: rotate(-90deg);
|
||||
transform: rotate(-90deg);
|
||||
width: 16px; }
|
||||
div.question-header div.question-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-votes a.upvote, div.answer-block div.question-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-votes a.upvote, div.question-header div.answer-block div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-votes a.upvote, div.answer-block div.question-header div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-votes a.upvote, div.answer-block div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-votes a.upvote {
|
||||
background: url(../images/askbot/comment-vote-up.png) no-repeat 2px;
|
||||
cursor: pointer;
|
||||
font-size: 25px;
|
||||
color: green;
|
||||
display: block;
|
||||
margin-bottom: 6px;
|
||||
margin-top: 5px;
|
||||
overflow: hidden;
|
||||
text-decoration: none;
|
||||
color: green; }
|
||||
text-indent: -9999px;
|
||||
width: 20px; }
|
||||
div.question-header div.question-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-votes a.upvoted, div.answer-block div.question-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-votes a.upvoted, div.question-header div.answer-block div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-votes a.upvoted, div.answer-block div.question-header div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-votes a.upvoted, div.answer-block div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-votes a.upvoted {
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
-ms-border-radius: 3px;
|
||||
-o-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
background: #D1E3A8;
|
||||
color: green;
|
||||
font-weight: bold;
|
||||
margin-top: 10px;
|
||||
padding: 2px;
|
||||
text-indent: 0px; }
|
||||
div.question-header div.question-container div.comments-container div.comments-content div.comment aside.comment-controls hr, div.answer-block div.question-container div.comments-container div.comments-content div.comment aside.comment-controls hr, div.question-header div.answer-block div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls hr, div.answer-block div.question-header div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls hr, div.answer-block div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls hr {
|
||||
margin: 0; }
|
||||
div.question-header div.question-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-delete, div.answer-block div.question-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-delete, div.question-header div.answer-block div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-delete, div.answer-block div.question-header div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-delete, div.answer-block div.answer-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-delete {
|
||||
@@ -3699,8 +3669,12 @@ div.question-header div.question-container, div.answer-block div.question-contai
|
||||
margin-top: 5px;
|
||||
text-align: right; }
|
||||
div.question-header div.question-container div.comments-container div.controls, div.answer-block div.question-container div.comments-container div.controls, div.question-header div.answer-block div.answer-container div.comments-container div.controls, div.answer-block div.question-header div.answer-container div.comments-container div.controls, div.answer-block div.answer-container div.comments-container div.controls {
|
||||
border-top: 1px dashed #ddd;
|
||||
padding: 15px 0; }
|
||||
background: #f8f8f8;
|
||||
text-align: right; }
|
||||
div.question-header div.question-container div.comments-container div.controls a, div.answer-block div.question-container div.comments-container div.controls a, div.question-header div.answer-block div.answer-container div.comments-container div.controls a, div.answer-block div.question-header div.answer-container div.comments-container div.controls a, div.answer-block div.answer-container div.comments-container div.controls a {
|
||||
display: inline-block;
|
||||
font-size: 12px;
|
||||
margin: 10px 10px 10px 0; }
|
||||
|
||||
div.answer-controls {
|
||||
-webkit-box-sizing: border-box;
|
||||
@@ -3720,6 +3694,8 @@ div.answer-block {
|
||||
width: 100%; }
|
||||
div.answer-block img.answer-img-accept {
|
||||
margin: 10px 0px 10px 16px; }
|
||||
div.answer-block div.answered-by-owner {
|
||||
color: #4d1919; }
|
||||
|
||||
div.answer-own {
|
||||
border-top: 1px solid #eee;
|
||||
@@ -3727,7 +3703,7 @@ div.answer-own {
|
||||
padding-left: 8.178%;
|
||||
padding-top: 10px; }
|
||||
|
||||
form.answer-form {
|
||||
form.answer-form, form.question-form {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
-ms-box-sizing: border-box;
|
||||
@@ -3736,7 +3712,7 @@ form.answer-form {
|
||||
border-top: 1px solid #ddd;
|
||||
overflow: hidden;
|
||||
padding-left: 7.328%; }
|
||||
form.answer-form textarea {
|
||||
form.answer-form textarea, form.question-form textarea {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
-ms-box-sizing: border-box;
|
||||
@@ -3745,14 +3721,21 @@ form.answer-form {
|
||||
margin-top: 15px;
|
||||
resize: vertical;
|
||||
width: 99%; }
|
||||
form.answer-form span.form-error {
|
||||
display: block;
|
||||
form.answer-form div.form-item, form.question-form div.form-item {
|
||||
margin: 25px 0; }
|
||||
form.answer-form div.form-item label, form.question-form div.form-item label {
|
||||
display: block;
|
||||
margin-bottom: -5px; }
|
||||
form.answer-form span.form-error, form.question-form span.form-error, form.answer-form label.form-error, form.question-form label.form-error {
|
||||
color: #990000;
|
||||
display: inline;
|
||||
font-size: 90%;
|
||||
font-weight: bold;
|
||||
padding: 10px 0; }
|
||||
form.answer-form div.preview-toggle {
|
||||
form.answer-form div.preview-toggle, form.question-form div.preview-toggle {
|
||||
padding: 15px 0;
|
||||
width: auto; }
|
||||
form.answer-form .wmd-preview {
|
||||
form.answer-form .wmd-preview, form.question-form .wmd-preview {
|
||||
margin: 3px 0 15px 0;
|
||||
padding: 10px;
|
||||
background-color: #F5F5F5;
|
||||
@@ -3760,19 +3743,28 @@ form.answer-form {
|
||||
overflow: auto;
|
||||
font-size: 13px;
|
||||
font-family: Arial; }
|
||||
form.answer-form .wmd-preview p {
|
||||
form.answer-form .wmd-preview p, form.question-form .wmd-preview p {
|
||||
margin-bottom: 14px;
|
||||
line-height: 1.4;
|
||||
font-size: 14px; }
|
||||
form.answer-form .wmd-preview pre {
|
||||
form.answer-form .wmd-preview pre, form.question-form .wmd-preview pre {
|
||||
background-color: #E7F1F8; }
|
||||
form.answer-form .wmd-preview blockquote {
|
||||
form.answer-form .wmd-preview blockquote, form.question-form .wmd-preview blockquote {
|
||||
background-color: #eee; }
|
||||
|
||||
input.after-editor {
|
||||
margin-bottom: 20px;
|
||||
margin-right: 10px; }
|
||||
|
||||
form.question-form {
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin-top: -15px; }
|
||||
form.question-form input[type="text"] {
|
||||
width: 48.988%; }
|
||||
form.question-form input[type="checkbox"] {
|
||||
margin-top: 10px; }
|
||||
|
||||
#wmd-button-bar {
|
||||
background: url(static/images/askbot/editor-toolbar-background.png) repeat-x bottom;
|
||||
border: 1px solid #ddd;
|
||||
|
||||
Reference in New Issue
Block a user