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