nitdoc: migrate github modalbox to JQuery.UI widget
[nit.git] / share / 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: left;
25 padding: 0;
26 margin: -2px 5px 5px 15px;
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: 2px;
43 margin-left: -10px;
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: 2px;
52 -moz-border-radius: 2px;
53 border-radius: 2px;
54 -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
55 -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
56 box-shadow: 0 2px 5px 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: 7px;
70 top: -7px;
71 margin-left: 2px;
72 border-bottom-color: #999;
73 border-bottom-color: rgba(0, 0, 0, 0.25);
74 border-top-width: 0;
75 }
76
77 #nitdoc-github-loginbox .nitdoc-github-loginbox-arrow:after {
78 position: absolute;
79 display: block;
80 width: 0;
81 height: 0;
82 border-color: transparent;
83 border-style: solid;
84 border-width: 10px;
85 content: "";
86 top: 1px;
87 margin-left: -10px;
88 border-bottom-color: #ffffff;
89 border-top-width: 0;
90 }
91
92 #nitdoc-github-loginbox h3 {
93 text-align:center;
94 }
95
96 #nitdoc-github-loginbox input {
97 width: 212px;
98 height: 20px;
99 padding: 3px;
100 margin: 5px 0px 5px 0px;
101 color: black;
102 font-style: normal;
103 font-size: 12px;
104 border: 1px solid #CCC;
105 }
106
107 #nitdoc-github-loginbox button {
108 margin-top: 15px;
109 width: 220px;
110 font-weight: bold;
111 }
112
113 #nitdoc-github-loginbox h4 {
114 display: block;
115 width: 100%;
116 color: #6C6C6C;
117 font-style: normal;
118 text-align: center;
119 margin-bottom: 20px;
120 }
121
122
123 #nitdoc-github-loginbox a.nitdoc-github-loginbox-githublink {
124 display: block;
125 margin: 10px;
126 color: #0D8921;
127 }
128
129 /*
130 * Nitdoc Github buttons
131 */
132
133 .nitdoc-github-button {
134 display: inline-block;
135 cursor: pointer;
136 background-color: #92C929;
137 background-image: -webkit-gradient(linear, left top, left bottom, from(#92C929), to(#1d7900)); /* Saf4+, Chrome */
138 background-image: -webkit-linear-gradient(top, #92C929, #1d7900); /* Chrome 10+, Saf5.1+ */
139 background-image: -moz-linear-gradient(top, #92C929, #1d7900); /* FF3.6 */
140 background-image: -ms-linear-gradient(top, #92C929, #1d7900); /* IE10 */
141 background-image: -o-linear-gradient(top, #92C929, #1d7900); /* Opera 11.10+ */
142 background-image: linear-gradient(top, #92C929, #1d7900);
143 filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#92C929', EndColorStr='#1d7900'); /* IE6–IE9 */
144 border-radius: 2px;
145 -moz-border-radius: 2px;
146 -webkit-border-radius: 2px;
147 -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
148 box-shadow: 0px 2px 4px rgba(0,0,0, .2);
149 -moz-box-shadow: 0px 2px 4px rgba(0,0,0, .2);
150 -webkit-box-shadow: 0px 2px 4px rgba(0,0,0, .2);
151 text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
152 -moz-text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
153 -webkit-text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
154 border: 1px solid #1d7900;
155 color: #fff;
156 font-size: 14px;
157 padding: 5px 7px 5px 7px;
158 text-align: center;
159 }
160
161 button.nitdoc-github-button[disabled=disabled] {
162 background-color: #999999;
163 background-image: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#333333)); /* Saf4+, Chrome */
164 background-image: -webkit-linear-gradient(top, #999999, #333333); /* Chrome 10+, Saf5.1+ */
165 background-image: -moz-linear-gradient(top, #999999, #333333); /* FF3.6 */
166 background-image: -ms-linear-gradient(top, #999999, #333333); /* IE10 */
167 background-image: -o-linear-gradient(top, #999999, #333333); /* Opera 11.10+ */
168 background-image: linear-gradient(top, #999999, #333333);
169 filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#999999', EndColorStr='#333333'); /* IE6–IE9 */
170 border: 1px solid #333333;
171 }
172
173 button.nitdoc-github-button img {
174 margin-right: 7px;
175 margin-bottom: -3px;
176 height: 16px;
177 width: 16px;
178 }
179
180 /* Comment editing */
181
182 .nitdoc-github-commentbox {
183 margin: 1em 5px;
184 border: 1px solid #eee;
185 padding: 1em;
186 background: #fff;
187 -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
188 -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
189 box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
190 }
191
192 .nitdoc-github-commentbox h3 {
193 margin: 0;
194 }
195
196 .nitdoc-github-commentbox-buttons {
197 text-align: right;
198 }
199
200 .nitdoc-github-commentbox dl {
201 margin-bottom: 0;
202 }
203
204 .nitdoc-github-commentbox dt {
205 margin-bottom: 0.5em;
206 }
207
208 .nitdoc-github-commentbox dd {
209 margin: 0 0 1em 0;
210 }
211
212 .nitdoc-github-commentbox textarea {
213 display: block;
214 font-family: monospace;
215 font-size: 1em;
216 width: 100%;
217 padding: 4px;
218 padding-left: 11px;
219 overflow-y: hidden;
220 border: 1px solid #CCC;
221 }
222
223 .nitdoc-github-preview {
224 margin: 0 15px;
225 cursor: pointer;
226 }
227
228 .nitdoc-github-button.nitdoc-github-cancel {
229 background-color: #b33630;
230 background-image: -webkit-gradient(linear, left top, left bottom, from(#E97A74), to(#9f312c)); /* Saf4+, Chrome */
231 background-image: -webkit-linear-gradient(top, #E97A74, #9f312c); /* Chrome 10+, Saf5.1+ */
232 background-image: -moz-linear-gradient(top, #E97A74, #9f312c); /* FF3.6 */
233 background-image: -ms-linear-gradient(top, #E97A74, #9f312c); /* IE10 */
234 background-image: -o-linear-gradient(top, #E97A74, #9f312c); /* Opera 11.10+ */
235 background-image: linear-gradient(top, #E97A74, #9f312c);
236 filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#E97A74', EndColorStr='#9f312c'); /* IE6–IE9 */
237 border: 1px solid #9f312c;
238 }
239
240 div.comment.locked {
241 color: gray;
242 }
243 p.locked {
244 color: black;
245 }
246
247 a.nitdoc-github-cancel {
248 color: #b33630;
249 cursor: pointer;
250 }
251
252 a.nitdoc-github-update {
253 color: orange;
254 cursor: pointer;
255 }