/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/bannermenu.css

  • Committer: a11emmjo
  • Date: 2013-05-17 15:10:42 UTC
  • mto: This revision was merged to the branch mainline in revision 78.
  • Revision ID: a11emmjo@student.his.se-20130517151042-0p9xon73n61ksj1q
Replaced bannermenu/topmenu/header... on login-page.
Started work on the bannermenu javascript.
Removed bootstrap-stuff. 

Show diffs side-by-side

added added

removed removed

Lines of Context:
codeigniter/css/bannermenu.css
3
3
 
4
4
/*
5
5
 * Standard----------------------------------------------------------------------------------------------------------------------------------------
 
6
 * TODO: Move to indexpage css
6
7
 */
7
8
 
8
9
/* This sets all the margins and paddings to zero so you can controll this individually for each element instead. */
30
31
 */
31
32
 
32
33
#bannerBody {
 
34
        position: fixed;
 
35
        width: 100%;
33
36
        background: url(../img/bannermenu_bg.png) repeat-x;
34
37
        font-family:  Arial, Helvetica, sans-serif;
35
38
}
52
55
#bannerWrapper {
53
56
        width: 1024px;
54
57
        margin: 0 auto;
55
 
        background-color: #0F0;
56
58
        color: #eee;
57
59
}
58
60
 
89
91
}
90
92
 
91
93
#bannerContentCMS {
92
 
        display: inline;
 
94
        display: none;
93
95
}
94
96
 
95
97
/* Contains the header for the CMS page */
96
98
#bannerHeaderCMS{
97
 
        display: inherit;
98
99
        width: 640px; /* Total width: 640px */
99
100
        height: 18px;
100
101
        padding: 24px 29px 12px;
115
116
 
116
117
/* Contains the icon for the dropdownmenu in Codeviewer */
117
118
#bannerCodeviewerMenuButton {
118
 
        display: inherit;
119
119
        width: 31px; /* Total width: 52px with :before below */
120
120
        height: 29px;
121
121
        background-repeat: no-repeat;
127
127
 
128
128
/* Draws the extra light grey border for emboss effect */
129
129
#bannerCodeviewerMenuButton:before {
130
 
        display: inherit;
131
130
        content: '';
132
131
        width: 31px;
133
132
        height: 53px;
137
136
}
138
137
 
139
138
#bannerCodeviewerMenuButton:hover {
140
 
        display: inherit;
141
139
        height: 29px;
142
140
        background-color: #ae2771;
143
141
}
144
142
 
145
143
#bannerLeftArrowButton {
146
 
        display: inherit;
147
144
        width: 25px; /* Total width: 40px */
148
145
        height: 34px;
149
146
        background-repeat: no-repeat;
153
150
}
154
151
 
155
152
#bannerLeftArrowButton:hover {
156
 
        display: inherit;
157
153
        height: 29px;
158
154
        background-color: #ae2771;
159
155
}
160
156
 
161
157
#bannerRightArrowButton {
162
 
        display: inherit;
163
158
        width: 24px; /* Total width: 42px with :before below */
164
159
        height: 29px;
165
160
        background-repeat: no-repeat;
171
166
 
172
167
/* Draws the extra light grey border for emboss effect */
173
168
#bannerRightArrowButton:before {
174
 
        display: inherit;
175
169
        content: '';
176
170
        width: 24px;
177
171
        height: 53px;
181
175
}
182
176
 
183
177
#bannerRightArrowButton:hover {
184
 
        display: inherit;
185
178
        height: 29px;
186
179
        background-color: #ae2771;
187
180
}
188
181
 
189
182
#bannerPlayButton {
190
 
        display: inherit;
191
183
        width: 24px; /* Total width: 52px with :before below */
192
184
        height: 29px;
193
185
        background-repeat: no-repeat;
199
191
 
200
192
/* Draws the extra light grey border for emboss effect */
201
193
#bannerPlayButton:before {
202
 
        display: inherit;
203
194
        content: '';
204
195
        width: 24px;
205
196
        height: 53px;
209
200
}
210
201
 
211
202
#bannerPlayButton:hover {
212
 
        display: inherit;
213
203
        height: 29px;
214
204
        background-color: #ae2771;
215
205
}
216
206
 
217
207
/* Contains the header for the Codeviewer page */
218
208
#bannerHeaderExample{
219
 
        display: inherit;
220
209
        width: 440px; /* Total width: 460px */
221
210
        height: 18px;
222
211
        padding: 24px 10px 12px;
229
218
 
230
219
/* Contains the icon for keywords for the instructor and change view for the student */
231
220
#bannerExtraButton {
232
 
        display: inherit;
233
221
        width: 24px; /* Total width: 52px with :before below */
234
222
        height: 24px;
235
223
        background-repeat: no-repeat;
241
229
 
242
230
/* Draws the extra light grey border for emboss effect */
243
231
#bannerExtraButton:before {
244
 
        display: inherit;
245
232
        content: '';
246
233
        width: 24px;
247
234
        height: 53px;
251
238
}
252
239
 
253
240
#bannerExtraButton:hover {
254
 
        display: inherit;
255
241
        height: 24px;
256
242
        background-color: #ae2771;
257
243
}
286
272
        width: 1024px;
287
273
        margin: 0 auto;
288
274
        color: #eee;
289
 
        z-index: 100;
 
275
        z-index: 999;
290
276
        clear: both;
291
277
}
292
278
 
307
293
}
308
294
 
309
295
.drowdownMenuHeader{
310
 
        display: inherit;
311
296
        height: 16px;
312
297
        border-top: 1px solid #0e91f2;
313
298
        border-bottom: 1px solid #074877;
318
303
}
319
304
 
320
305
.dropdownMenuButton {
321
 
        display: inherit;
322
306
        height: 16px;
323
307
        border-top: 1px solid #555;
324
308
        border-bottom: 1px solid #111;
329
313
}
330
314
 
331
315
.dropdownMenuButton:hover {
332
 
        display: inherit;
333
316
        background-color: #ae2771;
334
317
        border-top: 1px solid #c14288;
335
318
        border-bottom: 1px solid #90215e;
336
319
}
337
320
 
338
321
#dropdownMenuButtonArrow {
339
 
        display: inherit;
340
322
        width: 18px;
341
323
        height: 18px;
342
324
        margin: -2px;
346
328
 
347
329
/* Contains the list of all the courses */
348
330
#dropdownMenuCourseBlock {
349
 
        display: inherit;
350
331
        margin: 0 1px;
351
332
        padding: 5px 0;
352
333
        background-color: #333;
353
334
}
354
335
 
355
336
#dropdownMenuCourseBlock li {
356
 
        display: inherit;
357
337
        display: block;
358
338
        font-size: 1.4em;
359
339
}
360
340
 
361
341
#dropdownMenuCourseBlock li:hover {
362
 
        display: inherit;
363
342
        background-color: #ae2771;
364
343
}
365
344
 
366
345
/* The divider between the list of the courses and Manage Courses */
367
346
#dropdownMenuCourseBlock hr {
368
 
        display: inherit;
369
347
        height: 1px;
370
348
        border-width: 0;
371
349
        margin: 5px 10px; 
374
352
}
375
353
 
376
354
.dropdownMenuCourseBlockNotCourse {
377
 
        display: inherit;
378
355
        padding: 3px 10px;
379
356
}
380
357
 
381
358
.dropdownMenuCourseBlockNonActiveCourse {
382
 
        display: inherit;
383
359
        padding: 3px 10px 3px 32px;
384
360
}
385
361
 
386
362
/* Sets the active course to bold */
387
363
.dropdownMenuCourseBlockActiveCourse {
388
 
        display: inherit;
389
364
        padding: 3px 10px 3px 10px;
390
365
        font-weight: bold;
391
366
}
392
367
 
393
368
/* Puts a checkmark before the active course */
394
369
.dropdownMenuCourseBlockActiveCourse:before {
395
 
        display: inherit;
396
370
        content: url(../img/icomoon_checkmark.png)" ";
397
371
}
 
 
b'\\ No newline at end of file'