extension/resources/style.css

   1 /* Copied over from vimium project */
   2 .VimFxReset {
   3     background: none !important;
   4     border: none !important;
   5     /*bottom: auto !important;*/
   6     box-shadow: none !important;
   7     color: WindowText !important;
   8     cursor: auto !important;
   9     display: inline !important;
  10     float: none !important;
  11     font-family: "Helvetica Neue", "Helvetica", "Arial", "Sans" !important;
  12     font-size: inherit !important;
  13     font-style: normal !important;
  14     font-variant: normal !important;
  15     font-weight: normal !important;
  16     height: auto !important;
  17     /*left: auto !important;*/
  18     letter-spacing: 0 !important;
  19     line-height: 100% !important;
  20     margin: 0 !important;
  21     max-height: none !important;
  22     max-width: none !important;
  23     min-height: 0 !important;
  24     min-width: 0 !important;
  25     opacity: 1 !important;
  26     outline: none !important;
  27     padding: 0 !important;
  28     position: static !important;
  29     /*right: auto !important;*/
  30     text-align: left !important;
  31     text-decoration: none !important;
  32     text-indent: 0 !important;
  33     text-shadow: none !important;
  34     text-transform: none !important;
  35     /*top: auto !important;*/
  36     vertical-align: baseline !important;
  37     white-space: normal !important;
  38     width: auto !important;
  39     float: none !important;
  40 }
  41 .VimFxReset::before,
  42 .VimFxReset::after {
  43     content: none !important;
  44 }
  45
  46 /* Markers */
  47
  48 .VimFxHintMarker {
  49     position: absolute !important;
  50     display: block !important;
  51     white-space: nowrap !important;
  52     overflow: hidden !important;
  53     font-size: 12px !important;
  54     padding: 1px 2px 0 2px !important;
  55     box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.3) !important;
  56     background-color: #FFD76E !important;
  57     border: solid 1px #AD810C !important;
  58     border-radius: 2px !important;
  59 }
  60
  61 .VimFxHintMarker > span {
  62     color: #302505 !important;
  63     font-family: "Helvetica Neue", "Helvetica", "Arial", "Sans" !important;
  64     font-weight: bold !important;
  65     font-size: 12px !important;
  66     text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) !important;
  67 }
  68
  69 .VimFxHintMarker > span.VimFxCharMatch {
  70     color: #ffa22a !important;
  71 }
  72
  73 .VimFxHintMarker.VimFxHiddenHintMarker {
  74     display: none !important;
  75 }
  76
  77 .VimFxNoBorderRadius {
  78     border-radius: 0 !important;
  79     /* Reset `transition` in case there’s a transition on `border-radius`, or
  80      * `all`, so that the above `border-radius` reset really takes affect
  81      * immediately. */
  82     transition: none !important;
  83 }
  84
  85 .VimFxBeforeAfterClickThrough::before,
  86 .VimFxBeforeAfterClickThrough::after {
  87     pointer-events: none !important;
  88 }
  89
  90 /* Help Dialog */
  91
  92 div#VimFxHelpDialog {
  93     opacity: 0.92 !important;
  94     background-color: Window !important;
  95     position: fixed !important;
  96     /* See mode-hints/hints.coffee for where the z-index value comes from. */
  97     z-index: 2147480000 !important;
  98     border-radius: 3px !important;
  99     padding: 15px 30px !important;
 100     width: 700px !important;
 101     left: 50% !important;
 102     /* This needs to be 1/2 width to horizontally center the help dialog */
 103     margin-left: -380px !important;
 104     top: 30px !important;
 105     box-shadow: rgba(1, 2, 1, 0.4) 0px 0px 6px !important;
 106     overflow-y: auto !important;
 107     font-size: 15px !important;
 108     max-height: 80% !important;
 109 }
 110
 111 div#VimFxHelpDialog .VimFxTitle {
 112     font-size: 30px !important;
 113     line-height: 130% !important;
 114     display: block !important;
 115     float: left !important;
 116 }
 117
 118 div#VimFxHelpDialog .VimFxClearFix {
 119     clear: both !important;
 120     float: none !important;
 121     display: block !important;
 122     visibility: hidden !important;
 123     height: 0 !important;
 124 }
 125
 126 div#VimFxHelpDialog .VimFxTitleVim {
 127     color: darkgreen !important;
 128 }
 129
 130 div#VimFxHelpDialog .VimFxTitleFx {
 131     color: darkred !important;
 132 }
 133
 134 div#VimFxHelpDialog .VimFxVersion {
 135     float: right !important;
 136     position: absolute !important;
 137     top: 20px !important;
 138     right: 100px !important;
 139     font-size: 12px !important;
 140 }
 141
 142 div#VimFxHelpDialog .VimFxClose {
 143     float: right !important;
 144     font-family: "Helvetica Neue", "Helvetica", "Arial", "Sans" !important;
 145     position: absolute !important;
 146     right: 20px !important;
 147     top: 20px !important;
 148     font-size: 20px !important;
 149     cursor: pointer !important;
 150 }
 151
 152 div#VimFxHelpDialog .VimFxColumn {
 153     width: 46% !important;
 154     margin: 0 0 0 8% !important;
 155     float: left !important;
 156     margin-bottom: 10px !important;
 157 }
 158
 159 div#VimFxHelpDialog .VimFxColumn:first-child {
 160     margin: 0 !important;
 161 }
 162
 163 div#VimFxHelpDialog .VimFxSectionTitle {
 164     display: block !important;
 165     font-size: 15px !important;
 166     font-weight: bold !important;
 167     line-height: 140% !important;
 168     text-transform: uppercase !important;
 169     margin: 30px 0 10px 0 !important;
 170
 171 }
 172
 173 div#VimFxHelpDialog table.VimFxReset {
 174     display: table !important;
 175     table-layout: fixed !important;
 176 }
 177
 178 div#VimFxHelpDialog tr.VimFxReset {
 179     display: table-row !important;
 180 }
 181
 182 div#VimFxHelpDialog td.VimFxReset {
 183     display: table-cell !important;
 184     padding-top: 2px !important;
 185     padding-bottom: 4px !important;
 186     line-height: 15px !important;
 187 }
 188
 189 div.VimFxKeySequence {
 190     max-width: 70px !important;
 191     text-align: right !important;
 192     font-weight: bold !important;
 193     color: #2f508e !important;
 194     white-space: nowrap !important;
 195 }
 196
 197 a.VimFxKeyLink {
 198     display: inline !important;
 199     background: #777 !important;
 200     border: none !important;
 201     color: #fff !important;
 202     cursor: pointer !important;
 203     font-weight: bold !important;
 204     border-radius: 3px !important;
 205     text-shadow: 1px 1px #666 !important;
 206     font-size: 75% !important;
 207     padding: 2px 3px !important;
 208 }
 209
 210 a.VimFxKeyLink:hover {
 211     outline: 3px solid #c55500 !important;
 212     -moz-outline-radius: 6px !important;
 213     background: #c55500 !important;
 214     border-radius: 0px !important;
 215     text-decoration: none !important;
 216 }
 217
 218 a.VimFxAddShortcutLink {
 219     color: #c55500 !important;
 220     cursor: pointer !important;
 221     margin-left: 2px !important;
 222 }
 223
 224 div#VimFxHelpDialog .VimFxFooter {
 225     float: left !important;
 226     margin-top: 30px !important;
 227     font-size: 12px !important;
 228 }
 229
 230 div#VimFxHelpDialog .VimFxFooter p {
 231     display: block !important;
 232     line-height: 150% !important;
 233     margin-bottom: 5px !important;
 234 }
 235
 236 div#VimFxHelpDialog .VimFxFooter a {
 237     text-decoration: underline !important;
 238     color: darkblue !important;
 239     cursor: pointer !important;
 240 }
 241
 242 div#VimFxHelpDialog span.VimFxDot {
 243     color: #818181 !important;
 244 }