X-Git-Url: https://git.openstreetmap.org./osqa.git/blobdiff_plain/b00a18907b95d74b040d7950bd18d2b2a7709cb1..4066b758e1b919f2d5e4f8ff4e6abea65fec6777:/forum/skins/default/media/style/style.css diff --git a/forum/skins/default/media/style/style.css b/forum/skins/default/media/style/style.css index deab17b..883c891 100644 --- a/forum/skins/default/media/style/style.css +++ b/forum/skins/default/media/style/style.css @@ -128,17 +128,19 @@ li input { pre { background-color: #F5F5F5; font-family: Consolas, Monaco, Liberation Mono, Lucida Console, Monospace; - font-size: 100%; + font-size: 90%; margin-bottom: 10px; overflow: auto; padding-left: 5px; padding-top: 5px; width: 580px; + white-space: pre-wrap; } code { font-family: Consolas, Monaco, Liberation Mono, Lucida Console, Monospace; - font-size: 100%; + font-size: 90%; + white-space: pre-wrap; } blockquote { @@ -199,7 +201,6 @@ blockquote blockquote { #top { float: right; - background-color: #FFFFFF; padding: 3px; text-align: right; width: 500px; @@ -758,12 +759,18 @@ ul.errorlist li { font-size: 13px; line-height: 20px; min-height: 80px; + margin: 0 0 20px 0; } .answer-body img { max-width: 640px; } +/* Fixes OSQA-143 IE8 text overflow issue */ +div.question-body p, div.answer-body p { + max-width: 700px; +} + .answered-by-owner { background: none repeat scroll 0 0 #E9E9FF; } @@ -788,6 +795,10 @@ ul.errorlist li { color: #6B2B28; } +.focusedAnswer { + background: #FFFFCC; +} + .tagsList { list-style-type: none; margin: 0; @@ -813,6 +824,29 @@ ul.errorlist li { color: #333333; } +#medalList .badgeListDescription { + float: left; + margin-top: 8px; + max-width: 60%; +} + +#medalList .badgeListItem { + float: left; + width: 32%; +} + +#medalList .intoMyBadges span { + font-size: 175%; + padding-right: 5px; + color: #5B9058; +} +#medalList .intoMyBadges { + float: left; + min-width: 5%; + text-align: right; + height:30px; +} + .list-item { margin-left: 15px; } @@ -1111,7 +1145,7 @@ ins { color: #CC9933; } -.score { +.score, .accept_rate { color: #333333; font-size: 110%; font-weight: bold; @@ -1193,6 +1227,10 @@ ins { z-index: 100; } +* html .notify { + position: absolute; +} + .notify p { font-size: 16px; margin-bottom: 5px; @@ -1514,7 +1552,7 @@ a.accept-answer.on, a.accept-answer:hover { margin-left: 4px; } -a.comment-like, a.comment-delete, a.comment-edit, a.comment-convert { +a.comment-like, a.comment-delete, a.comment-edit, a.comment-convert, a.comment-convert-to-question { margin-left: 2px; width: 18px; } @@ -1543,6 +1581,14 @@ a.comment-convert:hover { background: url("../images/convert-hover.png") no-repeat scroll center center transparent; } +a.comment-convert-to-question { + background: url("../images/convert-to-question-off.png") no-repeat scroll center center transparent; +} + +a.comment-convert-to-question:hover { + background: url("../images/convert-to-question-hover.png") no-repeat scroll center center transparent; +} + a.comment-edit { background: url("../images/comment-edit.png") no-repeat scroll center center transparent; } @@ -1558,6 +1604,7 @@ img.subscription-remove { .comment-form-container { display: none; padding-top: 12px; + margin-bottom: 8px; } .comment-form-widgets-container input { @@ -1581,6 +1628,15 @@ div.comment-tools { text-align: right; } +div.comment-tools span.comment-tools-separator { + float: left; + display: block; + line-height: 17px; + color: #ccc; + font-size: 15px; + margin-left: 1px; +} + div.comment-tools .comments-showing { color: #777777; font-size: 11px; @@ -1652,7 +1708,8 @@ div.comment-tools a:hover { .comment-form-buttons input { width: 100%; - height: 22px; + height: auto; + padding: 2px 0 4px 0; vertical-align: middle; margin-top: 6px; } @@ -1739,13 +1796,14 @@ div.dialog .dialog-buttons { } .dialog-yes, .dialog-no { + padding: 0px 5px; margin: 0 3px 5px 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #3060A8; color: white; - height: 20px; line-height: 20px; + vertical-align: baseline; font-weight: bold; border: 0; } @@ -1760,7 +1818,7 @@ div.dialog.confirm { } div.dialog.prompt { - width: 300px; + width: 355px; } div.dialog.prompt .dialog-content select, div.dialog.prompt .dialog-content textarea, div.dialog.prompt .dialog-content input[type=text] { @@ -1788,6 +1846,48 @@ div#subscription_list { /*float:left;*/ } +.subscription_switch { + display: inline-block; + zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */ + *display: inline; + vertical-align: baseline; + margin: 0 2px; + outline: none; + cursor: pointer; + text-align: center; + text-decoration: none; + font: 11px Arial, Helvetica, sans-serif; + padding: .2em 1em .275em; + text-shadow: 0 1px 1px rgba(0,0,0,.3); + -webkit-border-radius: .5em; + -moz-border-radius: .5em; + border-radius: .5em; + -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); + -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); + box-shadow: 0 1px 2px rgba(0,0,0,.2); + color: #101010 !important; + border: solid 1px #b7b7b7; + background: #fff; + background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed)); + background: -moz-linear-gradient(top, #fff, #ededed); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); +} +.subscription_switch:hover { + text-decoration: none; + background: #ededed; + background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc)); + background: -moz-linear-gradient(top, #fff, #dcdcdc); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc'); + color: #101010 !important; +} +.subscription_switch:active { + position: relative; + top: 1px; + background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff)); + background: -moz-linear-gradient(top, #ededed, #fff); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff'); +} + div.subscription_summary { border-top: 2px dotted #CCCCCE; overflow: hidden;