/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: b11johgu
  • Date: 2013-05-14 12:30:38 UTC
  • mto: This revision was merged to the branch mainline in revision 65.
  • Revision ID: b11johgu@student.his.se-20130514123038-rthxj3f34o32gpxy
ExamplesController:
- Added expand/collapse arrows for categories/subcategories.
- Added category positioning (incomplete).

more general changes made.

Show diffs side-by-side

added added

removed removed

Lines of Context:
codeigniter/css/header.css
1
1
* {
2
2
        margin:0; 
3
3
        padding:0;
 
4
        font-family: Helvetica Bold, Helvetica;
 
5
        -webkit-font-smoothing: antialiased; 
4
6
}
5
7
 
6
8
@font-face{
10
12
 
11
13
.icomoon{
12
14
        font-family: "icomoon";
13
 
        font-size: 150%;
 
15
        display:inline;
14
16
}
15
17
 
16
18
body{
20
22
/* Header styling */
21
23
#header{
22
24
        position:fixed;
 
25
        top:0px;
 
26
        left:0px;
23
27
        margin:0;
24
28
        padding:0;
25
29
        float:left;
27
31
        height:50px;
28
32
        border:1px solid #111111;
29
33
        background-color: #333333;
 
34
        z-index:30000;
30
35
}
31
36
 
32
37
.invisHeader{
33
38
        position:fixed;
34
39
        float:left;
35
 
        top:50px;
 
40
        top:51px;
36
41
        width:100%;
37
42
        height:0px;
38
 
        z-index:30000;
 
43
        z-index:29999;
39
44
}
40
45
 
41
46
a.logo{
63
68
        color: #fff;
64
69
}
65
70
 
66
 
span.outerBorder{
 
71
 
 
72
/***
 
73
        Top right span
 
74
                                        ***/
 
75
.userConfig{
 
76
        cursor:pointer;
67
77
        float:right;
68
 
        height:50px;
 
78
        display:block;
 
79
        height: 50px;
 
80
        width:155px;
69
81
        margin-right:8em;
70
82
        border-right: 1px solid #555;
 
83
        border-left: 1px solid #111;
71
84
}
72
 
.userConfig{
73
 
        cursor:pointer;
74
 
        float:right;
75
 
        display:block;
 
85
 
 
86
/* To create second border */
 
87
.userConfig:before{
 
88
        content: '';
 
89
        width: 153px;
76
90
        height: 50px;
77
 
        width:155px;
 
91
        position: absolute;
 
92
        border-right: 1px solid #111;
 
93
        border-left: 1px solid #555;
78
94
}
79
95
.userConfig:hover{
80
96
        background-color: #ae2771 !important;
81
 
}
82
 
.userConfig:active{
83
 
        color: #333 !important;
 
97
        border-bottom: 1px solid #111;
84
98
}
85
99
 
 
100
/* Login/settings icon */
86
101
.userLink{
87
102
        float:right;
88
103
        display:block;
89
 
        width: 60px;
90
 
        height: 50px;
91
 
        border-right:1px solid #111;
 
104
        width: 45px;
 
105
        padding-top:10px;
92
106
        font-family: "icomoon";
93
 
        font-size: 220%;
94
 
        text-indent: 10px;
 
107
        font-size: 195%;
95
108
        text-decoration: none;
96
 
        line-height:150%;
97
109
        color: white !important;
98
 
        background-repeat:no-repeat; 
99
 
        background-position:right;
100
110
}
101
111
 
 
112
/* Login/user information */
102
113
span.userInformation{
103
 
        float:right;
 
114
        float:left;
 
115
        height:31px;
 
116
        width:90px; /* Dunno about this one */  
 
117
        padding-top:20px;
 
118
        margin-left:15px; /* Dunno about this one */    
104
119
        font-weight:normal;
105
 
        padding-top:20px;
106
 
        height:31px;
107
 
        color: #fff;
108
 
        margin-left: 1em;
 
120
        font-size:inherit; /* Dunno about this one */
 
121
        color:white !important; 
109
122
}
110
123
 
 
124
/* Menus and popups for top right span */
111
125
#popoutMenu{
112
126
        font-family: Helvetica;
 
127
        border-top: 1px solid #555;
113
128
        font-size:13px;
114
129
        float:right;
115
130
        position:relative;
311
326
}
312
327
 
313
328
h2.loginTitle{
 
329
        margin:0;
314
330
        margin-left:-15px;
315
331
        margin-bottom:10px;
316
332
        text-indent:15px;
317
333
        padding-top:5px;
318
334
        padding-bottom:5px;
319
335
        color:#FFF;
 
336
        font-size:24px;
 
337
        line-height:100%;
320
338
        background-color:#333333;
321
339
        }
322
340
 
342
360
 
343
361
input.submit{
344
362
        float:right;
345
 
        width:75px;
346
363
        height:35px;
347
 
        background-color:lightgray;
348
 
        color:#333333;
349
 
        margin-top:5px;
350
 
        margin-right:18px;
 
364
        width:100px;
 
365
        background-image: linear-gradient(to top,#fff,#f5f5f5);
 
366
        margin-right:20px;
351
367
        
352
368
        /*text style*/
353
369
        font: 16px Helvetica;
354
 
        
355
 
        /*Rounded corners*/
356
 
        -webkit-border-radius: 7px;
357
 
        -moz-border-radius: 7px;
358
 
        border-radius: 7px;
 
370
        font-weight:bold;       
 
371
}
 
372
input.btn:hover{
 
373
        background-color:#f5f5f5;
 
374
        background-image: linear-gradient(to bottom,#fff,#f5f5f5);
359
375
}
360
376
 
361
377
input.hint{
362
378
        float:left;
363
379
        width:35px;
364
380
        height:35px;
365
 
        background-color:lightgray;
366
 
        color:#333333;
367
 
        margin-top:5px;
368
 
        margin-left:19px;
369
 
        background-image:url(../img/loginhint.png);
370
 
        background-position:center;
 
381
 
 
382
        background-image: linear-gradient(to top,#fff,#f5f5f5);
 
383
        margin-left:20px;
371
384
        /*text style*/
372
385
        font: 16px Helvetica;
373
 
        
374
 
        /*Rounded corners*/
375
 
        -webkit-border-radius: 7px;
376
 
        -moz-border-radius: 7px;
377
 
        border-radius: 7px;
 
386
        font-weight:bold;       
378
387
}
379
388
 
380
389
input.notValid{