diff --git a/css/application.css b/css/application.css index 2c27e538a9..54f3cedf0c 100644 --- a/css/application.css +++ b/css/application.css @@ -146,7 +146,7 @@ input, select { display: table; width: 100%; } -.button, input[type="submit"], input[type="button"], button { +.button, input[type="submit"], input[type="button"], button, div.question-header div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit { -webkit-box-shadow: inset 0 1px 0 #a2a2a2, 0 0 3px #cccccc; -moz-box-shadow: inset 0 1px 0 #a2a2a2, 0 0 3px #cccccc; -ms-box-shadow: inset 0 1px 0 #a2a2a2, 0 0 3px #cccccc; @@ -170,7 +170,7 @@ input, select { font: bold 14px "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; cursor: pointer; -webkit-font-smoothing: antialiased; } - .button:hover, input[type="submit"]:hover, input[type="button"]:hover, button:hover, .button:focus, input[type="submit"]:focus, input[type="button"]:focus, button:focus { + .button:hover, input[type="submit"]:hover, input[type="button"]:hover, button:hover, div.question-header div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit:hover, .button:focus, input[type="submit"]:focus, input[type="button"]:focus, button:focus, div.question-header div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit:focus { -webkit-box-shadow: inset 0 1px 0 #bbbbbb, 0 0 3px #cccccc; -moz-box-shadow: inset 0 1px 0 #bbbbbb, 0 0 3px #cccccc; -ms-box-shadow: inset 0 1px 0 #bbbbbb, 0 0 3px #cccccc; @@ -508,7 +508,6 @@ div.leanModal_box { box-sizing: border-box; display: none; border: none; - max-width: 600px; background: #fff; padding: 45.304px; } div.leanModal_box h1 { @@ -517,6 +516,8 @@ div.leanModal_box { padding-bottom: 22.652px; border-bottom: 1px solid #eee; margin-bottom: 22.652px; } + div.leanModal_box#enroll { + max-width: 600px; } div.leanModal_box form { text-align: left; } div.leanModal_box form div#enroll_error, div.leanModal_box form div#login_error { @@ -1928,31 +1929,6 @@ ul#related-tags li { .main-page h1 { margin-right: 5px; } -.delete-icon { - margin-top: -1px; - float: left; - height: 21px; - width: 18px; - display: block; - line-height: 20px; - text-align: center; - background: #bbcdcd; - cursor: default; - color: #fff; - border-top: #cfdbdb 1px solid; - font-family: Arial; - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; - -moz-border-radius-topright: 4px; - -moz-border-radius-bottomright: 4px; - -webkit-border-bottom-right-radius: 4px; - -webkit-border-top-right-radius: 4px; - text-shadow: 0px 1px 0px #7ea0a0; - -moz-text-shadow: 0px 1px 0px #7ea0a0; - -webkit-text-shadow: 0px 1px 0px #7ea0a0; } - .delete-icon:hover { - background: #b32f2f; } - .tag-number { font-weight: normal; float: left; @@ -3385,40 +3361,6 @@ ul.question-list { div.search-tips { display: block; } -div.post-update-info { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - -ms-box-sizing: border-box; - -o-box-sizing: border-box; - box-sizing: border-box; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - -ms-border-radius: 5px; - -o-border-radius: 5px; - border-radius: 5px; - background: #faf7e9; - padding: 10px; } - div.post-update-info a { - color: #993333; } - div.post-update-info div.change-date { - font-size: 12px; - margin-bottom: 10px; } - div.post-update-info div.avatar { - display: inline-block; - float: left; - margin-right: 3px; } - div.post-update-info div.avatar img.gravatar { - background: white; - border: 1px solid #eddfaa; - margin-right: 5px; - padding: 3px; - vertical-align: bottom; } - div.post-update-info div.user-meta { - display: inline-block; - width: 60%; } - div.post-update-info div.user-meta span.user-badges { - display: block; } - ul.tags { list-style: none; } ul.tags li, ul.tags a { @@ -3449,8 +3391,8 @@ ul.tags { div.question-header div.vote-buttons { display: inline-block; float: left; - width: 8.696%; - margin-right: 2.717%; } + margin-right: 2.717%; + width: 5.272%; } div.question-header div.vote-buttons ul li { background-position: center; background-repeat: no-repeat; @@ -3460,28 +3402,34 @@ div.question-header div.vote-buttons { list-style: none; padding: 10px; text-align: center; - width: 25px; } + width: 70%; } + div.question-header div.vote-buttons ul li.post-vote { + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + -o-border-radius: 4px; + border-radius: 4px; + background-color: #f9f4e1; } div.question-header div.vote-buttons ul li.question-img-upvote, div.question-header div.vote-buttons ul li.answer-img-upvote { - background-image: url(/static/images/askbot/vote-arrow-up-new.png); - background-color: #F6EFD4; } + background-image: url(/static/images/askbot/vote-arrow-up.png); } div.question-header div.vote-buttons ul li.question-img-upvote:hover, div.question-header div.vote-buttons ul li.question-img-upvote.on, div.question-header div.vote-buttons ul li.answer-img-upvote:hover, div.question-header div.vote-buttons ul li.answer-img-upvote.on { - background-image: url(/static/images/askbot/vote-arrow-up-on-new.png); } + background-color: #d1e3a8; } div.question-header div.vote-buttons ul li.question-img-downvote, div.question-header div.vote-buttons ul li.answer-img-downvote { - background-image: url(/static/images/askbot/vote-arrow-down-new.png); } + background-image: url(/static/images/askbot/vote-arrow-down.png); } div.question-header div.vote-buttons ul li.question-img-downvote:hover, div.question-header div.vote-buttons ul li.question-img-downvote.on, div.question-header div.vote-buttons ul li.answer-img-downvote:hover, div.question-header div.vote-buttons ul li.answer-img-downvote.on { - background-image: url(/static/images/askbot/vote-arrow-down-on-new.png); } + background-color: #eac6ad; } div.question-header div.question-container { display: inline-block; float: left; - width: 88.587%; } + width: 92.011%; } div.question-header div.question-container h1 { margin-top: 0; } div.question-header div.question-container div.meta-bar { border-bottom: 1px solid #eee; display: block; - margin: 20px 0 10px; + margin: 10px 0; overflow: hidden; - padding-bottom: 15px; } + padding: 5px 0 10px; } div.question-header div.question-container div.meta-bar div.tag-list { display: inline-block; float: left; @@ -3505,7 +3453,122 @@ div.question-header div.question-container { float: left; margin-right: 3.067%; width: 76.81%; } - div.question-header div.question-container div.question-content div.post-update-info { + div.question-header div.question-container div.question-content div.post-update-container { display: inline-block; float: left; width: 20.123%; } + div.question-header div.question-container div.question-content div.post-update-container div.post-update-info { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + -ms-border-radius: 5px; + -o-border-radius: 5px; + border-radius: 5px; + background: #faf7e9; + padding: 10px; + margin-bottom: 10px; } + div.question-header div.question-container div.question-content div.post-update-container div.post-update-info:last-child { + margin-bottom: 0; } + div.question-header div.question-container div.question-content div.post-update-container div.post-update-info.revision { + text-align: center; + background: #fcfaf2; } + div.question-header div.question-container div.question-content div.post-update-container div.post-update-info.revision a { + color: black; } + div.question-header div.question-container div.question-content div.post-update-container div.post-update-info a { + color: #993333; } + div.question-header div.question-container div.question-content div.post-update-container div.post-update-info div.change-date { + font-size: 12px; + margin-bottom: 10px; } + div.question-header div.question-container div.question-content div.post-update-container div.post-update-info div.avatar { + display: inline-block; + float: left; + margin-right: 3px; } + div.question-header div.question-container div.question-content div.post-update-container div.post-update-info div.avatar img.gravatar { + background: white; + border: 1px solid #eddfaa; + margin-right: 5px; + padding: 3px; + vertical-align: bottom; } + div.question-header div.question-container div.question-content div.post-update-container div.post-update-info div.user-meta { + display: inline-block; + width: 60%; } + div.question-header div.question-container div.question-content div.post-update-container div.post-update-info div.user-meta span.user-badges { + display: block; } + div.question-header div.question-container div.comments-container { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + background: #f7f7f7; + 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 { + font-size: 13px; } + div.question-header div.question-container div.comments-container div.comments-content .block { + border-bottom: 1px solid #ddd; + border-top: 1px solid #fff; + padding: 15px 0; + display: block; } + div.question-header div.question-container div.comments-container div.comments-content .block:first-child { + border-top: 0; } + div.question-header div.question-container div.comments-container div.comments-content div.comment:first-child { + border-top: 0; } + div.question-header div.question-container div.comments-container div.comments-content div.comment:last-child { + margin-bottom: 20px; } + div.question-header div.question-container div.comments-container div.comments-content div.comment aside.comment-controls { + background: none; + border: none; + display: inline-block; + margin-top: -8px; + padding: 0 2% 0 0; + text-align: center; + width: 5%; } + div.question-header div.question-container div.comments-container div.comments-content div.comment aside.comment-controls div { + background: none; + opacity: 0.6; } + div.question-header div.question-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 { + -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 { + cursor: pointer; + font-size: 25px; + text-decoration: none; } + div.question-header div.question-container div.comments-container div.comments-content div.comment aside.comment-controls div.comment-delete { + color: #993333; + cursor: pointer; + font-size: 15px; } + div.question-header div.question-container div.comments-container div.comments-content div.comment div.comment-body { + display: inline-block; + width: 95%; } + div.question-header div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta { + text-align: right; } + div.question-header div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.author { + font-weight: bold; } + div.question-header div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit { + font-size: 12px; + padding: 2px 10px; } + div.question-header div.question-container div.comments-container #edit-comment-form { + margin: 10px 0; + min-height: 100px; + width: 99%; + resize: vertical; } + div.question-header div.question-container div.comments-container .counter { + color: #888; + display: block; + float: right; + margin-top: 5px; + text-align: right; } diff --git a/css/marketing.css b/css/marketing.css index 04298414ea..84460fa2ec 100644 --- a/css/marketing.css +++ b/css/marketing.css @@ -403,6 +403,24 @@ section.index-content section { float: left; } section.index-content section.about section p:nth-child(odd) { margin-right: 3.817%; } + section.index-content section.about section.intro section { + margin-bottom: 0; } + section.index-content section.about section.intro section.intro-text { + margin-right: 3.817%; + width: 48.092%; } + section.index-content section.about section.intro section.intro-text p { + margin-right: 0; + width: auto; + float: none; } + section.index-content section.about section.intro section.intro-video { + width: 48.092%; } + section.index-content section.about section.intro section.intro-video a { + display: block; + width: 100%; } + section.index-content section.about section.intro section.intro-video a img { + width: 100%; } + section.index-content section.about section.intro section.intro-video a span { + display: none; } section.index-content section.about section.features { border-top: 1px solid #E5E5E5; padding-top: 25.888px; @@ -607,7 +625,6 @@ div.leanModal_box { box-sizing: border-box; display: none; border: none; - max-width: 600px; background: #fff; padding: 51.776px; } div.leanModal_box h1 { @@ -616,6 +633,8 @@ div.leanModal_box { padding-bottom: 25.888px; border-bottom: 1px solid #eee; margin-bottom: 25.888px; } + div.leanModal_box#enroll { + max-width: 600px; } div.leanModal_box form { text-align: left; } div.leanModal_box form div#enroll_error, div.leanModal_box form div#login_error {