extension/resources/style.css

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