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