style/dtc-judgment.css

   1 /* judgment */
   2         .judgment {
   3                 /*clear:both;*/
   4                 margin-top:2ex;
   5          }
   6         .judgment .question {
   7                 font-weight:bold;
   8          }
   9         .judgment:first-child,
  10         .section-header + .judgment {
  11                 margin-top:0;
  12          }
  13         .judgment dl.choices {
  14                 width:100%;
  15                 margin:0 0 0 0;
  16                 padding:0 0 0 0;
  17          }
  18         .judgment dl.choices > dt.choice-title {
  19                 clear:left;
  20          }
  21         .judgment dl.choices > dd.choice-merit {
  22                 clear:left;
  23          }
  24         .aside > .judgment dl.choices > dd.choice-merit {
  25                 margin-left:0;
  26          }
  27         .judgment dl.choices > dd.choice-merit:after {
  28                 /* NOTE: clearfix: force an element to self-clear its children */
  29                 content:"";
  30                 display:table;
  31                 clear:both;
  32          }
  33         .judgment dl.choices > dd + dt {
  34                 margin-top:2ex;
  35          }
  36         /* .merit-histogram */
  37                 .merit-histogram {
  38                         border-spacing:0;
  39                         display:inline-block;
  40                         vertical-align:top;
  41                         width:100%;
  42                  }
  43                 .merit-histogram .merit-grade {
  44                         float:left;
  45                         white-space:nowrap;
  46                  }
  47                 .merit-histogram .grade-name {
  48                         color:white;
  49                         font-size:1.2ex;
  50                         font-weight:bold;
  51                         line-height: 2.7ex;
  52                         overflow-x:hidden;
  53                         text-align:center;
  54                         text-overflow:ellipsis;
  55                         text-shadow:1px 1px black;
  56                  }
  57         /* .merit-comments */
  58                 ul.merit-comments {
  59                         margin-top:0.5ex;
  60                         margin-bottom:0.5ex;
  61                         list-style:none;
  62                         padding-left:0;
  63                         padding-right:0;
  64                         font-size:80%;
  65                  }
  66                 ul.merit-comments > li.merit-comment {
  67                         float:left;
  68                         line-height:1.2;
  69                         margin-right:1ex;
  70                  }
  71                 ul.merit-comments > li.merit-comment > .judge {
  72                         font-weight:bold;
  73                  }
  74                 ul.merit-comments > li.merit-comment > .judge.inactive {
  75                         text-decoration:line-through;
  76                         opacity:0.5;
  77                  }
  78                 ul.merit-comments > li.merit-comment > .judge > .section-importance {
  79                         font-size:90%;
  80                  }
  81                 ul.merit-comments > li.merit-comment.judge-comment {
  82                         clear:left;
  83                         width:100%;
  84                  }