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