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
36/* got */
37@font-face {
38 font-family: 'got-book';
39 src: url('tipos/got/got_light.ttf');
40 src:
41 local('got'),
42 local('got'),
43 url('tipos/got/got_light.ttf')
44 format('opentype');
45}
46
47body {
48 font: normal 18px 'got-book', sans-serif;
49}
50
51
52@media (min-width:900px) {
53 .own-container{
54 padding-left: 80px;
55 padding-right: 80px;
56 }
57}
58@media (max-width:900px) {
59 .own-container{
60 padding-left: 10px;
61 padding-right: 10px;
62 }
63}
64
65/* index */
66
67@media (min-width:900px) {
68 .own-indexBackgroundImage{
69 width: 100%;
70 /*height: 100%;*/
71 z-index: -1;
72 position: fixed;
73 left: 0px;
74 top: 0px;
75
76 -webkit-transition: opacity 1s ease-in-out;
77 -moz-transition: opacity 1s ease-in-out;
78 -o-transition: opacity 1s ease-in-out;
79 transition: opacity 1s ease-in-out;
80 }
81}
82
83@media (max-width:900px) {
84 .own-indexBackgroundImage{
85 /*width: 100%;*/
86 height: 100%;
87 z-index: -1;
88 position: fixed;
89 left: 0px;
90 top: 0px;
91
92 -webkit-transition: opacity 1s ease-in-out;
93 -moz-transition: opacity 1s ease-in-out;
94 -o-transition: opacity 1s ease-in-out;
95 transition: opacity 1s ease-in-out;
96 }
97}
98.own-opactity0{
99 opacity: 0;
100}
101.own-langIndex{
102 text-align: right;
103 margin-right: 50px;
104 display: block;
105}
106.own-langIndex a:link{
107 text-decoration: none;
108 color: #ffffff;
109 font-weight: bold;
110 display: inline-block;
111 margin: 10px;
112}
113.own-langIndex a:visited{
114 color: #ffffff;
115}
116
117.own-menu{
118 display: block;
119 /*padding-left: 50px;
120 padding-right: 50px;*/
121}
122.own-overImage-logo{
123 /*margin-left: 30px;*/
124 width: 200px;
125
126}
127.own-whiteText a:link{
128 color: #ffffff!important;
129}
130.own-whiteText a:visited{
131 color: #ffffff!important;
132}
133.own-whiteText a:hover{
134 color: #C85127!important;
135}
136/*.own-menuButtonsIndex{
137 float: right;
138 margin-right: 50px;
139}
140.own-menuButtonsIndex a:link{
141 text-decoration: none;
142 color: #ffffff;
143 font-weight: bold;
144 display: inline-block;
145 margin: 10px;
146}
147.own-menuButtonsIndex a:visited{
148 color: #ffffff;
149}
150.own-menuButtonsIndex a:hover{
151 color: #C85127;
152}*/
153
154
155
156
157.own-mainTitleBox{
158 left: 0;
159 margin-top: 10%;
160 width: 100%;
161 text-align: center;
162 font-family: jauria;
163}
164.own-mainTitle{
165 color: #ffffff;
166 background: #C85127;
167 font-size: 45px;
168 width: 400px;
169 margin-left: auto; /*temporal*/
170 margin-right: auto;
171 font-family: 'jauria-bold', sans-serif;
172}
173.own-subTitle{
174 color: #ffffff;
175 font-size: 24px;
176 font-family: 'jauria-cursiva', sans-serif;
177}
178.own-verkami{
179 /*border: 1px solid #000000;*/
180 margin-top: 20px;
181 cursor: pointer;
182}
183.own-socialNetworks{
184 /*margin-left: 2%;*/
185 margin-top: 15%;
186 display: inline-block;
187}
188.own-socialNetwork{
189 display: inline-block;
190 height: 20px;
191 margin-right: 5px;
192 cursor: pointer;
193}
194.own-socialNetwork-facebookMargin{
195 margin-right: 10px;
196}
197.own-teaser{
198 float: right;
199 /*margin-right: 100px;*/
200 margin-top: calc(15% - 10px);
201 color: #ffffff;
202 font-weight: bold;
203 font-size: 18px;
204}
205
206.temp-marge1{
207 display: inline-block;
208 margin-top: 10%;
209}
210.own-whiteOverImage{
211 background: #ffffff;
212 padding-top: 10px;
213
214}
215@media (max-width:1080px) {
216 .own-caixaDescripcioIndex{
217 margin-top: 50px;
218 margin-left:auto;
219 margin-right:auto;
220 max-width: calc(100% - 300px);
221 min-width: 320px;
222 background: #ffffff;
223 font-size: 18px;
224 }
225}
226@media (min-width:1080px) {
227 .own-caixaDescripcioIndex{
228 margin-top: 50px;
229 margin-left:auto;
230 margin-right:auto;
231 max-width: calc(100% - 700px);
232 min-width: 320px;
233 background: #ffffff;
234 font-size: 18px;
235 }
236}
237
238.own-caixaImatgesIndex{
239 margin-top: 50px;
240 width: 100%;
241 text-align: center;
242 padding-bottom: 100px;
243}
244.own-caixaImatgeIndex{
245 display: inline-block;
246 margin: 2%;
247}
248.own-imatgeIndex{
249 /*display: inline-block;*/
250
251 width: 210px;
252}
253.own-caixaImatgeIndex .own-textHoverImage{
254 position: absolute;
255 visibility: hidden;
256 text-decoration: none;
257 /*display: inherit;*/
258 z-index: 1px;
259 background: rgba(200, 81, 39, 0.4);
260 color: #ffffff;
261 font-weight: bold;
262 font-size: 24px;
263 padding-top: 90px;
264 /*padding-left: 100px;*/
265 width: 210px;
266 height: 210px;
267}
268
269.own-caixaImatgeIndex:hover .own-textHoverImage{
270 visibility:visible;
271}
272/* /index */
273
274
275/* footer */
276.own-footer{
277 width: 100%;
278 text-align: center;
279 background: #262626;
280 height: 250px;
281 padding-top: 20px;
282 padding: 2%;
283}
284.own-footer h3{
285 color: #ffffff;
286}
287.own-footer a:link {
288 color: #C85127;
289 text-decoration: none;
290 display: block;
291}
292.own-footer a:hover {
293 color: #dd7955;
294}
295.own-caixaFooter{
296 display: inline-block;
297 width: 250px;
298 vertical-align: top;
299}
300/* /footer */
301
302
303
304/* projecte, bakur, agenda */
305.own-lang{
306 text-align: right;
307 /*margin-right: 50px;*/
308 display: block;
309}
310.own-lang a:link{
311 text-decoration: none;
312 color: #000000;
313 /*font-weight: bold;*/
314 display: inline-block;
315 margin: 10px;
316}
317.own-lang a:visited{
318 color: #000000;
319}
320.own-bold{
321 font-weight: bold;
322}
323
324.own-menuButtons{
325 float: right;
326 /*margin-right: 50px;*/
327}
328.own-menuButtons a:link{
329 text-decoration: none;
330 color: #000000;
331 font-weight: bold;
332 display: inline-block;
333 margin: 10px;
334 font-size: 20px;
335}
336.own-menuButtons a:visited{
337 color: #000000;
338}
339.own-menuButtons a:hover{
340 color: #C85127;
341}
342.own-currentPageMenu{
343 color: #C85127!important;
344 border-bottom: 3px solid #C85127;
345 padding-left: 7px;
346 padding-right: 7px;
347}
348.own-imgHeader{
349 width: 100%;
350 margin-top: 50px;
351 margin-bottom: 30px;
352}
353.own-nosaltresContent{
354 width: 100%;
355 text-align: center;
356}
357.own-linksLeft{
358 display: inline-block;
359 vertical-align: top;
360 margin-top: 20px;
361 margin-right: 40px;
362 margin-bottom: 40px;
363 max-width: 100px;
364}
365.own-linksLeft a:link{
366 text-decoration: none;
367 color: #000000;
368 font-weight: bold;
369 display: block;
370 margin: 10px;
371 margin-bottom: 30px;
372 text-align: center;
373 border-top: 1px solid #000000;
374 padding-top: 20px;
375 width: 120px;
376}
377.own-linksLeft a:visited{
378 color: #000000;
379}
380.own-linksLeft a:hover{
381 color: #C85127;
382}
383.own-orange{
384 color: #C85127!important;
385}
386.own-projecteText{
387 display: inline-block;
388 max-width: 600px;
389 text-align: left;
390 vertical-align: top;
391 padding: 10px;
392 padding-bottom: 40px;
393}
394
395
396.own-desplegableAmagat{
397 display: none;
398
399}
400.own-desplegable{
401 display: block;
402 z-index: 1;
403 position: absolute;
404 background: #C85127;
405 max-width: 600px;
406 margin-left: 18%;
407 padding: 30px;
408}
409
410.own-rightBox{
411 display: inline-block;
412 vertical-align: top;
413 margin-top: 30px;
414 text-align: left;
415}
416.own-rightBox a:link{
417 text-decoration: none;
418 color: #000000;
419 font-weight: bold;
420 display: block;
421 margin: 10px;
422 margin-bottom: 20px;
423}
424.own-rightBox a:visited{
425 color: #000000;
426}
427.own-rightBox a:hover{
428 color: #C85127;
429}
430
431@media (max-width:1200px) {
432 .own-textBoxLeft{
433 display: inline-block;
434 vertical-align: top;
435 margin-top: 20px;
436 margin-right: 20px;
437 margin-bottom: 40px;
438 max-width: 600px;
439 text-align: left;
440 font-weight: bold;
441 }
442}
443@media (min-width:1200px) {
444 .own-textBoxLeft{ /*a pantalla gran, barra lateral left*/
445 display: inline-block;
446 vertical-align: top;
447 margin-top: 20px;
448 margin-right: 20px;
449 margin-bottom: 40px;
450 max-width: 200px;
451 text-align: left;
452 font-weight: bold;
453 font-size: 22px;
454 }
455}
456
457.own-nosaltresCenterRight{
458 display: inline-block;
459 max-width: 800px;
460 text-align: left;
461 vertical-align: top;
462}
463.own-imgTopText{
464 width: 100%;
465 margin-bottom: 30px;
466}
467
468.own-nosaltresTitle{
469 font-size: 45px;
470 font-weight: bold;
471 padding-left: 7%;
472 text-align: left;
473}
474.own-nosaltresText{
475 display: inline-block;
476 max-width: 600px;
477 text-align: left;
478 vertical-align: top;
479 padding-bottom: 40px;
480}