src/style/dtc-judgment.css

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