/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: Erik Wikström
  • Date: 2013-05-22 09:37:08 UTC
  • mto: This revision was merged to the branch mainline in revision 90.
  • Revision ID: wikxen@gmail.com-20130522093708-jvvqyz03bhdd8wj4
Moved popup-code from header.js to popup-roland.js (popup.js exists). Moved popup-styles from header.css to popup.css.

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;
378
209
}
 
 
b'\\ No newline at end of file'