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