Skip to content

Commit 8fc752c

Browse files
committed
Merge branch 'master' of github.com:api-platform/core
2 parents fe8bb79 + 9fa0289 commit 8fc752c

File tree

4 files changed

+382
-28
lines changed

4 files changed

+382
-28
lines changed
7.09 KB
Loading
Lines changed: 340 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,340 @@
1+
html {
2+
box-sizing: border-box;
3+
overflow: -moz-scrollbars-vertical;
4+
overflow-y: scroll;
5+
}
6+
*,
7+
*:before,
8+
*:after {
9+
box-sizing: inherit;
10+
}
11+
12+
body {
13+
margin:70px 0 0;
14+
background: #f0f0f0;
15+
}
16+
17+
18+
19+
20+
/** HEADER **/
21+
22+
header:before {
23+
content:"";
24+
background-color:#288690;
25+
height:70px;
26+
width:100%;
27+
text-align:center;
28+
position:fixed;
29+
top:0;
30+
z-index:100;
31+
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
32+
}
33+
34+
header #logo {
35+
position:fixed;
36+
top : 35px;
37+
right:40px;
38+
z-index:102;
39+
transform:translateY(-50%);
40+
}
41+
42+
header #logo img {
43+
height:50px;
44+
background-color:rgba(40, 134, 144, 0.4)
45+
}
46+
47+
/** spider and web **/
48+
49+
.web, .spider {
50+
pointer-events: none;
51+
right:0;
52+
z-index:101;
53+
position:fixed;
54+
}
55+
56+
.web {
57+
top:0;
58+
}
59+
60+
.web:after {
61+
content: "";
62+
opacity:0;
63+
width: 2px;
64+
height: 70px;
65+
position: fixed;
66+
right: 35px;
67+
background-color: black;
68+
animation-name: webAnim;
69+
animation-duration: 2s;
70+
animation-delay: 2s;
71+
animation-fill-mode: forwards;
72+
animation-timing-function: ease-in-out;
73+
}
74+
75+
.spider {
76+
opacity:0;
77+
top:170px;
78+
animation-name: spiderAnim;
79+
animation-duration: 2s;
80+
animation-delay: 2s;
81+
transform:translateY(-100%);
82+
animation-fill-mode: forwards;
83+
animation-timing-function: ease-in-out;
84+
}
85+
86+
87+
/** INCREASE WRAPPER BLOC PADDING **/
88+
89+
#swagger-ui.api-platform .wrapper {
90+
padding:0px 60px;
91+
}
92+
93+
94+
/** INFORMATIONS BLOC **/
95+
96+
#swagger-ui.api-platform .information-container.wrapper {
97+
margin:0;
98+
padding:10px 0 0;
99+
width:100%;
100+
max-width:100%;
101+
background-color:white;
102+
border-bottom:1px solid #ccc;
103+
margin-bottom:30px;
104+
}
105+
106+
#swagger-ui.api-platform .info .title {
107+
color:#3caab5;
108+
}
109+
110+
#swagger-ui.api-platform .info {
111+
width: 100%;
112+
max-width: 1460px;
113+
padding: 0px 50px;
114+
margin: 0px auto;
115+
}
116+
117+
/** METHODS BLOCS **/
118+
119+
#swagger-ui.api-platform .opblock.opblock-get .opblock-summary-method {
120+
background-color:#3CAAB5;
121+
}
122+
123+
#swagger-ui.api-platform .opblock.opblock-put .opblock-summary-method {
124+
background-color:#E6C229;
125+
}
126+
127+
#swagger-ui.api-platform .opblock.opblock-post .opblock-summary-method {
128+
background-color:#78BC61;
129+
}
130+
131+
#swagger-ui.api-platform .opblock.opblock-delete .opblock-summary-method {
132+
background-color:#ED6A5A;
133+
}
134+
135+
#swagger-ui.api-platform .opblock.opblock-deprecated .opblock-summary-method {
136+
background-color:#ebebeb;
137+
}
138+
139+
#swagger-ui.api-platform .opblock.opblock-get .opblock-summary {
140+
border-color:#3CAAB5;
141+
}
142+
143+
#swagger-ui.api-platform .opblock.opblock-put .opblock-summary {
144+
border-color:#E6C229;
145+
}
146+
147+
#swagger-ui.api-platform .opblock.opblock-post .opblock-summary {
148+
border-color:#78BC61;
149+
}
150+
151+
#swagger-ui.api-platform .opblock.opblock-delete .opblock-summary {
152+
border-color:#ED6A5A;
153+
}
154+
155+
#swagger-ui.api-platform .opblock.opblock-deprecated .opblock-summary {
156+
border-color:#ebebeb;
157+
}
158+
159+
#swagger-ui.api-platform .opblock-summary-method {
160+
border-radius:0;
161+
padding:10px;
162+
}
163+
164+
#swagger-ui.api-platform .opblock-summary {
165+
padding:0;
166+
}
167+
#swagger-ui.api-platform .opblock-tag {
168+
padding:5px 0;
169+
margin:0 0 10px;
170+
}
171+
#swagger-ui.api-platform .opblock-tag:hover {
172+
background-color:rgba(0,0,0,.1);
173+
transform:scale(1.01);
174+
}
175+
176+
#swagger-ui.api-platform .opblock-section-header, #swagger-ui.api-platform .opblock.opblock-get .opblock-section-header {
177+
background-color:rgba(60,170,181,0.1);
178+
box-shadow:none;
179+
}
180+
181+
#swagger-ui.api-platform .opblock.opblock-post .opblock-section-header {
182+
background-color:rgba(120,188,97,0.1);
183+
}
184+
185+
#swagger-ui.api-platform .opblock.opblock-put .opblock-section-header {
186+
background-color:rgba(230, 194, 41, 0.1);
187+
}
188+
189+
#swagger-ui.api-platform .opblock.opblock-delete .opblock-section-header {
190+
background-color:rgba(237,106,90,0.1);
191+
}
192+
193+
#swagger-ui.api-platform .opblock.opblock-deprecated .opblock-section-header {
194+
background-color:rgba(235,235,235,0.1);
195+
}
196+
197+
#swagger-ui.api-platform .opblock {
198+
border-radius:0;
199+
background-color:white;
200+
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
201+
margin:0 0 10px;
202+
padding:0;
203+
border:none!important;
204+
}
205+
206+
#swagger-ui .topbar {
207+
display: none;
208+
}
209+
210+
/** FORMATS **/
211+
212+
#formats {
213+
text-align:right;
214+
font-family: Open Sans,sans-serif;
215+
width: 100%;
216+
max-width: 1460px;
217+
padding: 0px 60px;
218+
margin:0 auto;
219+
}
220+
221+
222+
/** BUTTONS **/
223+
224+
#swagger-ui.api-platform .btn.execute {
225+
background-color:#3CAAB5;
226+
border-color:#3CAAB5;
227+
animation:none;
228+
transition:all ease 0.3s;
229+
}
230+
231+
#swagger-ui.api-platform .btn.execute:hover {
232+
background-color:#288690;
233+
border-color:#288690;
234+
}
235+
236+
#swagger-ui.api-platform .execute-wrapper {
237+
text-align:center;
238+
}
239+
240+
#swagger-ui.api-platform .execute-wrapper .btn {
241+
width:auto;
242+
padding:10px 40px;
243+
}
244+
245+
#swagger-ui.api-platform .btn-group {
246+
max-width: 500px;
247+
margin-left: auto;
248+
margin-right: auto;
249+
}
250+
251+
#swagger-ui.api-platform .btn-group .btn {
252+
padding:10px 40px;
253+
}
254+
255+
#swagger-ui.api-platform .btn {
256+
transition:all ease 0.2s;
257+
box-shadow:none;
258+
background-color: #f7f7f7
259+
}
260+
261+
#swagger-ui.api-platform .btn:hover {
262+
background-color:rgba(65,68,78,0.1);
263+
border-color:transparent;
264+
}
265+
266+
#swagger-ui.api-platform .btn.cancel:hover {
267+
background-color:rgba(237,106,90,0.1);
268+
}
269+
270+
#swagger-ui.api-platform .btn.authorize:hover {
271+
background-color:rgba(120,188,97,0.1);
272+
}
273+
274+
#swagger-ui.api-platform select {
275+
box-shadow:none;
276+
cursor:pointer;
277+
}
278+
279+
280+
/** FIX TABS SEPARATOR **/
281+
282+
#swagger-ui.api-platform .tab li:first-of-type:after {
283+
content : none;
284+
}
285+
286+
#swagger-ui.api-platform .tab li {
287+
padding:0px 5px;
288+
border-right:1px solid rgba(0,0,0,.2);
289+
}
290+
291+
#swagger-ui.api-platform .tab li:last-of-type {
292+
border-right:none;
293+
}
294+
295+
296+
/** REMOVE HIGHLIGHTS FOCUS INPUTS **/
297+
298+
#swagger-ui.api-platform input:focus,
299+
#swagger-ui.api-platform select:focus,
300+
#swagger-ui.api-platform textarea:focus,
301+
#swagger-ui.api-platform button:focus {
302+
outline: none;
303+
}
304+
305+
306+
/** REMOVE TITILIUM FONT **/
307+
308+
.swagger-ui .opblock-tag,
309+
.swagger-ui .opblock .opblock-section-header label,
310+
.swagger-ui .opblock .opblock-section-header h4,
311+
.swagger-ui .opblock .opblock-summary-method,
312+
.swagger-ui .tab li,
313+
.swagger-ui .scheme-container .schemes>label,
314+
.swagger-ui .loading-container .loading:after,
315+
.swagger-ui .btn,
316+
.swagger-ui .btn.cancel,
317+
.swagger-ui select,
318+
.swagger-ui label,
319+
.swagger-ui .dialog-ux .modal-ux-content h4,
320+
.swagger-ui .dialog-ux .modal-ux-header h3,
321+
.swagger-ui section.models h4,
322+
.swagger-ui section.models h5,
323+
.swagger-ui .model-title,
324+
.swagger-ui .parameter__name,
325+
.swagger-ui .topbar a,
326+
.swagger-ui .topbar .download-url-wrapper .download-url-button,
327+
.swagger-ui .info .title small pre,
328+
.swagger-ui .scopes h2,
329+
.swagger-ui .errors-wrapper hgroup h4 {
330+
font-family: Open Sans,sans-serif!important;
331+
}
332+
333+
@keyframes spiderAnim {
334+
from {opacity:1; top:170px}
335+
to {opacity:1; top:calc(100% - 30px)}
336+
}
337+
@keyframes webAnim {
338+
from {opacity:0.2; height:70px}
339+
to {opacity:0.2; height:calc(100% - 120px)}
340+
}
21.4 KB
Loading

0 commit comments

Comments
 (0)