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