X-Git-Url: https://git.openstreetmap.org./osqa.git/blobdiff_plain/c4beb4d084e93cf3a8100ad7593fce31ab668058..677944df3891cad7fc223ef9a6a6b598a81b5081:/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 482d362..e006cb7 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; @@ -15,7 +17,7 @@ div { padding: 0; } -h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, form, img, p { +h1, h2, h3, ul, li, form, img, p { border: medium none; margin: 0; padding: 0; @@ -25,6 +27,14 @@ label { vertical-align: middle; } +.login label { + display: block; +} + +.login .form-row-vertical { + margin-bottom: 8px; +} + hr { border-color: #CCCCCE -moz-use-text-color -moz-use-text-color; border-right: medium none; @@ -33,7 +43,7 @@ hr { } input, select { - font-family: Trebuchet MS, "segoe ui", Helvetica, "Microsoft YaHei", å ® ‹ ä ½ “, Tahoma, Verdana, MingLiu, PMingLiu, Arial, sans-serif; + font-family: Trebuchet MS, "segoe ui", Helvetica, "Microsoft YaHei", Tahoma, Verdana, MingLiu, PMingLiu, Arial, sans-serif; vertical-align: middle; } @@ -48,6 +58,12 @@ a { text-decoration: none; } +.clear { + clear: both; + width: 0px; + height: 0px; +} + .badges a { color: #763333; text-decoration: underline; @@ -57,86 +73,10 @@ a:hover { text-decoration: underline; } -.block { - height: auto; - width: 960px; -} - -.fleft { - float: left; -} - -.fright { - float: right; -} - -.tleft { - text-align: left; -} - -.tcenter { - text-align: center; -} - .tright { text-align: right; } -.dis { - display: block; -} - -.inline { - display: inline; -} - -.none { - display: none; -} - -.red { - color: #CC0000; -} - -.b { - font-weight: bold; -} - -.f10 { - font-size: 10px; -} - -.f11 { - font-size: 11px; -} - -.f12 { - font-size: 12px; -} - -.f13 { - font-size: 13px; -} - -.f14 { - font-size: 14px; -} - -.white { - color: #FFFFFF; -} - -.u { - text-decoration: underline; -} - -.spacer1 { - clear: both; - height: 6px; - line-height: 6px; - visibility: hidden; -} - .spacer3 { clear: both; height: 30px; @@ -147,16 +87,20 @@ a:hover { h1 { font-size: 160%; padding: 5px 0; + line-height: 110%; + overflow: hidden; } h2 { font-size: 140%; padding: 3px 0; + line-height: 110%; } h3 { font-size: 120%; padding: 3px 0; + line-height: 110%; } ul { @@ -202,18 +146,18 @@ blockquote { margin-bottom: 10px; margin-right: 15px; padding: 10px 0 1px 10px; + max-width: 650px; } -#wrapper { +#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 { @@ -245,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; } @@ -269,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; @@ -299,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; @@ -313,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; @@ -342,6 +281,8 @@ blockquote { } #searchBar .searchInput { + border: 0px; + padding: 3px; font-size: 13px; height: 18px; width: 400px; @@ -374,106 +315,8 @@ blockquote { width: 100%; } -#listA .qstA { - background: none repeat scroll 0 0 white; - border-top: 1px dashed #CCCCCE; - padding: 3px 5px 5px 10px; - position: relative; -} - -#listA .qstA thumb { - float: left; -} - -#listA .qstA h2 { - font-size: 14px; - font-weight: 800; - margin: 8px auto; - padding: 0; -} - -#listA .qstA h2 a { - font-size: 15px; -} - -#listA .qstA .stat { - bottom: 5px; - float: right; - font-size: 12px; - position: absolute; - right: 0; -} - -#listA .qstA .stat span { - margin-right: 5px; -} - -#listA .qstA .stat td { - min-width: 40px; - text-align: center; -} - -#listA .qstA .stat .num { - color: #A40000; - font-family: sans-serif; - font-size: 17px; - font-weight: 800; - margin: 0; -} - -#listA .qstA table { - border-spacing: 0; -} - -#listA .qstA table td { - padding: 0; - text-align: center; - width: 60px; -} - -#listA .qstA .stat .unit { - color: #777777; - margin: 0; -} - -#listA .qstA .from { - color: #777777; - font-size: 13px; - margin-top: 5px; -} - -#listA .qstA .from .score { - color: #555555; - font-family: sans-serif; -} - -#listA .qstA .date { - color: #777777; - margin-left: 10px; -} - -#listA .qstA .wiki { - color: #763333; - font-size: 12px; -} - -#listA .qstA .from a { -} - -#listA .qstA .from img { - vertical-align: middle; -} - -#listA .qstA .author { - font-weight: 400; -} - -#listA .qstA .author a { - color: #444444; -} - -#listA .qstA .summary { - margin-right: 5px; +.thousand { + color: orange; } .short-summary { @@ -485,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; @@ -513,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; @@ -540,17 +396,13 @@ blockquote { margin-bottom: 10px; } -.evenMore { - font-size: 14px; - font-weight: 800; -} - .questions-count { color: #A40000; font-family: sans-serif; - font-size: 32px; + font-size: 24px; font-weight: 600; margin-top: 3px; + margin-right: 5px; padding: 0 0 5px 0; } @@ -581,36 +433,6 @@ blockquote { text-align: right; } -.boxB { - background: none repeat scroll 0 0 #F9F7ED; - border: 1px solid #AAAAAA; - margin-bottom: 8px; - padding: 6px; -} - -.boxB h3 { - background: url("../images/dot-g.gif") no-repeat scroll left center transparent; - color: #000000; - font-size: 13px; - font-weight: 800; - margin: 0 0 4px; - padding: 0 0 0 15px; -} - -.boxB .body { - background: none repeat scroll 0 0 #FFFFFF; - border: 1px solid #AAAAAA; - font-size: 13px; - line-height: 160%; - padding: 8px; -} - -.boxB .more { - font-weight: 800; - padding: 1px; - text-align: right; -} - .boxC { background: none repeat scroll 0 0 #E5EBF8; border-color: #EEEEEC #A9ACA5 #BABDB6 #EEEEEC; @@ -650,18 +472,6 @@ blockquote { padding: 5px 0 10px; } -.paginator .prev-na, .paginator .next-na { - font: bold 0.875em sans-serif; - padding: 0.3em; -} - -.paginator .prev-na, .paginator .next-na { - background-color: #F9F9F9; - border: 1px solid #CCCCCC; - color: #AAAAAA; - font-weight: normal; -} - .paginator .prev a, .paginator .prev a:visited, .paginator .next a, .paginator .next a:visited { background-color: #FFFFFF; border: 1px solid #FFFFFF; @@ -670,15 +480,15 @@ blockquote { padding: 2px 4px 3px; } -.paginator .prev, .paginator .prev-na { +.paginator .prev { margin-right: 0.5em; } -.paginator .next, .paginator .next-na { +.paginator .next { 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; @@ -694,7 +504,7 @@ blockquote { font-weight: bold; } -.paginator .page a:hover, .paginator .curr 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; @@ -707,11 +517,6 @@ blockquote { padding: 0.3em; } -.paginator-container { - float: right; - padding: 10px 0; -} - .paginator-container-left { padding: 5px 0 10px; } @@ -740,28 +545,6 @@ blockquote { color: #FFFFFF; } -.tagsbox { - line-height: 200%; -} - -.tagsbox a { - background-color: #EEEEEE; - border-color: #EEEEEE #CCCCCC #CCCCCC #777777; - border-left: 3px solid #777777; - border-style: solid; - border-width: 1px 1px 1px 3px; - color: #333333; - font-size: 13px; - font-weight: normal; - padding: 1px 8px; - text-decoration: none; -} - -.tagsbox a:hover { - background-color: #FFFFFF; - color: #333333; -} - .tag-number { font-family: sans-serif; font-weight: 700; @@ -772,12 +555,7 @@ blockquote { margin-top: 0; } -.deletable-tag { - margin-right: 3px; - white-space: nowrap; -} - -a.medal { +.medal { background: none repeat scroll 0 0 #FFFFCD; border-color: #EEEEEE #CCCCCC #CCCCCC #EEEEEE; border-left: 1px solid #EEEEEE; @@ -788,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 { @@ -819,16 +601,7 @@ a.medal:hover { position: relative; } -.tabsB { - background-color: #FFFFFF; - display: block; - float: left; - font-weight: bold; - height: 20px; - 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; @@ -838,33 +611,35 @@ a.medal:hover { height: 20px; line-height: 22px; margin: 5px 4px 0 0; - padding: 0 11px; text-decoration: none; } -.tabsA a.on, .tabsA a:hover, .tabsB a.on, .tabsB a:hover { +.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; } -.tabsA a:hover, .tabsB a:hover { +.tabsA a:hover { background: none repeat scroll 0 0 #356FCB; color: #FFFFFF; } -.tabsB a { - background: none repeat scroll 0 0 #EEEEEE; - border: 1px solid #EEEEEE; - color: #777777; - display: block; - float: left; - height: 22px; - line-height: 28px; - margin: 5px 0 0 4px; - padding: 0 11px; - text-decoration: none; -} - .headlineA { border-bottom: 1px solid #777777; font-size: 13px; @@ -887,25 +662,9 @@ a.medal:hover { padding: 0 6px 0 15px; } -.headAnswers { - background: url("../images/ico_answers.gif") no-repeat scroll left 2px transparent; - float: left; - font-size: 18px; - font-weight: 800; - padding: 3px 3px 3px 24px; -} - -.headTags { - background: url("../images/ico_tags.gif") no-repeat scroll 0 0 transparent; - float: left; - font-size: 18px; - font-weight: 800; - padding: 3px 3px 3px 24px; -} - -.headUsers { - background: url("../images/dot-list.gif") no-repeat scroll left center transparent; - border-bottom: 0 solid #777777; +.headUsers { + background: url("../images/dot-list.gif") no-repeat scroll left center transparent; + border-bottom: 0 solid #777777; float: left; font-size: 15px; font-weight: 700; @@ -927,14 +686,6 @@ a.medal:hover { padding: 0 6px 0 15px; } -.headLogin { - background: url("../images/ico_login.gif") no-repeat scroll 0 0 transparent; - float: left; - font-size: 15px; - font-weight: 800; - padding: 3px 3px 3px 24px; -} - .headNormal { border-bottom: 1px solid #777777; font-size: 15px; @@ -953,43 +704,6 @@ a.medal:hover { text-align: left; } -#feeds { - margin: 10px 0; -} - -#feeds a { - background: url("../images/feed-icon-small.png") no-repeat scroll 0 50% transparent; - font-size: 13px; - font-weight: 700; - padding-left: 18px; -} - -#question { - margin-bottom: 30px; -} - -#question h1 { - background: none repeat scroll 0 0 #CCCCCC; - font-size: 15px; - padding: 6px 8px; -} - -#question .body { - background: none repeat scroll 0 0 #F7F7F7; - padding: 20px 10px; -} - -.starter { - background: none repeat scroll 0 0 #E0EAF1; - padding: 10px; -} - -.vote { - color: #666666; - font-size: 20px; - font-weight: 800; -} - .questions-related { font-weight: 700; word-wrap: break-word; @@ -1001,17 +715,6 @@ a.medal:hover { margin-bottom: 10px; } -.question-status { - background-color: #F5F5F5; - margin-top: 10px; - padding: 20px; - text-align: center; -} - -.question-status h3 { - font-size: 125%; -} - .question-body { font-size: 13px; line-height: 20px; @@ -1019,18 +722,7 @@ a.medal:hover { } .question-body img { - max-width: 600px; -} - -.question-mark { - overflow: hidden; - padding: 5px; - text-align: left; -} - -.question-edit { - overflow: hidden; - text-align: left; + max-width: 640px; } .vote-buttons { @@ -1038,101 +730,17 @@ a.medal:hover { text-align: center; } -.vote-buttons img { - cursor: pointer; -} - -.vote-notification { - background-color: darkred; - color: White; - cursor: pointer; - display: none; - padding: 15px; - position: absolute; - text-align: center; - z-index: 1; -} - -.vote-notification a { - color: White; - text-decoration: underline; -} - -.offensive-flag a { - color: #777777; - cursor: pointer; - padding: 3px; -} - -.offensive-flag a:hover { - background-color: #777777; - color: #FFFFFF; - text-decoration: none; -} - -.linksopt a { - color: #777777; - cursor: pointer; - padding: 3px; -} - -.linksopt a:hover { - background-color: #777777; - color: #FFFFFF; - text-decoration: none; -} - -.wiki-category { - color: #999999; - font-size: 90%; - margin-left: 5px; -} - -div.comments { - line-height: 150%; - padding: 10px 0; -} - -div.post-comments { - background: url("../images/gray-up-arrow-h18px.png") no-repeat scroll 0 0 transparent; - clear: both; - margin: 3px 0 10px; - padding-left: 12px; - width: 100%; -} - -form.post-comments textarea { - height: 6em; - margin-bottom: 4px; -} - -form.post-comments input { - margin-left: 10px; - margin-top: 1px; - vertical-align: top; - width: 100px; -} - span.form-error { color: #990000; font-weight: normal; margin-left: 5px; } -p.form-item { - margin: 0; -} - -div.comments-container, div.comments-container-accepted, div.comments-container-owner, div.comments-container-deleted { - padding: 0; -} - -.post-comments a { - color: #888888; - padding: 0 3px 2px; -} - -#answers { +ul.errorlist li { + color: #990000; + font-weight: normal; + margin-left: 0px; + margin-top: 5px; } .answer { @@ -1148,7 +756,11 @@ div.comments-container, div.comments-container-accepted, div.comments-container- } .answer-body img { - max-width: 600px; + max-width: 640px; +} + +.answered-by-owner { + background: none repeat scroll 0 0 #E9E9FF; } .accepted-answer { @@ -1156,14 +768,6 @@ div.comments-container, div.comments-container-accepted, div.comments-container- border-bottom-color: #9BD59B; } -.accepted-answer .comments-link { - background-color: #CCFFBF; -} - -.accepted-answer .comments-container { - background-color: #CCFFBF; -} - .answered { background: none repeat scroll 0 0 #E5EBF8; color: #314362; @@ -1179,30 +783,6 @@ div.comments-container, div.comments-container-accepted, div.comments-container- color: #6B2B28; } -.answered-by-owner { - background: none repeat scroll 0 0 #E9E9FF; -} - -.answered-by-owner .comments-link { - background-color: #E6ECFF; -} - -.answered-by-owner .comments-container { - background-color: #E6ECFF; -} - -.answered-accepted strong { - color: #E1E818; -} - -.answer-img-accept:hover { - background: url("../images/vote-accepted-on.png") repeat scroll 0 0 transparent; -} - -.deleted { - background: none repeat scroll 0 0 #F4E7E7; -} - .tagsList { list-style-type: none; margin: 0; @@ -1256,11 +836,6 @@ table.form-as-table li { display: inline; } -table.form-as-table th { - font-weight: normal; - text-align: left; -} - table.form-as-table pre { display: inline; } @@ -1276,61 +851,14 @@ table.check-table td { padding-top: 10px; } -.errors { - color: red; - line-height: 20px; -} - .error { color: darkred; font-size: 10px; margin: 0; } -.error-list li { - padding: 5px; -} - -.fieldset { - border: medium none; - margin-top: 10px; - padding: 10px; -} - -.openid-input { - background: url("../images/openid.gif") no-repeat scroll 0 0 transparent; - cursor: pointer; - padding-left: 15px; -} - -.openid-login-input { - background: url("../images/openid.gif") no-repeat scroll 0 50% transparent; - cursor: pointer; - font-family: Trebuchet MS; - font-size: 150%; - font-weight: 300; - padding: 5px 5px 5px 15px; - width: 500px; -} - -.openid-login-submit { - border: 1px solid #777777; - cursor: pointer; - font-size: 120%; - font-weight: bold; - height: 40px; - line-height: 40px; - width: 80px; -} - -.openid-samples { -} - -.openid-samples .list, .list li { - font-family: Trebuchet MS, "segoe ui", Helvetica, "Microsoft YaHei", å ® ‹ ä ½ “, Tahoma, Verdana, MingLiu, PMingLiu, Arial, sans-serif; - line-height: 20px !important; - list-style: none outside none !important; - margin-left: -30px !important; +.small { + font-size: 11px; } span.form-error { @@ -1357,19 +885,7 @@ span.form-error { margin-top: 10px; min-height: 20px; padding: 6px; - width: 100%; -} - -.wmd-preview pre { - background-color: #E7F1F8; -} - -.wmd-preview blockquote { - background-color: #EEEEEE; -} - -.wmd-preview img { - max-width: 600px; + width: 98%; } .preview-toggle { @@ -1383,12 +899,6 @@ span.form-error { cursor: pointer; } -.edit-content-html { - border-bottom: 1px dotted #D8D2A9; - border-top: 1px dotted #D8D2A9; - margin: 5px 0; -} - #revisions { width: 950px; } @@ -1414,7 +924,7 @@ span.form-error { } .revision .summary span { - background-color: yellow; + /**background-color: yellow;**/ display: inline; padding-left: 3px; padding-right: 3px; @@ -1445,26 +955,14 @@ span.form-error { padding-left: 10px; } -.revision .answerbody { - padding: 10px 0 5px 10px; -} - del { color: #FF5F5F; } -del .post-tag { - color: #FF5F5F; -} - ins { background-color: #97FF97; } -ins .post-tag { - background-color: #97FF97; -} - .count { color: #777777; font-family: Arial; @@ -1498,211 +996,62 @@ ins .post-tag { padding-left: 20px; } -.favorites-count-off { - color: #919191; - float: left; - margin: 10px 0 0; - padding: 3px; - text-align: center; +.user-info-table { + margin-bottom: 10px; } -.favorites-count { - color: #D4A849; - float: left; - margin: 10px 0 0; - padding: 3px; - text-align: center; +.relativetime { + text-decoration: none; } -.favorites-empty { - float: left; - height: 45px; - width: 32px; +.answer-summary { + clear: both; + display: block; + padding: 3px; } -.question-summary { - border-bottom: 1px dotted #999999; +.answer-votes { + background-color: #EEEEEE; + color: #555555; float: left; - overflow: hidden; - padding: 11px 0; - width: 670px; + font-family: Arial; + font-size: 110%; + font-weight: bold; + height: 15px; + margin-right: 10px; + padding: 4px 4px 5px; + text-align: center; + text-decoration: none; + width: 20px; } -.user-info-table { - margin-bottom: 10px; +.vote-count { + color: #777777; + font-family: Arial; + font-size: 160%; + font-weight: 700; } -.user-stats-table .question-summary { - width: 800px; +.user-action-1 { + color: #333333; + font-weight: bold; } -.narrow .stats { - background: none repeat scroll 0 0 transparent; - float: left; - font-family: Arial; - height: 48px; - margin: 0 0 0 7px; - padding: 0; - width: auto; +.user-action-2 { + color: #CCCCCC; + font-weight: bold; } -.stats div { - font-size: 11px; - text-align: center; +.user-action-3 { + color: #333333; } -.narrow .votes { - -moz-border-radius: 5px 5px 5px 5px; - background: none repeat scroll 0 0 #EEEEEE; - float: left; - height: 42px; - margin: 0 3px 0 0; - padding: 5px; - text-align: center; - width: 46px; +.user-action-4 { + color: #333333; } -.narrow .summary { - display: inline-block; - width: 600px; -} - -.narrow .summary h3 { - margin: 0; - padding: 0; -} - -.narrow .views { - -moz-border-radius: 5px 5px 5px 5px; - float: left; - height: 42px; - margin: 0 7px 0 0; - padding: 5px; - text-align: center; - width: 46px; -} - -.narrow .status { - -moz-border-radius: 5px 5px 5px 5px; - float: left; - height: 42px; - margin: 0 3px 0 0; - padding: 5px; - text-align: center; - width: 46px; -} - -.narrow .vote-count-post { - color: #555555; - display: block; - font-size: 190%; - font-weight: 800; - line-height: 20px; - margin: 0; -} - -.narrow .answer-count-post { - display: block; - font-size: 190%; - font-weight: 800; - margin: 0; -} - -.narrow .views-count-post { - display: block; - font-size: 190%; - font-weight: 800; - margin: 0; -} - -div.started { - color: #999999; - float: right; - line-height: 18px; -} - -.narrow div.started { - line-height: inherit; - padding-top: 4px; - white-space: nowrap; - width: auto; -} - -.relativetime { - text-decoration: none; -} - -div.started a { - font-weight: bold; -} - -div.started .reputation-score { - margin-left: 1px; -} - -.narrow .tags { - float: left; -} - -.answer-summary { - clear: both; - display: block; - padding: 3px; -} - -.answer-votes { - background-color: #EEEEEE; - color: #555555; - float: left; - font-family: Arial; - font-size: 110%; - font-weight: bold; - height: 15px; - margin-right: 10px; - padding: 4px 4px 5px; - text-align: center; - text-decoration: none; - width: 20px; -} - -.vote-count { - color: #777777; - font-family: Arial; - font-size: 160%; - font-weight: 700; -} - -.user-action { -} - -.user-action-1 { - color: #333333; - font-weight: bold; -} - -.user-action-2 { - color: #CCCCCC; - font-weight: bold; -} - -.user-action-3 { - color: #333333; -} - -.user-action-4 { - color: #333333; -} - -.user-action-5 { - color: darkred; -} - -.user-action-6 { - color: darkred; -} - -.user-action-7 { - color: #333333; +.user-action-7 { + color: #333333; } .user-action-8 { @@ -1712,11 +1061,6 @@ div.started .reputation-score { padding: 3px; } -.revision-summary { - background-color: #FFFE9B; - padding: 2px; -} - .question-title-link a { color: #0077CC; font-weight: bold; @@ -1734,10 +1078,6 @@ div.started .reputation-score { font-weight: bold; } -.post-type-5 a { - font-weight: bold; -} - .post-type-2 a { color: #333333; } @@ -1746,98 +1086,11 @@ div.started .reputation-score { color: #333333; } -.post-type-6 a { - color: #333333; -} - .post-type-8 a { color: #333333; } -.bookInfo { - float: left; - padding: 5px; - width: 940px; -} - -.bookCover { - float: left; - width: 200px; -} - -.bookCover img { - border: 1px solid #CCCCCC; - max-width: 200px; -} - -.bookSummary { - float: left; - font-size: 13px; -} - -.blogRss { - background-color: #EEEEEE; - float: right; - height: 240px; - margin: 0 10px 0 0; - padding: 5px; - width: 460px; -} - -.bookQuestions { - margin-bottom: 10px; -} - -.bookFeed { - float: right; -} - -.bookAsk { - float: right; - margin: -30px 10px 0 0; - padding: 3px 5px; -} - -.bookAsk a { - background-color: #EC7000; - color: #FFFFFF; - font-size: 15px; - font-weight: bold; - padding: 3px 6px; - text-decoration: none; -} - -.bookAsk a:hover { - text-decoration: underline; -} - -.hilite { - background-color: #FFFF00; -} - -.hilite1 { - background-color: #FFFF00; -} - -.hilite2 { - background-color: #FF00FF; -} - -.hilite3 { - background-color: #00FFFF; -} - -.userStatus { - color: #FFFFFF; - float: right; - margin-left: 12px; -} - -.userStatus a { - color: #FFFFFF; -} - -.gold, .badge1 { +.badge1 { color: #FFCC00; } @@ -1866,35 +1119,11 @@ div.started .reputation-score { font-size: 13px; } -.subSearch { - margin-bottom: 12px; - padding: 4px; -} - -a.comment { - background: none repeat scroll 0 0 #EEEEEE; - color: #993300; - padding: 4px; -} - -a.permLink { - padding: 2px; -} - -a.offensive { - color: #999999; -} - -ul.bulleta li { - background: url("../images/bullet_green.gif") no-repeat scroll 0 2px transparent; - margin-bottom: 4px; - padding-left: 16px; -} - .user { line-height: 140%; padding: 5px; width: 170px; + display: inline-block; } .user ul { @@ -1909,10 +1138,6 @@ ul.bulleta li { margin-right: 4px; } -.yellowbg { - background: none repeat scroll 0 0 yellow; -} - .message { background-color: #EEEEEE; border: 1px solid #AAAAAA; @@ -1920,23 +1145,10 @@ ul.bulleta li { padding: 5px; } -.message h1 { - font-size: 15px; - padding-top: 0; -} - .message p { margin-bottom: 0; } -p.space-above { - margin-top: 10px; -} - -.warning { - color: red; -} - .darkred { color: darkred; } @@ -1959,10 +1171,6 @@ p.space-above { padding-right: 10px; } -.thousand { - color: orange; -} - .notify { background-color: #F4A83D; color: #444444; @@ -2004,10 +1212,6 @@ p.space-above { font-size: 15px; } -.bigger { - font-size: 14px; -} - .strong { font-weight: bold; } @@ -2047,89 +1251,23 @@ p.space-above { padding-top: 0; } -.highlight { - background-color: #FFF8C6; -} - .nomargin { margin: 0; } -.margin-bottom { - margin-bottom: 10px; -} - -.margin-top { - margin-top: 10px; -} - .inline-block { display: inline-block; } -.action-status { - border: medium none; - font-size: 12px; - line-height: 10px; - margin: 0; - padding: 0; - text-align: center; -} - -.action-status span { - -moz-border-radius: 5px 5px 5px 5px; - background-color: #FFF380; - font-weight: normal; - padding: 3px 5px; -} - -.tight { - margin: 0; - padding: 0; -} - .list-table td { vertical-align: top; } -.delete-icon { - padding-left: 3px; - vertical-align: middle; -} - -table.form-as-table .errorlist { - color: darkred; - display: block; - font-size: 10px; - margin: 0; - padding: 0 0 0 5px; - text-align: left; -} - table.form-as-table input { display: inline; margin-left: 4px; } -table.form-as-table th { - padding-bottom: 4px; - vertical-align: bottom; -} - -.form-row-vertical { - display: block; - margin-top: 8px; -} - -.form-row-vertical label { - display: block; - margin-bottom: 3px; -} - -.text-align-right { - text-align: center; -} - ul.form-horizontal-rows { list-style: none outside none; margin: 0; @@ -2144,22 +1282,6 @@ ul.form-horizontal-rows label { display: inline-block; } -ul.form-horizontal-rows ul.errorlist { - color: darkred; - font-size: 10px; - left: 180px; - line-height: 10px; - list-style: none outside none; - margin: 0; - position: absolute; - text-align: left; - top: 2px; -} - -ul.form-horizontal-rows ul.errorlist li { - height: 10px; -} - ul.form-horizontal-rows label { bottom: 6px; font-size: 12px; @@ -2176,51 +1298,32 @@ ul.form-horizontal-rows li input { position: absolute; } -#emailpw-form li input { - left: 170px; -} - -#emailpw-form ul.errorlist { - left: 170px; -} - #changepw-form li input { left: 150px; } -#changepw-form ul.errorlist { - left: 150px; -} - -.narrow .summary { - float: left; -} - -.narrow .summary .question-title { - font-size: 120%; - font-weight: bold; -} - .user-profile-tool-links { font-weight: bold; padding-bottom: 10px; } -.post-controls { - float: left; +.post-controls, .tags-container { font-size: 11px; line-height: 12px; margin-bottom: 5px; min-width: 200px; } -#question-controls .tags { - margin: 0 0 3px; +.tags-container { + margin: 0 0 16px 0; } -.post-update-info-container { - float: right; - min-width: 190px; +.post-controls { + float: left; +} + +#question-controls .tags { + margin: 0 0 3px; } .post-update-info { @@ -2243,25 +1346,6 @@ ul.form-horizontal-rows li input { width: 32px; } -.comments-container { - clear: both; -} - -.admin { - background-color: #FFF380; - border: 1px solid darkred; - padding: 0 5px; -} - -.admin p { - margin-bottom: 3px; -} - -.admin #action_status { - font-weight: bold; - text-align: center; -} - #tagSelector { padding-bottom: 2px; } @@ -2274,21 +1358,6 @@ ul.form-horizontal-rows li input { margin: 0 2px 0 1px; } -#recaptcha_widget_div { - clear: both; - float: left; - width: 318px; -} - -p.signup_p { - margin: 20px 0 0; -} - -.simple-subscribe-options ul { - list-style: none outside none; - margin: 0; -} - a.sidebar_button { background: none repeat scroll 0 0 #EEEEEE; color: black; @@ -2311,43 +1380,53 @@ a.post-vote, .favorite-mark, a.accept-answer { } a.post-vote.up { - background: url("/m/default/media/images/vote-arrow-up.png") no-repeat scroll center center transparent; + background: url("../images/vote-arrow-up.png") no-repeat scroll center center transparent; } a.post-vote.up.on, a.post-vote.up:hover { - background: url("/m/default/media/images/vote-arrow-up-on.png") no-repeat scroll center center transparent; + background: url("../images/vote-arrow-up-on.png") no-repeat scroll center center transparent; } a.post-vote.down { - background: url("/m/default/media/images/vote-arrow-down.png") no-repeat scroll center center transparent; + background: url("../images/vote-arrow-down.png") no-repeat scroll center center transparent; } a.post-vote.down.on, a.post-vote.down:hover { - background: url("/m/default/media/images/vote-arrow-down-on.png") no-repeat scroll center center transparent; + background: url("../images/vote-arrow-down-on.png") no-repeat scroll center center transparent; } a.accept-answer { - background: url("/m/default/media/images/vote-accepted.png") no-repeat scroll center center transparent; + background: url("../images/vote-accepted.png") no-repeat scroll center center transparent; } a.accept-answer.on, a.accept-answer:hover { - background: url("/m/default/media/images/vote-accepted-on.png") no-repeat scroll center center transparent; + background: url("../images/vote-accepted-on.png") no-repeat scroll center center transparent; +} + +.community-wiki { + font-size: 11px; + color: #333; + background: url("../images/wiki.png") no-repeat left center; + padding-left: 36px; + margin: 6px 0 0 0; + min-height: 32px; + line-height: 15px; } -.post-score { +.post-score, .comments-char-left-count { color: #777777; font-family: Arial; - font-size: 140%; + font-size: 165%; font-weight: bold; padding: 0 0 3px; } .favorite-mark { - background: url("/m/default/media/images/vote-favorite-off.png") no-repeat scroll center center transparent; + background: url("../images/vote-favorite-off.png") no-repeat scroll center center transparent; } .favorite-mark.on, a.favorite-mark:hover { - background: url("/m/default/media/images/vote-favorite-on.png") no-repeat scroll center center transparent; + background: url("../images/vote-favorite-on.png") no-repeat scroll center center transparent; } .favorite-count { @@ -2358,10 +1437,26 @@ a.accept-answer.on, a.accept-answer:hover { padding: 0; } +.comments-container { + clear: both; +} + +.comments-container { + padding: 0; +} + +.answered-by-owner .comments-container { + background-color: #E6ECFF; +} + +.accepted-answer .comments-container { + background-color: #CCFFBF; +} + .comment { border-top: 1px dotted #CCCCCE; margin: 0; - width: 100%; + position: relative; } .comment.not_top_scorer { @@ -2375,52 +1470,76 @@ a.accept-answer.on, a.accept-answer:hover { font-weight: bold; padding-top: 3px; vertical-align: top; + float: left; width: 22px; + height: 100%; + text-align: center; } .comment-text { color: #444444; - font-size: 11px; + font-size: 12px; margin: 0 0 0 22px; padding: 0; } +.comment-text p { + font-size: 12px; +} + .comment-info { font-size: 11px; - margin: 0; + margin: 0 0 4px 0; text-align: right; + height: 18px; + vertical-align: middle; } -a.comment-like, a.comment-delete, a.comment-edit { +.comment-info * { float: right; height: 18px; + margin-left: 4px; +} + +a.comment-like, a.comment-delete, a.comment-edit, a.comment-convert { margin-left: 2px; - position: relative; width: 18px; } a.comment-like { - background: url("/m/default/media/images/comment-like.png") no-repeat scroll center center transparent; + background: url("../images/comment-like.png") no-repeat scroll center center transparent; } a.comment-like:hover, a.comment-like.on { - background: url("/m/default/media/images/comment-like-on.png") no-repeat scroll center center transparent; + background: url("../images/comment-like-on.png") no-repeat scroll center center transparent; } a.comment-delete { - background: url("/m/default/media/images/comment-delete.png") no-repeat scroll center center transparent; + background: url("../images/comment-delete.png") no-repeat scroll center center transparent; } a.comment-delete:hover { - background: url("/m/default/media/images/comment-delete-hover.png") no-repeat scroll center center transparent; + 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("/m/default/media/images/comment-edit.png") no-repeat scroll center center transparent; + background: url("../images/comment-edit.png") no-repeat scroll center center transparent; } a.comment-edit:hover { - background: url("/m/default/media/images/comment-edit-hover.png") no-repeat scroll center center transparent; + background: url("../images/comment-edit-hover.png") no-repeat scroll center center transparent; +} + +img.subscription-remove { + float:right; } .comment-form-container { @@ -2433,8 +1552,9 @@ a.comment-edit:hover { } .comment-form-widgets-container textarea { - height: 6em; + height: 80px; width: 80%; + float: left; } span.comment-chars-left { @@ -2442,10 +1562,6 @@ span.comment-chars-left { margin-right: 20px; } -span.comment-chars-left.warn { - color: red; -} - div.comment-tools { border-top: 1px dotted #CCCCCE; padding-top: 12px; @@ -2471,12 +1587,16 @@ div.comment-tools a:hover { text-decoration: none; } -.action-link a { +.action-link { color: #777777; cursor: pointer; padding: 3px; } +.action-link a { + color: inherit; +} + .action-link a.ajax-command:hover { background-color: #777777; color: #FFFFFF; @@ -2486,3 +1606,228 @@ div.comment-tools a:hover { .action-link-separator { color: #CCCCCC; } + +.deleted { + background-color: #F4E7E7; +} + +#command-loader { + position: fixed; + bottom: 0px; + left: 0px; + width: 24px; + height: 24px; + background: url('/m/default/media/images/indicator.gif') +} + +#command-loader.success { + background: url('/m/default/media/images/vote-accepted-on.png') +} + +.comment-form-buttons { + width: 18%; + height: 100%; + float: right; +} + +.comment-form-buttons input, .user-prompt .prompt-buttons button { + height: 16px; + line-height: 12px; + font-size: 110%; + border: 1px solid #999; +} + +.comment-form-buttons input { + width: 100%; + height: 22px; + vertical-align: middle; + margin-top: 6px; +} + +.comments-char-left-count.warn { + color: orange; +} + +#ask-related-questions { + max-height: 150px; + overflow-y: auto; +} + +.context-menu { + position: relative; +} + +div.dialog, .context-menu-dropdown { + position: absolute; + background-color: #EEEEEE; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + -moz-box-shadow: 2px 2px 5px #3060A8; + -webkit-box-shadow: 2px 2px 5px #3060A8; +} + +.context-menu-dropdown { + display: none; + right: 0px; + top: 1.5em; + text-align: left; + list-style-type: none; + z-index: 500; +} + +.context-menu-dropdown li.item { + padding: 4px 8px 4px 8px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; +} + +.context-menu-dropdown li.item a { + color: inherit; + white-space: nowrap; + text-decoration: none; +} + +.context-menu-dropdown li.separator { + text-align: center; + padding: 10px 0 4px 0; + font-size: 120%; + font-weight: bold; +} + +.context-menu-dropdown li.item:hover { + background-color: #3060A8; + color: white; +} + +.context-menu-dropdown span { + margin-right: 4px; + float: left; + width: 16px; + height: 16px; +} + +.context-menu-trigger { + cursor: pointer; +} + +div.dialog .dialog-content { + padding: 12px 12px 37px 12px; + z-index: 1000; +} + +div.dialog .dialog-buttons { + margin: 0px; + height: 25px; + text-align: center; + position: absolute; + bottom: 0px; + left: 0px; + width: 100%; +} + +.dialog-yes, .dialog-no { + margin: 0 3px 5px 3px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + background-color: #3060A8; + color: white; + height: 20px; + line-height: 20px; + font-weight: bold; + border: 0; +} + +div.dialog.confirm, div.dialog.warning { + text-align: center; +} + +div.dialog.confirm { + font-size: 140%; + font-weight: bold; +} + +div.dialog.prompt { + width: 300px; +} + +div.dialog.prompt .dialog-content select, div.dialog.prompt .dialog-content textarea, div.dialog.prompt .dialog-content input[type=text] { + width: 100%; + padding: 0; + border: 0; +} + +.user-prompt .prompt-buttons { + text-align: right; +} + +.suspended-user { + text-decoration: line-through; +} + +.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; +}