/* judgment */ .judgment { /*clear:both;*/ margin-top:2ex; } .judgment:target { background-color:#BFEFFF; } .judgment.judgment-error { border:2px dashed red; } .judgment .judgment-question { font-weight:bold; } .judgment:first-child, .section-header + .judgment { margin-top:0; } .judgment dl.judgment-choices { margin:0 0 0 0; padding:0 0 0 0; width:100%; } .judgment dl.judgment-choices > dt.choice-title { clear:left; } .judgment dl.judgment-choices > dt.choice-title:target { background-color:#BFEFFF; } .judgment dl.judgment-choices > dd.choice-merit { clear:left; } .aside > .judgment dl.judgment-choices > dd.choice-merit { margin-left:0; } .judgment dl.judgment-choices > dd.choice-merit:after { /* NOTE: clearfix: force an element to self-clear its children */ content:""; display:table; clear:both; } .judgment dl.judgment-choices > dd + dt { margin-top:2ex; } /* .merit-histogram */ .merit-histogram { border-spacing:0; display:inline-block; vertical-align:top; width:100%; } .merit-histogram .merit-grade { float:left; white-space:nowrap; } .merit-histogram .grade-name { color:white; font-size:1.2ex; font-weight:bold; line-height: 2.7ex; overflow-x:hidden; text-align:center; text-overflow:ellipsis; text-shadow:1px 1px black; } /* .merit-comments */ ul.merit-comments { margin-top:0.5ex; margin-bottom:0.5ex; list-style:none; padding-left:0; padding-right:0; font-size:80%; } ul.merit-comments > li.merit-comment { float:left; line-height:1.2; margin-right:1ex; } ul.merit-comments > li.merit-comment > .judge { font-weight:bold; } ul.merit-comments > li.merit-comment > .judge.inactive { text-decoration:line-through; opacity:0.5; } ul.merit-comments > li.merit-comment > .judge > .section-importance { font-size:90%; } ul.merit-comments > li.merit-comment.judge-comment { clear:left; width:100%; }