/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-03 11:39:08 UTC
  • mto: This revision was merged to the branch mainline in revision 53.
  • Revision ID: b11johgu@student.his.se-20130503113908-m8nilvexb8atwtvz
Added controllers for examplepage, templatelayout.
Updated models for login and database interaction.
Added ajax controller.
... A lot of stuff has changed.

Show diffs side-by-side

added added

removed removed

Lines of Context:
codeigniter/css/header.css
 
1
* {
 
2
        margin:0; 
 
3
        padding:0;
 
4
}
 
5
 
 
6
@font-face{
 
7
        font-family: icomoon;
 
8
        src: url(../img/icomoon.ttf);
 
9
}
 
10
 
 
11
.icomoon{
 
12
        font-family: "icomoon";
 
13
        font-size: 150%;
 
14
}
 
15
 
1
16
body{
2
 
        margin:0;
3
 
        padding:0;
4
17
        overflow-x:hidden;
5
18
}
6
19
 
14
27
        height:50px;
15
28
        border:1px solid #111111;
16
29
        background-color: #333333;
17
 
        -webkit-box-shadow: 0 0 8px #D0D0D0;
18
 
}
19
 
 
20
 
/* Container for logo */
21
 
#logoContainer {
22
 
        margin-top:0px;
23
 
        margin-left:8em;
24
 
        margin-right:2em;
25
 
        height:50px;
26
 
}
27
 
 
28
 
/* Logo picture and link */
29
 
.logo{
 
30
}
 
31
 
 
32
.invisHeader{
 
33
        position:fixed;
 
34
        float:left;
 
35
        top:50px;
 
36
        width:100%;
 
37
        height:0px;
 
38
        z-index:30000;
 
39
}
 
40
 
 
41
a.logo{
 
42
        position:fixed;
 
43
        left:105px;
30
44
        display:block;
31
 
        position: absolute;
32
45
        width: 162px;
33
46
        height: 51px;
34
47
        background-image: url(../img/logo.png);
36
49
        text-indent: -99999px; 
37
50
}
38
51
 
 
52
span{
 
53
        font: 16px Helvetica;
 
54
        font-weight: bold;
 
55
}
 
56
 
39
57
/* Course title */
40
58
span.title{
 
59
        position:fixed;
 
60
        left:300px;
 
61
        top:20px;
 
62
        height:31px;
 
63
        color: #fff;
 
64
}
 
65
 
 
66
span.outerBorder{
 
67
        float:right;
 
68
        height:50px;
 
69
        margin-right:8em;
 
70
        border-right: 1px solid #555;
 
71
}
 
72
.userConfig{
 
73
        cursor:pointer;
 
74
        float:right;
 
75
        display:block;
 
76
        height: 50px;
 
77
        width:155px;
 
78
}
 
79
.userConfig:hover{
 
80
        background-color: #ae2771 !important;
 
81
}
 
82
.userConfig:active{
 
83
        color: #333 !important;
 
84
}
 
85
 
 
86
.userLink{
 
87
        float:right;
 
88
        display:block;
 
89
        width: 60px;
 
90
        height: 50px;
 
91
        border-right:1px solid #111;
 
92
        font-family: "icomoon";
 
93
        font-size: 220%;
 
94
        text-indent: 10px;
 
95
        text-decoration: none;
 
96
        line-height:150%;
 
97
        color: white !important;
 
98
        background-repeat:no-repeat; 
 
99
        background-position:right;
 
100
}
 
101
 
 
102
span.userInformation{
 
103
        float:right;
 
104
        font-weight:normal;
 
105
        padding-top:20px;
 
106
        height:31px;
 
107
        color: #fff;
 
108
        margin-left: 1em;
 
109
}
 
110
 
 
111
#popoutMenu{
 
112
        font-family: Helvetica;
 
113
        font-size:13px;
 
114
        float:right;
 
115
        position:relative;
 
116
        margin-right:9.8em;
 
117
        padding:0;
 
118
 
 
119
}
 
120
 
 
121
#popoutMenu a{
 
122
        color: #FFF;
 
123
        text-decoration:none;
 
124
}       
 
125
 
 
126
#popoutMenu ul {
 
127
        list-style-type:none;
 
128
        width:100%;
 
129
        margin:0;
 
130
        padding:0;
 
131
        line-height: 250%;
 
132
        font-weight: bold;
 
133
}
 
134
 
 
135
 
 
136
#popoutMenu li {
 
137
        padding-left:10px;
 
138
        padding-right:15px;
 
139
        width:220px;
 
140
        margin:0;
 
141
        background-color:#333;
 
142
        border-top: 1px solid #555;
 
143
        border-left: 1px solid #555;
 
144
        border-bottom:1px solid #111;
 
145
        border-right:1px solid #111;
 
146
        color:#fff;
 
147
        cursor: pointer;
 
148
        -webkit-touch-callout: none;
 
149
        -webkit-user-select: none;
 
150
        -khtml-user-select: none;
 
151
        -moz-user-select: none;
 
152
        -ms-user-select: none;
 
153
        user-select: none;
 
154
}
 
155
 
 
156
.expander{
 
157
        background-image: url(../img/expandIcon.png); /* Will be replaced with font. */
 
158
        background-repeat:no-repeat; 
 
159
        background-position:right;
 
160
}
 
161
 
 
162
 
 
163
#popoutMenu li:hover {
 
164
        background-color: #0a68ad;
 
165
        color: #fff;
 
166
}
 
167
 
 
168
#popoutMenu li.expanded{
 
169
        color:#fff;
 
170
        cursor: pointer;
 
171
        margin-left:1px;
 
172
        text-indent: 15px;
 
173
        border:0;
 
174
        background-color: #202020;
 
175
        line-height: 200%;
 
176
        -webkit-touch-callout: none;
 
177
        -webkit-user-select: none;
 
178
        -khtml-user-select: none;
 
179
        -moz-user-select: none;
 
180
        -ms-user-select: none;
 
181
        user-select: none;
 
182
}
 
183
 
 
184
#popoutMenu li.expanded:hover {
 
185
        background-color: #ae2771;
 
186
        color: #fff;
 
187
}
 
188
 
 
189
.checkedCourse{
 
190
        background-image: url(../img/expandIcon.png); /* Will be replaced with font. */
 
191
        background-repeat:no-repeat; 
 
192
        background-position:left;
 
193
        background-color: #ff0000;
 
194
}
 
195
 
 
196
 
 
197
/* Window for change password */
 
198
#passwordChanger{
 
199
        /* Position & Size */
 
200
        position:fixed;
 
201
        left:35%;
 
202
        top:24%;
 
203
        padding:20px;
 
204
        width:300px;
 
205
        height:150px;
 
206
        
 
207
        /* Colors */    
 
208
        color:white;
 
209
        background-color:#333;
 
210
 
 
211
        /* Fonts */     
 
212
        line-height: 200%;
 
213
        font-family: Helvetica;
 
214
        
 
215
        /* Borders */
 
216
        border-top: 1px solid #555;
 
217
        border-left: 1px solid #555;
 
218
        border-bottom:1px solid #111;
 
219
        border-right:1px solid #111;
 
220
        -webkit-box-shadow: 0 0 8px #000;
 
221
}
 
222
 
 
223
#passwordChanger input{
 
224
        width:40%;
 
225
        margin-right:5px;
 
226
        float:right;
 
227
}
 
228
 
 
229
#passwordChanger .passwordHeader{
 
230
        /* Position & Size */
 
231
        width:320px;
 
232
        height:30px;
 
233
        margin-left:-21px;
 
234
        margin-top:-20px;
 
235
        padding-left:20px;
 
236
        
 
237
        /* Fonts */
 
238
        font-size: 18px;
41
239
        line-height:200%;
42
 
        margin-top:2em;
43
 
        margin-left:7em;
44
 
        color:white;
45
 
        font-size:2em;
 
240
        font-weight: bold;
 
241
        
 
242
        /* Colors */
 
243
        color: #fff;
 
244
        background-color:#333;
 
245
        
 
246
        /* Borders */
 
247
        border-top: 1px solid #555;
 
248
        border-left: 1px solid #555;
 
249
        border-bottom:1px solid #111;
 
250
        border-right:1px solid #111;
 
251
}
 
252
#passwordChanger .passwordHeaderBorder{
 
253
        border-bottom:1px solid #555;
 
254
        width:340px;
 
255
        margin-left:-21px;
 
256
        margin-bottom:5px;
 
257
}
 
258
 
 
259
#passwordChanger .button{
 
260
        /* Position & Size */
 
261
        width:125px;
 
262
        height:33px;
 
263
        margin-top:10px;
 
264
        margin-right:18px;
 
265
        
 
266
        /* Colors */
 
267
        background: #a8a8a8;
 
268
        background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#a8a8a8));
 
269
        background: -moz-linear-gradient(top, #f0f0f0, #a8a8a8);
 
270
        background: linear-gradient(to bottom, #f0f0f0, #a8a8a8);
 
271
        color: #5c5c5c;
 
272
        
 
273
        /* Font */
 
274
        font: 16px Helvetica;
 
275
        font-weight: bold;
 
276
        text-align: center;
 
277
        
 
278
        /* Borders */
 
279
        border: 1px solid #d0d0d0;
 
280
        -webkit-border-radius: 2px;
 
281
        -moz-border-radius: 2px;
 
282
        border-radius: 2px;
 
283
 
 
284
}
 
285
 
 
286
#passwordChanger .button:hover, .button:active, .button:focus {
 
287
        background: #a0a0a0;
 
288
        background: -webkit-gradient(linear, left top, left bottom, from(#d0d0d0), to(#a0a0a0));
 
289
        background: -moz-linear-gradient(top, #d0d0d0, #a0a0a0);
 
290
        border-color: #777;
 
291
        color: #ffffff;
 
292
        font-weight: bold;
 
293
        text-decoration: none;
 
294
        font-style: none;
 
295
}
 
296
 
 
297
#formContainer{
 
298
        z-index:3000000;
 
299
        position: fixed;
 
300
    height: 175px;
 
301
    width: 305px;
 
302
        padding-left:15px;
 
303
    margin: -150px 0 0 -160px;
 
304
    top: 50%;
 
305
    left: 50%;
 
306
        background-color:lightgray;
 
307
        border: 1px solid darkgray;
 
308
        font: 13px Helvetica;
46
309
        text-shadow: 0.5px 0.5px #ddd;
 
310
        color: #4F5155; 
 
311
}
 
312
 
 
313
h2.loginTitle{
 
314
        margin-left:-15px;
 
315
        margin-bottom:10px;
 
316
        text-indent:15px;
 
317
        padding-top:5px;
 
318
        padding-bottom:5px;
 
319
        color:#FFF;
 
320
        background-color:#333333;
 
321
        }
 
322
 
 
323
.placeholder { 
 
324
        color: #aaa; 
 
325
        }
 
326
 
 
327
input.text{
 
328
        margin-top:2px;
 
329
        margin-left:5px;
 
330
        margin-right:5px;
 
331
        height:30px;
 
332
        background-color:white;
 
333
        width:280px;
 
334
        font-size:22px;
 
335
        color:color:#333333;
 
336
        
 
337
        /*Rounded corners*/
 
338
        -webkit-border-radius: 7px;
 
339
        -moz-border-radius: 7px;
 
340
        border-radius: 7px;
 
341
}
 
342
 
 
343
input.submit{
 
344
        float:right;
 
345
        width:75px;
 
346
        height:35px;
 
347
        background-color:lightgray;
 
348
        color:#333333;
 
349
        margin-top:5px;
 
350
        margin-right:18px;
 
351
        
 
352
        /*text style*/
 
353
        font: 16px Helvetica;
 
354
        
 
355
        /*Rounded corners*/
 
356
        -webkit-border-radius: 7px;
 
357
        -moz-border-radius: 7px;
 
358
        border-radius: 7px;
 
359
}
 
360
 
 
361
input.hint{
 
362
        float:left;
 
363
        width:35px;
 
364
        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;
 
371
        /*text style*/
 
372
        font: 16px Helvetica;
 
373
        
 
374
        /*Rounded corners*/
 
375
        -webkit-border-radius: 7px;
 
376
        -moz-border-radius: 7px;
 
377
        border-radius: 7px;
 
378
}
 
379
 
 
380
input.notValid{
 
381
        background: #FF7F50;
 
382
}
 
383
 
 
384
input.Valid{
 
385
        background: #98FB98;
 
386
}
 
387
 
 
388
.errorMessage{
 
389
        float:right;
 
390
        cursor:pointer;
 
391
        font-family: "icomoon";
 
392
        color:white;
 
393
        font-size: 8px;
 
394
        display:inline;
 
395
        opacity:0;
47
396
}
 
 
b'\\ No newline at end of file'