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