X-Git-Url: https://git.openstreetmap.org./osqa.git/blobdiff_plain/a9eef437702d5df7a2f97010e6798c689371808c..e4fb5288575b061914881b36c415f12cb2fe01e5:/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 02148ab..75ba620 100644 --- a/forum/skins/default/media/style/style.css +++ b/forum/skins/default/media/style/style.css @@ -1,16 +1,15 @@ -@import url(jquery.autocomplete.css); -@import url(openid.css); -@import url(prettify.css); +@import "jquery.autocomplete.css"; -/* 公用 */ body { - background: #FFF; + /*overflow-y: scroll; + height: 100%; */ + background: none repeat scroll 0 0 #FFFFFF; + color: #000000; + font-family: sans-serif; font-size: 12px; line-height: 150%; margin: 0; padding: 0; - color: #000; - font-family: sans-serif; } div { @@ -18,37 +17,53 @@ 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; - border: none; } label { vertical-align: middle; } +.login label { + display: block; +} + +.login .form-row-vertical { + margin-bottom: 8px; +} + hr { - border: none; - border-top: 1px dashed #ccccce; + border-color: #CCCCCE -moz-use-text-color -moz-use-text-color; + border-right: medium none; + border-style: dashed none none; + border-width: 1px medium medium; } input, select { + font-family: Trebuchet MS, "segoe ui", Helvetica, "Microsoft YaHei", Tahoma, Verdana, MingLiu, PMingLiu, Arial, sans-serif; vertical-align: middle; - font-family: Trebuchet MS, "segoe ui", Helvetica, "Microsoft YaHei", 宋 体, Tahoma, Verdana, MingLiu, PMingLiu, Arial, sans-serif; } p { - margin-bottom: 13px; font-size: 13px; line-height: 140%; + margin-bottom: 13px; } a { - color: #333333; + color: #3060A8; text-decoration: none; } +.clear { + clear: both; + width: 0px; + height: 0px; +} + .badges a { color: #763333; text-decoration: underline; @@ -58,120 +73,48 @@ a:hover { text-decoration: underline; } -.block { - width: 960px; - height: auto; -} - -.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 { - height: 6px; - line-height: 6px; - clear: both; - visibility: hidden; -} - .spacer3 { + clear: both; height: 30px; line-height: 30px; - clear: both; visibility: hidden; } h1 { font-size: 160%; - padding: 5px 0 5px 0; + padding: 5px 0; + line-height: 110%; + overflow: hidden; } h2 { font-size: 140%; - padding: 3px 0 3px 0; + padding: 3px 0; + line-height: 110%; } h3 { font-size: 120%; - padding: 3px 0 3px 0; + padding: 3px 0; + line-height: 110%; } ul { - list-style: disc; - margin-left: 20px; - padding-left: 0px; + list-style: disc outside none; margin-bottom: 1em; + margin-left: 20px; + padding-left: 0; } ol { - list-style: decimal; - margin-left: 30px; + list-style: decimal outside none; margin-bottom: 1em; - padding-left: 0px; + margin-left: 30px; + padding-left: 0; } td ul { @@ -179,183 +122,172 @@ td ul { } li input { - margin: 3px 3px 4px 3px; + margin: 3px 3px 4px; } pre { + background-color: #F5F5F5; font-family: Consolas, Monaco, Liberation Mono, Lucida Console, Monospace; font-size: 100%; margin-bottom: 10px; overflow: auto; - width: 580px; - background-color: #F5F5F5; padding-left: 5px; padding-top: 5px; - padding-bottom: 20px ! ie7; + width: 580px; } code { font-family: Consolas, Monaco, Liberation Mono, Lucida Console, Monospace; font-size: 100%; - + white-space: pre-wrap; } blockquote { + background-color: #F5F5F5; margin-bottom: 10px; margin-right: 15px; - padding: 10px 0px 1px 10px; - background-color: #F5F5F5; + padding: 10px 0 1px 10px; + max-width: 650px; } -/*页面布局*/ -#wrapper { - width: 960px; +blockquote blockquote { + margin: 0; + padding: 0; +} + +#wrapper, #announcement { margin: auto; padding: 0; + width: 990px; + background-color: #FFF; } #roof { - position: relative; - margin-top: 0px; - background: #FFF; + width: 990px; } #room { - padding: 10px 0 10px 0; - background-color: #FFF; - border-bottom: 1px solid #777; + background-color: #FFFFFF; + border-bottom: 1px solid #777777; + padding: 10px 0; } #CALeft { - width: 710px; float: left; position: relative; + width: 740px; } #CARight { - width: 240px; float: right; + width: 240px; } #CAFull { float: left; - padding: 0 5px 0 5px; + padding: 0 5px; width: 950px; } #ground { - width: 100%; - border-top: 1px solid #000; + background: none repeat scroll 0 0 #BDCCED; + border-top: 1px solid #000000; + padding-bottom: 0; padding-top: 6px; - padding-bottom: 0px; text-align: center; - background: #777; + width: 990px; } -/*#licenseLogo {position:absolute;top:10px;right:10px;}*/ - -/*顶部及导航栏*/ #top { - position: absolute; - top: 0px; - right: 0px; - height: 20px; - text-align: right; + float: right; padding: 3px; - background-color: #ffffff; + text-align: right; width: 500px; } -/*#header {width:960px;}*/ #top a { + color: #333333; + font-size: 12px; height: 35px; - text-align: right; /*letter-spacing:1px; */ margin-left: 20px; + text-align: right; text-decoration: underline; - font-size: 12px; - color: #333333; } #logo { - padding: 5px 0px 0px 0px; -} - -#navBar { - float: clear; - position: relative; - display: block; - width: 960px; + float: left; + padding: 5px 0 0; } -#navBar .nav { - margin: 20px 0px 0px 16px; /*letter-spacing:1px; */ +#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; + border-width: 1px 1px medium; color: #333333; - background-color: #fff0e0; - /*border-left: 1px solid #eeeeec; - border-right: 1px solid #babdb6; - border-top: 1px solid #eeeeec;*/ - border: 1px solid #888888; - border-bottom: none; - padding: 0px 12px 3px 12px; + display: block; + float: left; + font-size: 14px; + font-weight: 400; height: 25px; line-height: 30px; margin-left: 10px; - font-size: 14px; - font-weight: 400; + padding: 0 12px 3px; text-decoration: none; - display: block; - float: left; } -#navBar .nav a:hover { - text-decoration: underline +#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; + font-weight: 600; height: 24px; line-height: 28px; - border-bottom: 1px solid #a40000; - border-right: 1px solid #820000; - border-top: 1px solid #d40000; - border-left: 1px solid #d40000; /*background:#A31E39; */ - background: #a40000; - color: #FFF; - font-weight: 600; - text-decoration: none + text-decoration: none; } -#navBar .nav a.special { - font-size: 14px; +#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: 0px; +#nav a#nav_ask.on { + color: #FFFFFF; } -/*搜索栏*/ #searchBar { - width: 958px; - background-color: #888a85; /*#e9b96e;*/ - border: 1px solid #aaaaaa; - padding: 4px 0 0 0; + text-align: center; + background-color: #B6C4E2; + border-color: #EEEEEC #A9ACA5 #BABDB6 #EEEEEC; + border-style: solid; + border-width: 1px; + padding: 4px 0 0; + width: 988px; } -/* #B02B2C */ #searchBar .content { } #searchBar .searchInput { + border: 0px; + padding: 3px; font-size: 13px; height: 18px; width: 400px; @@ -368,681 +300,413 @@ blockquote { } #searchBar .options { - padding: 3px 0 3px 0; - font-size: 100%; - color: #EEE; /*letter-spacing:1px;*/ + color: #333333; + font-size: 120%; + padding: 3px 0; } -#searchBar .options INPUT { +#searchBar .options input { margin: 0 3px 0 15px; } -#searchBar .options INPUT:hover { - cursor: pointer +#searchBar .options input:hover { + cursor: pointer; } -/*问题列表*/ #listA { + background-color: #FFFFFF; float: left; - background-color: #FFF; - padding: 0 0px 0 0px; + padding: 0 0; width: 100%; } -#listA .qstA { - position: relative; - padding: 3px 5px 5px 10px; - border-top: 1px dashed #ccccce; - /*border-left:1px solid #ebebbe; - border-right:1px solid #b4b48e; - border-bottom:1px solid #b4b48e;*/ - background: white; /* #f9f7ed;*/ -/*margin:10px 0 10px 0;*/ -/*background:url(../images/quest-bg.gif) repeat-x top;*/ +.thousand { + color: orange; } -#listA .qstA thumb { +.short-summary { + border-top: 1px dotted #CCCCCE; float: left; + overflow: hidden; + padding: 3px 0px 5px 0; + position: relative; + width: 740px; } -#listA .qstA H2 { - font-size: 14px; - font-weight: 800; - margin: 8px auto; - padding: 0px; -} - -#listA .qstA H2 a { - color: 333333 /*#2e3436*/; - font-size: 15px; -} - -#listA .qstA .stat { - position: absolute; - right: 0px; - bottom: 5px; - font-size: 12px; /*letter-spacing:1px;*/ - float: right; -} - -#listA .qstA .stat span { - margin-right: 5px; -} - -#listA .qstA .stat td { - min-width: 40px; - text-align: center; -} - -#listA .qstA .stat .num { - font-family: sans-serif; - color: #a40000; - /*background:#eeeeec; - border: 1px solid #babdb6;*/ - margin: 0px; - font-size: 17px; - font-weight: 800; -} - -#listA .qstA table { - border-spacing: 0px; -} - -#listA .qstA table td { - padding: 0px; - width: 60px; - text-align: center; -} - -#listA .qstA .stat .unit { - color: #777777; - margin: 0px -} - -#listA .qstA .from { - margin-top: 5px; - font-size: 13px; - color: #777777; -} - -#listA .qstA .from .score { - font-family: sans-serif; - color: #555555; -} - -#listA .qstA .date { - margin-left: 10px; - color: #777777; -} - -#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; +#listA .short-summary:first-of-type { + border-top: 0; } -.short-summary { - position: relative; - padding: 3px 5px 5px 10px; - border-top: 1px dotted #ccccce; - overflow: hidden; - width: 700px; - float: left; +.user-stats-table .short-summary { + width: 764px; } -.short-summary h2 { - font-size: 16px; +.short-summary h2 a { + color: #2A5594; font-family: "Trebuchet MS", "segoe ui", arial, sans-serif; + font-size: 17px; } .short-summary .userinfo { + color: #666666; float: right; margin-top: 8px; } +.userinfo a, a.userinfo { + color: #3060A8; +} + .short-summary .counts { - float: right; + float: left; + margin-right: 0px; margin-top: 4px; + padding-right: 2px; } .short-summary .counts .item-count { font-size: 17px; - font-weight: 800; + font-weight: bold; } -.short-summary .votes, -.short-summary .status, -.short-summary .views { - font-size: 12px; +.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; + border-right: 1px solid #CCCCCC; + float: left; + font-size: 11px; + height: 42px; + margin: 0 6px 0 0px; + padding: 8px 2px 0; text-align: center; - margin: 0 0 0 7px; - padding: 4px 2px 0px 2px; width: 46px; - height: 48px; - float: left; - -moz-border-radius: 5px; - -khtml-border-radius: 5px; - -webkit-border-radius: 5px; } -#question-table { - margin-bottom: 10px; /*border-bottom:1px solid #888a85;*/ +.short-summary .votes, .short-summary .views { + color: #666666; } -.evenMore { - font-size: 14px; - font-weight: 800; +.short-summary .favorites { + width: 24px; + float: left; + text-align: center; +} + +#question-table { + margin-bottom: 10px; } .questions-count { - font-size: 32px; + color: #A40000; font-family: sans-serif; + font-size: 24px; font-weight: 600; - padding: 0 0 5px 0px; - color: #a40000; margin-top: 3px; + margin-right: 5px; + padding: 0 0 5px 0; } -/*内容块*/ .boxA { - background: #888a85; - padding: 6px; + background: none repeat scroll 0 0 #888A85; margin-bottom: 8px; - border 1px solid #babdb6; + padding: 6px; } -.boxA H3 { +.boxA h3 { + color: #FFFFFF; font-size: 13px; font-weight: 800; - color: #FFF; - margin: 0; + margin: 0 0 4px; padding: 0; - margin-bottom: 4px; } .boxA .body { - border: 1px solid #999; - padding: 8px; - background: #FFF; + background: none repeat scroll 0 0 #FFFFFF; + border: 1px solid #999999; font-size: 13px; + padding: 8px; } .boxA .more { + font-weight: 800; padding: 2px; text-align: right; - font-weight: 800; } -.boxB { - background: #F9F7ED; - padding: 6px; +.boxC { + background: none repeat scroll 0 0 #E5EBF8; + border-color: #EEEEEC #A9ACA5 #BABDB6 #EEEEEC; + border-style: solid; + border-width: 1px; margin-bottom: 8px; - border: solid 1px #aaaaaa; + padding: 10px; } -.boxB H3 { - font-size: 13px; - font-weight: 800; - color: #000; - margin: 0; - padding: 0 0 0 15px; - margin-bottom: 4px; - background: url(../images/dot-g.gif) no-repeat left center; +.boxC p { + margin-bottom: 8px; } -.boxB .body { - border: 1px solid #aaaaaa; - padding: 8px; - background: #FFF; - font-size: 13px; - line-height: 160%; +.boxC p.nomargin { + margin: 0; } -.boxB .more { - padding: 1px; +.boxC p.info-box-follow-up-links { + margin: 0; text-align: right; - font-weight: 800; -} - -.boxC { - background: #cacdc6; /*f9f7ed;*/ - padding: 10px; - margin-bottom: 8px; - border-top: 1px solid #eeeeec; - border-left: 1px solid #eeeeec; - border-right: 1px solid #a9aca5; - border-bottom: 1px solid #babdb6; -} - -.boxC p { - margin-bottom: 8px; -} - -.boxC p.nomargin { - margin: 0px; -} - -.boxC p.info-box-follow-up-links { - text-align: right; - margin: 0; } -/*分页*/ .pager { - margin-top: 10px; - margin-bottom: 16px; float: left; + margin-bottom: 16px; + margin-top: 10px; } .pagesize { - margin-top: 10px; - margin-bottom: 16px; float: right; + margin-bottom: 16px; + margin-top: 10px; } -/** PAGINATOR **/ .paginator { - padding: 5px 0 10px 0; - font: normal 12px sans-serif; -} - -.paginator .prev-na, -.paginator .next-na { - padding: .3em; - font: bold .875em sans-serif; -} - -.paginator .prev-na, -.paginator .next-na { - border: 1px solid #ccc; - background-color: #f9f9f9; - color: #aaa; - font-weight: normal; + font: 12px sans-serif; + padding: 5px 0 10px; } -.paginator .prev a, .paginator .prev a:visited, -.paginator .next a, .paginator .next a:visited { - border: 1px solid #fff; - background-color: #fff; - color: #777; - padding: 2px 4px 3px 4px; +.paginator .prev a, .paginator .prev a:visited, .paginator .next a, .paginator .next a:visited { + background-color: #FFFFFF; + border: 1px solid #FFFFFF; + color: #777777; font: bold 100% sans-serif; + padding: 2px 4px 3px; } -.paginator .prev, .paginator .prev-na { - margin-right: .5em; +.paginator .prev { + margin-right: 0.5em; } -.paginator .next, .paginator .next-na { - margin-left: .5em; +.paginator .next { + margin-left: 0.5em; } -.paginator .page a, .paginator .page a:visited, .paginator .curr { - padding: .25em; - font: normal .875em verdana; - border: 1px solid #ccc; - background-color: #fff; - margin: 0em .25em; - color: #777; +.paginator .page, .paginator .page a:visited, .paginator .curr { + background-color: #FFFFFF; + border: 1px solid #CCCCCC; + color: #777777; + font: 0.875em verdana; + margin: 0 0.25em; + padding: 0.25em; } .paginator .curr { - background-color: #777; - color: #fff; - border: 1px solid #777; + background-color: #777777; + border: 1px solid #777777; + color: #FFFFFF; font-weight: bold; } -.paginator .page a:hover, -.paginator .curr a:hover, -.paginator .prev a:hover, -.paginator .next a:hover { - color: #fff; - background-color: #777; - border: 1px solid #777; +.paginator .page:hover, .paginator .prev a:hover, .paginator .next a:hover { + background-color: #777777; + border: 1px solid #777777; + color: #FFFFFF; text-decoration: none; } .paginator .text { - color: #777; - padding: .3em; + color: #777777; font: bold 100% sans-serif; -} - -.paginator-container { - float: right; - padding: 10px 0 10px 0; + padding: 0.3em; } .paginator-container-left { - padding: 5px 0 10px 0; -} - -/*标签*/ -.tag { - font-size: 13px; - font-weight: normal; - color: #333; - text-decoration: none; - background-color: #EEE; - border-left: 3px solid #777; - border-top: 1px solid #EEE; - border-bottom: 1px solid #CCC; - border-right: 1px solid #CCC; - padding: 1px 8px 1px 8px; + padding: 5px 0 10px; } .tags { + display: block; font-family: sans-serif; line-height: 200%; - display: block; margin-top: 5px; } -.tags a { - white-space: nowrap; - font-size: 13px; +.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; - color: #333; + padding: 1px 8px; text-decoration: none; - background-color: #EEE; - border-left: 3px solid #777; - border-top: 1px solid #EEE; - border-bottom: 1px solid #CCC; - border-right: 1px solid #CCC; - padding: 1px 8px 1px 8px; + white-space: nowrap; } .tags a:hover { - background-color: #fFF; - color: #333; -} - -.tagsbox { - line-height: 200%; -} - -.tagsbox a { - font-size: 13px; - font-weight: normal; - color: #333; - text-decoration: none; - background-color: #EEE; - border-left: 3px solid #777; - border-top: 1px solid #EEE; - border-bottom: 1px solid #CCC; - border-right: 1px solid #CCC; - padding: 1px 8px 1px 8px; -} - -.tagsbox a:hover { - background-color: #fFF; - color: #333; + background-color: #356FCB; + color: #FFFFFF; } .tag-number { - font-weight: 700; font-family: sans-serif; + font-weight: 700; } .marked-tags { - margin-top: 0px; margin-bottom: 5px; + 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; + border-style: solid; + border-width: 1px; + color: #333333; font-size: 14px; + font-weight: bold; line-height: 250%; - font-weight: 800; - color: #333; - text-decoration: none; - background: url(../images/medala.gif) no-repeat; - border-left: 1px solid #EEE; - border-top: 1px solid #EEE; - border-bottom: 1px solid #CCC; - border-right: 1px solid #CCC; padding: 4px 12px 4px 6px; } -a:hover.medal { - color: #333; +a.medal { text-decoration: none; - background: url(../images/medala_on.gif) no-repeat; + color: #333333; +} + +a.medal:hover { + background: url("../images/medala_on.gif") no-repeat scroll 0 0 transparent; + border-color: #E7E296 #D1CA3D #D1CA3D #E7E296; border-left: 1px solid #E7E296; - border-top: 1px solid #E7E296; - border-bottom: 1px solid #D1CA3D; - border-right: 1px solid #D1CA3D; + border-style: solid; + border-width: 1px; + color: #333333; + text-decoration: none; } -/*Tab栏*/ .tabBar { - background-color: #FFF; + background-color: #FFFFFF; border-bottom: 1px solid white; - height: 30px; - width: 100%; clear: both; + height: 30px; margin-bottom: 3px; + width: 100%; } .tabsA { - background-color: #FFF; - float: right; - position: relative; + background-color: #FFFFFF; display: block; + float: right; font-weight: bold; height: 20px; -} - -.tabsB { - background-color: #FFF; - float: left; position: relative; - display: block; - font-weight: bold; - height: 20px; -} - -.tabsA a.on, .tabsA a:hover, .tabsB a.on, .tabsB a:hover { - background: #fff; - color: #a40000; - border-top: 1px solid #babdb6; - border-left: 1px solid #babdb6; - border-right: 1px solid #888a85; - border-bottom: 1px solid #888a85; - height: 24px; - line-height: 26px; - margin-top: 3px; - padding: 0px 11px 0px 11px; } -.tabsA a { - background: #f9f7eb; - border-top: 1px solid #eeeeec; - border-left: 1px solid #eeeeec; - border-right: 1px solid #a9aca5; - border-bottom: 1px solid #888a85; - color: #888a85; +.tabsA a, .sticky-sort-tabs { + background: none repeat scroll 0 0 #EEEEEE; + border-bottom: 1px solid #CCCCCC; + border-right: 1px solid #CCCCCC; + color: #888A85; display: block; float: left; height: 20px; line-height: 22px; margin: 5px 4px 0 0; - padding: 0 11px 0 11px; text-decoration: none; } -.tabsB a { - background: #eee; - border: 1px solid #eee; - color: #777; - display: block; - float: left; - height: 22px; - line-height: 28px; - margin: 5px 0px 0 4px; - padding: 0 11px 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; +} + +.tabsA a:hover { + background: none repeat scroll 0 0 #356FCB; + color: #FFFFFF; } -/*.tabsA a:hover, .tabsB a:hover {background: #fff;border: 1px solid #777;border-bottom:3px solid #FFF;}*/ .headlineA { + border-bottom: 1px solid #777777; font-size: 13px; - border-bottom: 1px solid #777; - padding-bottom: 2px; font-weight: 800; + height: 30px; margin-bottom: 12px; + padding-bottom: 2px; text-align: right; - height: 30px; } .headQuestions { + 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; height: 23px; line-height: 23px; margin: 5px 0 0 5px; - padding: 0px 6px 0px 15px; - font-size: 15px; - font-weight: 700; - border-bottom: 0px solid #777; - border-left: 0px solid #darkred; - background-color: #FFF; - background: url(../images/dot-list.gif) no-repeat left center; -} - -.headAnswers { - float: left; - padding: 3px; - font-size: 18px; - font-weight: 800; - background: url(../images/ico_answers.gif) left 2px no-repeat; - padding-left: 24px; -} - -.headTags { - float: left; - padding: 3px; - font-size: 18px; - font-weight: 800; - background: url(../images/ico_tags.gif) no-repeat; - padding-left: 24px; + padding: 0 6px 0 15px; } .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; height: 23px; line-height: 23px; margin: 5px 0 0 5px; - padding: 0px 6px 0px 15px; - font-size: 15px; - font-weight: 700; - border-bottom: 0px solid #777; - border-left: 0px solid #darkred; - background-color: #FFF; - background: url(../images/dot-list.gif) no-repeat left center; + padding: 0 6px 0 15px; } .headMedals { + 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; height: 23px; line-height: 23px; margin: 5px 0 0 5px; - padding: 0px 6px 0px 15px; - font-size: 15px; - font-weight: 700; - border-bottom: 0px solid #777; - border-left: 0px solid #darkred; - background-color: #FFF; - background: url(../images/dot-list.gif) no-repeat left center; -} - -.headLogin { - float: left; - padding: 3px; - font-size: 15px; - font-weight: 800; - background: url(../images/ico_login.gif) no-repeat; - padding-left: 24px; + padding: 0 6px 0 15px; } .headNormal { - text-align: left; - padding: 3px; + border-bottom: 1px solid #777777; font-size: 15px; - margin-bottom: 12px; font-weight: bold; - border-bottom: 1px solid #777; -} - -.headUser { - text-align: left; - padding: 5px; - font-size: 20px; /*letter-spacing:1px;*/ margin-bottom: 12px; - font-weight: 800; - border-bottom: 1px solid #777; -} - -/*RSS订阅*/ -#feeds { - margin: 10px 0; -} - -#feeds a { - background: url(../images/feed-icon-small.png) no-repeat 0; - padding-left: 18px; - font-weight: 700; - font-size: 13px; -} - -/*问题*/ -#question { - margin-bottom: 30px; -} - -#question h1 { - font-size: 15px; - background: #CCC; - padding: 6px 8px;; -} - -#question .body { - background: #F7F7F7; - padding: 20px 10px; -} - -.starter { - padding: 10px; - background: #E0EAF1; + padding: 3px; + text-align: left; } -.vote { +.headUser { + border-bottom: 1px solid #777777; font-size: 20px; - color: #666; font-weight: 800; + margin-bottom: 12px; + padding: 5px; + text-align: left; } .questions-related { @@ -1051,46 +715,19 @@ a:hover.medal { } .questions-related p { + font-size: 100%; line-height: 20px; margin-bottom: 10px; - font-size: 100%; -} - -.question-status { - margin-top: 10px; - padding: 20px; - background-color: #F5F5F5; - text-align: center; -} - -.question-status h3 { - font-size: 125%; } .question-body { - min-height: 100px; font-size: 13px; line-height: 20px; + min-height: 100px; } -.question-body IMG { - max-width: 600px; -} - -.question-mark { - /*background-color:#fff5e0; - border-top: 1px solid #eeeeec; - border-right: 1px solid #babdb6; - border-bottom: 1px solid #babdb6; - border-left: 1px solid #eeeeec;*/ - text-align: left; - padding: 5px; - overflow: hidden; -} - -.question-edit { - text-align: left; - overflow: hidden; +.question-body img { + max-width: 640px; } .vote-buttons { @@ -1098,280 +735,100 @@ a:hover.medal { text-align: center; } -.vote-buttons IMG { - cursor: pointer; -} - -.vote-number { - font-family: Arial; - padding: 0px 0 3px 0; - font-size: 140%; - font-weight: bold; - color: #777; +span.form-error { + color: #990000; + font-weight: normal; + margin-left: 5px; } -.question-img-upvote:hover { - background: url(../images/vote-arrow-up-on.png) +ul.errorlist li { + color: #990000; + font-weight: normal; + margin-left: 0px; + margin-top: 5px; } -.question-img-downvote:hover { - background: url(../images/vote-arrow-down-on.png) +.answer { + border-bottom: 1px solid #CCCCCE; + padding-top: 10px; + width: 100%; } -.question-img-favorite:hover { - background: url(../images/vote-favorite-on.png) +.answer-body { + font-size: 13px; + line-height: 20px; + min-height: 80px; } -.favorite-number { - padding: 0px; - font-size: 100%; - font-family: Arial; - font-weight: bold; - color: #777; +.answer-body img { + max-width: 640px; } -.vote-notification { - z-index: 1; - cursor: pointer; - display: none; - position: absolute; - padding: 15px; - color: White; - background-color: darkred; - text-align: center; +/* Fixes OSQA-143 IE8 text overflow issue */ +div.question-body p, div.answer-body p { + max-width: 700px; } -.vote-notification a { - color: White; - text-decoration: underline; +.answered-by-owner { + background: none repeat scroll 0 0 #E9E9FF; } -.offensive-flag a { - color: #777; - padding: 3px; - cursor: pointer; +.accepted-answer { + background-color: #EBFFE6; + border-bottom-color: #9BD59B; } -.offensive-flag a:hover { - background-color: #777; - text-decoration: none; - color: #fff; +.answered { + background: none repeat scroll 0 0 #E5EBF8; + color: #314362; } -.linksopt a { - color: #777; - padding: 3px; - cursor: pointer; +.answered-accepted, .answer-votes.answered-accepted { + background: none repeat scroll 0 0 #E6F8DD; + color: #3A6231; } -.linksopt a:hover { - background-color: #777; - text-decoration: none; - color: #fff; +.unanswered { + background: none repeat scroll 0 0 #F3E3E1; + color: #6B2B28; } -.action-link a { - color: #777; - padding: 3px; - cursor: pointer; -} - -.action-link: a hover { - background-color: #777; - text-decoration: none; - color: #fff; -} - -.action-link-separator { - color: #ccc; -} - -.wiki-category { - margin-left: 5px; - color: #999; - font-size: 90%; -} - -div.comments { - line-height: 150%; - padding: 10px 0; -} - -div.post-comments { - clear: both; - background: url(../images/gray-up-arrow-h18px.png) no-repeat; - width: 100%; - padding-left: 12px; - margin: 3px 0 10px 0; -} - -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.text-counter { - margin-right: 20px; - font-size: 11px; -} - -span.form-error { - color: #990000; - font-weight: normal; - margin-left: 5px; -} - -p.form-item { - margin: 0px; -} - -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; -} - -a.comments-link, a.comments-link-accepted, a.comments-link-owner, a.comments-link-deleted { - color: black; - font-size: 11px; - background: #eeeeee; - padding: 3px; - cursor: pointer; -} - -.post-comments a:hover { - background-color: #777777; - color: white; - text-decoration: none; -} - -a.comment-user, a.comment-user:hover { - background-color: inherit; - color: blue; - padding: 0; -} - -a.comment-user:hover { - text-decoration: underline; -} - -/*回答*/ -#answers { -} - -.answer { - padding-top: 10px; - width: 100%; - border-bottom: 1px solid #ccccce; -} - -.answer-body { - min-height: 80px; - font-size: 13px; - line-height: 20px; -} - -.answer-body IMG { - max-width: 600px; -} - -.accepted-answer { - background-color: #EBFFE6; - border-bottom-color: #9BD59B; -} - -.accepted-answer .comments-link { - background-color: #CCFFBF; -} - -.accepted-answer .comments-container { - background-color: #CCFFBF; -} - -.answered { - background: #CCC; - color: #999; -} - -.answered-accepted { - background: #CCC; - color: #763333; -} - -.unanswered { - background: #777; - color: white; -} - -.answered-by-owner { - background: #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) -} - -.deleted { - background: #F4E7E7 none repeat scroll 0 0; -} - -/*标签列表*/ -/* -.tagsbox {} -.tagsbox a {color:#000;line-height:30px;margin-right:10px;font-size:100%;background-color:#F9F7ED;padding:3px;border:1px solid #aaaaaa;} -.tagsbox a:hover {text-decoration:none;background-color:#F9F7ED;color:#B02B2C;} */ .tagsList { - margin: 0; list-style-type: none; - padding: 0px; + margin: 0; min-height: 360px; + padding: 0; } .tagsList li { - width: 235px; float: left; + width: 235px; } .badge-list { - margin: 0; list-style-type: none; + margin: 0; +} + +.badge-list a { + color: #3060A8; +} + +.badge-list a.medal { + color: #333333; } -/*登录*/ .list-item { margin-left: 15px; } -.list-item LI { - list-style-type: disc; +.list-item li { font-size: 13px; line-height: 20px; + list-style-type: disc; margin-bottom: 10px; } -/* openid styles */ .form-row { line-height: 25px; } @@ -1381,94 +838,39 @@ table.form-as-table { } table.form-as-table ul { - list-style-type: none; display: inline; + list-style-type: none; } table.form-as-table li { display: inline; } -table.form-as-table td { - text-align: right; +table.form-as-table pre { + display: inline; } -table.form-as-table th { - text-align: left; - font-weight: normal; +table.check-table td { + padding-right: 50px; } -/*.form-row li label { - display: inline -}*/ .submit-row { + clear: both; + display: block; line-height: 30px; padding-top: 10px; - display: block; - clear: both; -} - -.errors { - line-height: 20px; - color: red; } .error { color: darkred; - margin: 0; font-size: 10px; + margin: 0; } -.error-list li { - padding: 5px; -} - -.fieldset { -/* border:solid 1px #777;*/ - border: none; - margin-top: 10px; - padding: 10px; -} - -.openid-input { - background: url(../images/openid.gif) no-repeat; - padding-left: 15px; - cursor: pointer; -} - -.openid-login-input { - background-position: center left; - background: url(../images/openid.gif) no-repeat 0% 50%; - padding: 5px 5px 5px 15px; - cursor: pointer; - font-family: Trebuchet MS; - font-weight: 300; - font-size: 150%; - width: 500px; -} - -.openid-login-submit { - height: 40px; - width: 80px; - line-height: 40px; - cursor: pointer; - border: 1px solid #777; - font-weight: bold; - font-size: 120%; -} - -.openid-samples { - -} - -.openid-samples .list, .list li { - font-family: Trebuchet MS, "segoe ui", Helvetica, "Microsoft YaHei", 宋 体, Tahoma, Verdana, MingLiu, PMingLiu, Arial, sans-serif; - list-style: none !important; - margin-left: -30px !important; - line-height: 20px !important; +.small { + font-size: 11px; } -/*表单相关*/ span.form-error { color: #990000; font-size: 90%; @@ -1481,68 +883,50 @@ span.form-error { font-size: 90%; } -/*adjustment for editor preview*/ #editor { font-size: 100%; - min-height: 200px; line-height: 18px; + min-height: 200px; width: 100%; } .wmd-preview { - margin-top: 10px; - padding: 6px; - width: 100%; background-color: #F5F5F5; + margin-top: 10px; min-height: 20px; -} - -.wmd-preview pre { - background-color: #E7F1F8; - -} - -.wmd-preview blockquote { - background-color: #eee; -} - -.wmd-preview IMG { - max-width: 600px; + padding: 6px; + width: 98%; + overflow: hidden; } .preview-toggle { + color: #AAAAAA; font-weight: 600; - width: 100%; - color: #aaa; /*letter-spacing:1px;*/ text-align: left; + width: 100%; } .preview-toggle span:hover { cursor: pointer; } -.edit-content-html { - border-top: 1px dotted #D8D2A9; - border-bottom: 1px dotted #D8D2A9; - margin: 5px 0 5px 0; -} - -/*修订记录*/ - #revisions { width: 950px; } .revision { - margin: 10px 0 10px 0; - width: 100%; font-size: 13px; + margin: 10px 0; + width: 100%; +} + +.revision .rev-arrow { + cursor: pointer; } .revision .header { - background-color: #eee; + background-color: #EEEEEE; padding: 5px; - cursor: pointer; } .revision .author { @@ -1550,76 +934,62 @@ span.form-error { } .revision .summary { - padding: 5px 0 10px 0; + padding: 5px 0 10px; } .revision .summary span { - background-color: yellow; + /**background-color: yellow;**/ + display: inline; padding-left: 3px; padding-right: 3px; - display: inline; } .revision h1 { font-size: 130%; font-weight: 600; - padding: 15px 0 15px 0; + padding: 15px 0; } .revision-mark { - width: 200px; - text-align: left; display: inline-block; font-size: 90%; overflow: hidden; + text-align: left; + width: 200px; } .revision-number { + font-family: sans-serif; font-size: 300%; font-weight: bold; - font-family: sans-serif; } .revision .body { - padding-left: 10px; margin-bottom: 50px; + padding-left: 10px; } -.revision .answerbody { - padding: 10px 0 5px 10px; -} - -/* Revision pages */ del { color: #FF5F5F; } -del .post-tag { - color: #FF5F5F; -} - ins { - background-color: #97ff97; -} - -ins .post-tag { - background-color: #97ff97; + background-color: #97FF97; } -/*用户资料页面*/ .count { + color: #777777; font-family: Arial; font-size: 200%; font-weight: 700; - color: #777 } .scoreNumber { + color: #777777; font-family: Arial; font-size: 35px; font-weight: 800; - color: #777; - line-height: 40px; /*letter-spacing:0px*/ + line-height: 40px; } .user-details { @@ -1636,824 +1006,846 @@ ins .post-tag { } .user-edit-link { - background: url(../images/edit.png) no-repeat; + background: url("../images/edit.png") no-repeat scroll 0 0 transparent; padding-left: 20px; } -.favorites-count-off { - color: #919191; - float: left; - padding: 3px; - margin: 10px 0 0 0; - text-align: center; +.user-info-table { + margin-bottom: 10px; } -.favorites-count { - color: #D4A849; - float: left; - padding: 3px; - margin: 10px 0 0 0; - text-align: center; +.relativetime { + text-decoration: none; } -.favorites-empty { - width: 32px; - height: 45px; - float: left; +.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 { - width: 950; - 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: transparent none repeat scroll 0 0; - float: left; - height: 48px; - margin: 0 0 0 7px; - padding: 0; - width: auto; - font-family: Arial; +.user-action-2 { + color: #CCCCCC; + font-weight: bold; } -.stats div { - font-size: 11px; - text-align: center; +.user-action-3 { + color: #333333; } -.narrow .votes { - background: #EEEEEE none repeat scroll 0 0; - float: left; - height: 42px; - margin: 0 3px 0 0; - padding: 5px; - width: 46px; - text-align: center; - -moz-border-radius: 5px; - -khtml-border-radius: 5px; - -webkit-border-radius: 5px; +.user-action-4 { + color: #333333; } -.narrow .summary { - width: 600px; - display: inline-block; +.user-action-7 { + color: #333333; } -.narrow .summary h3 { - padding: 0px; - margin: 0px; +.user-action-8 { + background-color: #CCCCCC; + color: #763333; + font-weight: bold; + padding: 3px; } -.narrow .views { - height: 42px; - float: left; - margin: 0 7px 0 0; /*padding:5px 0 5px 4px;*/ - padding: 5px; - width: 46px; - text-align: center; - -moz-border-radius: 5px; - -khtml-border-radius: 5px; - -webkit-border-radius: 5px; - color: #777; +.question-title-link a { + color: #0077CC; + font-weight: bold; } -.narrow .status { - float: left; - height: 42px; - margin: 0 3px 0 0; - padding: 5px; - width: 46px; - text-align: center; - -moz-border-radius: 5px; - -khtml-border-radius: 5px; - -webkit-border-radius: 5px; +.answer-title-link a { + color: #333333; } -.narrow .vote-count-post { - font-weight: 800; - display: block; - margin: 0; - font-size: 190%; - color: #555; - line-height: 20px; +.post-type-1 a { + font-weight: bold; } -.narrow .answer-count-post { - font-weight: 800; - display: block; - margin: 0; - font-size: 190%; +.post-type-3 a { + font-weight: bold; } -.narrow .views-count-post { - font-weight: 800; - display: block; - margin: 0; - font-size: 190%; +.post-type-2 a { + color: #333333; } -div.started { - color: #999999; - float: right; - line-height: 18px; +.post-type-4 a { + color: #333333; +} +.post-type-8 a { + color: #333333; } -.narrow div.started { - line-height: inherit; - padding-top: 4px; - white-space: nowrap; - width: auto; +.badge1 { + color: #FFCC00; } -.relativetime { - font-weight: bold; - text-decoration: none; +.silver, .badge2 { + color: #CCCCCC; } -div.started a { +.bronze, .badge3 { + color: #CC9933; +} + +.score, .accept_rate { + color: #333333; + font-size: 110%; font-weight: bold; + margin-left: 3px; } -div.started .reputation-score { - margin-left: 1px; +.footerLinks { + color: #3060A8; + font-size: 13px; } -.narrow .tags { - float: left; +.footerLinks a { + color: #3060A8; + font-size: 13px; } -.answer-summary { - display: block; - clear: both; - padding: 3px; +.user { + line-height: 140%; + padding: 5px; + width: 170px; + display: inline-block; } -.answer-votes { - background-color: #EEEEEE; - color: #555555; - float: left; - font-family: Arial; - font-size: 110%; - font-weight: bold; - height: 15px; - padding: 4px 4px 5px; - text-align: center; - text-decoration: none; - width: 20px; - margin-right: 10px; +.user ul { + list-style-type: none; + margin: 0; } -.vote-count { - font-family: Arial; - font-size: 160%; - font-weight: 700; - color: #777; +.user .thumb { + clear: both; + display: inline; + float: left; + margin-right: 4px; } -.user-action { +.message { + background-color: #EEEEEE; + border: 1px solid #AAAAAA; + margin: 10px 0; + padding: 5px; +} +.message p { + margin-bottom: 0; } -.user-action-1 { - font-weight: bold; - color: #333; +.darkred { + color: darkred; } -.user-action-2 { +.submit { + background-color: #D4D0C8; + border: 1px solid #777777; + cursor: pointer; + font-size: 120%; font-weight: bold; - color: #CCC; + height: 40px; + padding-bottom: 4px; } -.user-action-3 { - color: #333; +.submit:hover { + text-decoration: underline; } -.user-action-4 { - color: #333; +.ask-body { + padding-right: 10px; } -.user-action-5 { - color: darkred; +.notify { + background-color: #F4A83D; + color: #444444; + font-weight: bold; + left: 0; + padding: 0; + position: fixed; + text-align: center; + top: 0; + width: 100%; + z-index: 100; } -.user-action-6 { - color: darkred; +.notify p { + font-size: 16px; + margin-bottom: 5px; + margin-top: 5px; } -.user-action-7 { - color: #333; +#close-notify { + background-color: #FAD163; + border: 2px solid #735005; + color: #735005; + cursor: pointer; + font-size: 14px; + line-height: 18px; + padding: 0 3px; + position: absolute; + right: 5px; + text-decoration: none; + top: 5px; } -.user-action-8 { - padding: 3px; - font-weight: bold; - background-color: #CCC; - color: #763333; +#close-notify:hover { + text-decoration: none; } -.revision-summary { - background-color: #FFFE9B; - padding: 2px; +.big { + font-size: 15px; } -.question-title-link a { +.strong { font-weight: bold; - color: #0077CC; -} - -.answer-title-link a { - color: #333; } -.post-type-1 a { +.orange { + color: #D64000; font-weight: bold; +} +.grey { + color: #808080; } -.post-type-3 a { - font-weight: bold; +.about div { + border-top: 1px dashed #AAAAAA; + padding: 10px 5px; +} +.about div.first { + border-top: medium none; + padding-top: 0; } -.post-type-5 a { - font-weight: bold; +.about p { + margin-bottom: 10px; } -.post-type-2 a { - color: #333; +.about a { + color: #D64000; + text-decoration: underline; } -.post-type-4 a { - color: #333; +.about h3 { + font-size: 15px; + font-weight: 700; + line-height: 30px; + padding-top: 0; } -.post-type-6 a { - color: #333; +.nomargin { + margin: 0; } -.post-type-8 a { - color: #333; +.inline-block { + display: inline-block; } -/*读书频道*/ -.bookInfo { - float: left; - width: 940px; - padding: 5px; +.list-table td { + vertical-align: top; } -.bookCover { - float: left; - width: 200px; +table.form-as-table input { + display: inline; + margin-left: 4px; } -.bookCover img { - border: 1px solid #ccc; - max-width: 200px; +ul.form-horizontal-rows { + list-style: none outside none; + margin: 0; } -.bookSummary { - float: left; - font-size: 13px; +ul.form-horizontal-rows li { + height: 40px; + position: relative; } -.blogRss { - float: right; - margin: 0 10px 0 0; - width: 460px; - height: 240px; - background-color: #EEE; - padding: 5px; +ul.form-horizontal-rows label { + display: inline-block; } -.bookQuestions { - margin-bottom: 10px; +ul.form-horizontal-rows label { + bottom: 6px; + font-size: 12px; + left: 0; + line-height: 12px; + margin: 0; + position: absolute; } -.bookFeed { - float: right; +ul.form-horizontal-rows li input { + bottom: 0; + left: 180px; + margin: 0; + position: absolute; } -.bookAsk { -/*letter-spacing:1px; */ - float: right; - margin: -30px 10px 0 0; - padding: 3px 5px 3px 5px; +#changepw-form li input { + left: 150px; } -.bookAsk a { - font-size: 15px; - color: #FFF; +.user-profile-tool-links { font-weight: bold; - text-decoration: none; - background-color: #EC7000; - padding: 3px 6px 3px 6px; + padding-bottom: 10px; } -.bookAsk a:hover { - text-decoration: underline; +.post-controls, .tags-container { + font-size: 11px; + line-height: 12px; + margin-bottom: 5px; + min-width: 200px; } -/*其他全局样式*/ -.hilite { - background-color: #ff0; +.tags-container { + margin: 0 0 16px 0; } -.hilite1 { - background-color: #ff0; +#question-tags { + margin-top: 15px; } -.hilite2 { - background-color: #f0f; +.post-controls { + float: left; } -.hilite3 { - background-color: #0ff; +#question-controls .tags { + margin: 0 0 3px; } -.userStatus { - margin-left: 12px; - color: #FFF; +.post-update-info { + display: inline-block; float: right; + margin-bottom: 5px; + width: 190px; } -.userStatus a { - color: #FFF; +.post-update-info p { + font-size: 11px; + line-height: 15px; + margin: 0 0 4px; + padding: 0; } -.gold, .badge1 { - color: #FFCC00; +.post-update-info img { + float: left; + margin: 4px 8px 0 0; + width: 32px; } -.silver, .badge2 { - color: #CCCCCC; +#tagSelector { + padding-bottom: 2px; } -.bronze, .badge3 { - color: #CC9933; +#hideIgnoredTagsControl { + margin: 5px 0 0; } -.score { - font-weight: 800; - color: #333; +#hideIgnoredTagsCb { + margin: 0 2px 0 1px; } -.footerLinks { - color: #EEE; - font-size: 13px; /* letter-spacing:1px;*/ +a.sidebar_button { + background: none repeat scroll 0 0 #EEEEEE; + color: black; + cursor: pointer; + font-size: 11px; + padding: 3px; } -.footerLinks a { - color: #FFF; - font-size: 13px; +a.sidebar_button:hover { + background-color: #777777; + color: white; + text-decoration: none; } -.subSearch { - margin-bottom: 12px; - padding: 4px; +a.post-vote, .favorite-mark, a.accept-answer { + display: block; + height: 24px; + position: relative; + width: 24px; } -a.comment { - background: #EEE; - color: #993300; - padding: 4px; +a.post-vote.up { + background: url("../images/vote-arrow-up.png") no-repeat scroll center center transparent; } -a.permLink { - padding: 2px; +a.post-vote.up.on, a.post-vote.up:hover { + background: url("../images/vote-arrow-up-on.png") no-repeat scroll center center transparent; } -a.offensive { - color: #999; +a.post-vote.down { + background: url("../images/vote-arrow-down.png") no-repeat scroll center center transparent; } -ul.bulleta li { - background: url(../images/bullet_green.gif) no-repeat 0px 2px; - padding-left: 16px; - margin-bottom: 4px; +a.post-vote.down.on, a.post-vote.down:hover { + background: url("../images/vote-arrow-down-on.png") no-repeat scroll center center transparent; } -.user { - padding: 5px; - line-height: 140%; - width: 170px; +a.accept-answer { + background: url("../images/vote-accepted.png") no-repeat scroll center center transparent; } -.user ul { - margin: 0; - list-style-type: none; +a.accept-answer.on, a.accept-answer:hover { + background: url("../images/vote-accepted-on.png") no-repeat scroll center center transparent; } -.user .thumb { - clear: both; - float: left; - margin-right: 4px; - display: inline; +.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; } -.yellowbg { - background: yellow; +.post-score, .comments-char-left-count { + color: #777777; + font-family: Arial; + font-size: 165%; + font-weight: bold; + padding: 0 0 3px; } -.message { - padding: 5px; - margin: 10px 0 10px 0; - background-color: #eee; - border: 1px solid #aaaaaa; +.favorite-mark { + background: url("../images/vote-favorite-off.png") no-repeat scroll center center transparent; } -.message h1 { - padding-top: 0px; - font-size: 15px; +.favorite-mark.on, a.favorite-mark:hover { + background: url("../images/vote-favorite-on.png") no-repeat scroll center center transparent; } -.message p { - margin-bottom: 0px; +.favorite-count { + color: #777777; + font-family: Arial; + font-size: 100%; + font-weight: bold; + padding: 0; } -p.space-above { - margin-top: 10px; +.comments-container { + clear: both; } -.warning { - color: red; +.comments-container { + padding: 0; } -.darkred { - color: darkred; +.answered-by-owner .comments-container { + background-color: #E6ECFF; } -.submit { - cursor: pointer; /*letter-spacing:1px;*/ - background-color: #D4D0C8; - height: 40px; - border: 1px solid #777777; /* width:100px; */ - font-weight: bold; - padding-bottom: 4px; - font-size: 120%; +.accepted-answer .comments-container { + background-color: #CCFFBF; } -.submit:hover { - text-decoration: underline; +.comment { + border-top: 1px dotted #CCCCCE; + margin: 0; + position: relative; +} + +.comment.not_top_scorer { + display: none; +} + +.comment-score { + color: #777777; + font-family: Arial; + font-size: 16px; + font-weight: bold; + padding-top: 3px; + vertical-align: top; + float: left; + width: 22px; + height: 100%; + text-align: center; } -.ask-body { - padding-right: 10px; +.comment-text { + color: #444444; + font-size: 12px; + margin: 0 0 0 22px; + padding: 0; } -.thousand { - color: orange; +.comment-text p { + font-size: 12px; } -.notify { - position: fixed; - top: 0px; - left: 0px; - width: 100%; - z-index: 100; - padding: 0; - text-align: center; - font-weight: Bold; - color: #444; - background-color: #F4A83D; +.comment-info { + font-size: 11px; + margin: 0 0 4px 0; + text-align: right; + height: 18px; + vertical-align: middle; } -.notify p { - margin-top: 5px; - margin-bottom: 5px; - font-size: 16px; +.comment-info * { + float: right; + height: 18px; + margin-left: 4px; } -#close-notify { - position: absolute; - right: 5px; - top: 5px; - padding: 0 3px 0 3px; - color: #735005; - text-decoration: none; - font-size: 14px; - line-height: 18px; - background-color: #FAD163; - border: 2px #735005 solid; - cursor: pointer; +a.comment-like, a.comment-delete, a.comment-edit, a.comment-convert { + margin-left: 2px; + width: 18px; } -#close-notify:hover { - text-decoration: none; +a.comment-like { + background: url("../images/comment-like.png") no-repeat scroll center center transparent; } -.big { - font-size: 15px; +a.comment-like:hover, a.comment-like.on { + background: url("../images/comment-like-on.png") no-repeat scroll center center transparent; } -.bigger { - font-size: 14px; +a.comment-delete { + background: url("../images/comment-delete.png") no-repeat scroll center center transparent; } -.strong { - font-weight: bold; +a.comment-delete:hover { + background: url("../images/comment-delete-hover.png") no-repeat scroll center center transparent; } -.orange { - color: #d64000; - font-weight: bold; +a.comment-convert { + background: url("../images/convert-off.png") no-repeat scroll center center transparent; } -.grey { - color: #808080; +a.comment-convert:hover { + background: url("../images/convert-hover.png") no-repeat scroll center center transparent; } -.about div { - padding: 10px 5px 10px 5px; - border-top: 1px dashed #aaaaaa; +a.comment-edit { + background: url("../images/comment-edit.png") no-repeat scroll center center transparent; } -.about div.first { - padding-top: 0; - border-top: none; +a.comment-edit:hover { + background: url("../images/comment-edit-hover.png") no-repeat scroll center center transparent; } -.about p { - margin-bottom: 10px; +img.subscription-remove { + float:right; } -.about a { - color: #d64000; - text-decoration: underline; +.comment-form-container { + display: none; + padding-top: 12px; } -.about h3 { - line-height: 30px; - font-size: 15px; - font-weight: 700; - padding-top: 0px; +.comment-form-widgets-container input { + vertical-align: top; } -.highlight { - background-color: #FFF8C6; +.comment-form-widgets-container textarea { + height: 80px; + width: 80%; + float: left; } -.nomargin { - margin: 0; +span.comment-chars-left { + font-size: 11px; + margin-right: 20px; } -.margin-bottom { - margin-bottom: 10px; +div.comment-tools { + border-top: 1px dotted #CCCCCE; + padding-top: 12px; + text-align: right; } -.margin-top { - margin-top: 10px; +div.comment-tools .comments-showing { + color: #777777; + font-size: 11px; } -.inline-block { - display: inline-block; +div.comment-tools a { + background: none repeat scroll 0 0 #EEEEEE; + color: black; + cursor: pointer; + font-size: 11px; + padding: 3px; } -.action-status { - margin: 0; - border: none; - text-align: center; - line-height: 10px; - font-size: 12px; - padding: 0; +div.comment-tools a:hover { + background-color: #777777; + color: white; + text-decoration: none; } -.action-status span { - padding: 3px 5px 3px 5px; - background-color: #fff380; /* nice yellow */ - font-weight: normal; - -moz-border-radius: 5px; - -khtml-border-radius: 5px; - -webkit-border-radius: 5px; +.action-link { + color: #777777; + cursor: pointer; + padding: 3px; } -.tight { - margin: 0; - padding: 0; +.action-link a { + color: inherit; } -.list-table td { - vertical-align: top; +.action-link a.ajax-command:hover { + background-color: #777777; + color: #FFFFFF; + text-decoration: none; } -p.comment { - border-top: 1px dotted #ccccce; - margin: 0; - font-size: 11px; - color: #444444; - padding: 5px 0 5px 0; +.action-link-separator { + color: #CCCCCC; } -.delete-icon { - vertical-align: middle; - padding-left: 3px; +.deleted { + background-color: #F4E7E7; } -/* these need to go */ -table.form-as-table .errorlist { - display: block; - margin: 0; - padding: 0 0 0 5px; - text-align: left; - font-size: 10px; - color: darkred; +#command-loader { + position: fixed; + bottom: 0px; + left: 0px; + width: 24px; + height: 24px; + background: url('/m/default/media/images/indicator.gif') } -table.form-as-table input { - display: inline; - margin-left: 4px; +#command-loader.success { + background: url('/m/default/media/images/vote-accepted-on.png') } -table.form-as-table th { - vertical-align: bottom; - padding-bottom: 4px; +.comment-form-buttons { + width: 18%; + height: 100%; + float: right; } -.form-row-vertical { - margin-top: 8px; - display: block; +.comment-form-buttons input, .user-prompt .prompt-buttons button { + height: 16px; + line-height: 12px; + font-size: 110%; + border: 1px solid #999; } -.form-row-vertical label { - margin-bottom: 3px; - display: block; +.comment-form-buttons input { + width: 100%; + height: 22px; + vertical-align: middle; + margin-top: 6px; } -/* above stuff needs to go */ -.text-align-right { - text-align: center; +.comments-char-left-count.warn { + color: orange; } -ul.form-horizontal-rows { - list-style: none; - margin: 0; +#ask-related-questions { + max-height: 150px; + overflow-y: auto; } -ul.form-horizontal-rows li { +.context-menu { position: relative; - height: 40px; } -ul.form-horizontal-rows label { - display: inline-block; +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; } -ul.form-horizontal-rows ul.errorlist { - list-style: none; - color: darkred; - font-size: 10px; - line-height: 10px; - position: absolute; - top: 2px; - left: 180px; +.context-menu-dropdown { + display: none; + right: 0px; + top: 1.5em; text-align: left; - margin: 0; + list-style-type: none; + z-index: 500; } -ul.form-horizontal-rows ul.errorlist li { - height: 10px; +.context-menu-dropdown li.item { + padding: 4px 8px 4px 8px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; } -ul.form-horizontal-rows label { - position: absolute; - left: 0px; - bottom: 6px; - margin: 0px; - line-height: 12px; - font-size: 12px; +.context-menu-dropdown li.item a { + color: inherit; + white-space: nowrap; + text-decoration: none; } -ul.form-horizontal-rows li input { - position: absolute; - bottom: 0px; - left: 180px; - margin: 0px; +.context-menu-dropdown li.separator { + text-align: center; + padding: 10px 0 4px 0; + font-size: 120%; + font-weight: bold; } -#emailpw-form li input { - left: 170px; +.context-menu-dropdown li.item:hover { + background-color: #3060A8; + color: white; } -#emailpw-form ul.errorlist { - left: 170px; +.context-menu-dropdown span { + margin-right: 4px; + float: left; + width: 16px; + height: 16px; } -#changepw-form li input { - left: 150px; +.context-menu-trigger { + cursor: pointer; } -#changepw-form ul.errorlist { - left: 150px; +div.dialog .dialog-content { + padding: 12px 12px 42px 12px; + z-index: 1000; } -.narrow .summary { - float: left; +div.dialog .dialog-buttons { + margin: 0px; + height: 25px; + text-align: center; + position: absolute; + bottom: 0px; + left: 0px; + width: 100%; } -.narrow .summary .question-title { +.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; - font-size: 120%; + border: 0; } -.user-profile-tool-links { - padding-bottom: 10px; - font-weight: bold; +div.dialog.confirm, div.dialog.warning { + text-align: center; } -.post-controls { - float: left; - font-size: 11px; - line-height: 12px; - min-width: 200px; - margin-bottom: 5px; +div.dialog.confirm { + font-size: 140%; + font-weight: bold; } -#question-controls .tags { - margin: 0 0 3px 0; +div.dialog.prompt { + width: 300px; } -.post-update-info-container { - float: right; - min-width: 190px; +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; } -.post-update-info { - display: inline-block; - float: right; - width: 190px; - margin-bottom: 5px; +.user-prompt .prompt-buttons { + text-align: right; } -.post-update-info p { - font-size: 11px; - line-height: 15px; - margin: 0 0 4px 0; - padding: 0; +.suspended-user { + text-decoration: line-through; } -.post-update-info img { - float: left; - width: 32px; - margin: 4px 8px 0 0; +.feed-icon { + width: 14px; + height: 14px; + display: inline-block; } -.comments-container { - clear: both; +div#subscription_list { + width: 100%; + /*float:left;*/ } -.admin { - background-color: #fff380; /* nice yellow */ - border: 1px solid darkred; - padding: 0 5px 0 5px; +div.subscription_summary { + border-top: 2px dotted #CCCCCE; + overflow: hidden; + padding: 3px 0px 5px 0; + position: relative; + width:100%; + margin-top: 5px; } -.admin p { - margin-bottom: 3px; +div.subscription_title { + /*float:left; + line-height:30px;*/ + margin-top: 5px; + font-size: 16px; + font-weight:bold; } -.admin #action_status { - text-align: center; - font-weight: bold; -} +a.subscription_unsubscribe_button { + float:left; + font-size: 11px; + font-weight:bold; -#tagSelector { - padding-bottom: 2px; + margin-right:15px; + margin-top: 5px; } -#hideIgnoredTagsControl { - margin: 5px 0 0 0; +div.subscription_userinfo { + float:right; } -#hideIgnoredTagsCb { - margin: 0 2px 0 1px; +div.subscription_tags { + font-family: sans-serif; + float:left; } - -#recaptcha_widget_div { - width: 318px; - float: left; - clear: both; +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; } - -p.signup_p { - margin: 20px 0px 0px 0px; +div.subscription_tags a:hover { + background-color: #356FCB; + color: #FFFFFF; } -.simple-subscribe-options ul { - list-style: none; - list-style-position: outside; - margin: 0; +div.wmd-button { + color:white; +} +div.wmd-button-bar { + float:left; }