X-Git-Url: https://git.openstreetmap.org./osqa.git/blobdiff_plain/32e9ea1a6ec2d99d186e842fe5d3d77d697fb143..c0d122330f2ac9a3ad88dc33ce4e93843b6825ac:/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 29ace64..24175f0 100644 --- a/forum/skins/default/media/style/style.css +++ b/forum/skins/default/media/style/style.css @@ -1,6 +1,8 @@ @import "jquery.autocomplete.css"; body { + /*overflow-y: scroll; + height: 100%; */ background: none repeat scroll 0 0 #FFFFFF; color: #000000; font-family: sans-serif; @@ -56,6 +58,12 @@ a { text-decoration: none; } +.clear { + clear: both; + width: 0px; + height: 0px; +} + .badges a { color: #763333; text-decoration: underline; @@ -80,6 +88,7 @@ h1 { font-size: 160%; padding: 5px 0; line-height: 110%; + overflow: hidden; } h2 { @@ -137,18 +146,18 @@ blockquote { margin-bottom: 10px; margin-right: 15px; padding: 10px 0 1px 10px; + max-width: 650px; } #wrapper, #announcement { margin: auto; padding: 0; width: 990px; + background-color: #FFF; } #roof { - background: none repeat scroll 0 0 #FFFFFF; - margin-top: 0; - position: relative; + width: 990px; } #room { @@ -180,17 +189,14 @@ blockquote { padding-bottom: 0; padding-top: 6px; text-align: center; - width: 100%; + width: 990px; } #top { + float: right; background-color: #FFFFFF; - height: 20px; padding: 3px; - position: absolute; - right: 0; text-align: right; - top: 0; width: 500px; } @@ -204,20 +210,17 @@ blockquote { } #logo { + float: left; padding: 5px 0 0; } -#navBar { - display: block; - position: relative; - width: 990px; -} - -#navBar .nav { - margin: 20px 0 0 16px; +#nav { + float: right; + margin: 35px 0px 0px 0px; + width: 750px; } -#navBar .nav a { +#nav a { background-color: #E5EBF8; border-color: #888888 #888888 -moz-use-text-color; border-style: solid solid none; @@ -234,11 +237,11 @@ blockquote { text-decoration: none; } -#navBar .nav a:hover { +#nav a:hover { text-decoration: underline; } -#navBar .nav a.on { +#nav a.on { background: none repeat scroll 0 0 #356FCB; border: 1px solid #356FCB; color: #FFFFFF; @@ -248,23 +251,24 @@ blockquote { text-decoration: none; } -#navBar .nav a.special { +#nav a#nav_ask { + float: right; color: #B02B2C; font-size: 14px; font-weight: bold; text-decoration: none; } -#navBar .nav a.special:hover { +#nav a#nav_ask:hover { text-decoration: underline; } -#navBar .nav div.focus { - float: right; - padding-right: 0; +#nav a#nav_ask.on { + color: #FFFFFF; } #searchBar { + text-align: center; background-color: #B6C4E2; border-color: #EEEEEC #A9ACA5 #BABDB6 #EEEEEC; border-style: solid; @@ -277,6 +281,8 @@ blockquote { } #searchBar .searchInput { + border: 0px; + padding: 3px; font-size: 13px; height: 18px; width: 400px; @@ -322,6 +328,14 @@ blockquote { width: 740px; } +#listA .short-summary:first-of-type { + border-top: 0; +} + +.user-stats-table .short-summary { + width: 764px; +} + .short-summary h2 a { color: #2A5594; font-family: "Trebuchet MS", "segoe ui", arial, sans-serif; @@ -350,6 +364,11 @@ blockquote { font-weight: bold; } +.short-summary .question-summary-wrapper { + float: right; + width: 565px; +} + .short-summary .votes, .short-summary .status, .short-summary .views { -moz-border-radius: 5px 5px 5px 5px; border-bottom: 1px solid #CCCCCC; @@ -469,7 +488,7 @@ blockquote { margin-left: 0.5em; } -.paginator .page a, .paginator .page a:visited, .paginator .curr { +.paginator .page, .paginator .page a:visited, .paginator .curr { background-color: #FFFFFF; border: 1px solid #CCCCCC; color: #777777; @@ -485,7 +504,7 @@ blockquote { font-weight: bold; } -.paginator .page a:hover, .paginator .prev a:hover, .paginator .next a:hover { +.paginator .page:hover, .paginator .prev a:hover, .paginator .next a:hover { background-color: #777777; border: 1px solid #777777; color: #FFFFFF; @@ -536,7 +555,7 @@ blockquote { margin-top: 0; } -a.medal { +.medal { background: none repeat scroll 0 0 #FFFFCD; border-color: #EEEEEE #CCCCCC #CCCCCC #EEEEEE; border-left: 1px solid #EEEEEE; @@ -547,7 +566,11 @@ a.medal { font-weight: bold; line-height: 250%; padding: 4px 12px 4px 6px; +} + +a.medal { text-decoration: none; + color: #333333; } a.medal:hover { @@ -578,7 +601,7 @@ a.medal:hover { position: relative; } -.tabsA a { +.tabsA a, .sticky-sort-tabs { background: none repeat scroll 0 0 #EEEEEE; border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; @@ -588,10 +611,25 @@ a.medal:hover { height: 20px; line-height: 22px; margin: 5px 4px 0 0; - padding: 0 11px; text-decoration: none; } +.tabsA a { + padding: 0 11px; +} + +.sticky-sort-tabs { + width: 20px; + padding: 0; +} + +.sticky-sort-tabs input { + border: 0; + height: 14px; + width: 14px; + margin: 2px; +} + .tabsA a.on, .tabsA a:hover { background: none repeat scroll 0 0 #FFFFFF; color: #A40000; @@ -871,9 +909,12 @@ span.form-error { width: 100%; } +.revision .rev-arrow { + cursor: pointer; +} + .revision .header { background-color: #EEEEEE; - cursor: pointer; padding: 5px; } @@ -886,7 +927,7 @@ span.form-error { } .revision .summary span { - background-color: yellow; + /**background-color: yellow;**/ display: inline; padding-left: 3px; padding-right: 3px; @@ -1085,6 +1126,7 @@ ins { line-height: 140%; padding: 5px; width: 170px; + display: inline-block; } .user ul { @@ -1279,6 +1321,10 @@ ul.form-horizontal-rows li input { margin: 0 0 16px 0; } +#question-tags { + margin-top: 15px; +} + .post-controls { float: left; } @@ -1462,7 +1508,7 @@ a.accept-answer.on, a.accept-answer:hover { margin-left: 4px; } -a.comment-like, a.comment-delete, a.comment-edit { +a.comment-like, a.comment-delete, a.comment-edit, a.comment-convert { margin-left: 2px; width: 18px; } @@ -1483,6 +1529,14 @@ a.comment-delete:hover { background: url("../images/comment-delete-hover.png") no-repeat scroll center center transparent; } +a.comment-convert { + background: url("../images/convert-off.png") no-repeat scroll center center transparent; +} + +a.comment-convert:hover { + background: url("../images/convert-hover.png") no-repeat scroll center center transparent; +} + a.comment-edit { background: url("../images/comment-edit.png") no-repeat scroll center center transparent; } @@ -1491,6 +1545,10 @@ a.comment-edit:hover { background: url("../images/comment-edit-hover.png") no-repeat scroll center center transparent; } +img.subscription-remove { + float:right; +} + .comment-form-container { display: none; padding-top: 12px; @@ -1621,6 +1679,7 @@ div.dialog, .context-menu-dropdown { top: 1.5em; text-align: left; list-style-type: none; + z-index: 500; } .context-menu-dropdown li.item { @@ -1660,6 +1719,7 @@ div.dialog, .context-menu-dropdown { div.dialog .dialog-content { padding: 12px 12px 37px 12px; + z-index: 1000; } div.dialog .dialog-buttons { @@ -1709,4 +1769,72 @@ div.dialog.prompt .dialog-content select, div.dialog.prompt .dialog-content text .suspended-user { text-decoration: line-through; -} \ No newline at end of file +} + +.feed-icon { + width: 14px; + height: 14px; + display: inline-block; +} + +div#subscription_list { + width: 100%; + /*float:left;*/ +} + +div.subscription_summary { + border-top: 2px dotted #CCCCCE; + overflow: hidden; + padding: 3px 0px 5px 0; + position: relative; + width:100%; + margin-top: 5px; +} + +div.subscription_title { + /*float:left; + line-height:30px;*/ + margin-top: 5px; + font-size: 16px; + font-weight:bold; +} + +a.subscription_unsubscribe_button { + float:left; + font-size: 11px; + font-weight:bold; + + margin-right:15px; + margin-top: 5px; +} + +div.subscription_userinfo { + float:right; +} + +div.subscription_tags { + font-family: sans-serif; + float:left; +} +div.subscription_tags a, span.tag { + background-color: #EEEEEE; + border-bottom: 1px solid #CCCCCC; + border-right: 1px solid #CCCCCC; + color: #777777; + font-size: 11px; + font-weight: normal; + padding: 1px 8px; + text-decoration: none; + white-space: nowrap; +} +div.subscription_tags a:hover { + background-color: #356FCB; + color: #FFFFFF; +} + +div.wmd-button { + color:white; +} +div.wmd-button-bar { + float:left; +}