extension/resources/style.css

   1 /*
   2  * Copyright Anton Khodakivskiy 2012, 2013.
   3  * Copyright Simon Lydell 2013, 2014.
   4  *
   5  * This file is part of VimFx.
   6  *
   7  * VimFx is free software: you can redistribute it and/or modify
   8  * it under the terms of the GNU General Public License as published by
   9  * the Free Software Foundation, either version 3 of the License, or
  10  * (at your option) any later version.
  11  *
  12  * VimFx is distributed in the hope that it will be useful,
  13  * but WITHOUT ANY WARRANTY; without even the implied warranty of
  14  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  15  * GNU General Public License for more details.
  16  *
  17  * You should have received a copy of the GNU General Public License
  18  * along with VimFx.  If not, see <http://www.gnu.org/licenses/>.
  19  *
  20  * Copyright (c) 2010 Phil Crosby, Ilya Sukhar.
  21  *
  22  * Permission is hereby granted, free of charge, to any person
  23  * obtaining a copy of this software and associated documentation
  24  * files (the "Software"), to deal in the Software without
  25  * restriction, including without limitation the rights to use,
  26  * copy, modify, merge, publish, distribute, sublicense, and/or sell
  27  * copies of the Software, and to permit persons to whom the
  28  * Software is furnished to do so, subject to the following
  29  * conditions:
  30  *
  31  * The above copyright notice and this permission notice shall be
  32  * included in all copies or substantial portions of the Software.
  33  *
  34  * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
  35  * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
  36  * OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
  37  * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
  38  * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
  39  * WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
  40  * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
  41  * OTHER DEALINGS IN THE SOFTWARE.
  42  */
  43
  44 /* Copied over from vimium project */
  45 .VimFxReset {
  46     background: none !important;
  47     border: none !important;
  48     /*bottom: auto !important;*/
  49     box-shadow: none !important;
  50     color: WindowText !important;
  51     cursor: auto !important;
  52     display: inline !important;
  53     float: none !important;
  54     font-family: "Helvetica Neue", "Helvetica", "Arial", "Sans" !important;
  55     font-size: inherit !important;
  56     font-style: normal !important;
  57     font-variant: normal !important;
  58     font-weight: normal !important;
  59     height: auto !important;
  60     /*left: auto !important;*/
  61     letter-spacing: 0 !important;
  62     line-height: 100% !important;
  63     margin: 0 !important;
  64     max-height: none !important;
  65     max-width: none !important;
  66     min-height: 0 !important;
  67     min-width: 0 !important;
  68     opacity: 1 !important;
  69     outline: none !important;
  70     padding: 0 !important;
  71     position: static !important;
  72     /*right: auto !important;*/
  73     text-align: left !important;
  74     text-decoration: none !important;
  75     text-indent: 0 !important;
  76     text-shadow: none !important;
  77     text-transform: none !important;
  78     /*top: auto !important;*/
  79     vertical-align: baseline !important;
  80     white-space: normal !important;
  81     width: auto !important;
  82     float: none !important;
  83 }
  84 .VimFxReset::before,
  85 .VimFxReset::after {
  86     content: none !important;
  87 }
  88
  89 /* Markers */
  90
  91 .VimFxHintMarker {
  92     position: absolute !important;
  93     display: block !important;
  94     white-space: nowrap !important;
  95     overflow: hidden !important;
  96     font-size: 12px !important;
  97     padding: 1px 2px 0 2px !important;
  98     box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.3) !important;
  99     background-color: #FFD76E !important;
 100     border: solid 1px #AD810C !important;
 101     border-radius: 2px !important;
 102 }
 103
 104 .VimFxHintMarker > span {
 105     color: #302505 !important;
 106     font-family: "Helvetica Neue", "Helvetica", "Arial", "Sans" !important;
 107     font-weight: bold !important;
 108     font-size: 12px !important;
 109     text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) !important;
 110 }
 111
 112 .VimFxHintMarker > span.VimFxCharMatch {
 113     color: #ffa22a !important;
 114 }
 115
 116 .VimFxHintMarker.VimFxHiddenHintMarker {
 117     display: none !important;
 118 }
 119
 120 .VimFxNoBorderRadius {
 121     border-radius: 0 !important;
 122     /* `transition` is reset here to make sure that the above declaration
 123      * takes effect immediately.  */
 124     transition: none !important;
 125 }
 126
 127 /* Help Dialog */
 128
 129 div#VimFxHelpDialog {
 130     opacity: 0.92 !important;
 131     background-color: Window !important;
 132     position: fixed !important;
 133     /* See mode-hints/hints.coffee for where the z-index value comes from. */
 134     z-index: 2147480000 !important;
 135     border-radius: 3px !important;
 136     padding: 15px 30px !important;
 137     width: 700px !important;
 138     left: 50% !important;
 139     /* This needs to be 1/2 width to horizontally center the help dialog */
 140     margin-left: -380px !important;
 141     top: 30px !important;
 142     box-shadow: rgba(1, 2, 1, 0.4) 0px 0px 6px !important;
 143     overflow-y: auto !important;
 144     font-size: 15px !important;
 145     max-height: 80% !important;
 146 }
 147
 148 div#VimFxHelpDialog .VimFxTitle {
 149     font-size: 30px !important;
 150     line-height: 130% !important;
 151     display: block !important;
 152     float: left !important;
 153 }
 154
 155 div#VimFxHelpDialog .VimFxClearFix {
 156     clear: both !important;
 157     float: none !important;
 158     display: block !important;
 159     visibility: hidden !important;
 160     height: 0 !important;
 161 }
 162
 163 div#VimFxHelpDialog .VimFxTitleVim {
 164     color: darkgreen !important;
 165 }
 166
 167 div#VimFxHelpDialog .VimFxTitleFx {
 168     color: darkred !important;
 169 }
 170
 171 div#VimFxHelpDialog .VimFxVersion {
 172     float: right !important;
 173     position: absolute !important;
 174     top: 20px !important;
 175     right: 100px !important;
 176     font-size: 12px !important;
 177 }
 178
 179 div#VimFxHelpDialog .VimFxClose {
 180     float: right !important;
 181     font-family: "Helvetica Neue", "Helvetica", "Arial", "Sans" !important;
 182     position: absolute !important;
 183     right: 20px !important;
 184     top: 20px !important;
 185     font-size: 20px !important;
 186     cursor: pointer !important;
 187 }
 188
 189 div#VimFxHelpDialog .VimFxColumn {
 190     width: 46% !important;
 191     margin: 0 0 0 8% !important;
 192     float: left !important;
 193     margin-bottom: 10px !important;
 194 }
 195
 196 div#VimFxHelpDialog .VimFxColumn:first-child {
 197     margin: 0 !important;
 198 }
 199
 200 div#VimFxHelpDialog .VimFxSectionTitle {
 201     display: block !important;
 202     font-size: 15px !important;
 203     font-weight: bold !important;
 204     line-height: 140% !important;
 205     text-transform: uppercase !important;
 206     margin: 30px 0 10px 0 !important;
 207
 208 }
 209
 210 div#VimFxHelpDialog table.VimFxReset {
 211     display: table !important;
 212     table-layout: fixed !important;
 213 }
 214
 215 div#VimFxHelpDialog tr.VimFxReset {
 216     display: table-row !important;
 217 }
 218
 219 div#VimFxHelpDialog td.VimFxReset {
 220     display: table-cell !important;
 221     padding-top: 2px !important;
 222     padding-bottom: 4px !important;
 223     line-height: 15px !important;
 224 }
 225
 226 div.VimFxKeySequence {
 227     max-width: 70px !important;
 228     text-align: right !important;
 229     font-weight: bold !important;
 230     color: #2f508e !important;
 231     white-space: nowrap !important;
 232 }
 233
 234 a.VimFxKeyLink {
 235     display: inline !important;
 236     background: #777 !important;
 237     border: none !important;
 238     color: #fff !important;
 239     cursor: pointer !important;
 240     font-weight: bold !important;
 241     border-radius: 3px !important;
 242     text-shadow: 1px 1px #666 !important;
 243     font-size: 75% !important;
 244     padding: 2px 3px !important;
 245 }
 246
 247 a.VimFxKeyLink:hover {
 248     outline: 3px solid #c55500 !important;
 249     -moz-outline-radius: 6px !important;
 250     background: #c55500 !important;
 251     border-radius: 0px !important;
 252     text-decoration: none !important;
 253 }
 254
 255 a.VimFxAddShortcutLink {
 256     color: #c55500 !important;
 257     cursor: pointer !important;
 258     margin-left: 2px !important;
 259 }
 260
 261 div#VimFxHelpDialog .VimFxFooter {
 262     float: left !important;
 263     margin-top: 30px !important;
 264     font-size: 12px !important;
 265 }
 266
 267 div#VimFxHelpDialog .VimFxFooter p {
 268     display: block !important;
 269     line-height: 150% !important;
 270     margin-bottom: 5px !important;
 271 }
 272
 273 div#VimFxHelpDialog .VimFxFooter a {
 274     text-decoration: underline !important;
 275     color: darkblue !important;
 276     cursor: pointer !important;
 277 }
 278
 279 div#VimFxHelpDialog span.VimFxDot {
 280     color: #818181 !important;
 281 }