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