Changed the Style of GUI
[holmes/rule-management.git] / rulemgt-frontend / src / assets / framework / browser / css / docs.css
1 img.AngularJS-small {
2   width: 95px;
3   height: 25px;
4 }
5
6 /* this is here to avoid the display=block shuffling of ngShow */
7 .breadcrumb li > * {
8   float:left;
9   margin:0 2px 0 0;
10 }
11
12 .breadcrumb {
13   padding-top: 6px;
14   padding-bottom: 0;
15   line-height: 18px
16 }
17
18 .navbar img {
19   max-height: 40px;
20   padding-right: 20px;
21 }
22
23 .navbar img+.brand {
24   padding: 10px 20px 10px 10px;
25 }
26
27 .clear-navbar {
28   margin-top: 60px;
29 }
30
31 .footer {
32   padding-top: 2em;
33   background-color: #333;
34   color: white;
35   padding-bottom: 2em;
36 }
37
38 .spacer {
39   height: 1em;
40 }
41
42
43 .icon-cog {
44   line-height: 13px;
45 }
46
47 /* =============================== */
48
49 .form-search {
50   margin-right: 10px;
51 }
52
53 .form-search .search-query {
54   width: 180px;
55   width: 200px \9;
56 }
57
58 .form-search .dropdown-menu {
59   margin-left: 10px;
60 }
61
62 .form-search .code {
63   font-family: monospace;
64   font-weight: bold;
65   font-size: 13px;
66   color: black;
67   overflow: hidden;
68   text-overflow: ellipsis;
69 }
70
71 .form-search > ul.nav > li > a {
72   margin: 0;
73 }
74
75 .form-search > ul.nav > li.module {
76   background-color: #d3d3d3;
77 }
78
79 .form-search > ul.nav > li.section {
80   background-color: #ebebeb;
81   min-height: 14px;
82 }
83
84 .form-search > ul.nav > li.first {
85   padding-top: 6px;
86 }
87
88 .form-search > ul.nav > li.last {
89   padding-bottom: 6px;
90 }
91
92 .form-search > ul.nav > li.last + li.api-list-item {
93   margin-top: -6px;
94   padding-bottom: 6px;
95 }
96
97 .form-search .well {
98   border-color: #d3d3d3;
99   padding: 0;
100   margin-bottom: 15px;
101 }
102
103 .form-search .well .nav-header {
104   text-transform: none;
105   padding: 3px 1px;
106   margin: 0;
107 }
108
109 .form-search .well .nav-header a {
110   text-transform: none;
111   color: black;
112 }
113 .form-search .well .nav-header a:hover {
114   background-color: inherit;
115 }
116
117 .form-search .well li {
118   line-height: 14px;
119 }
120
121 .form-search .well li a:focus {
122         outline: none;
123 }
124
125 .form-search .well .guide {
126   float: right;
127   padding-top: 0;
128   color: gray;
129 }
130
131 .form-search .module .guide {
132   line-height: 20px;
133 }
134
135 .match > a, .nav > .match > a:hover {
136         background-color: #dbeaf4;
137 }
138
139 /* =============================== */
140 /*            Content              */
141 /* =============================== */
142
143 .edit-example {
144   margin-top: 9px;
145 }
146
147 .improve-docs, .view-source, .edit-example {
148   float: right;
149   margin-left: 35px;
150   position: relative;
151 }
152
153 .improve-docs i, .view-source i, .edit-example i {
154   position: absolute;
155   left: -20px;
156   top: 50%;
157   margin-top: -.5em;
158   text-decoration: none !important;
159 }
160
161 .methods .view-source {
162   margin: -0.5em 0 0 0;
163   text-decoration: none !important;
164 }
165
166 .hint {
167   font-size: .6em;
168   color: #c0c0c0;
169   display: block;
170 }
171
172 .content code {
173   background-color: inherit;
174   color: inherit;
175   border: none;
176   padding: 0;
177   font-size: inherit;
178   font-family: monospace;
179 }
180
181 .content h2,
182 .content h3,
183 .content h4,
184 .content h5 {
185   margin: 1em 0 5px;
186 }
187
188 .content h1 {
189   font-size: 30px;
190   line-height: 36px;
191 }
192
193 .content h2 {
194   font-size: 24px;
195   line-height: 36px;
196 }
197
198 .content h3 {
199   line-height: 27px;
200   font-size: 18px;
201 }
202
203 .content h4 {
204   font-size: 15px;
205 }
206
207 ul.parameters > li > p,
208 .returns > p {
209   display: inline;
210 }
211
212 ul.methods > li,
213 ul.properties > li,
214 ul.events > li {
215   list-style: none;
216   min-height: 20px;
217   padding: 19px;
218   margin-bottom: 20px;
219   background-color: #f5f5f5;
220   border: 1px solid #eee;
221   border: 1px solid rgba(0, 0, 0, 0.05);
222   -webkit-border-radius: 4px;
223   -moz-border-radius: 4px;
224   border-radius: 4px;
225   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
226   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
227   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
228 }
229
230 .member.method > h2,
231 .member.property > h2,
232 .member.event > h2 {
233   margin-bottom: .5em;
234 }
235
236 ul.methods > li > h3,
237 ul.properties > li > h3,
238 ul.events > li > h3 {
239   margin: -19px -19px 1em -19px;
240   padding: .25em 39px .25em 19px;
241   background-color: #d3d3d3;
242   font-family: monospace;
243 }
244
245 .center {
246   display: block;
247   margin: 2em auto;
248 }
249
250 .diagram {
251   display: block;
252   margin: 2em auto;
253   padding: 1em;
254   border: 1px solid black;
255
256   -moz-box-shadow: 4px 4px 6px #48577D;
257   -webkit-box-shadow: 4px 4px 6px #48577D;
258   box-shadow: 4px 4px 6px #48577D;
259
260   -moz-border-radius: 15px;
261   -webkit-border-radius: 15px;
262   border-radius: 15px;
263 }
264
265 .tutorial-nav {
266   margin-left: 175px;
267   color: black;
268   margin-top: 2em;
269   margin-bottom: 2em;
270 }
271
272 .tutorial-nav a {
273   color: white;
274 }
275
276 .tutorial-nav a:hover {
277   color: white;
278   text-decoration: none;
279 }
280
281 .clear {
282   clear: both;
283 }
284
285 .variables-matrix td {
286   vertical-align:top;
287   padding:5px;
288 }
289
290 .type-hint {
291   display:inline-block;
292 }
293
294 .variables-matrix .type-hint {
295   text-align:center;
296   display:block;
297   min-width:60px;
298 }
299
300 .type-hint + .type-hint {
301   margin-top:5px;
302 }
303
304 .type-hint-string {
305   background:#3a87ad;
306 }
307
308 .type-hint-object {
309   background:#999;
310 }
311
312 .type-hint-array {
313   background:#F90;;
314 }
315
316 .type-hint-boolean {
317   background:rgb(18, 131, 39);
318 }
319
320 .type-hint-number {
321   background:rgb(189, 63, 66);
322 }