]> git.gir.st - VimFx.git/blob - extension/resources/style.css
Closes #2. Added the Help Dialog, changed the style of the hint markers. Fixed the...
[VimFx.git] / 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: black !important;
8 cursor: auto !important;
9 display: inline !important;
10 float: none !important;
11 font-family : "Helvetica Neue", "Helvetica", "Arial", sans-serif !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 z-index: 99999999 !important;
39 float: clear !important;
40 }
41
42 div.VimFxHintMarker {
43 position: absolute !important;
44 display: block !important;
45 white-space: nowrap !important;
46 overflow: hidden !important;
47 font-size: 11px !important;
48 padding: 1px 3px 1px 3px !important;
49 box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3) !important;
50 background-color: #ff9103 !important;
51 border: solid 1px #bd6b00 !important;
52 border-radius: 3px !important;
53 }
54
55 div.VimFxHiddenHintMarker > span {
56 display: none !important;
57 }
58
59 div.VimFxHintMarker > span {
60 color: #303030 !important;
61 font-family: Helvetica, Arial, sans-serif !important;
62 font-weight: bold !important;
63 font-size: 11px !important;
64 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) !important;
65 }
66
67 div.VimFxHintMarker > span.VimFxCharMatch {
68 color: #ffa22a !important;
69 }
70
71 /* Help Dialog */
72
73 div#VimFxHelpDialog {
74 opacity:0.92 !important;
75 background-color:white !important;
76 position:fixed !important;
77 border-radius:3px !important;
78 padding:15px 30px !important;
79 width:600px !important;
80 left:50% !important;
81 /* This needs to be 1/2 width to horizontally center the help dialog */
82 margin-left:-330px !important;
83 top:50px !important;
84 box-shadow: rgba(1, 2, 1, 0.4) 0px 0px 6px !important;
85 overflow-y: auto !important;
86 z-index:99999998 !important;
87 font-size: 13px !important;
88 max-height: 75% !important;
89 }
90
91 div#VimFxHelpDialog .VimFxTitle {
92 font-size: 30px !important;
93 line-height: 130% !important;
94 display: block !important;
95 float: left !important;
96 }
97
98 div#VimFxHelpDialog .VimFxClearFix {
99 clear: both !important;
100 float: none !important;
101 display: block !important;
102 visibility: hidden !important;
103 height: 0 !important;
104 }
105
106 div#VimFxHelpDialog .VimFxTitleVim {
107 color: darkgreen !important;
108 }
109
110 div#VimFxHelpDialog .VimFxTitleFx {
111 color: darkred !important;
112 }
113
114 div#VimFxHelpDialog .VimFxClose {
115 float: right !important;
116 font-family: "courier new" !important;
117 position: absolute !important;
118 right: 20px !important;
119 top: 20px !important;
120 font-size: 20px !important;
121 cursor: hand !important;
122 cursor: pointer !important;
123 }
124
125 div#VimFxHelpDialog .VimFxSocial {
126 float: left !important;
127 }
128
129 div#VimFxHelpDialog .VimFxVersion {
130 position: absolute !important;
131 right: 20px !important;
132 bottom: 20px !important;
133 font-size: 10px !important;
134 }
135
136 div#VimFxHelpDialog .VimFxColumn {
137 width: 46% !important;
138 margin: 0 0 0 8% !important;
139 float: left !important;
140
141 margin-bottom: 10px !important;
142 }
143
144 div#VimFxHelpDialog .VimFxColumn:first-child
145 { margin: 0 !important;}
146
147 div#VimFxHelpDialog .VimFxSectionTitle {
148 display: block !important;
149 font-size: 13px !important;
150 font-weight: bold !important;
151 line-height: 140% !important;
152 text-transform: uppercase !important;
153 margin: 30px 0 10px 0 !important;
154
155 }
156
157 div#VimFxHelpDialog table.VimFxReset {
158 display: table !important;
159 table-layout: auto !important;
160 }
161
162 div#VimFxHelpDialog tr.VimFxReset {
163 display: table-row !important;
164 }
165
166 div#VimFxHelpDialog td.VimFxReset {
167 display: table-cell !important;
168 padding-top: 2px !important;
169 padding-bottom: 4px !important;
170 line-height: 15px !important;
171
172 }
173
174 div#VimFxHelpDialog td.VimFxSequence {
175 min-width:50px !important;
176 text-align: right !important;
177 padding-right:5px !important;
178 font-weight:bold !important;
179 color:#2f508e !important;
180 }
181
182 div#VimFxHelpDialog .VimFxSocial {
183 margin: 30px 0 0 0 !important;
184 font-size: 11px !important;
185 }
186
187 div#VimFxHelpDialog .VimFxSocial p {
188 display: block !important;
189 line-height: 150% !important;
190 margin: 0 0 5px 0 !important;
191 }
192
193 div#VimFxHelpDialog .VimFxSocial a {
194 text-decoration: underline !important;
195 color: darkblue !important;
196 cursor: hand !important;
197 cursor: pointer !important;
198 }
199
200 div#VimFxHelpDialog span.VimFxDot {
201 color: #818181 !important;
202 }
Imprint / Impressum