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