735133254c0da3d6ee34ba4070b2e0bf486f3a23
[nit.git] / share / ni_nitdoc / styles / Nitdoc.GitHub.css
1 /* This file is part of NIT ( http://www.nitlanguage.org ).
2
3 Licensed under the Apache License, Version 2.0 (the "License");
4 you may not use this file except in compliance with the License.
5 You may obtain a copy of the License at
6
7 http://www.apache.org/licenses/LICENSE-2.0
8
9 Unless required by applicable law or agreed to in writing, software
10 distributed under the License is distributed on an "AS IS" BASIS,
11 WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12 See the License for the specific language governing permissions and
13 limitations under the License.
14
15 Documentation generator for the nit language.
16 Generate API documentation in HTML format from nit source code.
17 */
18
19 /*
20 * Nitdoc Github Login Box
21 */
22
23 #nitdoc-github-li {
24 float: right;
25 padding: 0;
26 margin: -2px 15px 5px 5px;
27 }
28
29 #nitdoc-github-li.current {
30 color: #999;
31 }
32
33 #nitdoc-github-li .nitdoc-github-li-img {
34 width: 20px;
35 cursor: pointer;
36 }
37
38 #nitdoc-github-loginbox {
39 cursor: default;
40 position: absolute;
41 width : 220px;
42 margin-top: 10px;
43 margin-left: -215px;
44 display: block;
45 padding: 10px;
46 text-align: left;
47 white-space: normal;
48 background-color: #ffffff;
49 border: 1px solid #ccc;
50 border: 1px solid rgba(0, 0, 0, 0.2);
51 -webkit-border-radius: 6px;
52 -moz-border-radius: 6px;
53 border-radius: 6px;
54 -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
55 -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
56 box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
57 -webkit-background-clip: padding-box;
58 -moz-background-clip: padding;
59 background-clip: padding-box;
60 }
61
62 #nitdoc-github-loginbox .nitdoc-github-loginbox-arrow {
63 position: absolute;
64 display: block;
65 width: 0;
66 height: 0;
67 border-color: transparent;
68 border-style: solid;
69 border-width: 11px;
70 top: -11px;
71 left: 50%;
72 margin-left: 93px;
73 border-bottom-color: #999;
74 border-bottom-color: rgba(0, 0, 0, 0.25);
75 border-top-width: 0;
76 }
77
78 #nitdoc-github-loginbox .nitdoc-github-loginbox-arrow:after {
79 position: absolute;
80 display: block;
81 width: 0;
82 height: 0;
83 border-color: transparent;
84 border-style: solid;
85 border-width: 10px;
86 content: "";
87 top: 1px;
88 margin-left: -10px;
89 border-bottom-color: #ffffff;
90 border-top-width: 0;
91 }
92
93 #nitdoc-github-loginbox h3 {
94 text-align:center;
95 }
96
97 #nitdoc-github-loginbox input {
98 width: 212px;
99 height: 20px;
100 padding: 3px;
101 margin: 5px 0px 5px 0px;
102 color: black;
103 font-style: normal;
104 font-size: 12px;
105 border: 1px solid #CCC;
106 }
107
108 #nitdoc-github-loginbox button {
109 margin-top: 15px;
110 width: 220px;
111 }
112
113 #nitdoc-github-loginbox h4 {
114 display: block;
115 width: 100%;
116 color: black;
117 font-style: normal;
118 text-align: center;
119 margin-bottom: 20px;
120 }
121
122 /*
123 * Nitdoc Github buttons
124 */
125
126 button.nitdoc-github-button {
127 display: inline-block;
128 cursor: pointer;
129 background-color: #92C929;
130 background-image: -webkit-gradient(linear, left top, left bottom, from(#92C929), to(#1d7900)); /* Saf4+, Chrome */
131 background-image: -webkit-linear-gradient(top, #92C929, #1d7900); /* Chrome 10+, Saf5.1+ */
132 background-image: -moz-linear-gradient(top, #92C929, #1d7900); /* FF3.6 */
133 background-image: -ms-linear-gradient(top, #92C929, #1d7900); /* IE10 */
134 background-image: -o-linear-gradient(top, #92C929, #1d7900); /* Opera 11.10+ */
135 background-image: linear-gradient(top, #92C929, #1d7900);
136 filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#92C929', EndColorStr='#1d7900'); /* IE6–IE9 */
137 border-radius: 4px;
138 -moz-border-radius: 4px;
139 -webkit-border-radius: 4px;
140 -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
141 box-shadow: 0px 2px 4px rgba(0,0,0, .2);
142 -moz-box-shadow: 0px 2px 4px rgba(0,0,0, .2);
143 -webkit-box-shadow: 0px 2px 4px rgba(0,0,0, .2);
144 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
145 -moz-text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
146 -webkit-text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
147 border: 1px solid #1d7900;
148 color: #fff;
149 font-weight: bold;
150 font-size: 14px;
151 padding: 5px 7px 5px 7px;
152 text-align: center;
153 }
154
155 button.nitdoc-github-button[disabled=disabled] {
156 background-color: #999999;
157 background-image: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#333333)); /* Saf4+, Chrome */
158 background-image: -webkit-linear-gradient(top, #999999, #333333); /* Chrome 10+, Saf5.1+ */
159 background-image: -moz-linear-gradient(top, #999999, #333333); /* FF3.6 */
160 background-image: -ms-linear-gradient(top, #999999, #333333); /* IE10 */
161 background-image: -o-linear-gradient(top, #999999, #333333); /* Opera 11.10+ */
162 background-image: linear-gradient(top, #999999, #333333);
163 filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#999999', EndColorStr='#333333'); /* IE6–IE9 */
164 border: 1px solid #333333;
165 }
166
167 button.nitdoc-github-button img {
168 margin-right: 7px;
169 margin-bottom: -3px;
170 height: 16px;
171 width: 16px;
172 }
173
174 /*
175 * Modal Box
176 */
177
178 .nitdoc-github-fade {
179 background: #000;
180 position: fixed; left: 0; top: 0;
181 width: 100%; height: 100%;
182 opacity: .80;
183 filter: alpha(opacity=80);
184 z-index: 9999;
185 }
186
187 .nitdoc-github-modal {
188 background: #fff;
189 padding: 20px;
190 border: 3px solid #ddd;
191 float: left;
192 position: fixed;
193 z-index: 99999;
194 /* fix Box Shadow CSS3 */
195 -webkit-box-shadow: 0px 0px 20px #000;
196 -moz-box-shadow: 0px 0px 20px #000;
197 box-shadow: 0px 0px 20px #000;
198 /* round corners CSS3 */
199 -webkit-border-radius: 10px;
200 -moz-border-radius: 10px;
201 border-radius: 10px;
202 text-align: left;
203 }
204
205 .nitdoc-github-buttons, .nitdoc-github-modal h3 {
206 text-align: center;
207 }
208
209 .nitdoc-github-modal.nitdoc-github-error h3 {
210 color: red;
211 }
212
213 .nitdoc-github-modal textarea {
214 min-width: 300px;
215 width: 100%;
216 }
217
218 .nitdoc-github-modal button {
219 line-height: 20px;
220 margin-bottom: 0;
221 padding: 4px 12px;
222 margin-top: 20px;
223 }
224
225 .nitdoc-github-close {
226 float: right;
227 margin: -35px -35px 0 0;
228 cursor: pointer;
229 }
230
231 /* Comment editing */
232
233 .nitdoc-github-commentbox {
234 text-align: right;
235 }
236
237 .nitdoc-github-commentbox textarea {
238 font-family: monospace;
239 font-size: 1em;
240 width: 100%;
241 margin-top: 1em;
242 padding: 4px;
243 padding-left: 11px;
244 overflow-y: hidden;
245 border: 1px solid #CCC;
246 }
247
248 .nitdoc-github-preview {
249 margin: 0 15px;
250 cursor: pointer;
251 }
252
253 .nitdoc-github-button.nitdoc-github-cancel {
254 background-color: #b33630;
255 background-image: -webkit-gradient(linear, left top, left bottom, from(#b33630), to(#9f312c)); /* Saf4+, Chrome */
256 background-image: -webkit-linear-gradient(top, #b33630, #9f312c); /* Chrome 10+, Saf5.1+ */
257 background-image: -moz-linear-gradient(top, #b33630, #9f312c); /* FF3.6 */
258 background-image: -ms-linear-gradient(top, #b33630, #9f312c); /* IE10 */
259 background-image: -o-linear-gradient(top, #b33630, #9f312c); /* Opera 11.10+ */
260 background-image: linear-gradient(top, #b33630, #9f312c);
261 filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#b33630', EndColorStr='##9f312c'); /* IE6–IE9 */
262 border: 1px solid #9f312c;
263 }
264
265 div.comment.locked {
266 color: gray;
267 }
268 p.locked {
269 color: black;
270 }
271
272 a.nitdoc-github-cancel {
273 color: #b33630;
274 cursor: pointer;
275 }
276
277 a.nitdoc-github-update {
278 color: orange;
279 cursor: pointer;
280 }