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 cursor: pointer;
226}
227
228.temp-marge1{
229 display: inline-block;
230 margin-top: 10%;
231}
232.own-whiteOverImage{
233 background: #ffffff;
234 padding-top: 10px;
235
236}
237@media (max-width:1080px) {
238 .own-caixaDescripcioIndex{
239 margin-top: 50px;
240 margin-left:auto;
241 margin-right:auto;
242 max-width: calc(100% - 300px);
243 min-width: 320px;
244 background: #ffffff;
245 font-size: 18px;
246 font: normal 18px 'got-medium', sans-serif;
247 }
248}
249@media (min-width:1080px) {
250 .own-caixaDescripcioIndex{
251 margin-top: 50px;
252 margin-left:auto;
253 margin-right:auto;
254 max-width: calc(100% - 700px);
255 min-width: 320px;
256 background: #ffffff;
257 font-size: 18px;
258 font: normal 18px 'got-medium', sans-serif;
259 }
260}
261
262.own-caixaImatgesIndex{
263 margin-top: 50px;
264 width: 100%;
265 text-align: center;
266 padding-bottom: 100px;
267 font: normal 18px 'got-medium', sans-serif;
268}
269.own-caixaImatgeIndex{
270 display: inline-block;
271 margin: 2%;
272}
273.own-imatgeIndex{
274 /*display: inline-block;*/
275 width: 210px;
276}
277
278
279.own-caixaImatgeIndex .own-textHoverImage{
280 position: absolute;
281 visibility: hidden;
282 text-decoration: none;
283 /*display: inherit;*/
284 z-index: 1px;
285 background: rgba(200, 81, 39, 0.4);
286 color: #ffffff;
287 font-weight: bold;
288 font-size: 24px;
289 padding-top: 90px;
290 /*padding-left: 100px;*/
291 width: 210px;
292 height: 210px;
293}
294
295.own-caixaImatgeIndex:hover .own-textHoverImage{
296 visibility:visible;
297}
298
299
300
301
302
303
304/* nosaltres apanyu */
305.own-caixaImatgesNosaltres{
306 margin-top: 50px;
307 width: 100%;
308 text-align: center;
309 padding-bottom: 100px;
310 font: normal 18px 'got-medium', sans-serif;
311}
312.own-caixaImatgeNosaltres{
313 display: inline-block;
314 margin: 2%;
315}
316.own-imatgeNosaltres{
317 /*display: inline-block;*/
318 width: 170px;
319}
320.own-caixaImatgeNosaltres .own-textHoverImage{
321 position: absolute;
322 visibility: hidden;
323 text-decoration: none;
324 /*display: inherit;*/
325 z-index: 1px;
326 background: rgba(200, 81, 39, 0.4);
327 color: #ffffff;
328 font-weight: bold;
329 font-size: 24px;
330 padding-top: 80px;
331 /*padding-left: 100px;*/
332 width: 170px;
333 height: 170px;
334}
335
336.own-caixaImatgeNosaltres:hover .own-textHoverImage{
337 visibility:visible;
338}
339/* fi nosaltres apanyu */
340
341/* /index */
342
343
344/* footer */
345.own-footer{
346 width: 100%;
347 text-align: center;
348 background: #262626;
349 height: 250px;
350 padding-top: 20px;
351 padding: 2%;
352 height: auto;
353 font: normal 16px 'got-medium', sans-serif;
354}
355.own-footer h3{
356 color: #ffffff;
357}
358.own-footer a:link {
359 color: #C85127;
360 text-decoration: none;
361 display: block;
362 margin-bottom: 20px;
363}
364.own-footer a:visited {
365 color: #C85127;
366}
367.own-footer a:hover {
368 color: #dd7955;
369}
370.own-caixaFooter{
371 display: inline-block;
372 width: 250px;
373 vertical-align: top;
374 text-align: left;
375 margin-left: 50px;
376}
377/* /footer */
378
379
380
381/* projecte, bakur, agenda */
382.own-lang{
383 text-align: right;
384 /*margin-right: 50px;*/
385 display: block;
386}
387.own-lang a:link{
388 text-decoration: none;
389 color: #000000;
390 /*font-weight: bold;*/
391 display: inline-block;
392 margin: 10px;
393}
394.own-lang a:visited{
395 color: #000000;
396}
397.own-bold{
398 font-weight: bold;
399}
400
401.own-menuButtons{
402 float: right;
403 /*margin-right: 50px;*/
404 font: normal 18px 'got-black', sans-serif;
405}
406.own-menuButtons a:link{
407 text-decoration: none;
408 color: #000000;
409 font-weight: bold;
410 display: inline-block;
411 margin: 10px;
412 font-size: 20px;
413}
414.own-menuButtons a:visited{
415 color: #000000;
416}
417.own-menuButtons a:hover{
418 color: #C85127;
419}
420.own-currentPageMenu{
421 color: #C85127!important;
422 border-bottom: 3px solid #C85127;
423 padding-left: 7px;
424 padding-right: 7px;
425}
426.own-imgHeader{
427 width: 100%;
428 margin-top: 50px;
429 margin-bottom: 30px;
430}
431.own-nosaltresContent{
432 width: 100%;
433 text-align: center;
434}
435.own-linksLeft{
436 display: inline-block;
437 vertical-align: top;
438 margin-top: 20px;
439 margin-right: 40px;
440 margin-bottom: 40px;
441 max-width: 100px;
442 font: normal 18px 'got-medium', sans-serif;
443}
444.own-linksLeft a:link{
445 text-decoration: none;
446 color: #000000;
447 font-weight: bold;
448 display: block;
449 margin: 10px;
450 margin-bottom: 30px;
451 text-align: center;
452 border-top: 1px solid #000000;
453 padding-top: 20px;
454 width: 120px;
455}
456.own-linksLeft a:visited{
457 color: #000000;
458}
459.own-linksLeft a:hover{
460 color: #C85127;
461}
462.own-orange{
463 color: #C85127!important;
464}
465.own-projecteText{
466 display: inline-block;
467 max-width: 600px;
468 text-align: left;
469 vertical-align: top;
470 padding: 10px;
471 padding-bottom: 40px;
472}
473.own-projecteText h3{
474 font: normal 25px 'got-medium', sans-serif;
475}
476
477
478.own-desplegableAmagat{
479 display: none;
480
481}
482.own-desplegable{
483 display: block;
484 z-index: 1;
485 position: absolute;
486 background: #C85127;
487 max-width: 600px;
488 margin-left: 18%;
489 padding: 30px;
490}
491
492.own-rightBox{
493 display: inline-block;
494 vertical-align: top;
495 margin-top: 30px;
496 text-align: left;
497}
498.own-rightBox a:link{
499 text-decoration: none;
500 color: #000000;
501 font-weight: bold;
502 display: block;
503 margin: 10px;
504 margin-bottom: 20px;
505}
506.own-rightBox a:visited{
507 color: #000000;
508}
509.own-rightBox a:hover{
510 color: #C85127;
511}
512
513@media (max-width:1200px) {
514 .own-textBoxLeft{
515 display: inline-block;
516 vertical-align: top;
517 margin-top: 20px;
518 margin-right: 20px;
519 margin-bottom: 40px;
520 max-width: 600px;
521 text-align: left;
522 font-weight: bold;
523 font: normal 22px 'got-medium', sans-serif;
524 }
525}
526@media (min-width:1200px) {
527 .own-textBoxLeft{ /*a pantalla gran, barra lateral left*/
528 display: inline-block;
529 vertical-align: top;
530 margin-right: 10px;
531 margin-bottom: 40px;
532 max-width: 200px;
533 text-align: left;
534 font-weight: bold;
535 font-size: 22px;
536 font: normal 22px 'got-medium', sans-serif;
537 }
538}
539
540.own-nosaltresCenterRight{
541 display: inline-block;
542 max-width: 800px;
543 text-align: left;
544 vertical-align: top;
545}
546.own-imgTopText{
547 width: 100%;
548 margin-bottom: 30px;
549}
550
551.own-nosaltresTitle{
552 /*font-size: 45px;*/
553 font-weight: bold;
554 padding-left: 7%;
555 text-align: left;
556 margin-top: 30px;
557 margin-bottom: 30px;
558 font: normal 55px 'got-black', sans-serif;
559}
560.own-nosaltresText{
561 display: inline-block;
562 max-width: 600px;
563 text-align: left;
564 vertical-align: top;
565 padding-bottom: 40px;
566}
567
568.own-inlineBlock{
569 display: inline-block!important;
570}