arnaucube
arnaucube/ivardiawebPublic Self-hosted repository
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}