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
276 width: 210px;
277}
278.own-caixaImatgeIndex .own-textHoverImage{
279 position: absolute;
280 visibility: hidden;
281 text-decoration: none;
282 /*display: inherit;*/
283 z-index: 1px;
284 background: rgba(200, 81, 39, 0.4);
285 color: #ffffff;
286 font-weight: bold;
287 font-size: 24px;
288 padding-top: 90px;
289 /*padding-left: 100px;*/
290 width: 210px;
291 height: 210px;
292}
293
294.own-caixaImatgeIndex:hover .own-textHoverImage{
295 visibility:visible;
296}
297/* /index */
298
299
300/* footer */
301.own-footer{
302 width: 100%;
303 text-align: center;
304 background: #262626;
305 height: 250px;
306 padding-top: 20px;
307 padding: 2%;
308 height: auto;
309 font: normal 16px 'got-medium', sans-serif;
310}
311.own-footer h3{
312 color: #ffffff;
313}
314.own-footer a:link {
315 color: #C85127;
316 text-decoration: none;
317 display: block;
318 margin-bottom: 20px;
319}
320.own-footer a:visited {
321 color: #C85127;
322}
323.own-footer a:hover {
324 color: #dd7955;
325}
326.own-caixaFooter{
327 display: inline-block;
328 width: 250px;
329 vertical-align: top;
330 text-align: left;
331 margin-left: 50px;
332}
333/* /footer */
334
335
336
337/* projecte, bakur, agenda */
338.own-lang{
339 text-align: right;
340 /*margin-right: 50px;*/
341 display: block;
342}
343.own-lang a:link{
344 text-decoration: none;
345 color: #000000;
346 /*font-weight: bold;*/
347 display: inline-block;
348 margin: 10px;
349}
350.own-lang a:visited{
351 color: #000000;
352}
353.own-bold{
354 font-weight: bold;
355}
356
357.own-menuButtons{
358 float: right;
359 /*margin-right: 50px;*/
360 font: normal 18px 'got-black', sans-serif;
361}
362.own-menuButtons a:link{
363 text-decoration: none;
364 color: #000000;
365 font-weight: bold;
366 display: inline-block;
367 margin: 10px;
368 font-size: 20px;
369}
370.own-menuButtons a:visited{
371 color: #000000;
372}
373.own-menuButtons a:hover{
374 color: #C85127;
375}
376.own-currentPageMenu{
377 color: #C85127!important;
378 border-bottom: 3px solid #C85127;
379 padding-left: 7px;
380 padding-right: 7px;
381}
382.own-imgHeader{
383 width: 100%;
384 margin-top: 50px;
385 margin-bottom: 30px;
386}
387.own-nosaltresContent{
388 width: 100%;
389 text-align: center;
390}
391.own-linksLeft{
392 display: inline-block;
393 vertical-align: top;
394 margin-top: 20px;
395 margin-right: 40px;
396 margin-bottom: 40px;
397 max-width: 100px;
398 font: normal 18px 'got-medium', sans-serif;
399}
400.own-linksLeft a:link{
401 text-decoration: none;
402 color: #000000;
403 font-weight: bold;
404 display: block;
405 margin: 10px;
406 margin-bottom: 30px;
407 text-align: center;
408 border-top: 1px solid #000000;
409 padding-top: 20px;
410 width: 120px;
411}
412.own-linksLeft a:visited{
413 color: #000000;
414}
415.own-linksLeft a:hover{
416 color: #C85127;
417}
418.own-orange{
419 color: #C85127!important;
420}
421.own-projecteText{
422 display: inline-block;
423 max-width: 600px;
424 text-align: left;
425 vertical-align: top;
426 padding: 10px;
427 padding-bottom: 40px;
428}
429
430
431.own-desplegableAmagat{
432 display: none;
433
434}
435.own-desplegable{
436 display: block;
437 z-index: 1;
438 position: absolute;
439 background: #C85127;
440 max-width: 600px;
441 margin-left: 18%;
442 padding: 30px;
443}
444
445.own-rightBox{
446 display: inline-block;
447 vertical-align: top;
448 margin-top: 30px;
449 text-align: left;
450}
451.own-rightBox a:link{
452 text-decoration: none;
453 color: #000000;
454 font-weight: bold;
455 display: block;
456 margin: 10px;
457 margin-bottom: 20px;
458}
459.own-rightBox a:visited{
460 color: #000000;
461}
462.own-rightBox a:hover{
463 color: #C85127;
464}
465
466@media (max-width:1200px) {
467 .own-textBoxLeft{
468 display: inline-block;
469 vertical-align: top;
470 margin-top: 20px;
471 margin-right: 20px;
472 margin-bottom: 40px;
473 max-width: 600px;
474 text-align: left;
475 font-weight: bold;
476 font: normal 22px 'got-medium', sans-serif;
477 }
478}
479@media (min-width:1200px) {
480 .own-textBoxLeft{ /*a pantalla gran, barra lateral left*/
481 display: inline-block;
482 vertical-align: top;
483 margin-right: 10px;
484 margin-bottom: 40px;
485 max-width: 200px;
486 text-align: left;
487 font-weight: bold;
488 font-size: 22px;
489 font: normal 22px 'got-medium', sans-serif;
490 }
491}
492
493.own-nosaltresCenterRight{
494 display: inline-block;
495 max-width: 800px;
496 text-align: left;
497 vertical-align: top;
498}
499.own-imgTopText{
500 width: 100%;
501 margin-bottom: 30px;
502}
503
504.own-nosaltresTitle{
505 /*font-size: 45px;*/
506 font-weight: bold;
507 padding-left: 7%;
508 text-align: left;
509 margin-top: 30px;
510 margin-bottom: 30px;
511 font: normal 55px 'got-black', sans-serif;
512}
513.own-nosaltresText{
514 display: inline-block;
515 max-width: 600px;
516 text-align: left;
517 vertical-align: top;
518 padding-bottom: 40px;
519}
520
521.own-inlineBlock{
522 display: inline-block!important;
523}