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
70 font: normal 16px 'got-light', sans-serif;
71 margin: 0;
72 padding: 0;
73}
74
75
76@media (min-width:900px) {
77 .own-container{
78 padding-left: 80px;
79 padding-right: 80px;
80 }
81}
82@media (max-width:900px) {
83 .own-container{
84 padding-left: 10px;
85 padding-right: 10px;
86 }
87}
88
89/* index */
90
91@media (min-width:900px) {
92 .own-indexBackgroundImage{
93 width: 100%;
94 /*height: 100%;*/
95 z-index: -2;
96 position: fixed;
97 left: 0px;
98 top: 0px;
99
100 }
101 .own-telgris{
102 height: 100%;
103 width: 100%;
104 z-index: -1;
105 position: fixed;
106 left: 0px;
107 top: 0px;
108
109 background: rgba(0, 0, 0, 0.5);
110 }
111}
112
113@media (max-width:900px) {
114 .own-indexBackgroundImage{
115 /*width: 100%;*/
116 height: 100%;
117 z-index: -2;
118 position: fixed;
119 left: 0px;
120 top: 0px;
121
122 }
123 .own-telgris{
124 height: 100%;
125 width: 100%;
126 z-index: -1;
127 position: fixed;
128 left: 0px;
129 top: 0px;
130
131 background: rgba(0, 0, 0, 0.5);
132 }
133}
134
135.own-opacity0{
136 opacity: 0;
137}
138.own-langIndex{
139 text-align: right;
140 margin-right: 50px;
141 display: block;
142}
143.own-langIndex a:link{
144 text-decoration: none;
145 color: #ffffff;
146 font-weight: bold;
147 display: inline-block;
148 margin: 10px;
149}
150.own-langIndex a:visited{
151 color: #ffffff;
152}
153
154.own-menu{
155 display: block;
156}
157.own-menuFixed{
158 /*display: block;*/
159 position: fixed;
160 background: #ffffff;
161 /*border-bottom: 1px solid #010101;*/
162 width: 100%;
163 top: 0px;
164
165}
166.own-overImage-logo{
167 /*margin-left: 30px;*/
168 width: 200px;
169
170}
171
172.own-whiteRecuadre{
173 border: 1px solid #ffffff!important
174}
175.own-whiteText{
176 color: #ffffff!important;;
177}
178.own-whiteText a:link{
179 color: #ffffff!important;
180}
181.own-whiteText a:visited{
182 color: #ffffff!important;
183}
184.own-whiteText a:hover{
185 color: #C85127!important;
186}
187/*.own-menuButtonsIndex{
188 float: right;
189 margin-right: 50px;
190}
191.own-menuButtonsIndex a:link{
192 text-decoration: none;
193 color: #ffffff;
194 font-weight: bold;
195 display: inline-block;
196 margin: 10px;
197}
198.own-menuButtonsIndex a:visited{
199 color: #ffffff;
200}
201.own-menuButtonsIndex a:hover{
202 color: #C85127;
203}*/
204
205
206
207
208.own-mainTitleBox{
209 left: 0;
210 margin-top: 10%;
211 width: 100%;
212 text-align: center;
213 font-family: jauria;
214}
215.own-mainTitle{
216 color: #ffffff;
217 background: #C85127;
218 font-size: 70px;
219 max-width: 500px;
220 margin-left: auto; /*temporal*/
221 margin-right: auto;
222 font-family: 'jauria-bold', sans-serif;
223}
224.own-subTitle{
225 color: #ffffff;
226 font-size: 30px;
227 font-family: 'jauria-cursiva', sans-serif;
228 margin-top: 8px;
229}
230.own-verkami{
231 /*border: 1px solid #000000;*/
232 margin-top: 20px;
233 cursor: pointer;
234}
235.own-socialNetworks{
236 /*margin-left: 2%;*/
237 margin-top: 15%;
238 display: inline-block;
239}
240.own-socialNetwork{
241 display: inline-block;
242 height: 20px;
243 margin-right: 5px;
244 cursor: pointer;
245}
246.own-socialNetwork-facebookMargin{
247 margin-right: 10px;
248}
249.own-teaser{
250 float: right;
251 /*margin-right: 100px;*/
252 margin-top: calc(15% - 10px);
253 color: #ffffff;
254 font-weight: bold;
255 font-size: 18px;
256 cursor: pointer;
257}
258
259.temp-marge1{
260 display: inline-block;
261 margin-top: 10%;
262}
263.own-whiteOverImage{
264 background: #ffffff;
265 padding-top: 10px;
266
267}
268@media (max-width:1080px) {
269 .own-caixaDescripcioIndex{
270 margin-top: 50px;
271 margin-left:auto;
272 margin-right:auto;
273 max-width: calc(100% - 100px);
274 min-width: 320px;
275 background: #ffffff;
276 font-size: 120%;
277 font: normal 18px 'got-medium', sans-serif;
278 text-align: center;
279 line-height: 125%;
280 }
281}
282@media (min-width:1080px) {
283 .own-caixaDescripcioIndex{
284 margin-top: 50px;
285 margin-left:auto;
286 margin-right:auto;
287 max-width: calc(100% - 600px);
288 min-width: 320px;
289 background: #ffffff;
290 font-size: 120%;
291 font: normal 18px 'got-medium', sans-serif;
292 text-align: center;
293 line-height: 125%;
294 }
295}
296
297.own-caixaImatgesIndex{
298 margin-top: 50px;
299 width: 100%;
300 text-align: center;
301 padding-bottom: 100px;
302 font: normal 18px 'got-medium', sans-serif;
303}
304.own-caixaImatgeIndex{
305 display: inline-block;
306 margin: 2%;
307}
308.own-imatgeIndex{
309 /*display: inline-block;*/
310 width: 210px;
311}
312
313
314.own-caixaImatgeIndex .own-textHoverImage{
315 position: absolute;
316 visibility: hidden;
317 text-decoration: none;
318 /*display: inherit;*/
319 z-index: 1px;
320 background: rgba(200, 81, 39, 0.4);
321 color: #ffffff;
322 font-weight: bold;
323 font-size: 24px;
324 padding-top: 90px;
325 /*padding-left: 100px;*/
326 width: 210px;
327 height: 210px;
328}
329
330.own-caixaImatgeIndex:hover .own-textHoverImage{
331 visibility:visible;
332}
333
334
335
336
337
338
339/* nosaltres apanyu */
340.own-caixaImatgesNosaltres{
341 margin-top: 50px;
342 width: 100%;
343 text-align: center;
344 padding-bottom: 100px;
345 font: normal 18px 'got-medium', sans-serif;
346}
347.own-caixaImatgeNosaltres{
348 display: inline-block;
349 margin: 2%;
350}
351.own-imatgeNosaltres{
352 /*display: inline-block;*/
353 width: 170px;
354}
355.own-caixaImatgeNosaltres .own-textHoverImage{
356 position: absolute;
357 visibility: hidden;
358 text-decoration: none;
359 /*display: inherit;*/
360 z-index: 1px;
361 background: rgba(200, 81, 39, 0.4);
362 color: #ffffff;
363 font-weight: bold;
364 font-size: 24px;
365 padding-top: 80px;
366 /*padding-left: 100px;*/
367 width: 170px;
368 height: 170px;
369}
370
371.own-caixaImatgeNosaltres:hover .own-textHoverImage{
372 visibility:visible;
373}
374/* fi nosaltres apanyu */
375
376/* /index */
377
378
379/* footer */
380.own-footer{
381 width: 100%;
382 text-align: center;
383 background: #262626;
384 height: 250px;
385 padding-top: 20px;
386 padding: 2%;
387 height: auto;
388 font: normal 16px 'got-medium', sans-serif;
389}
390.own-footer h4{
391 color: #ffffff;
392}
393.own-footer a:link {
394 color: #C85127;
395 text-decoration: none;
396 display: block;
397 margin-bottom: 20px;
398}
399.own-footer a:visited {
400 color: #C85127;
401}
402.own-footer a:hover {
403 color: #dd7955;
404}
405.own-caixaFooter{
406 display: inline-block;
407 width: 250px;
408 vertical-align: top;
409 text-align: left;
410 margin-left: 50px;
411}
412/* /footer */
413
414
415
416/* projecte, bakur, agenda */
417.own-lang{
418 text-align: right;
419 /*margin-right: 50px;*/
420 display: block;
421}
422.own-lang a:link{
423 text-decoration: none;
424 color: #000000;
425 /*font-weight: bold;*/
426 display: inline-block;
427 margin: 10px;
428}
429.own-lang a:visited{
430 color: #000000;
431}
432.own-bold{
433 font-weight: bold;
434}
435@media (min-width:555px) {
436 .own-menuButtons{
437 float: right;
438 font: normal 18px 'got-black', sans-serif;
439
440 -webkit-transition: all 0.5s; /* Safari */
441 transition: all 0.5s;
442 }
443 .own-menuButtons a:link{
444 text-decoration: none;
445 color: #000000;
446 font-weight: bold;
447 display: inline-block;
448 margin: 10px;
449 font-size: 20px;
450 padding-bottom: 5px;
451 }
452 .own-menuButtons a:visited{
453 color: #000000;
454 }
455 .own-menuButtons a:hover{
456 color: #C85127;
457 }
458
459 .own-showMenuButton{
460 display: none;
461 }
462}
463@media (max-width:555px) {
464 .own-menuButtons{
465 /*float: right;*/
466 text-align: center;
467 font: normal 18px 'got-black', sans-serif;
468 display: none;
469
470 -webkit-transition: all 0.5s; /* Safari */
471 transition: all 0.5s;
472 }
473 .own-menuButtons a:link{
474 text-decoration: none;
475 color: #000000;
476 font-weight: bold;
477 display: block;
478 margin: 10px;
479 font-size: 20px;
480 padding-bottom: 5px;
481 }
482 .own-menuButtons a:visited{
483 color: #000000;
484 }
485 .own-menuButtons a:hover{
486 color: #C85127;
487 }
488
489 .own-showMenuButton{
490 display: inline-block;
491 cursor: pointer;
492 float: right;
493 margin-right: 20px;
494 margin-top: 20px;
495 font-weight: bold;
496
497 padding: 10px;
498 border: 1px solid #000000;
499 }
500}
501.own-displayShowBlock{
502 display: block!important;
503}
504
505.own-currentPageMenu{
506 color: #C85127!important;
507 border-bottom: 3px solid #C85127;
508 padding-left: 7px;
509 padding-right: 7px;
510}
511.own-imgHeader{
512 width: 100%;
513 margin-top: 50px;
514 margin-bottom: 30px;
515
516 position: absolute;
517 left: 0px;
518}
519.own-nosaltresContent{
520 width: 100%;
521 text-align: center;
522}
523@media (min-width:990px) {
524 .own-linksLeft{
525 display: inline-block;
526 vertical-align: top;
527 margin-top: 20px;
528 margin-right: 40px;
529 margin-bottom: 40px;
530 max-width: 100px;
531 font: normal 18px 'got-medium', sans-serif;
532 }
533 .own-linksLeft a:link{
534 text-decoration: none;
535 color: #000000;
536 font-weight: bold;
537 display: block;
538 margin: 10px;
539 margin-bottom: 30px;
540 text-align: center;
541 /*border-top: 1px solid #000000;*/
542 padding-top: 20px;
543 width: 120px;
544 }
545 .own-linksLeft a:visited{
546 color: #000000;
547 }
548 .own-linksLeft a:hover{
549 color: #C85127;
550 }
551}
552@media (max-width:990px) {
553 .own-linksLeft{
554 display: inline-block;
555 vertical-align: top;
556 margin-top: 20px;
557 margin-right: 40px;
558 margin-bottom: 40px;
559 /*max-width: 100px;*/
560 font: normal 18px 'got-medium', sans-serif;
561 }
562 .own-linksLeft a:link{
563 text-decoration: none;
564 color: #000000;
565 font-weight: bold;
566 display: inline-block;
567 margin: 10px;
568 margin-bottom: 30px;
569 text-align: center;
570 /*border-top: 1px solid #000000;*/
571 padding-top: 20px;
572 width: 120px;
573 }
574 .own-linksLeft a:visited{
575 color: #000000;
576 }
577 .own-linksLeft a:hover{
578 color: #C85127;
579 }
580}
581
582.own-hr{
583 border: 1px solid #000000;
584}
585
586.own-orange{
587 color: #C85127!important;
588}
589.own-projecteText{
590 display: inline-block;
591 max-width: 600px;
592 text-align: left;
593 vertical-align: top;
594 padding: 10px;
595 padding-bottom: 40px;
596 line-height: 120%;
597}
598.own-projecteText h3{
599 font: normal 25px 'got-medium', sans-serif;
600}
601
602
603.own-desplegableAmagat{
604 display: none;
605
606}
607.own-desplegable{
608 display: block;
609 z-index: 1;
610 position: absolute;
611 background: #C85127;
612 max-width: 600px;
613 margin-left: 18%;
614 padding: 30px;
615}
616
617.own-rightBox{
618 display: inline-block;
619 vertical-align: top;
620 margin-top: 30px;
621 text-align: left;
622}
623.own-rightBox a:link{
624 text-decoration: none;
625 color: #000000;
626 font-weight: bold;
627 display: block;
628 margin: 10px;
629 margin-bottom: 20px;
630}
631.own-rightBox a:visited{
632 color: #000000;
633}
634.own-rightBox a:hover{
635 color: #C85127;
636}
637
638@media (max-width:1200px) {
639 .own-textBoxLeft{
640 display: inline-block;
641 vertical-align: top;
642 margin-top: 20px;
643 margin-right: 20px;
644 margin-bottom: 40px;
645 max-width: 600px;
646 text-align: left;
647 font-weight: bold;
648 font: normal 18px 'got-medium', sans-serif;
649 line-height: 115%;
650 }
651}
652@media (min-width:1200px) {
653 .own-textBoxLeft{ /*a pantalla gran, barra lateral left*/
654 display: inline-block;
655 vertical-align: top;
656 margin-right: 10px;
657 margin-bottom: 40px;
658 max-width: 200px;
659 text-align: left;
660 font-weight: bold;
661 font-size: 22px;
662 font: normal 22px 'got-medium', sans-serif;
663 line-height: 115%;
664 }
665}
666
667.own-nosaltresCenterRight{
668 display: inline-block;
669 max-width: 800px;
670 text-align: left;
671 vertical-align: top;
672}
673.own-imgTopText{
674 width: 100%;
675 margin-bottom: 30px;
676}
677
678.own-nosaltresTitle{
679 /*font-size: 45px;*/
680 font-weight: bold;
681 padding-left: 7%;
682 text-align: left;
683 margin-top: 30px;
684 margin-bottom: 30px;
685 font: normal 55px 'got-black', sans-serif;
686}
687.own-nosaltresText{
688 display: inline-block;
689 max-width: 600px;
690 text-align: left;
691 vertical-align: top;
692 padding-bottom: 40px;
693 line-height: 120%;
694}
695
696.own-inlineBlock{
697 display: inline-block!important;
698}
699
700
701.own-agendaData{
702 font-weight: bold;
703 color: #C85127;
704}
705.own-agendaTitol{
706 font-weight: bold;
707}
708.own-agendaContent{
709 font-style: italic;
710}
711
712.own-tableRed{
713 background: #ECB7A9;
714 border: 0px solid #ffffff;
715}
716.own-projecteContent{
717 width: 100%;
718 text-align: center;
719 padding-bottom: 30px;
720 margin-top: 30%;
721}
722.own-contacteContent{
723 width: 100%;
724 text-align: center;
725 padding-bottom: 30px;
726}
727.own-contacteTitle{
728 /*font-size: 45px;*/
729 font-weight: bold;
730 padding-left: 7%;
731 text-align: left;
732 top: 0px;
733 margin-top: 30px;
734 margin-bottom: 30px;
735 font: normal 55px 'got-black', sans-serif;
736}
737.own-contacteText{
738 display: inline-block;
739 max-width: 600px;
740 text-align: left;
741 vertical-align: top;
742 padding-bottom: 40px;
743 line-height: 180%!important;
744 font: normal 16px 'got-medium', sans-serif;
745}
746.own-contacteImage{
747 /*float: left;*/
748 display: inline-block;
749 max-width: 400px;
750 margin-right: 40px;
751 margin-bottom: 30px;
752}