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