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/GothaXLig.otf');
44 src:
45 local('got'),
46 local('got'),
47 url('tipos/got/GothaXLig.otf')
48 format('opentype');
49}
50@font-face {
51 font-family: 'got-black';
52 src: url('tipos/got/GothaBla.otf');
53 src:
54 local('got'),
55 local('got'),
56 url('tipos/got/GothaBla.otf')
57 format('opentype');
58}
59@font-face {
60 font-family: 'got-medium';
61 src: url('tipos/got/GothaMed.otf');
62 src:
63 local('got'),
64 local('got'),
65 url('tipos/got/GothaMed.otf')
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@media (min-width:900px) {
154 .own-menu{
155 display: block;
156 margin-top: -25px;
157 }
158}
159@media (max-width:900px) {
160 .own-menu{
161 display: block;
162 }
163}
164.own-menuFixed{
165 /*display: block;*/
166 position: fixed;
167 background: rgba(255,255,255, 1);
168 width: 100%;
169 top: 0px;
170 left: 0px;
171 z-index: 10px;
172}
173@media (min-width:900px) {
174 .own-overImage-logo{
175 margin-left: 80px;
176 width: 200px;
177 transition: all 0.5s;
178
179 }
180 .own-overImage-logo_index{
181 margin-left: 0px;
182
183 }
184}
185@media (max-width:900px) {
186 .own-overImage-logo{
187 /*margin-left: 80px;*/
188 width: 200px;
189 transition: all 1s;
190
191 }
192}
193.own-overImage-logo-small{
194 width: 100px!important;
195 transition: all 0.5s;
196}
197
198.own-whiteRecuadre{
199 border: 1px solid #ffffff!important
200}
201.own-whiteText{
202 color: #ffffff!important;;
203}
204.own-whiteText a:link{
205 color: #ffffff!important;
206}
207.own-whiteText a:visited{
208 color: #ffffff!important;
209}
210.own-whiteText a:hover{
211 color: #C85127!important;
212}
213/*.own-menuButtonsIndex{
214 float: right;
215 margin-right: 50px;
216}
217.own-menuButtonsIndex a:link{
218 text-decoration: none;
219 color: #ffffff;
220 font-weight: bold;
221 display: inline-block;
222 margin: 10px;
223}
224.own-menuButtonsIndex a:visited{
225 color: #ffffff;
226}
227.own-menuButtonsIndex a:hover{
228 color: #C85127;
229}*/
230
231
232
233
234.own-mainTitleBox{
235 left: 0;
236 margin-top: 10%;
237 width: 100%;
238 text-align: center;
239 font-family: jauria;
240}
241@media (min-width:460px) {
242 .own-mainTitle{
243 color: #ffffff;
244 background: rgba(200, 81, 39, 1);
245 font-size: 70px;
246 max-width: 500px;
247 margin-left: auto; /*temporal*/
248 margin-right: auto;
249 font-family: 'jauria-bold', sans-serif;
250 }
251}
252@media (max-width:460px) {
253 .own-mainTitle{
254 color: #ffffff;
255 background: rgba(200, 81, 39, 0.4);
256 font-size: 70px;
257 max-width: 500px;
258 margin-left: auto; /*temporal*/
259 margin-right: auto;
260 font-family: 'jauria-bold', sans-serif;
261 }
262}
263.own-subTitle{
264 color: #ffffff;
265 font-size: 30px;
266 font-family: 'jauria-cursiva', sans-serif;
267 margin-top: 8px;
268}
269.own-verkami{
270 /*border: 1px solid #000000;*/
271 margin-top: 20px;
272 cursor: pointer;
273}
274.own-socialNetworks{
275 /*margin-left: 2%;*/
276 margin-top: 15%;
277 display: inline-block;
278}
279.own-socialNetwork{
280 display: inline-block;
281 height: 20px;
282 margin-right: 5px;
283 cursor: pointer;
284}
285.own-socialNetwork-facebookMargin{
286 margin-right: 10px;
287}
288.own-teaser{
289 float: right;
290 /*margin-right: 100px;*/
291 margin-top: calc(15% - 10px);
292 color: #ffffff;
293 font-weight: bold;
294 font-size: 18px;
295 cursor: pointer;
296}
297.own-teaser a:link{
298 color: #ffffff!important;
299}
300.own-teaser a:visited{
301 color: #ffffff!important;
302}
303.own-teaser a:hover{
304 color: #ffffff!important;
305}
306
307.temp-marge1{
308 display: inline-block;
309 margin-top: 10%;
310}
311.own-whiteOverImage{
312 background: #ffffff;
313 padding-top: 10px;
314
315}
316@media (max-width:1080px) {
317 .own-caixaDescripcioIndex{
318 margin-top: 50px;
319 margin-left:auto;
320 margin-right:auto;
321 max-width: calc(100% - 100px);
322 min-width: 320px;
323 background: #ffffff;
324 font-size: 120%;
325 font: normal 18px 'got-medium', sans-serif;
326 text-align: center;
327 line-height: 125%;
328 }
329}
330@media (min-width:1080px) {
331 .own-caixaDescripcioIndex{
332 margin-top: 50px;
333 margin-left:auto;
334 margin-right:auto;
335 max-width: calc(100% - 600px);
336 min-width: 320px;
337 background: #ffffff;
338 font-size: 120%;
339 font: normal 18px 'got-medium', sans-serif;
340 text-align: center;
341 line-height: 125%;
342 }
343}
344
345.own-caixaImatgesIndex{
346 margin-top: 50px;
347 width: 100%;
348 text-align: center;
349 padding-bottom: 100px;
350 font: normal 18px 'got-medium', sans-serif;
351}
352.own-caixaImatgeIndex{
353 display: inline-block;
354 margin: 2%;
355}
356.own-imatgeIndex{
357 /*display: inline-block;*/
358 width: 210px;
359}
360
361
362.own-caixaImatgeIndex .own-textHoverImage{
363 position: absolute;
364 /*visibility: hidden;*/
365 text-decoration: none;
366 z-index: 1px;
367 background: rgba(200, 81, 39, 0.3);
368 color: #ffffff;
369 font-weight: bold;
370 font-size: 24px;
371 padding-top: 90px;
372 width: 210px;
373 height: 210px;
374}
375
376.own-caixaImatgeIndex:hover .own-textHoverImage{
377 visibility:visible;
378 background: rgba(200, 81, 39, 0.0);
379}
380
381
382
383
384
385
386/* nosaltres apanyu */
387.own-caixaImatgesNosaltres{
388 margin-top: 50px;
389 width: 100%;
390 text-align: center;
391 padding-bottom: 100px;
392 font: normal 18px 'got-medium', sans-serif;
393}
394.own-caixaImatgeNosaltres{
395 display: inline-block;
396 margin: 2%;
397}
398.own-imatgeNosaltres{
399 /*display: inline-block;*/
400 width: 170px;
401}
402.own-caixaImatgeNosaltres .own-textHoverImage{
403 position: absolute;
404 visibility: hidden;
405 text-decoration: none;
406 /*display: inherit;*/
407 z-index: 1px;
408 background: rgba(200, 81, 39, 0.4);
409 color: #ffffff;
410 font-weight: bold;
411 font-size: 24px;
412 padding-top: 80px;
413 /*padding-left: 100px;*/
414 width: 170px;
415 height: 170px;
416}
417
418.own-caixaImatgeNosaltres:hover .own-textHoverImage{
419 visibility:visible;
420}
421/* fi nosaltres apanyu */
422
423/* /index */
424
425
426/* footer */
427.own-footer{
428 width: 100%;
429 text-align: center;
430 background: #262626;
431 height: 250px;
432 padding-top: 20px;
433 padding: 2%;
434 height: auto;
435 font: normal 16px 'got-medium', sans-serif;
436}
437.own-footer h4{
438 color: #ffffff;
439}
440.own-footer a:link {
441 color: #C85127;
442 text-decoration: none;
443 display: block;
444 margin-bottom: 20px;
445}
446.own-footer a:visited {
447 color: #C85127;
448}
449.own-footer a:hover {
450 color: #dd7955;
451}
452.own-caixaFooter{
453 display: inline-block;
454 width: 300px;
455 vertical-align: top;
456 text-align: left;
457 margin-left: 50px;
458}
459/* /footer */
460
461
462
463/* projecte, bakur, agenda */
464@media (min-width:900px) {
465 .own-lang{
466 text-align: right;
467 margin-right: 80px;
468 display: block;
469 margin-top: 20px;
470 }
471 .own-lang_marginIndex{
472 margin-right:0px;
473 }
474}
475@media (max-width:900px) {
476 .own-lang{
477 text-align: right;
478 /*margin-right: 50px;*/
479 display: block;
480 }
481}
482
483.own-lang a:link{
484 text-decoration: none;
485 color: #000000;
486 /*font-weight: bold;*/
487 display: inline-block;
488 margin: 10px;
489}
490.own-lang a:visited{
491 color: #000000;
492}
493.own-bold{
494 font-weight: bold;
495}
496.own-menuButtons-small{
497 margin-top: 0px!important;
498}
499
500@media (min-width:555px) {
501 .own-menuButtons{
502 float: right;
503 font: normal 18px 'got-black', sans-serif;
504
505 -webkit-transition: all 0.5s; /* Safari */
506 transition: all 0.5s;
507 margin-top: 20px;
508 margin-right: 80px;
509 }
510 .own-menuButtons_Index{
511 margin-right: 0px;
512 }
513 .own-menuButtons a:link{
514 text-decoration: none;
515 color: #000000;
516 font-weight: bold;
517 display: inline-block;
518 margin: 10px;
519 font-size: 20px;
520 padding-bottom: 5px;
521 }
522 .own-menuButtons a:visited{
523 color: #000000;
524 }
525 .own-menuButtons a:hover{
526 color: #C85127;
527 }
528
529 .own-showMenuButton{
530 display: none;
531 }
532}
533@media (max-width:555px) {
534 .own-menuButtons{
535 /*float: right;*/
536 text-align: center;
537 font: normal 18px 'got-black', sans-serif;
538 display: none;
539
540 -webkit-transition: all 0.5s; /* Safari */
541 transition: all 0.5s;
542 }
543 .own-menuButtons a:link{
544 text-decoration: none;
545 color: #000000;
546 font-weight: bold;
547 display: block;
548 margin: 10px;
549 font-size: 20px;
550 padding-bottom: 5px;
551 }
552 .own-menuButtons a:visited{
553 color: #000000;
554 }
555 .own-menuButtons a:hover{
556 color: #C85127;
557 }
558
559 .own-showMenuButton{
560 display: inline-block;
561 cursor: pointer;
562 float: right;
563 margin-right: 20px;
564 margin-top: 3px;
565 font-weight: bold;
566
567 padding: 8px;
568 border: 1px solid #000000;
569 }
570}
571.own-displayShowBlock{
572 display: block!important;
573}
574
575.own-currentPageMenu{
576 color: #C85127!important;
577 border-bottom: 3px solid #C85127;
578 padding-left: 7px;
579 padding-right: 7px;
580}
581.own-imgHeader{
582 width: 100%;
583 margin-top: 50px;
584 margin-bottom: 30px;
585
586 position: absolute;
587 left: 0px;
588 z-index:-1;
589}
590.own-nosaltresContent{
591 width: 100%;
592 text-align: center;
593}
594@media (min-width:990px) {
595 .own-linksLeft{
596 display: inline-block;
597 vertical-align: top;
598 margin-top: 20px;
599 margin-right: 80px;
600 margin-bottom: 40px;
601 max-width: 100px;
602 font: normal 18px 'got-medium', sans-serif;
603 }
604 .own-linksLeft a:link{
605 text-decoration: none;
606 color: #000000;
607 font-weight: bold;
608 display: block;
609 margin: 10px;
610 margin-bottom: 30px;
611 text-align: center;
612 /*border-top: 1px solid #000000;*/
613 padding-top: 20px;
614 width: 120px;
615 }
616 .own-linksLeft a:visited{
617 color: #000000;
618 }
619 .own-linksLeft a:hover{
620 color: #C85127;
621 }
622}
623@media (max-width:990px) {
624 .own-linksLeft{
625 display: inline-block;
626 vertical-align: top;
627 margin-top: 20px;
628 margin-right: 40px;
629 margin-bottom: 40px;
630 /*max-width: 100px;*/
631 font: normal 18px 'got-medium', sans-serif;
632 }
633 .own-linksLeft a:link{
634 text-decoration: none;
635 color: #000000;
636 font-weight: bold;
637 display: inline-block;
638 margin: 10px;
639 margin-bottom: 30px;
640 text-align: center;
641 /*border-top: 1px solid #000000;*/
642 padding-top: 20px;
643 width: 120px;
644 }
645 .own-linksLeft a:visited{
646 color: #000000;
647 }
648 .own-linksLeft a:hover{
649 color: #C85127;
650 }
651}
652table, th, td {
653 border-top: 1px solid black;
654 border-bottom: 1px solid black;
655}
656
657.own-hr{
658 border: 1px solid #000000;
659}
660
661.own-orange{
662 color: #C85127!important;
663}
664.own-projecteText{
665 display: inline-block;
666 max-width: 600px;
667 text-align: left;
668 vertical-align: top;
669 padding: 10px;
670 padding-bottom: 40px;
671 line-height: 120%;
672}
673.own-projecteText h3{
674 font: normal 25px 'got-medium', sans-serif;
675}
676
677
678.own-desplegableAmagat{
679 display: none;
680
681}
682.own-desplegable{
683 display: block;
684 z-index: 1;
685 position: absolute;
686 background: #C85127;
687 max-width: 600px;
688 margin-left: 18%;
689 padding: 30px;
690}
691
692.own-rightBox{
693 display: inline-block;
694 vertical-align: top;
695 margin-top: 30px;
696 text-align: left;
697}
698.own-rightBox a:link{
699 text-decoration: none;
700 color: #000000;
701 font-weight: bold;
702 display: block;
703 margin: 10px;
704 margin-bottom: 20px;
705}
706.own-rightBox a:visited{
707 color: #000000;
708}
709.own-rightBox a:hover{
710 color: #C85127;
711}
712
713@media (max-width:1200px) {
714 .own-textBoxLeft{
715 display: inline-block;
716 vertical-align: top;
717 margin-top: 20px;
718 margin-right: 20px;
719 margin-bottom: 40px;
720 max-width: 600px;
721 text-align: left;
722 font-weight: bold;
723 font: normal 18px 'got-medium', sans-serif;
724 line-height: 115%;
725 }
726}
727@media (min-width:1200px) {
728 .own-textBoxLeft{ /*a pantalla gran, barra lateral left*/
729 display: inline-block;
730 vertical-align: top;
731 margin-right: 10px;
732 margin-bottom: 40px;
733 max-width: 200px;
734 text-align: left;
735 font-weight: bold;
736 font-size: 22px;
737 font: normal 22px 'got-medium', sans-serif;
738 line-height: 115%;
739 }
740}
741
742.own-nosaltresCenterRight{
743 display: inline-block;
744 max-width: 800px;
745 text-align: left;
746 vertical-align: top;
747}
748.own-imgTopText{
749 width: 100%;
750 margin-bottom: 30px;
751}
752
753.own-nosaltresTitle{
754 /*font-size: 45px;*/
755 font-weight: bold;
756 padding-left: 5.3%;
757 text-align: left;
758 margin-top: 30px;
759 margin-bottom: 30px;
760 font: normal 55px 'got-black', sans-serif;
761}
762.own-nosaltresText{
763 display: inline-block;
764 max-width: 600px;
765 text-align: left;
766 vertical-align: top;
767 padding-bottom: 40px;
768 line-height: 120%;
769}
770
771.own-inlineBlock{
772 display: inline-block!important;
773}
774
775
776.own-agendaData{
777 font-weight: bold;
778 color: #C85127;
779}
780.own-agendaTitol{
781 font-weight: bold;
782}
783.own-agendaContent{
784 font-style: italic;
785}
786
787.own-tableRed{
788 background: #ECB7A9;
789 border: 0px solid #ffffff;
790}
791.own-projecteContent{
792 width: 100%;
793 text-align: center;
794 padding-bottom: 30px;
795 margin-top: 30%;
796}
797.own-contacteContent{
798 width: 100%;
799 text-align: center;
800 padding-bottom: 30px;
801}
802.own-contacteTitle{
803 /*font-size: 45px;*/
804 font-weight: bold;
805 padding-left: 7%;
806 text-align: left;
807 top: 0px;
808 margin-top: 30px;
809 margin-bottom: 30px;
810 font: normal 55px 'got-black', sans-serif;
811}
812.own-contacteText{
813 display: inline-block;
814 max-width: 600px;
815 text-align: left;
816 vertical-align: top;
817 padding-bottom: 40px;
818 line-height: 180%!important;
819 font: normal 16px 'got-medium', sans-serif;
820}
821.own-contacteImage{
822 /*float: left;*/
823 display: inline-block;
824 max-width: 400px;
825 margin-right: 40px;
826 margin-bottom: 30px;
827}
828
829.own-maxWidth250px{
830 max-width: 250px;
831}
832
833.own-anulaPanel{
834 border: 0px solid #ffffff!important;
835 font-size: 16px!important;
836 max-width: 250px!important;
837}
838.own-invisible{
839 visibility: hidden;
840}