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.own-indexBackgroundImage{
30 width: 100%;
31 /*height: 100%;*/
32 z-index: -1;
33 position: fixed;
34 left: 0px;
35 top: 0px;
36}
37.own-langIndex{
38 text-align: right;
39 margin-right: 50px;
40 display: block;
41}
42.own-langIndex a:link{
43 text-decoration: none;
44 color: #ffffff;
45 font-weight: bold;
46 display: inline-block;
47 margin: 10px;
48}
49.own-langIndex a:visited{
50 color: #ffffff;
51}
52
53.own-menu{
54 display: block;
55 padding-left: 50px;
56 padding-right: 50px;
57}
58.own-overImage-logo{
59 margin-left: 30px;
60 width: 200px;
61
62}
63.own-whiteText a:link{
64 color: #ffffff!important;
65}
66.own-whiteText a:visited{
67 color: #ffffff!important;
68}
69.own-whiteText a:hover{
70 color: #C85127!important;
71}
72/*.own-menuButtonsIndex{
73 float: right;
74 margin-right: 50px;
75}
76.own-menuButtonsIndex a:link{
77 text-decoration: none;
78 color: #ffffff;
79 font-weight: bold;
80 display: inline-block;
81 margin: 10px;
82}
83.own-menuButtonsIndex a:visited{
84 color: #ffffff;
85}
86.own-menuButtonsIndex a:hover{
87 color: #C85127;
88}*/
89
90
91
92
93.own-mainTitleBox{
94 left: 0;
95 margin-top: 10%;
96 width: 100%;
97 text-align: center;
98 font-family: jauria;
99}
100.own-mainTitle{
101 color: #ffffff;
102 background: #C85127;
103 font-size: 45px;
104 width: 400px;
105 margin-left: auto; /*temporal*/
106 margin-right: auto;
107}
108.own-subTitle{
109 color: #ffffff;
110 font-style: italic;
111 font-size: 24px;
112}
113.own-verkami{
114 /*border: 1px solid #000000;*/
115 cursor: pointer;
116}
117.own-socialNetworks{
118 margin-left: 2%;
119 margin-top: 5%;
120 display: inline-block;
121}
122.own-socialNetwork{
123 display: inline-block;
124 height: 20px;
125 margin-right: 5px;
126 cursor: pointer;
127}
128.own-socialNetwork-facebookMargin{
129 margin-right: 10px;
130}
131.own-teaser{
132 float: right;
133 margin-right: 2%;
134 margin-top: calc(6% - 10px);
135 color: #ffffff;
136 font-weight: bold;
137 font-size: 18px;
138}
139
140.temp-marge1{
141 display: inline-block;
142 margin-top: 10%;
143}
144.own-whiteOverImage{
145 background: #ffffff;
146 padding-top: 10px;
147
148}
149.own-caixaDescripcioIndex{
150 margin-top: 50px;
151 margin-left:auto;
152 margin-right:auto;
153 max-width: calc(100% - 300px);
154 min-width: 320px;
155 background: #ffffff;
156}
157.own-caixaImatgesIndex{
158 margin-top: 50px;
159 width: 100%;
160 text-align: center;
161 padding-bottom: 100px;
162}
163.own-imatgeIndex{
164 display: inline-block;
165 margin: 2%;
166 width: 210px;
167}
168/* /index */
169
170
171/* footer */
172.own-footer{
173 width: 100%;
174 text-align: center;
175 background: #262626;
176 height: 250px;
177 padding-top: 20px;
178 padding: 2%;
179}
180.own-footer h3{
181 color: #ffffff;
182}
183.own-footer a:link {
184 color: #C85127;
185 text-decoration: none;
186 display: block;
187}
188.own-footer a:hover {
189 color: #dd7955;
190}
191.own-caixaFooter{
192 display: inline-block;
193 width: 250px;
194 vertical-align: top;
195}
196/* /footer */
197
198
199
200/* projecte, bakur, agenda */
201.own-lang{
202 text-align: right;
203 margin-right: 50px;
204 display: block;
205}
206.own-lang a:link{
207 text-decoration: none;
208 color: #000000;
209 /*font-weight: bold;*/
210 display: inline-block;
211 margin: 10px;
212}
213.own-lang a:visited{
214 color: #000000;
215}
216.own-bold{
217 font-weight: bold;
218}
219
220.own-menuButtons{
221 float: right;
222 margin-right: 50px;
223}
224.own-menuButtons a:link{
225 text-decoration: none;
226 color: #000000;
227 font-weight: bold;
228 display: inline-block;
229 margin: 10px;
230 font-size: 20px;
231}
232.own-menuButtons a:visited{
233 color: #000000;
234}
235.own-menuButtons a:hover{
236 color: #C85127;
237}
238
239.own-imgHeader{
240 width: 100%;
241 margin-top: 50px;
242 margin-bottom: 30px;
243}
244.own-nosaltresContent{
245 width: 100%;
246 text-align: center;
247}
248.own-linksLeft{
249 display: inline-block;
250 vertical-align: top;
251 margin-top: 20px;
252 margin-right: 20px;
253 margin-bottom: 40px;
254 max-width: 100px;
255}
256.own-linksLeft a:link{
257 text-decoration: none;
258 color: #000000;
259 font-weight: bold;
260 display: block;
261 margin: 10px;
262 margin-bottom: 30px;
263 text-align: center;
264}
265.own-linksLeft a:visited{
266 color: #000000;
267}
268.own-linksLeft a:hover{
269 color: #C85127;
270}
271.own-orange{
272 color: #C85127!important;
273}
274.own-projecteText{
275 display: inline-block;
276 max-width: 600px;
277 text-align: left;
278 vertical-align: top;
279 padding: 10px;
280}
281
282.own-rightBox{
283 display: inline-block;
284 vertical-align: top;
285 margin-top: 30px;
286}
287.own-rightBox a:link{
288 text-decoration: none;
289 color: #000000;
290 font-weight: bold;
291 display: block;
292 margin: 10px;
293}
294.own-rightBox a:visited{
295 color: #000000;
296}
297.own-rightBox a:hover{
298 color: #C85127;
299}
300
301.own-textBoxLeft{
302 display: inline-block;
303 vertical-align: top;
304 margin-top: 20px;
305 margin-right: 20px;
306 margin-bottom: 40px;
307 max-width: 100px;
308 text-align: left;
309 font-weight: bold;
310}
311.own-nosaltresCenterRight{
312 display: inline-block;
313 max-width: 800px;
314 text-align: left;
315 vertical-align: top;
316}
317.own-imgTopText{
318 width: 100%;
319 margin-bottom: 30px;
320}
321
322.own-nosaltresTitle{
323 font-size: 45px;
324 font-weight: bold;
325 padding-left: 15%;
326 text-align: left;
327}
328.own-nosaltresText{
329 display: inline-block;
330 max-width: 650px;
331 text-align: left;
332 vertical-align: top;
333}