/lenasys/trunk

To get this branch, use:
bzr branch http://gegoxaren.bato24.eu/bzr/lenasys/trunk

« back to all changes in this revision

Viewing changes to codeigniter/css/header.css

  • Committer: a11andoh
  • Date: 2013-05-23 08:16:45 UTC
  • mfrom: (88 lenasys_b)
  • mto: This revision was merged to the branch mainline in revision 97.
  • Revision ID: a11andoh@student.his.se-20130523081645-jxltw80q135v14ot
blurp

Show diffs side-by-side

added added

removed removed

Lines of Context:
206
206
        background-repeat:no-repeat; 
207
207
        background-position:left;
208
208
        background-color: #ff0000;
 
209
}
 
210
 
 
211
 
 
212
/* Window for change password */
 
213
#passwordChanger{
 
214
        /* Position & Size */
 
215
        position:fixed;
 
216
        left:35%;
 
217
        top:24%;
 
218
        padding:20px;
 
219
        width:300px;
 
220
        height:150px;
 
221
        
 
222
        /* Colors */    
 
223
        color:white;
 
224
        background-color:#333;
 
225
 
 
226
        /* Fonts */     
 
227
        line-height: 200%;
 
228
        font-family: Helvetica;
 
229
        
 
230
        /* Borders */
 
231
        border-top: 1px solid #555;
 
232
        border-left: 1px solid #555;
 
233
        border-bottom:1px solid #111;
 
234
        border-right:1px solid #111;
 
235
        -webkit-box-shadow: 0 0 8px #000;
 
236
}
 
237
 
 
238
#passwordChanger input{
 
239
        width:40%;
 
240
        margin-right:5px;
 
241
        float:right;
 
242
}
 
243
 
 
244
#passwordChanger .passwordHeader{
 
245
        /* Position & Size */
 
246
        width:320px;
 
247
        height:30px;
 
248
        margin-left:-21px;
 
249
        margin-top:-20px;
 
250
        padding-left:20px;
 
251
        
 
252
        /* Fonts */
 
253
        font-size: 18px;
 
254
        line-height:200%;
 
255
        font-weight: bold;
 
256
        
 
257
        /* Colors */
 
258
        color: #fff;
 
259
        background-color:#333;
 
260
        
 
261
        /* Borders */
 
262
        border-top: 1px solid #555;
 
263
        border-left: 1px solid #555;
 
264
        border-bottom:1px solid #111;
 
265
        border-right:1px solid #111;
 
266
}
 
267
#passwordChanger .passwordHeaderBorder{
 
268
        border-bottom:1px solid #555;
 
269
        width:340px;
 
270
        margin-left:-21px;
 
271
        margin-bottom:5px;
 
272
}
 
273
 
 
274
#passwordChanger .button{
 
275
        /* Position & Size */
 
276
        width:125px;
 
277
        height:33px;
 
278
        margin-top:10px;
 
279
        margin-right:18px;
 
280
        
 
281
        /* Colors */
 
282
        background: #a8a8a8;
 
283
        background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#a8a8a8));
 
284
        background: -moz-linear-gradient(top, #f0f0f0, #a8a8a8);
 
285
        background: linear-gradient(to bottom, #f0f0f0, #a8a8a8);
 
286
        color: #5c5c5c;
 
287
        
 
288
        /* Font */
 
289
        font: 16px Helvetica;
 
290
        font-weight: bold;
 
291
        text-align: center;
 
292
        
 
293
        /* Borders */
 
294
        border: 1px solid #d0d0d0;
 
295
        -webkit-border-radius: 2px;
 
296
        -moz-border-radius: 2px;
 
297
        border-radius: 2px;
 
298
 
 
299
}
 
300
 
 
301
#passwordChanger .button:hover, .button:active, .button:focus {
 
302
        background: #a0a0a0;
 
303
        background: -webkit-gradient(linear, left top, left bottom, from(#d0d0d0), to(#a0a0a0));
 
304
        background: -moz-linear-gradient(top, #d0d0d0, #a0a0a0);
 
305
        border-color: #777;
 
306
        color: #ffffff;
 
307
        font-weight: bold;
 
308
        text-decoration: none;
 
309
        font-style: none;
 
310
}
 
311
 
 
312
 
 
313
 
 
314
.placeholder { 
 
315
        color: #aaa; 
 
316
        }
 
317
 
 
318
input.text{
 
319
        margin-top:2px;
 
320
        margin-left:5px;
 
321
        margin-right:5px;
 
322
        height:30px;
 
323
        background-color:white;
 
324
        width:280px;
 
325
        font-size:22px;
 
326
        color:color:#333333;
 
327
        
 
328
        /*Rounded corners*/
 
329
        -webkit-border-radius: 7px;
 
330
        -moz-border-radius: 7px;
 
331
        border-radius: 7px;
 
332
}
 
333
 
 
334
input.submit{
 
335
        float:right;
 
336
        height:35px;
 
337
        width:100px;
 
338
        background-image: linear-gradient(to top,#fff,#f5f5f5);
 
339
        margin-right:20px;
 
340
        
 
341
        /*text style*/
 
342
        font: 16px Helvetica;
 
343
        font-weight:bold;       
 
344
}
 
345
input.btn:hover{
 
346
        background-color:#f5f5f5;
 
347
        background-image: linear-gradient(to bottom,#fff,#f5f5f5);
 
348
}
 
349
 
 
350
input.hint{
 
351
        float:left;
 
352
        width:35px;
 
353
        height:35px;
 
354
 
 
355
        background-image: linear-gradient(to top,#fff,#f5f5f5);
 
356
        margin-left:20px;
 
357
        /*text style*/
 
358
        font: 16px Helvetica;
 
359
        font-weight:bold;       
 
360
}
 
361
 
 
362
input.notValid{
 
363
        background: #FF7F50;
 
364
}
 
365
 
 
366
input.Valid{
 
367
        background: #98FB98;
 
368
}
 
369
 
 
370
.errorMessage{
 
371
        float:right;
 
372
        cursor:pointer;
 
373
        font-family: "icomoon";
 
374
        color:white;
 
375
        font-size: 8px;
 
376
        display:inline;
 
377
        opacity:0;
209
378
}
 
 
b'\\ No newline at end of file'