ivardiaweb/own.css
own.cssRaw
1
2/*
3a:link {
4 color: #C85127;
5 text-decoration: none;
6}
7a:visited {
8 color: #C85127;
9}
10a:hover {
11 color: #dd7955;
12}
13a:active {
14 color: #C85127;
15}*/
16
17@font-face {
18 font-family: 'jauria-bold';
19 src: url('tipos/jauria/Jauria-Bold-v.otf');
20 src:
21 local('jauria'),
22 local('jauria'),
23 url('tipos/jauria/Jauria-Bold-v.otf')
24 format('opentype');
25}
26@font-face {
27 font-family: 'jauria-cursiva';
28 src: url('tipos/jauria/jauria-Italic-v.otf');
29 src:
30 local('jauria'),
31 local('jauria'),
32 url('tipos/jauria/jauria-Italic-v.otf')
33 format('opentype');
34}
35/*
36Light pel text
37Blak pel menu de dalt
38I medium pel submeni
39*/
40/* got */
41@font-face {
42 font-family: 'got-light';
43 src: url('tipos/got/got_light.ttf');
44 src:
45 local('got'),
46 local('got'),
47 url('tipos/got/got_light.ttf')
48 format('opentype');
49}
50@font-face {
51 font-family: 'got-black';
52 src: url('tipos/got/got_black.ttf');
53 src:
54 local('got'),
55 local('got'),
56 url('tipos/got/got_black.ttf')
57 format('opentype');
58}
59@font-face {
60 font-family: 'got-medium';
61 src: url('tipos/got/got_medium.ttf');
62 src:
63 local('got'),
64 local('got'),
65 url('tipos/got/got_medium.ttf')
66 format('opentype');
67}
68body {
69 font: normal 18px 'got-light', sans-serif;
70}
71
72
73@media (min-width:900px) {
74 .own-container{
75 padding-left: 80px;
76 padding-right: 80px;
77 }
78}
79@media (max-width:900px) {
80 .own-container{
81 padding-left: 10px;
82 padding-right: 10px;
83 }
84}
85
86/* index */
87
88@media (min-width:900px) {
89 .own-indexBackgroundImage{
90 width: 100%;
91 /*height: 100%;*/
92 z-index: -1;
93 position: fixed;
94 left: 0px;
95 top: 0px;
96
97 -webkit-transition: opacity 1s ease-in-out;
98 -moz-transition: opacity 1s ease-in-out;
99 -o-transition: opacity 1s ease-in-out;
100 transition: opacity 1s ease-in-out;
101 }
102}
103
104@media (max-width:900px) {
105 .own-indexBackgroundImage{
106 /*width: 100%;*/
107 height: 100%;
108 z-index: -1;
109 position: fixed;
110 left: 0px;
111 top: 0px;
112
113 -webkit-transition: opacity 1s ease-in-out;
114 -moz-transition: opacity 1s ease-in-out;
115 -o-transition: opacity 1s ease-in-out;
116 transition: opacity 1s ease-in-out;
117 }
118}
119.own-opactity0{
120 opacity: 0;
121}
122.own-langIndex{
123 text-align: right;
124 margin-right: 50px;
125 display: block;
126}
127.own-langIndex a:link{
128 text-decoration: none;
129 color: #ffffff;
130 font-weight: bold;
131 display: inline-block;
132 margin: 10px;
133}
134.own-langIndex a:visited{
135 color: #ffffff;
136}
137
138.own-menu{
139 display: block;
140 /*padding-left: 50px;
141 padding-right: 50px;*/
142}
143.own-overImage-logo{
144 /*margin-left: 30px;*/
145 width: 200px;
146
147}
148.own-whiteText a:link{
149 color: #ffffff!important;
150}
151.own-whiteText a:visited{
152 color: #ffffff!important;
153}
154.own-whiteText a:hover{
155 color: #C85127!important;
156}
157/*.own-menuButtonsIndex{
158 float: right;
159 margin-right: 50px;
160}
161.own-menuButtonsIndex a:link{
162 text-decoration: none;
163 color: #ffffff;
164 font-weight: bold;
165 display: inline-block;
166 margin: 10px;
167}
168.own-menuButtonsIndex a:visited{
169 color: #ffffff;
170}
171.own-menuButtonsIndex a:hover{
172 color: #C85127;
173}*/
174
175
176
177
178.own-mainTitleBox{
179 left: 0;
180 margin-top: 10%;
181 width: 100%;
182 text-align: center;
183 font-family: jauria;
184}
185.own-mainTitle{
186 color: #ffffff;
187 background: #C85127;
188 font-size: 45px;
189 width: 400px;
190 margin-left: auto; /*temporal*/
191 margin-right: auto;
192 font-family: 'jauria-bold', sans-serif;
193}
194.own-subTitle{
195 color: #ffffff;
196 font-size: 24px;
197 font-family: 'jauria-cursiva', sans-serif;
198}
199.own-verkami{
200 /*border: 1px solid #000000;*/
201 margin-top: 20px;
202 cursor: pointer;
203}
204.own-socialNetworks{
205 /*margin-left: 2%;*/
206 margin-top: 15%;
207 display: inline-block;
208}
209.own-socialNetwork{
210 display: inline-block;
211 height: 20px;
212 margin-right: 5px;
213 cursor: pointer;
214}
215.own-socialNetwork-facebookMargin{
216 margin-right: 10px;
217}
218.own-teaser{
219 float: right;
220 /*margin-right: 100px;*/
221 margin-top: calc(15% - 10px);
222 color: #ffffff;
223 font-weight: bold;
224 font-size: 18px;
225}
226
227.temp-marge1{
228 display: inline-block;
229 margin-top: 10%;
230}
231.own-whiteOverImage{
232 background: #ffffff;
233 padding-top: 10px;
234
235}
236@media (max-width:1080px) {
237 .own-caixaDescripcioIndex{
238 margin-top: 50px;
239 margin-left:auto;
240 margin-right:auto;
241 max-width: calc(100% - 300px);
242 min-width: 320px;
243 background: #ffffff;
244 font-size: 18px;
245 font: normal 18px 'got-medium', sans-serif;
246 }
247}
248@media (min-width:1080px) {
249 .own-caixaDescripcioIndex{
250 margin-top: 50px;
251 margin-left:auto;
252 margin-right:auto;
253 max-width: calc(100% - 700px);
254 min-width: 320px;
255 background: #ffffff;
256 font-size: 18px;
257 font: normal 18px 'got-medium', sans-serif;
258 }
259}
260
261.own-caixaImatgesIndex{
262 margin-top: 50px;
263 width: 100%;
264 text-align: center;
265 padding-bottom: 100px;
266 font: normal 18px 'got-medium', sans-serif;
267}
268.own-caixaImatgeIndex{
269 display: inline-block;
270 margin: 2%;
271}
272.own-imatgeIndex{
273 /*display: inline-block;*/
274
275 width: 210px;
276}
277.own-caixaImatgeIndex .own-textHoverImage{
278 position: absolute;
279 visibility: hidden;
280 text-decoration: none;
281 /*display: inherit;*/
282 z-index: 1px;
283 background: rgba(200, 81, 39, 0.4);
284 color: #ffffff;
285 font-weight: bold;
286 font-size: 24px;
287 padding-top: 90px;
288 /*padding-left: 100px;*/
289 width: 210px;
290 height: 210px;
291}
292
293.own-caixaImatgeIndex:hover .own-textHoverImage{
294 visibility:visible;
295}
296/* /index */
297
298
299/* footer */
300.own-footer{
301 width: 100%;
302 text-align: center;
303 background: #262626;
304 height: 250px;
305 padding-top: 20px;
306 padding: 2%;
307 height: auto;
308 font: normal 16px 'got-medium', sans-serif;
309}
310.own-footer h3{
311 color: #ffffff;
312}
313.own-footer a:link {
314 color: #C85127;
315 text-decoration: none;
316 display: block;
317 margin-bottom: 20px;
318}
319.own-footer a:visited {
320 color: #C85127;
321}
322.own-footer a:hover {
323 color: #dd7955;
324}
325.own-caixaFooter{
326 display: inline-block;
327 width: 250px;
328 vertical-align: top;
329 text-align: left;
330 margin-left: 50px;
331}
332/* /footer */
333
334
335
336/* projecte, bakur, agenda */
337.own-lang{
338 text-align: right;
339 /*margin-right: 50px;*/
340 display: block;
341}
342.own-lang a:link{
343 text-decoration: none;
344 color: #000000;
345 /*font-weight: bold;*/
346 display: inline-block;
347 margin: 10px;
348}
349.own-lang a:visited{
350 color: #000000;
351}
352.own-bold{
353 font-weight: bold;
354}
355
356.own-menuButtons{
357 float: right;
358 /*margin-right: 50px;*/
359 font: normal 18px 'got-black', sans-serif;
360}
361.own-menuButtons a:link{
362 text-decoration: none;
363 color: #000000;
364 font-weight: bold;
365 display: inline-block;
366 margin: 10px;
367 font-size: 20px;
368}
369.own-menuButtons a:visited{
370 color: #000000;
371}
372.own-menuButtons a:hover{
373 color: #C85127;
374}
375.own-currentPageMenu{
376 color: #C85127!important;
377 border-bottom: 3px solid #C85127;
378 padding-left: 7px;
379 padding-right: 7px;
380}
381.own-imgHeader{
382 width: 100%;
383 margin-top: 50px;
384 margin-bottom: 30px;
385}
386.own-nosaltresContent{
387 width: 100%;
388 text-align: center;
389}
390.own-linksLeft{
391 display: inline-block;
392 vertical-align: top;
393 margin-top: 20px;
394 margin-right: 40px;
395 margin-bottom: 40px;
396 max-width: 100px;
397 font: normal 18px 'got-medium', sans-serif;
398}
399.own-linksLeft a:link{
400 text-decoration: none;
401 color: #000000;
402 font-weight: bold;
403 display: block;
404 margin: 10px;
405 margin-bottom: 30px;
406 text-align: center;
407 border-top: 1px solid #000000;
408 padding-top: 20px;
409 width: 120px;
410}
411.own-linksLeft a:visited{
412 color: #000000;
413}
414.own-linksLeft a:hover{
415 color: #C85127;
416}
417.own-orange{
418 color: #C85127!important;
419}
420.own-projecteText{
421 display: inline-block;
422 max-width: 600px;
423 text-align: left;
424 vertical-align: top;
425 padding: 10px;
426 padding-bottom: 40px;
427}
428
429
430.own-desplegableAmagat{
431 display: none;
432
433}
434.own-desplegable{
435 display: block;
436 z-index: 1;
437 position: absolute;
438 background: #C85127;
439 max-width: 600px;
440 margin-left: 18%;
441 padding: 30px;
442}
443
444.own-rightBox{
445 display: inline-block;
446 vertical-align: top;
447 margin-top: 30px;
448 text-align: left;
449}
450.own-rightBox a:link{
451 text-decoration: none;
452 color: #000000;
453 font-weight: bold;
454 display: block;
455 margin: 10px;
456 margin-bottom: 20px;
457}
458.own-rightBox a:visited{
459 color: #000000;
460}
461.own-rightBox a:hover{
462 color: #C85127;
463}
464
465@media (max-width:1200px) {
466 .own-textBoxLeft{
467 display: inline-block;
468 vertical-align: top;
469 margin-top: 20px;
470 margin-right: 20px;
471 margin-bottom: 40px;
472 max-width: 600px;
473 text-align: left;
474 font-weight: bold;
475 font: normal 22px 'got-medium', sans-serif;
476 }
477}
478@media (min-width:1200px) {
479 .own-textBoxLeft{ /*a pantalla gran, barra lateral left*/
480 display: inline-block;
481 vertical-align: top;
482 margin-right: 10px;
483 margin-bottom: 40px;
484 max-width: 200px;
485 text-align: left;
486 font-weight: bold;
487 font-size: 22px;
488 font: normal 22px 'got-medium', sans-serif;
489 }
490}
491
492.own-nosaltresCenterRight{
493 display: inline-block;
494 max-width: 800px;
495 text-align: left;
496 vertical-align: top;
497}
498.own-imgTopText{
499 width: 100%;
500 margin-bottom: 30px;
501}
502
503.own-nosaltresTitle{
504 /*font-size: 45px;*/
505 font-weight: bold;
506 padding-left: 7%;
507 text-align: left;
508 margin-top: 30px;
509 margin-bottom: 30px;
510 font: normal 55px 'got-black', sans-serif;
511}
512.own-nosaltresText{
513 display: inline-block;
514 max-width: 600px;
515 text-align: left;
516 vertical-align: top;
517 padding-bottom: 40px;
518}