extension/resources/style.css

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