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.own-caixaDescripcioIndex{
165 margin-top: 50px;
166 margin-left:auto;
167 margin-right:auto;
168 max-width: calc(100% - 300px);
169 min-width: 320px;
170 background: #ffffff;
171}
172.own-caixaImatgesIndex{
173 margin-top: 50px;
174 width: 100%;
175 text-align: center;
176 padding-bottom: 100px;
177}
178.own-caixaImatgeIndex{
179 display: inline-block;
180 margin: 2%;
181}
182.own-imatgeIndex{
183 /*display: inline-block;*/
184
185 width: 210px;
186}
187.own-caixaImatgeIndex .own-textHoverImage{
188 position: absolute;
189 visibility: hidden;
190 text-decoration: none;
191 /*display: inherit;*/
192 z-index: 1px;
193 background: rgba(200, 81, 39, 0.4);
194 color: #ffffff;
195 font-weight: bold;
196 font-size: 24px;
197 padding-top: 90px;
198 /*padding-left: 100px;*/
199 width: 210px;
200 height: 210px;
201}
202
203.own-caixaImatgeIndex:hover .own-textHoverImage{
204 visibility:visible;
205}
206/* /index */
207
208
209/* footer */
210.own-footer{
211 width: 100%;
212 text-align: center;
213 background: #262626;
214 height: 250px;
215 padding-top: 20px;
216 padding: 2%;
217}
218.own-footer h3{
219 color: #ffffff;
220}
221.own-footer a:link {
222 color: #C85127;
223 text-decoration: none;
224 display: block;
225}
226.own-footer a:hover {
227 color: #dd7955;
228}
229.own-caixaFooter{
230 display: inline-block;
231 width: 250px;
232 vertical-align: top;
233}
234/* /footer */
235
236
237
238/* projecte, bakur, agenda */
239.own-lang{
240 text-align: right;
241 margin-right: 50px;
242 display: block;
243}
244.own-lang a:link{
245 text-decoration: none;
246 color: #000000;
247 /*font-weight: bold;*/
248 display: inline-block;
249 margin: 10px;
250}
251.own-lang a:visited{
252 color: #000000;
253}
254.own-bold{
255 font-weight: bold;
256}
257
258.own-menuButtons{
259 float: right;
260 margin-right: 50px;
261}
262.own-menuButtons a:link{
263 text-decoration: none;
264 color: #000000;
265 font-weight: bold;
266 display: inline-block;
267 margin: 10px;
268 font-size: 20px;
269}
270.own-menuButtons a:visited{
271 color: #000000;
272}
273.own-menuButtons a:hover{
274 color: #C85127;
275}
276.own-currentPageMenu{
277 color: #C85127!important;
278 border-bottom: 3px solid #C85127;
279 padding-left: 7px;
280 padding-right: 7px;
281}
282.own-imgHeader{
283 width: 100%;
284 margin-top: 50px;
285 margin-bottom: 30px;
286}
287.own-nosaltresContent{
288 width: 100%;
289 text-align: center;
290}
291.own-linksLeft{
292 display: inline-block;
293 vertical-align: top;
294 margin-top: 20px;
295 margin-right: 40px;
296 margin-bottom: 40px;
297 max-width: 100px;
298}
299.own-linksLeft a:link{
300 text-decoration: none;
301 color: #000000;
302 font-weight: bold;
303 display: block;
304 margin: 10px;
305 margin-bottom: 30px;
306 text-align: center;
307 border-top: 1px solid #000000;
308 padding-top: 20px;
309 width: 120px;
310}
311.own-linksLeft a:visited{
312 color: #000000;
313}
314.own-linksLeft a:hover{
315 color: #C85127;
316}
317.own-orange{
318 color: #C85127!important;
319}
320.own-projecteText{
321 display: inline-block;
322 max-width: 600px;
323 text-align: left;
324 vertical-align: top;
325 padding: 10px;
326 padding-bottom: 40px;
327}
328
329.own-rightBox{
330 display: inline-block;
331 vertical-align: top;
332 margin-top: 30px;
333}
334.own-rightBox a:link{
335 text-decoration: none;
336 color: #000000;
337 font-weight: bold;
338 display: block;
339 margin: 10px;
340}
341.own-rightBox a:visited{
342 color: #000000;
343}
344.own-rightBox a:hover{
345 color: #C85127;
346}
347
348@media (max-width:1200px) {
349 .own-textBoxLeft{
350 display: inline-block;
351 vertical-align: top;
352 margin-top: 20px;
353 margin-right: 20px;
354 margin-bottom: 40px;
355 max-width: 600px;
356 text-align: left;
357 font-weight: bold;
358 }
359}
360@media (min-width:1200px) {
361 .own-textBoxLeft{
362 display: inline-block;
363 vertical-align: top;
364 margin-top: 20px;
365 margin-right: 20px;
366 margin-bottom: 40px;
367 max-width: 150px;
368 text-align: left;
369 font-weight: bold;
370 font-size: 18px;
371 }
372}
373
374.own-nosaltresCenterRight{
375 display: inline-block;
376 max-width: 800px;
377 text-align: left;
378 vertical-align: top;
379}
380.own-imgTopText{
381 width: 100%;
382 margin-bottom: 30px;
383}
384
385.own-nosaltresTitle{
386 font-size: 45px;
387 font-weight: bold;
388 padding-left: 7%;
389 text-align: left;
390}
391.own-nosaltresText{
392 display: inline-block;
393 max-width: 650px;
394 text-align: left;
395 vertical-align: top;
396 padding-bottom: 40px;
397}