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