web/question.mark.css

   1 .help-underlay * {
   2   -webkit-box-sizing: border-box;
   3   -moz-box-sizing: border-box;
   4   box-sizing: border-box;
   5 }
   6
   7 .help-underlay {
   8   position: absolute;
   9   background: #555;
  10   background: rgba(0,0,0,0.5);
  11   visibility: hidden;
  12   opacity: 0;
  13   -webkit-transition: opacity .2s linear;
  14   -moz-transition: opacity .2s linear;
  15   -o-transition: opacity .2s linear;
  16   transition: opacity .2s linear;
  17   left: 0; right: 0; top: 0; bottom: 0;
  18 }
  19
  20 .ie8 .help-underlay {
  21   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=95)"; /* for IE8 in IE7 mode */
  22   filter: alpha(opacity=95); /* for IE8 */
  23   visibility: hidden;
  24 }
  25
  26 .help-modal {
  27   position: fixed;
  28   z-index: 99999;
  29   left: 0; right: 0; top: 0; bottom: 0;
  30   width: 80%;
  31   margin: auto;
  32   background: #fff;
  33   color: #676767;
  34   max-height: 80%;
  35   overflow: auto;
  36   font-family: Arial, sans-serif;
  37   -webkit-border-radius: 3px;
  38   -moz-border-radius: 3px;
  39   border-radius: 3px;
  40   -webkit-box-shadow: 0 4px 12px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.5);
  41   box-shadow: 0 4px 12px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.5);
  42   -webkit-transition: width .2s linear;
  43   -moz-transition: width .2s linear;
  44   -o-transition: width .2s linear;
  45   transition: width .2s linear;
  46 }
  47
  48   .help-modal-content {
  49     padding: 0 20px;
  50   }
  51
  52   .help-close {
  53     position: absolute;
  54     top: .4em;
  55     right: .5em;
  56     font-size: 1.8em;
  57     cursor: pointer;
  58     -webkit-transition: color .2s linear;
  59     -moz-transition: color .2s linear;
  60     -o-transition: color .2s linear;
  61     transition: color .2s linear;
  62   }
  63
  64     .help-close:hover {
  65       color: #000;
  66     }
  67
  68 .help-modal h1 {
  69   text-align: center;
  70   margin: .5em;
  71   font-size: 1.5em;
  72   padding-bottom: .4em;
  73   border-bottom: solid 2px #ccc;
  74   font-weight: normal;
  75 }
  76
  77   .help-modal h1 .help-key {
  78     float: none;
  79     line-height: 1.5;
  80     position: relative;
  81     bottom: 4px;
  82   }
  83
  84 .help-isVisible {
  85   opacity: 1;
  86   visibility: visible;
  87   height: auto;
  88   z-index: 8888;
  89 }
  90
  91 .ie8 .help-underlay.help-isVisible {
  92   visibility: visible;
  93 }
  94
  95 .help-list-wrap {
  96   overflow: hidden;
  97   margin: 0 auto;
  98   -webkit-transition: width .2s linear;
  99   -moz-transition: width .2s linear;
 100   -o-transition: width .2s linear;
 101   transition: width .2s linear;
 102 }
 103
 104 .help-list {
 105   list-style: none;
 106   margin: 0;
 107   padding: 0 0 10px 0;
 108   overflow: hidden;
 109   float: left;
 110   width: 280px;
 111 }
 112
 113   .help-list li {
 114     margin-right: 40px;
 115   }
 116
 117 .help-key-unit {
 118   line-height: 1.8;
 119   margin-right: 2em;
 120   padding: 5px 0;
 121 }
 122
 123 .help-key {
 124   min-width: 60px;
 125   float: left;
 126   clear: left;
 127   position: relative;
 128   bottom: 2px;
 129 }
 130
 131 .help-key span {
 132   font-size: 15px;
 133   color: #555;
 134   display: inline-block;
 135   padding: 0 8px;
 136   text-align: center;
 137   background-color: #eee;
 138   background-repeat: repeat-x;
 139   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#eee));
 140   background-image: -webkit-linear-gradient(#f5f5f5 0%, #eee 100%);
 141   background-image: -moz-linear-gradient(#f5f5f5 0%, #eee 100%);
 142   background-image: -o-linear-gradient(#f5f5f5 0%, #eee 100%);
 143   background-image: linear-gradient(#f5f5f5 0%, #eee 100%);
 144   border: 1px solid #ccc;
 145   -webkit-border-radius: 3px;
 146   -moz-border-radius: 3px;
 147   border-radius: 3px;
 148   -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 #ccc;
 149   box-shadow: inset 0 1px 0 #fff, 0 1px 0 #ccc;
 150 }
 151
 152 .help-key-def {
 153   display: inline-block;
 154   margin-left: 1em;
 155 }