/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
* {
 
2
        margin:0; 
 
3
        padding:0;
 
4
        font-family: Helvetica Bold, Helvetica;
 
5
        -webkit-font-smoothing: antialiased; 
 
6
}
 
7
 
 
8
@font-face{
 
9
        font-family: icomoon;
 
10
        src: url(../img/icomoon.ttf);
 
11
}
 
12
 
 
13
.icomoon{
 
14
        font-family: "icomoon";
 
15
        display:inline;
 
16
}
 
17
 
 
18
body{
 
19
        overflow-x:hidden;
 
20
}
 
21
 
 
22
/* Header styling */
 
23
#header{
 
24
        position:fixed;
 
25
        top:0px;
 
26
        left:0px;
 
27
        margin:0;
 
28
        padding:0;
 
29
        float:left;
 
30
        width:100%;
 
31
        height:50px;
 
32
        border:1px solid #111111;
 
33
        background-color: #333333;
 
34
        z-index:30000;
 
35
}
 
36
 
 
37
.invisHeader{
 
38
        position:fixed;
 
39
        float:left;
 
40
        top:51px;
 
41
        width:100%;
 
42
        height:0px;
 
43
        z-index:29999;
 
44
}
 
45
 
 
46
a.logo{
 
47
        position:fixed;
 
48
        left:105px;
 
49
        display:block;
 
50
        width: 162px;
 
51
        height: 51px;
 
52
        background-image: url(../img/logo.png);
 
53
        background-repeat:no-repeat;
 
54
        text-indent: -99999px; 
 
55
}
 
56
 
 
57
span{
 
58
        font: 16px Helvetica;
 
59
        font-weight: bold;
 
60
}
 
61
 
 
62
/* Course title */
 
63
span.title{
 
64
        position:fixed;
 
65
        left:300px;
 
66
        top:20px;
 
67
        height:31px;
 
68
        color: #fff;
 
69
}
 
70
 
 
71
 
 
72
/***
 
73
        Top right span
 
74
                                        ***/
 
75
.userConfig{
 
76
        cursor:pointer;
 
77
        float:right;
 
78
        display:block;
 
79
        height: 50px;
 
80
        width:155px;
 
81
        margin-right:8em;
 
82
        border-right: 1px solid #555;
 
83
        border-left: 1px solid #111;
 
84
}
 
85
 
 
86
/* To create second border */
 
87
.userConfig:before{
 
88
        content: '';
 
89
        width: 153px;
 
90
        height: 50px;
 
91
        position: absolute;
 
92
        border-right: 1px solid #111;
 
93
        border-left: 1px solid #555;
 
94
}
 
95
.userConfig:hover{
 
96
        background-color: #ae2771 !important;
 
97
        border-bottom: 1px solid #111;
 
98
}
 
99
 
 
100
/* Login/settings icon */
 
101
.userLink{
 
102
        float:right;
 
103
        display:block;
 
104
        width: 45px;
 
105
        padding-top:10px;
 
106
        font-family: "icomoon";
 
107
        font-size: 195%;
 
108
        text-decoration: none;
 
109
        color: white !important;
 
110
}
 
111
 
 
112
/* Login/user information */
 
113
span.userInformation{
 
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 */    
 
119
        font-weight:normal;
 
120
        font-size:inherit; /* Dunno about this one */
 
121
        color:white !important; 
 
122
}
 
123
 
 
124
/* Menus and popups for top right span */
 
125
#popoutMenu{
 
126
        font-family: Helvetica;
 
127
        border-top: 1px solid #555;
 
128
        font-size:13px;
 
129
        float:right;
 
130
        position:relative;
 
131
        margin-right:9.8em;
 
132
        padding:0;
 
133
 
 
134
}
 
135
 
 
136
#popoutMenu a{
 
137
        color: #FFF;
 
138
        text-decoration:none;
 
139
}       
 
140
 
 
141
#popoutMenu ul {
 
142
        list-style-type:none;
 
143
        width:100%;
 
144
        margin:0;
 
145
        padding:0;
 
146
        line-height: 250%;
 
147
        font-weight: bold;
 
148
}
 
149
 
 
150
 
 
151
#popoutMenu li {
 
152
        padding-left:10px;
 
153
        padding-right:15px;
 
154
        width:220px;
 
155
        margin:0;
 
156
        background-color:#333;
 
157
        border-top: 1px solid #555;
 
158
        border-left: 1px solid #555;
 
159
        border-bottom:1px solid #111;
 
160
        border-right:1px solid #111;
 
161
        color:#fff;
 
162
        cursor: pointer;
 
163
        -webkit-touch-callout: none;
 
164
        -webkit-user-select: none;
 
165
        -khtml-user-select: none;
 
166
        -moz-user-select: none;
 
167
        -ms-user-select: none;
 
168
        user-select: none;
 
169
}
 
170
 
 
171
.expander{
 
172
        background-image: url(../img/expandIcon.png); /* Will be replaced with font. */
 
173
        background-repeat:no-repeat; 
 
174
        background-position:right;
 
175
}
 
176
 
 
177
 
 
178
#popoutMenu li:hover {
 
179
        background-color: #0a68ad;
 
180
        color: #fff;
 
181
}
 
182
 
 
183
#popoutMenu li.expanded{
 
184
        color:#fff;
 
185
        cursor: pointer;
 
186
        margin-left:1px;
 
187
        text-indent: 15px;
 
188
        border:0;
 
189
        background-color: #202020;
 
190
        line-height: 200%;
 
191
        -webkit-touch-callout: none;
 
192
        -webkit-user-select: none;
 
193
        -khtml-user-select: none;
 
194
        -moz-user-select: none;
 
195
        -ms-user-select: none;
 
196
        user-select: none;
 
197
}
 
198
 
 
199
#popoutMenu li.expanded:hover {
 
200
        background-color: #ae2771;
 
201
        color: #fff;
 
202
}
 
203
 
 
204
.checkedCourse{
 
205
        background-image: url(../img/expandIcon.png); /* Will be replaced with font. */
 
206
        background-repeat:no-repeat; 
 
207
        background-position:left;
 
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
#formContainer{
 
313
        z-index:3000000;
 
314
        position: fixed;
 
315
    height: 175px;
 
316
    width: 305px;
 
317
        padding-left:15px;
 
318
    margin: -150px 0 0 -160px;
 
319
    top: 50%;
 
320
    left: 50%;
 
321
        background-color:lightgray;
 
322
        border: 1px solid darkgray;
 
323
        font: 13px Helvetica;
 
324
        text-shadow: 0.5px 0.5px #ddd;
 
325
        color: #4F5155; 
 
326
}
 
327
 
 
328
h2.loginTitle{
 
329
        margin:0;
 
330
        margin-left:-15px;
 
331
        margin-bottom:10px;
 
332
        text-indent:15px;
 
333
        padding-top:5px;
 
334
        padding-bottom:5px;
 
335
        color:#FFF;
 
336
        font-size:24px;
 
337
        line-height:100%;
 
338
        background-color:#333333;
 
339
        }
 
340
 
 
341
.placeholder { 
 
342
        color: #aaa; 
 
343
        }
 
344
 
 
345
input.text{
 
346
        margin-top:2px;
 
347
        margin-left:5px;
 
348
        margin-right:5px;
 
349
        height:30px;
 
350
        background-color:white;
 
351
        width:280px;
 
352
        font-size:22px;
 
353
        color:color:#333333;
 
354
        
 
355
        /*Rounded corners*/
 
356
        -webkit-border-radius: 7px;
 
357
        -moz-border-radius: 7px;
 
358
        border-radius: 7px;
 
359
}
 
360
 
 
361
input.submit{
 
362
        float:right;
 
363
        height:35px;
 
364
        width:100px;
 
365
        background-image: linear-gradient(to top,#fff,#f5f5f5);
 
366
        margin-right:20px;
 
367
        
 
368
        /*text style*/
 
369
        font: 16px Helvetica;
 
370
        font-weight:bold;       
 
371
}
 
372
input.btn:hover{
 
373
        background-color:#f5f5f5;
 
374
        background-image: linear-gradient(to bottom,#fff,#f5f5f5);
 
375
}
 
376
 
 
377
input.hint{
 
378
        float:left;
 
379
        width:35px;
 
380
        height:35px;
 
381
 
 
382
        background-image: linear-gradient(to top,#fff,#f5f5f5);
 
383
        margin-left:20px;
 
384
        /*text style*/
 
385
        font: 16px Helvetica;
 
386
        font-weight:bold;       
 
387
}
 
388
 
 
389
input.notValid{
 
390
        background: #FF7F50;
 
391
}
 
392
 
 
393
input.Valid{
 
394
        background: #98FB98;
 
395
}
 
396
 
 
397
.errorMessage{
 
398
        float:right;
 
399
        cursor:pointer;
 
400
        font-family: "icomoon";
 
401
        color:white;
 
402
        font-size: 8px;
 
403
        display:inline;
 
404
        opacity:0;
 
405
}
 
 
b'\\ No newline at end of file'