změna hlavní stránky webu eHelper.cz Vyřešeno

[teichmann.ondrej]

Code: [Vybrat vše] [Zobrazit/Skrýt] [Download] (Bez_jmena.css)

1. /*
2.  * CSS šablona webu eHelper.cz
3.  */
4.  
5. /*Základní layout prvky*/
6. body {
7.     color: #222;
8.     font-size: 1.1rem;
9.     font-family: 'Roboto', sans-serif;
10.     letter-spacing: 0px;
11. }
12. html,
13. body,
14. header,
15. .view {
16.     /*min-height: 100vh;*/
17. }
18. h1 {
19.     font-size: 3rem;
20. }
21. .h-section {
22.     color: #00CCD6;
23. }
24. h2 {
25.     font-size: 2rem;
26.     /*color: #28A5C0;*/
27.     color: #00CCD6;
28. }
29. .view-condensed {
30.     height: 120px;
31. }
32. .view {
33.     padding-top: 200px;
34. }
35. .view, .view-condensed {
36.     background-image: url('../img/ehelper-header-image1.jpg');
37.     background-repeat: no-repeat;
38.     background-size: cover;
39.     background-position: center center;
40. }
41.  
42. /*Menu*/
43. .navbar-brand img {
44.     height: 85px;
45. }
46. a.nav-link {
47.     color: #fff;
48.     text-decoration: none;
49. }
50. .top-nav-collapse {
51.     background-color: #28A5C0 !important;
52. }
53. .navbar:not(.top-nav-collapse) {
54.     /*background: transparent !important;*/
55.     /*background-color: rgba(0, 150, 136, 0.25) !important;*/
56.     background-color: rgba(63, 81, 181, 0.2) !important;
57. }
58. .navbar-toggler-icon {
59.     font-size: 26px;
60.     margin-top: 15px;
61. }
62.  
63. /*Ostatní layout prvky*/
64. .video-polar iframe {
65.     min-width: 550px;
66.     max-width: 75%;
67.     min-height: 400px;
68.     max-height: 75%;
69.     z-index: 9999;
70.     padding-right: 100px;
71. }
72. .bumazka {
73.     height: 17vh;
74.     padding: 0 0 20px 0;
75. }
76. .telefon {
77.     max-width: 30vw;
78. }
79. .polar-video {
80.     min-width: 500px;
81.     min-height: 400px;
82. }
83. .eh-about-img {
84.     height: 50px;
85. }
86. .btn-blue2 {
87.     color: #fff;
88.     background-color: #28A5C0;
89. }
90. .btn-blue2:hover {
91.     color: #fff;
92. }
93. .btn-orange2 {
94.     background-color: orange;
95. }
96. .btn-orange2:hover {
97.     color: #fff;
98. }
99. .page-title {
100.     margin-top: 170px;
101. }
102. .logo-zass-bottom {
103.     height: 20vh;
104. }
105. .social-icons img {
106.     height: 40px;
107.     margin: 0 10px;
108. }
109. .howitworks-body {
110.     /*color: #0DC3D8;*/
111.     color: #00a1a2 !important;
112.     font-size: 1.2rem !important;
113. }
114. .ehelper-about, .ehelper-about2 {
115.     color: #00a1a2;
116. }
117. .ehelper-about {
118.     font-size: 1.1rem;
119. }
120. .ehelper-about2 {
121.     font-size: 1.4rem;
122. }
123. .ehelper-about-header {
124.     color: #8591C4;
125. }
126. .team img {
127.     width: 200px;
128.     margin: 8px 0;
129. }
130. .cooperation-text {
131.     /*color: #00CCD6;*/
132.     color: #00a1a2;
133.     font-size: 1.4rem;
134.     font-weight: bold;
135. }
136. .reference-wrap {
137.     background: url(../img/reference-bg.jpg) no-repeat fixed;
138.     background-size: cover;
139.     min-height: 400px;
140.     padding: 50px 0 20px 0;
141. }
142. .carousel-indicators {
143.     position: relative;
144. }
145. .reference-item-text {
146.     width: 100%;
147.     z-index: 1000;
148.     font-size: 1.4rem;
149.     line-height: 2rem;
150. }
151. .kontakty, .kontakty a {
152.     color: #00a1a2;
153. }
154. .kontakt_head_2 {
155.     font-size: 1.3rem;
156. }
157. .contact-header {
158.     font-size: 1.6rem;
159.     color: #01BEC1;
160. }
161. .contact_form, .contact-modal-icon {
162.     z-index: 9998;
163. }
164. .contact-form-header {
165.     background-color: #01BEC1;
166. }
167. .jumbotron-top {
168.     background-color: rgba(1,190,192, 0.15);
169. }
170. .contact-form-field {
171.     border: 1px solid #00a1a2;
172.     color: #00a1a2;
173. }
174. .contact-modal-icon {
175.     position: fixed;
176.     right: 90px;
177.     margin-bottom: 20px;
178.     bottom: 0;
179.     background-color: #01BEC0;
180.     padding: 5px 0;
181.     width: 60px;
182.     height: 60px;
183.     /*opacity: 0.8;*/
184.     border-radius: 30px;
185. }
186. /*.contact-modal-icon:hover {
187.     opacity: 1;
188. }*/
189. .foot-info {
190.     /*background-color: #34B8D9;*/
191.     background-color: #28A5C0;
192.     box-shadow: 1px 0 0 2px rgba(0,0,0,0.16), 1px 0 0 4px rgba(0,0,0,0.12);
193. }
194. #email-error, #msg-error, #send-msg, #myname-error {
195.     font-style: italic;
196.     color: red;
197.     padding: 3px 3px 8px 3px;
198.     font-size: 0.9rem;
199.     display: none;
200. }
201. /*Sekce*/
202. .about-zass-img img {
203.     max-height: 150px;
204. }
205. .b2b-img {
206.     max-height: 220px;
207. }
208. .disclaimer-text {
209.     font-size: 1.5rem;
210.     line-height: 1.8rem;
211.     word-spacing: 0.5rem;
212. }
213. .iframe_video {
214.     width: 100%;
215.     height: 300px;
216.     margin: 5px 5px 20px 5px;
217. }
218. .iframe_video-condensed {
219.     height: 400px;
220. }
221. .media-list {
222.     line-height: 2.5rem;
223. }
224. .ehelper-info-header {
225.     background-color: #28A5C0;
226. }
227. .ehelper-info-text {
228.     font-size: 1.1rem !important;
229. }
230. .about-ehelper-img img {
231.     max-height: 300px;
232. }
233. .future-item {
234.     font-size: 1.2rem;
235.     width: 400px;
236. }
237. .icon-list-items .icon {
238.     width: 30px;
239.     margin-left: 20px;
240.     vertical-align: top;
241.     color: #01BEC1;
242. }
243. .icon-list-items .text  {
244.     width: 85%;
245. }
246. .gp-img {
247.     height: 70px;
248. }
249. .inline {
250.     display: inline-block;
251. }
252. .social-icons-bottom {
253.     display: none;
254. }
255. /*.media-img img {
256.     height: content-box;
257. }*/
258. .blog h1, .blog h2 {
259.     color: #000;
260. }
261.  
262. @media (max-width: 761px) {
263.     html,
264.     body,
265.     header {
266.         height: auto;
267.         overflow-y: auto;
268.     }
269.     .view {        
270.         /*min-height: 90vh;*/
271.         /*overflow-y: hidden;*/
272.     }
273.     .telefon {
274.         display: none !important;
275.     }
276.     .polar-video {
277.         max-width: 100% !important;
278.         min-width: auto !important;
279.     }
280.     .video-polar iframe {
281.         padding: 0;
282.     }
283.     .navbar-brand img {
284.         height: 60px;
285.     }
286.     .view-condensed {
287.         height: 65px;
288.     }
289.     /*    .page-title {
290.             overflow-y: auto;
291.             margin-top: 90px;
292.         }*/
293.  
294.     .icon-list-items .text {
295.         width: 70%;
296.     }
297.     .b2b-img {
298.         width: 100%;
299.         margin-bottom: 20px;
300.     }
301.     .manu-img {
302.         width: 97%;
303.         margin: 0 0 20px 0;
304.     }
305.     .future-item {
306.         width: auto;
307.     }
308.     .home-heading {
309.         padding-top: 15px;
310.     }
311.     .social-icons-bottom {
312.         display: inline;
313.         color: #fff;
314.     }
315.     .media-img img {
316.         max-width: 85%;
317.     }
318.     .small-res-text {
319.         text-align: center;
320.     }
321.  
322. }
323. @media (max-width: 991px) {
324.     .video-polar iframe {
325.         padding: 0;
326.     }
327.     .navbar:not(.top-nav-collapse) {
328.         background: #28A5C0 !important;
329.     }
330. }

GeSHi © Codebox Plus Extension

Zasílám stránku style.css a kde přesně prosím to mám dát?

[Reklama]