X-Git-Url: https://git.openstreetmap.org./osqa.git/blobdiff_plain/c4fa700661c2b69ae02eb282b25bb11d5ebc30f4..acb3d30094867c8cbb49bc2c8d57c0771bcf7790:/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 3084b55..f2c73a5 100644 --- a/forum/skins/default/media/style/style.css +++ b/forum/skins/default/media/style/style.css @@ -1,350 +1,415 @@ @import "jquery.autocomplete.css"; body { - background: none repeat scroll 0 0 #FFFFFF; - color: #000000; - font-family: sans-serif; - font-size: 12px; - line-height: 150%; - margin: 0; - padding: 0; + /*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; } div { - margin: 0 auto; - padding: 0; + margin: 0 auto; + padding: 0; } -h1,h2,h3,ul,li,form,img,p { - border: medium none; - margin: 0; - padding: 0; +h1, h2, h3, ul, li, form, img, p { + border: medium none; + margin: 0; + padding: 0; } -label {vertical-align: middle;} +label { + vertical-align: middle; +} -.login label {display: block;} -.login .form-row-vertical {margin-bottom: 8px;} +.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; - border-style: dashed none none; - border-width: 1px medium medium; + 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; +input, select { + font-family: Trebuchet MS, "segoe ui", Helvetica, "Microsoft YaHei", Tahoma, Verdana, MingLiu, PMingLiu, Arial, sans-serif; + vertical-align: middle; } p { - font-size: 13px; - line-height: 140%; - margin-bottom: 13px; + font-size: 13px; + line-height: 140%; + margin-bottom: 13px; } a { - color: #3060A8; - text-decoration: none; + color: #3060A8; + text-decoration: none; +} + +.clear { + clear: both; + width: 0px; + height: 0px; } .badges a { - color: #763333; - text-decoration: underline; + color: #763333; + text-decoration: underline; } -a:hover { text-decoration: underline; } -.tright { text-align: right; } +a:hover { + text-decoration: underline; +} + +.tright { + text-align: right; +} .spacer3 { - clear: both; - height: 30px; - line-height: 30px; - visibility: hidden; + clear: both; + height: 30px; + line-height: 30px; + visibility: hidden; } h1 { - font-size: 160%; - padding: 5px 0; + font-size: 160%; + padding: 5px 0; + line-height: 110%; + overflow: hidden; } h2 { - font-size: 140%; - padding: 3px 0; + font-size: 140%; + padding: 3px 0; + line-height: 110%; } h3 { - font-size: 120%; - padding: 3px 0; + font-size: 120%; + padding: 3px 0; + line-height: 110%; } ul { - list-style: disc outside none; - margin-bottom: 1em; - margin-left: 20px; - padding-left: 0; + list-style: disc outside none; + margin-bottom: 1em; + margin-left: 20px; + padding-left: 0; } ol { - list-style: decimal outside none; - margin-bottom: 1em; - margin-left: 30px; - padding-left: 0; + list-style: decimal outside none; + margin-bottom: 1em; + margin-left: 30px; + padding-left: 0; +} + +td ul { + vertical-align: middle; } -td ul { vertical-align: middle; } -li input { margin: 3px 3px 4px; } +li input { + 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; - padding-left: 5px; - padding-top: 5px; - width: 580px; + background-color: #F5F5F5; + font-family: Consolas, Monaco, Liberation Mono, Lucida Console, Monospace; + font-size: 90%; + margin-bottom: 10px; + overflow: auto; + padding-left: 5px; + padding-top: 5px; + width: 580px; + white-space: pre-wrap; } code { - font-family: Consolas,Monaco,Liberation Mono,Lucida Console,Monospace; - font-size: 100%; + font-family: Consolas, Monaco, Liberation Mono, Lucida Console, Monospace; + font-size: 90%; + white-space: pre-wrap; } blockquote { - background-color: #F5F5F5; - margin-bottom: 10px; - margin-right: 15px; - padding: 10px 0 1px 10px; + background-color: #F5F5F5; + margin-bottom: 10px; + margin-right: 15px; + padding: 10px 0 1px 10px; + max-width: 650px; +} + +blockquote blockquote { + margin: 0; + padding: 0; } -#wrapper { - margin: auto; - padding: 0; - width: 990px; +#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 { - background-color: #FFFFFF; - border-bottom: 1px solid #777777; - padding: 10px 0; + background-color: #FFFFFF; + border-bottom: 1px solid #777777; + padding: 10px 0; } #CALeft { - float: left; - position: relative; - width: 740px; + float: left; + position: relative; + width: 740px; } #CARight { - float: right; - width: 240px; + float: right; + width: 240px; } #CAFull { - float: left; - padding: 0 5px; - width: 950px; + float: left; + padding: 0 5px; + width: 950px; } #ground { - background: none repeat scroll 0 0 #BDCCED; - border-top: 1px solid #000000; - padding-bottom: 0; - padding-top: 6px; - text-align: center; - width: 100%; + background: none repeat scroll 0 0 #BDCCED; + border-top: 1px solid #000000; + padding-bottom: 0; + padding-top: 6px; + text-align: center; + width: 990px; } #top { - background-color: #FFFFFF; - height: 20px; - padding: 3px; - position: absolute; - right: 0; - text-align: right; - top: 0; - width: 500px; + float: right; + padding: 3px; + text-align: right; + width: 500px; } #top a { - color: #333333; - font-size: 12px; - height: 35px; - margin-left: 20px; - text-align: right; - text-decoration: underline; + color: #333333; + font-size: 12px; + height: 35px; + margin-left: 20px; + text-align: right; + text-decoration: underline; } -#logo { padding: 5px 0 0; } - -#navBar { - display: block; - position: relative; - width: 990px; +#logo { + float: left; + padding: 5px 0 0; } -#navBar .nav { margin: 20px 0 0 16px; } +#nav { + float: right; + margin: 35px 0px 0px 0px; + width: 750px; +} -#navBar .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; - display: block; - float: left; - font-size: 14px; - font-weight: 400; - height: 25px; - line-height: 30px; - margin-left: 10px; - padding: 0 12px 3px; - text-decoration: none; +#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; + display: block; + float: left; + font-size: 14px; + font-weight: 400; + height: 25px; + line-height: 30px; + margin-left: 10px; + padding: 0 12px 3px; + text-decoration: none; } -#navBar .nav a:hover { text-decoration: underline; } +#nav a:hover { + text-decoration: underline; +} -#navBar .nav a.on { - background: none repeat scroll 0 0 #356FCB; - border: 1px solid #356FCB; - color: #FFFFFF; - font-weight: 600; - height: 24px; - line-height: 28px; - text-decoration: none; +#nav a.on { + background: none repeat scroll 0 0 #356FCB; + border: 1px solid #356FCB; + color: #FFFFFF; + font-weight: 600; + height: 24px; + line-height: 28px; + text-decoration: none; } -#navBar .nav a.special { - color: #B02B2C; - font-size: 14px; - font-weight: bold; - text-decoration: none; +#nav a#nav_ask { + float: right; + color: #B02B2C; + font-size: 14px; + font-weight: bold; + text-decoration: none; } -#navBar .nav a.special:hover { text-decoration: underline; } +#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 { - background-color: #B6C4E2; - border-color: #EEEEEC #A9ACA5 #BABDB6 #EEEEEC; - border-style: solid; - border-width: 1px; - padding: 4px 0 0; - width: 988px; + text-align: center; + background-color: #B6C4E2; + border-color: #EEEEEC #A9ACA5 #BABDB6 #EEEEEC; + border-style: solid; + border-width: 1px; + padding: 4px 0 0; + width: 988px; } -#searchBar .content { } +#searchBar .content { +} #searchBar .searchInput { - font-size: 13px; - height: 18px; - width: 400px; + border: 0px; + padding: 3px; + font-size: 13px; + height: 18px; + width: 400px; } #searchBar .searchBtn { - font-size: 14px; - height: 26px; - width: 80px; + font-size: 14px; + height: 26px; + width: 80px; } #searchBar .options { - color: #333333; - font-size: 120%; - padding: 3px 0; + color: #333333; + font-size: 120%; + padding: 3px 0; +} + +#searchBar .options input { + margin: 0 3px 0 15px; } -#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; - padding: 0 0; - width: 100%; + background-color: #FFFFFF; + float: left; + padding: 0 0; + width: 100%; } .thousand { - color: orange; + color: orange; } .short-summary { - border-top: 1px dotted #CCCCCE; - float: left; - overflow: hidden; - padding: 3px 0px 5px 0; - position: relative; - width: 740px; + border-top: 1px dotted #CCCCCE; + float: left; + overflow: hidden; + padding: 3px 0px 5px 0; + position: relative; + 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; - font-size: 17px; + color: #2A5594; + font-family: "Trebuchet MS", "segoe ui", arial, sans-serif; + font-size: 17px; } .short-summary .userinfo { - color: #666666; - float: right; - margin-top: 8px; + color: #666666; + float: right; + margin-top: 8px; } -.userinfo a,a.userinfo { color: #3060A8; } +.userinfo a, a.userinfo { + color: #3060A8; +} .short-summary .counts { - float: left; - margin-right: 0px; - margin-top: 4px; - padding-right: 2px; + float: left; + margin-right: 0px; + margin-top: 4px; + padding-right: 2px; } .short-summary .counts .item-count { - font-size: 17px; - font-weight: bold; + font-size: 17px; + 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; - border-right: 1px solid #CCCCCC; - float: left; - font-size: 11px; - height: 42px; - margin: 0 6px 0 0px; - padding: 8px 2px 0; - text-align: center; - width: 46px; +.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; + width: 46px; } -.short-summary .votes,.short-summary .views { color: #666666; } +.short-summary .votes, .short-summary .views { + color: #666666; +} .short-summary .favorites { - width: 24px; - float: left; - text-align: center; + width: 24px; + float: left; + text-align: center; } -#question-table { margin-bottom: 10px; } +#question-table { + margin-bottom: 10px; +} .questions-count { - color: #A40000; - font-family: sans-serif; - font-size: 24px; - font-weight: 600; - margin-top: 3px; + color: #A40000; + font-family: sans-serif; + font-size: 24px; + font-weight: 600; + margin-top: 3px; margin-right: 5px; - padding: 0 0 5px 0; + padding: 0 0 5px 0; } .boxA { @@ -354,878 +419,1091 @@ blockquote { } .boxA h3 { - color: #FFFFFF; - font-size: 13px; - font-weight: 800; - margin: 0 0 4px; - padding: 0; + color: #FFFFFF; + font-size: 13px; + font-weight: 800; + margin: 0 0 4px; + padding: 0; } .boxA .body { - background: none repeat scroll 0 0 #FFFFFF; - border: 1px solid #999999; - font-size: 13px; - padding: 8px; + 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; + padding: 2px; + text-align: right; } .boxC { - background: none repeat scroll 0 0 #E5EBF8; - border-color: #EEEEEC #A9ACA5 #BABDB6 #EEEEEC; - border-style: solid; - border-width: 1px; - margin-bottom: 8px; - padding: 10px; + background: none repeat scroll 0 0 #E5EBF8; + border-color: #EEEEEC #A9ACA5 #BABDB6 #EEEEEC; + border-style: solid; + border-width: 1px; + margin-bottom: 8px; + padding: 10px; } -.boxC p { margin-bottom: 8px; } -.boxC p.nomargin { margin: 0; } +.boxC p { + margin-bottom: 8px; +} + +.boxC p.nomargin { + margin: 0; +} .boxC p.info-box-follow-up-links { - margin: 0; - text-align: right; + margin: 0; + text-align: right; } .pager { - float: left; - margin-bottom: 16px; - margin-top: 10px; + float: left; + margin-bottom: 16px; + margin-top: 10px; } .pagesize { - float: right; - margin-bottom: 16px; - margin-top: 10px; + float: right; + margin-bottom: 16px; + margin-top: 10px; } .paginator { - font: 12px sans-serif; - padding: 5px 0 10px; + font: 12px sans-serif; + padding: 5px 0 10px; +} + +.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 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 { + margin-right: 0.5em; } -.paginator .prev { margin-right: 0.5em; } -.paginator .next { margin-left: 0.5em; } +.paginator .next { + margin-left: 0.5em; +} -.paginator .page a,.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 .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: #777777; - border: 1px solid #777777; - color: #FFFFFF; - font-weight: bold; + background-color: #777777; + border: 1px solid #777777; + color: #FFFFFF; + font-weight: bold; } -.paginator .page a:hover,.paginator .prev a:hover,.paginator .next a:hover { - background-color: #777777; - border: 1px solid #777777; - color: #FFFFFF; - text-decoration: none; +.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: #777777; - font: bold 100% sans-serif; - padding: 0.3em; + color: #777777; + font: bold 100% sans-serif; + padding: 0.3em; } -.paginator-container-left { padding: 5px 0 10px; } +.paginator-container-left { + padding: 5px 0 10px; +} .tags { - display: block; - font-family: sans-serif; - line-height: 200%; - margin-top: 5px; + display: block; + font-family: sans-serif; + line-height: 200%; + margin-top: 5px; } -.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; +.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; } .tags a:hover { - background-color: #356FCB; - color: #FFFFFF; + background-color: #356FCB; + color: #FFFFFF; } .tag-number { - font-family: sans-serif; - font-weight: 700; + font-family: sans-serif; + font-weight: 700; } .marked-tags { - margin-bottom: 5px; - margin-top: 0; + margin-bottom: 5px; + margin-top: 0; +} + +.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%; + padding: 4px 12px 4px 6px; } a.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%; - padding: 4px 12px 4px 6px; - text-decoration: none; + text-decoration: none; + 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-style: solid; - border-width: 1px; - color: #333333; - text-decoration: none; + background: url("../images/medala_on.gif") no-repeat scroll 0 0 transparent; + border-color: #E7E296 #D1CA3D #D1CA3D #E7E296; + border-left: 1px solid #E7E296; + border-style: solid; + border-width: 1px; + color: #333333; + text-decoration: none; } .tabBar { - background-color: #FFFFFF; - border-bottom: 1px solid white; - clear: both; - height: 30px; - margin-bottom: 3px; - width: 100%; + background-color: #FFFFFF; + border-bottom: 1px solid white; + clear: both; + height: 30px; + margin-bottom: 3px; + width: 100%; } .tabsA { - background-color: #FFFFFF; - display: block; - float: right; - font-weight: bold; - height: 20px; - position: relative; + background-color: #FFFFFF; + display: block; + float: right; + font-weight: bold; + height: 20px; + position: relative; +} + +.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; + text-decoration: none; } .tabsA a { - 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; - text-decoration: none; + padding: 0 11px; } -.tabsA a.on,.tabsA a:hover { - background: none repeat scroll 0 0 #FFFFFF; - color: #A40000; +.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; + background: none repeat scroll 0 0 #356FCB; + color: #FFFFFF; } .headlineA { - border-bottom: 1px solid #777777; - font-size: 13px; - font-weight: 800; - height: 30px; - margin-bottom: 12px; - padding-bottom: 2px; - text-align: right; + border-bottom: 1px solid #777777; + font-size: 13px; + font-weight: 800; + height: 30px; + margin-bottom: 12px; + padding-bottom: 2px; + text-align: right; } .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: 0 6px 0 15px; + 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: 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: 0 6px 0 15px; + 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: 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: 0 6px 0 15px; + 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: 0 6px 0 15px; } .headNormal { - border-bottom: 1px solid #777777; - font-size: 15px; - font-weight: bold; - margin-bottom: 12px; - padding: 3px; - text-align: left; + border-bottom: 1px solid #777777; + font-size: 15px; + font-weight: bold; + margin-bottom: 12px; + padding: 3px; + text-align: left; } .headUser { - border-bottom: 1px solid #777777; - font-size: 20px; - font-weight: 800; - margin-bottom: 12px; - padding: 5px; - text-align: left; + border-bottom: 1px solid #777777; + font-size: 20px; + font-weight: 800; + margin-bottom: 12px; + padding: 5px; + text-align: left; } .questions-related { - font-weight: 700; - word-wrap: break-word; + font-weight: 700; + word-wrap: break-word; } .questions-related p { - font-size: 100%; - line-height: 20px; - margin-bottom: 10px; + font-size: 100%; + line-height: 20px; + margin-bottom: 10px; } .question-body { - font-size: 13px; - line-height: 20px; - min-height: 100px; -} - -.question-body img { max-width: 640px; } - -.vote-buttons { - float: left; - text-align: center; + font-size: 13px; + line-height: 20px; + min-height: 100px; } -.vote-notification { - background-color: darkred; - color: White; - cursor: pointer; - display: none; - padding: 15px; - position: absolute; - text-align: center; - z-index: 1; +.question-body img { + max-width: 640px; } -.vote-notification a { - color: White; - text-decoration: underline; +.vote-buttons { + float: left; + text-align: center; } span.form-error { - color: #990000; - font-weight: normal; - margin-left: 5px; + color: #990000; + font-weight: normal; + margin-left: 5px; } ul.errorlist li { - color: #990000; - font-weight: normal; - margin-left: 0px; + color: #990000; + font-weight: normal; + margin-left: 0px; margin-top: 5px; } .answer { - border-bottom: 1px solid #CCCCCE; - padding-top: 10px; - width: 100%; + border-bottom: 1px solid #CCCCCE; + padding-top: 10px; + width: 100%; } .answer-body { - font-size: 13px; - line-height: 20px; - min-height: 80px; + font-size: 13px; + line-height: 20px; + min-height: 80px; } -.answer-body img { max-width: 640px; } +.answer-body img { + max-width: 640px; +} + +/* Fixes OSQA-143 IE8 text overflow issue */ +div.question-body p, div.answer-body p { + max-width: 700px; +} -.answered-by-owner { background: none repeat scroll 0 0 #E9E9FF; } +.answered-by-owner { + background: none repeat scroll 0 0 #E9E9FF; +} .accepted-answer { - background-color: #EBFFE6; - border-bottom-color: #9BD59B; + background-color: #EBFFE6; + border-bottom-color: #9BD59B; } .answered { - background: none repeat scroll 0 0 #E5EBF8; - color: #314362; + background: none repeat scroll 0 0 #E5EBF8; + color: #314362; } -.answered-accepted,.answer-votes.answered-accepted { - background: none repeat scroll 0 0 #E6F8DD; - color: #3A6231; +.answered-accepted, .answer-votes.answered-accepted { + background: none repeat scroll 0 0 #E6F8DD; + color: #3A6231; } .unanswered { - background: none repeat scroll 0 0 #F3E3E1; - color: #6B2B28; + background: none repeat scroll 0 0 #F3E3E1; + color: #6B2B28; } .tagsList { - list-style-type: none; - margin: 0; - min-height: 360px; - padding: 0; + list-style-type: none; + margin: 0; + min-height: 360px; + padding: 0; } .tagsList li { - float: left; - width: 235px; + float: left; + width: 235px; } .badge-list { - list-style-type: none; - margin: 0; + list-style-type: none; + margin: 0; } -.badge-list a { color: #3060A8; } -.badge-list a.medal { color: #333333; } -.list-item { margin-left: 15px; } +.badge-list a { + color: #3060A8; +} + +.badge-list a.medal { + color: #333333; +} + +.list-item { + margin-left: 15px; +} .list-item li { - font-size: 13px; - line-height: 20px; - list-style-type: disc; - margin-bottom: 10px; + font-size: 13px; + line-height: 20px; + list-style-type: disc; + margin-bottom: 10px; +} + +.form-row { + line-height: 25px; } -.form-row { line-height: 25px; } -table.form-as-table { margin-top: 5px; } +table.form-as-table { + margin-top: 5px; +} table.form-as-table ul { - display: inline; - list-style-type: none; + display: inline; + list-style-type: none; } -table.form-as-table li { display: inline; } -table.form-as-table pre { display: inline; } -table.check-table td { padding-right: 50px; } +table.form-as-table li { + display: inline; +} + +table.form-as-table pre { + display: inline; +} + +table.check-table td { + padding-right: 50px; +} .submit-row { - clear: both; - display: block; - line-height: 30px; - padding-top: 10px; + clear: both; + display: block; + line-height: 30px; + padding-top: 10px; } .error { - color: darkred; - font-size: 10px; - margin: 0; + color: darkred; + font-size: 10px; + margin: 0; } .small { - font-size: 11px; + font-size: 11px; } span.form-error { - color: #990000; - font-size: 90%; - font-weight: normal; - margin-left: 5px; + color: #990000; + font-size: 90%; + font-weight: normal; + margin-left: 5px; } .title-desc { - color: #666666; - font-size: 90%; + color: #666666; + font-size: 90%; } #editor { - font-size: 100%; - line-height: 18px; - min-height: 200px; - width: 100%; + font-size: 100%; + line-height: 18px; + min-height: 200px; + width: 100%; } .wmd-preview { - background-color: #F5F5F5; - margin-top: 10px; - min-height: 20px; - padding: 6px; - width: 98%; + background-color: #F5F5F5; + margin-top: 10px; + min-height: 20px; + padding: 6px; + width: 98%; + overflow: hidden; } .preview-toggle { - color: #AAAAAA; - font-weight: 600; - text-align: left; - width: 100%; + color: #AAAAAA; + font-weight: 600; + text-align: left; + width: 100%; +} + +.preview-toggle span:hover { + cursor: pointer; } -.preview-toggle span:hover { cursor: pointer; } -#revisions { width: 950px; } +#revisions { + width: 950px; +} .revision { - font-size: 13px; - margin: 10px 0; - width: 100%; + font-size: 13px; + margin: 10px 0; + width: 100%; +} + +.revision .rev-arrow { + cursor: pointer; } .revision .header { - background-color: #EEEEEE; - cursor: pointer; - padding: 5px; + background-color: #EEEEEE; + padding: 5px; } -.revision .author { background-color: #E9E9FF; } -.revision .summary { padding: 5px 0 10px; } +.revision .author { + background-color: #E9E9FF; +} + +.revision .summary { + padding: 5px 0 10px; +} .revision .summary span { - background-color: yellow; - display: inline; - padding-left: 3px; - padding-right: 3px; + /**background-color: yellow;**/ + display: inline; + padding-left: 3px; + padding-right: 3px; } .revision h1 { - font-size: 130%; - font-weight: 600; - padding: 15px 0; + font-size: 130%; + font-weight: 600; + padding: 15px 0; } .revision-mark { - display: inline-block; - font-size: 90%; - overflow: hidden; - text-align: left; - width: 200px; + 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; + font-size: 300%; + font-weight: bold; } .revision .body { - margin-bottom: 50px; - padding-left: 10px; + margin-bottom: 50px; + padding-left: 10px; } -del { color: #FF5F5F; } -ins { background-color: #97FF97; } +del { + color: #FF5F5F; +} + +ins { + background-color: #97FF97; +} .count { - color: #777777; - font-family: Arial; - font-size: 200%; - font-weight: 700; + color: #777777; + font-family: Arial; + font-size: 200%; + font-weight: 700; } .scoreNumber { - color: #777777; - font-family: Arial; - font-size: 35px; - font-weight: 800; - line-height: 40px; + color: #777777; + font-family: Arial; + font-size: 35px; + font-weight: 800; + line-height: 40px; } -.user-details { font-size: 13px; } +.user-details { + font-size: 13px; +} .user-about { - background-color: #EEEEEE; - height: 200px; - line-height: 20px; - overflow: auto; - padding: 10px; - width: 90%; + background-color: #EEEEEE; + height: 200px; + line-height: 20px; + overflow: auto; + padding: 10px; + width: 90%; } .user-edit-link { - background: url("../images/edit.png") no-repeat scroll 0 0 transparent; - padding-left: 20px; + background: url("../images/edit.png") no-repeat scroll 0 0 transparent; + padding-left: 20px; } -.user-info-table { margin-bottom: 10px; } -.relativetime { text-decoration: none; } +.user-info-table { + margin-bottom: 10px; +} + +.relativetime { + text-decoration: none; +} .answer-summary { - clear: both; - display: block; - padding: 3px; + 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; + 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; + color: #777777; + font-family: Arial; + font-size: 160%; + font-weight: 700; } .user-action-1 { - color: #333333; - font-weight: bold; + color: #333333; + font-weight: bold; } .user-action-2 { - color: #CCCCCC; - font-weight: bold; + color: #CCCCCC; + font-weight: bold; } -.user-action-3 { color: #333333; } -.user-action-4 { color: #333333; } -.user-action-7 { color: #333333; } +.user-action-3 { + color: #333333; +} + +.user-action-4 { + color: #333333; +} + +.user-action-7 { + color: #333333; +} .user-action-8 { - background-color: #CCCCCC; - color: #763333; - font-weight: bold; - padding: 3px; + background-color: #CCCCCC; + color: #763333; + font-weight: bold; + padding: 3px; } .question-title-link a { - color: #0077CC; - font-weight: bold; + color: #0077CC; + font-weight: bold; +} + +.answer-title-link a { + color: #333333; +} + +.post-type-1 a { + font-weight: bold; +} + +.post-type-3 a { + font-weight: bold; +} + +.post-type-2 a { + color: #333333; +} + +.post-type-4 a { + color: #333333; +} + +.post-type-8 a { + color: #333333; +} + +.badge1 { + color: #FFCC00; } -.answer-title-link a { color: #333333; } -.post-type-1 a { font-weight: bold; } -.post-type-3 a { font-weight: bold; } -.post-type-2 a { color: #333333; } -.post-type-4 a { color: #333333; } -.post-type-8 a { color: #333333; } -.badge1 { color: #FFCC00; } -.silver,.badge2 { color: #CCCCCC; } -.bronze,.badge3 { color: #CC9933; } +.silver, .badge2 { + color: #CCCCCC; +} + +.bronze, .badge3 { + color: #CC9933; +} -.score { - color: #333333; - font-size: 110%; - font-weight: bold; - margin-left: 3px; +.score, .accept_rate { + color: #333333; + font-size: 110%; + font-weight: bold; + margin-left: 3px; } .footerLinks { - color: #3060A8; - font-size: 13px; + color: #3060A8; + font-size: 13px; } .footerLinks a { - color: #3060A8; - font-size: 13px; + color: #3060A8; + font-size: 13px; } .user { - line-height: 140%; - padding: 5px; - width: 170px; + line-height: 140%; + padding: 5px; + width: 170px; + display: inline-block; } .user ul { - list-style-type: none; - margin: 0; + list-style-type: none; + margin: 0; } .user .thumb { - clear: both; - display: inline; - float: left; - margin-right: 4px; + clear: both; + display: inline; + float: left; + margin-right: 4px; } .message { - background-color: #EEEEEE; - border: 1px solid #AAAAAA; - margin: 10px 0; - padding: 5px; + background-color: #EEEEEE; + border: 1px solid #AAAAAA; + margin: 10px 0; + padding: 5px; } -.message p { margin-bottom: 0; } -.darkred { color: darkred; } +.message p { + margin-bottom: 0; +} + +.darkred { + color: darkred; +} .submit { - background-color: #D4D0C8; - border: 1px solid #777777; - cursor: pointer; - font-size: 120%; - font-weight: bold; - height: 40px; - padding-bottom: 4px; + background-color: #D4D0C8; + border: 1px solid #777777; + cursor: pointer; + font-size: 120%; + font-weight: bold; + height: 40px; + padding-bottom: 4px; +} + +.submit:hover { + text-decoration: underline; } -.submit:hover { text-decoration: underline; } -.ask-body { padding-right: 10px; } +.ask-body { + padding-right: 10px; +} .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; + background-color: #F4A83D; + color: #444444; + font-weight: bold; + left: 0; + padding: 0; + position: fixed; + text-align: center; + top: 0; + width: 100%; + z-index: 100; +} + +* html .notify { + position: absolute; } .notify p { - font-size: 16px; - margin-bottom: 5px; - margin-top: 5px; + font-size: 16px; + margin-bottom: 5px; + margin-top: 5px; } #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; -} - -#close-notify:hover { text-decoration: none; } -.big { font-size: 15px; } -.strong { font-weight: bold; } + 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; +} + +#close-notify:hover { + text-decoration: none; +} + +.big { + font-size: 15px; +} + +.strong { + font-weight: bold; +} .orange { - color: #D64000; - font-weight: bold; + color: #D64000; + font-weight: bold; } -.grey { color: #808080; } +.grey { + color: #808080; +} .about div { - border-top: 1px dashed #AAAAAA; - padding: 10px 5px; + border-top: 1px dashed #AAAAAA; + padding: 10px 5px; } .about div.first { - border-top: medium none; - padding-top: 0; + border-top: medium none; + padding-top: 0; } -.about p { margin-bottom: 10px; } +.about p { + margin-bottom: 10px; +} .about a { - color: #D64000; - text-decoration: underline; + color: #D64000; + text-decoration: underline; } .about h3 { - font-size: 15px; - font-weight: 700; - line-height: 30px; - padding-top: 0; + font-size: 15px; + font-weight: 700; + line-height: 30px; + padding-top: 0; } -.nomargin { margin: 0; } -.inline-block { display: inline-block; } -.list-table td { vertical-align: top; } +.nomargin { + margin: 0; +} + +.inline-block { + display: inline-block; +} + +.list-table td { + vertical-align: top; +} table.form-as-table input { - display: inline; - margin-left: 4px; + display: inline; + margin-left: 4px; } ul.form-horizontal-rows { - list-style: none outside none; - margin: 0; + list-style: none outside none; + margin: 0; } ul.form-horizontal-rows li { - height: 40px; - position: relative; + height: 40px; + position: relative; } -ul.form-horizontal-rows label { display: inline-block; } +ul.form-horizontal-rows label { + display: inline-block; +} ul.form-horizontal-rows label { - bottom: 6px; - font-size: 12px; - left: 0; - line-height: 12px; - margin: 0; - position: absolute; + bottom: 6px; + font-size: 12px; + left: 0; + line-height: 12px; + margin: 0; + position: absolute; } ul.form-horizontal-rows li input { - bottom: 0; - left: 180px; - margin: 0; - position: absolute; + bottom: 0; + left: 180px; + margin: 0; + position: absolute; } -#changepw-form li input { left: 150px; } +#changepw-form li input { + left: 150px; +} .user-profile-tool-links { - font-weight: bold; - padding-bottom: 10px; + font-weight: bold; + padding-bottom: 10px; +} + +.post-controls, .tags-container { + font-size: 11px; + line-height: 12px; + margin-bottom: 5px; + min-width: 200px; +} + +.tags-container { + margin: 0 0 16px 0; +} + +#question-tags { + margin-top: 15px; } .post-controls { - font-size: 11px; - line-height: 12px; - margin-bottom: 5px; - min-width: 200px; + float: left; } -#question-controls .tags { margin: 0 0 3px; } +#question-controls .tags { + margin: 0 0 3px; +} .post-update-info { - display: inline-block; - float: right; - margin-bottom: 5px; - width: 190px; + display: inline-block; + float: right; + margin-bottom: 5px; + width: 190px; } .post-update-info p { - font-size: 11px; - line-height: 15px; - margin: 0 0 4px; - padding: 0; + font-size: 11px; + line-height: 15px; + margin: 0 0 4px; + padding: 0; } .post-update-info img { - float: left; - margin: 4px 8px 0 0; - width: 32px; + float: left; + margin: 4px 8px 0 0; + width: 32px; +} + +#tagSelector { + padding-bottom: 2px; } -#tagSelector { padding-bottom: 2px; } -#hideIgnoredTagsControl { margin: 5px 0 0; } -#hideIgnoredTagsCb { margin: 0 2px 0 1px; } +#hideIgnoredTagsControl { + margin: 5px 0 0; +} + +#hideIgnoredTagsCb { + margin: 0 2px 0 1px; +} a.sidebar_button { - background: none repeat scroll 0 0 #EEEEEE; - color: black; - cursor: pointer; - font-size: 11px; - padding: 3px; + background: none repeat scroll 0 0 #EEEEEE; + color: black; + cursor: pointer; + font-size: 11px; + padding: 3px; } a.sidebar_button:hover { - background-color: #777777; - color: white; - text-decoration: none; + background-color: #777777; + color: white; + text-decoration: none; +} + +a.post-vote, .favorite-mark, a.accept-answer { + display: block; + height: 24px; + position: relative; + width: 24px; +} + +a.post-vote.up { + 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("../images/vote-arrow-up-on.png") no-repeat scroll center center transparent; +} + +a.post-vote.down { + background: url("../images/vote-arrow-down.png") no-repeat scroll center center transparent; } -a.post-vote,.favorite-mark,a.accept-answer { - display: block; - height: 24px; - position: relative; - width: 24px; +a.post-vote.down.on, a.post-vote.down:hover { + background: url("../images/vote-arrow-down-on.png") no-repeat scroll center center transparent; } -a.post-vote.up { 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("../images/vote-arrow-up-on.png") no-repeat scroll center center transparent; } -a.post-vote.down { 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("../images/vote-arrow-down-on.png") no-repeat scroll center center transparent; } -a.accept-answer { background: url("../images/vote-accepted.png") no-repeat scroll center center transparent; } -a.accept-answer.on,a.accept-answer:hover { background: url("../images/vote-accepted-on.png") no-repeat scroll center center transparent; } +a.accept-answer { + background: url("../images/vote-accepted.png") no-repeat scroll center center transparent; +} + +a.accept-answer.on, a.accept-answer:hover { + 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, .comments-char-left-count { - color: #777777; - font-family: Arial; - font-size: 165%; - font-weight: bold; - padding: 0 0 3px; + color: #777777; + font-family: Arial; + font-size: 165%; + font-weight: bold; + padding: 0 0 3px; } -.favorite-mark { background: url("../images/vote-favorite-off.png") no-repeat scroll center center transparent; } -.favorite-mark.on,a.favorite-mark:hover { background: url("../images/vote-favorite-on.png") no-repeat scroll center center transparent; } +.favorite-mark { + background: url("../images/vote-favorite-off.png") no-repeat scroll center center transparent; +} + +.favorite-mark.on, a.favorite-mark:hover { + background: url("../images/vote-favorite-on.png") no-repeat scroll center center transparent; +} .favorite-count { - color: #777777; - font-family: Arial; - font-size: 100%; - font-weight: bold; - padding: 0; + color: #777777; + font-family: Arial; + font-size: 100%; + font-weight: bold; + 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; } +.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; + border-top: 1px dotted #CCCCCE; + margin: 0; position: relative; } -.comment.not_top_scorer { display: none; } +.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; + color: #777777; + font-family: Arial; + font-size: 16px; + font-weight: bold; + padding-top: 3px; + vertical-align: top; float: left; - width: 22px; + width: 22px; height: 100%; text-align: center; } .comment-text { - color: #444444; - font-size: 12px; - margin: 0 0 0 22px; - padding: 0; + color: #444444; + font-size: 12px; + margin: 0 0 0 22px; + padding: 0; } .comment-text p { @@ -1233,8 +1511,8 @@ a.accept-answer.on,a.accept-answer:hover { background: url("../images/vote-accep } .comment-info { - font-size: 11px; - margin: 0 0 4px 0; + font-size: 11px; + margin: 0 0 4px 0; text-align: right; height: 18px; vertical-align: middle; @@ -1242,80 +1520,119 @@ a.accept-answer.on,a.accept-answer:hover { background: url("../images/vote-accep .comment-info * { float: right; - height: 18px; - margin-left: 4px; + height: 18px; + margin-left: 4px; } -a.comment-like,a.comment-delete,a.comment-edit { - margin-left: 2px; - width: 18px; +a.comment-like, a.comment-delete, a.comment-edit, a.comment-convert { + margin-left: 2px; + width: 18px; } -a.comment-like { background: url("../images/comment-like.png") no-repeat scroll center center transparent; } -a.comment-like:hover,a.comment-like.on { background: url("../images/comment-like-on.png") no-repeat scroll center center transparent; } -a.comment-delete { background: url("../images/comment-delete.png") no-repeat scroll center center transparent; } -a.comment-delete:hover { background: url("../images/comment-delete-hover.png") no-repeat scroll center center transparent; } -a.comment-edit { background: url("../images/comment-edit.png") no-repeat scroll center center transparent; } -a.comment-edit:hover { background: url("../images/comment-edit-hover.png") no-repeat scroll center center transparent; } +a.comment-like { + background: url("../images/comment-like.png") no-repeat scroll center center transparent; +} + +a.comment-like:hover, a.comment-like.on { + background: url("../images/comment-like-on.png") no-repeat scroll center center transparent; +} + +a.comment-delete { + background: url("../images/comment-delete.png") no-repeat scroll center center transparent; +} + +a.comment-delete:hover { + background: url("../images/comment-delete-hover.png") no-repeat scroll center center transparent; +} + +a.comment-convert { + background: url("../images/convert-off.png") no-repeat scroll center center transparent; +} + +a.comment-convert:hover { + background: url("../images/convert-hover.png") no-repeat scroll center center transparent; +} + +a.comment-edit { + background: url("../images/comment-edit.png") no-repeat scroll center center transparent; +} + +a.comment-edit:hover { + background: url("../images/comment-edit-hover.png") no-repeat scroll center center transparent; +} + +img.subscription-remove { + float:right; +} .comment-form-container { - display: none; - padding-top: 12px; + display: none; + padding-top: 12px; } -.comment-form-widgets-container input { vertical-align: top; } +.comment-form-widgets-container input { + vertical-align: top; +} .comment-form-widgets-container textarea { - height: 80px; - width: 80%; + height: 80px; + width: 80%; float: left; } span.comment-chars-left { - font-size: 11px; - margin-right: 20px; + font-size: 11px; + margin-right: 20px; } div.comment-tools { - border-top: 1px dotted #CCCCCE; - padding-top: 12px; - text-align: right; + border-top: 1px dotted #CCCCCE; + padding-top: 12px; + text-align: right; } div.comment-tools .comments-showing { - color: #777777; - font-size: 11px; + color: #777777; + font-size: 11px; } div.comment-tools a { - background: none repeat scroll 0 0 #EEEEEE; - color: black; - cursor: pointer; - font-size: 11px; - padding: 3px; + background: none repeat scroll 0 0 #EEEEEE; + color: black; + cursor: pointer; + font-size: 11px; + padding: 3px; } div.comment-tools a:hover { - background-color: #777777; - color: white; - text-decoration: none; + background-color: #777777; + color: white; + text-decoration: none; +} + +.action-link { + color: #777777; + cursor: pointer; + padding: 3px; } .action-link a { - color: #777777; - cursor: pointer; - padding: 3px; + color: inherit; } .action-link a.ajax-command:hover { - background-color: #777777; - color: #FFFFFF; - text-decoration: none; + background-color: #777777; + color: #FFFFFF; + text-decoration: none; } -.action-link-separator { color: #CCCCCC; } +.action-link-separator { + color: #CCCCCC; +} -.deleted {background-color: #F4E7E7;} +.deleted { + background-color: #F4E7E7; +} #command-loader { position: fixed; @@ -1330,20 +1647,6 @@ div.comment-tools a:hover { background: url('/m/default/media/images/vote-accepted-on.png') } -.user-prompt { - width: 300px; -} - -.user-prompt select, .user-prompt textarea { - width: 100%; - padding: 0; - border: 0; -} - -.user-prompt .prompt-buttons { - text-align: right; -} - .comment-form-buttons { width: 18%; height: 100%; @@ -1365,7 +1668,7 @@ div.comment-tools a:hover { } .comments-char-left-count.warn { - color: orange; + color: orange; } #ask-related-questions { @@ -1373,7 +1676,11 @@ div.comment-tools a:hover { overflow-y: auto; } -div.dialog { +.context-menu { + position: relative; +} + +div.dialog, .context-menu-dropdown { position: absolute; background-color: #EEEEEE; -moz-border-radius: 5px; @@ -1382,8 +1689,53 @@ div.dialog { -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; + padding: 12px 12px 42px 12px; + z-index: 1000; } div.dialog .dialog-buttons { @@ -1415,4 +1767,90 @@ div.dialog.confirm, div.dialog.warning { div.dialog.confirm { font-size: 140%; font-weight: bold; -} \ No newline at end of file +} + +div.dialog.prompt { + width: 355px; +} + +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; +}