/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: Gustav Hatvigsson
  • Date: 2013-05-31 06:15:46 UTC
  • mfrom: (90.1.20 lenasys2)
  • Revision ID: gustav.hartvigsson@gmail.com-20130531061546-vj8z28sq375kvghq
Merged Jonsson:s changes:
Fixed the layout on cms index so the arrows and dots marks expanded objects.
Fixed so the course content is sorted by course occasion and not by name

Show diffs side-by-side

added added

removed removed

Lines of Context:
codeigniter/css/bannermenu.css
 
1
/*
 
2
 * BannerBody----------------------------------------------------------------------------------------------------------------------------
 
3
 */
 
4
 
 
5
#bannerBody {
 
6
        position: fixed;
 
7
        width: 100%;
 
8
        height: 54px;
 
9
        background: url(../img/bannermenu_bg.png) repeat-x;
 
10
        z-index: 999;
 
11
}
 
12
 
 
13
#bannerBody a:link, a:visited, a:active {
 
14
        color: #eee;
 
15
        text-decoration: none;
 
16
}
 
17
 
 
18
/*
 
19
 * Banner--------------------------------------------------------------------------------------------------------------------------
 
20
 */
 
21
 
 
22
/* Is used for the icons in the bannermenu */
 
23
.icomoon{
 
24
        font-family: "icomoon";
 
25
}
 
26
 
 
27
/* Centers the bannermenu */
 
28
#bannerWrapper {
 
29
        width: 1024px;
 
30
        margin: 0 auto;
 
31
        color: #eee;
 
32
}
 
33
 
 
34
#bannerLogoButton {
 
35
        width: 159px; /* Total width: 162px with :before below */
 
36
        height: 53px;
 
37
        background-color: #333;
 
38
        background-image: url(../img/logo_button.png);
 
39
        background-repeat: no-repeat;
 
40
        border-right: 1px solid #111;
 
41
        border-left: 1px solid #111;
 
42
        float: left;
 
43
}
 
44
 
 
45
/* Draws the extra light grey border for emboss effect */
 
46
#bannerLogoButton:before {
 
47
        content: '';
 
48
        width: 159px;
 
49
        height: 53px;
 
50
        position: absolute;
 
51
        border-right: 1px solid #555;
 
52
        border-left: 1px solid #555;
 
53
}
 
54
 
 
55
#bannerLogoButton:hover {
 
56
        height: 53px;
 
57
        background-color: #ae2771;
 
58
}
 
59
 
 
60
/* Groups the content in the header between the LenaSYS button and the user button */
 
61
#bannerContent {
 
62
        width: 698px; /* Total width: 698px */
 
63
        height: 54px;
 
64
        background: url(../img/bannermenu_bg.png) repeat-x;
 
65
        float: left;
 
66
}
 
67
 
 
68
#bannerContentCMS {
 
69
        display: relative;
 
70
}
 
71
 
 
72
/* Contains the header for the CMS page */
 
73
#bannerHeaderCMS{
 
74
        width: 640px; /* Total width: 640px */
 
75
        height: 18px;
 
76
        padding: 24px 29px 12px;
 
77
        color: #eee;
 
78
        font-size: 1.8em;
 
79
        font-weight: bold;
 
80
        overflow: hidden;
 
81
        white-space: nowrap;
 
82
}
 
83
 
 
84
/*
 
85
 * Start of content for bannermenu in Codeviewer. Everything in this block is needed for the bannermenu in CodeViewer--------------
 
86
 */
 
87
 
 
88
#bannerContentExample {
 
89
        display: none;
 
90
}
 
91
 
 
92
/* Contains the icon for the dropdownmenu in Codeviewer */
 
93
#bannerCodeviewerMenuButton {
 
94
        width: 31px; /* Total width: 52px with :before below */
 
95
        height: 29px;
 
96
        background-repeat: no-repeat;
 
97
        padding: 12px 10px;
 
98
        font-size: 3.0em;
 
99
        border-right: 1px solid #111;
 
100
        float: left;
 
101
}
 
102
 
 
103
/* Draws the extra light grey border for emboss effect */
 
104
#bannerCodeviewerMenuButton:before {
 
105
        content: '';
 
106
        width: 31px;
 
107
        height: 53px;
 
108
        margin: -12px 11px;
 
109
        position: absolute;
 
110
        border-right: 1px solid #555;
 
111
}
 
112
 
 
113
#bannerCodeviewerMenuButton:hover {
 
114
        height: 29px;
 
115
        background-color: #ae2771;
 
116
}
 
117
 
 
118
#bannerLeftArrowButton {
 
119
        width: 25px; /* Total width: 40px */
 
120
        height: 34px;
 
121
        background-repeat: no-repeat;
 
122
        padding: 16px 5px 8px 10px;
 
123
        font-size: 2.5em;
 
124
        float: left;
 
125
}
 
126
 
 
127
#bannerLeftArrowButton:hover {
 
128
        height: 29px;
 
129
        background-color: #ae2771;
 
130
}
 
131
 
 
132
#bannerRightArrowButton {
 
133
        width: 24px; /* Total width: 42px with :before below */
 
134
        height: 29px;
 
135
        background-repeat: no-repeat;
 
136
        padding: 16px 12px 8px 5px;
 
137
        font-size: 2.5em;
 
138
        border-right: 1px solid #111;
 
139
        float: left;
 
140
}
 
141
 
 
142
/* Draws the extra light grey border for emboss effect */
 
143
#bannerRightArrowButton:before {
 
144
        content: '';
 
145
        width: 24px;
 
146
        height: 53px;
 
147
        margin: -16px 13px;
 
148
        position: absolute;
 
149
        border-right: 1px solid #555;
 
150
}
 
151
 
 
152
#bannerRightArrowButton:hover {
 
153
        height: 29px;
 
154
        background-color: #ae2771;
 
155
}
 
156
 
 
157
#bannerPlayButton {
 
158
        width: 24px; /* Total width: 52px with :before below */
 
159
        height: 29px;
 
160
        background-repeat: no-repeat;
 
161
        padding: 16px 14px 8px 13px;
 
162
        font-size: 2.5em;
 
163
        border-right: 1px solid #111;
 
164
        float: left;
 
165
}
 
166
 
 
167
/* Draws the extra light grey border for emboss effect */
 
168
#bannerPlayButton:before {
 
169
        content: '';
 
170
        width: 24px;
 
171
        height: 53px;
 
172
        margin: -16px 15px;
 
173
        position: absolute;
 
174
        border-right: 1px solid #555;
 
175
}
 
176
 
 
177
#bannerPlayButton:hover {
 
178
        height: 29px;
 
179
        background-color: #ae2771;
 
180
}
 
181
 
 
182
/* Contains the header for the Codeviewer page */
 
183
#bannerHeaderExample{
 
184
        width: 440px; /* Total width: 460px */
 
185
        height: 18px;
 
186
        padding: 24px 10px 12px;
 
187
        font-size: 1.8em;
 
188
        font-weight: bold;
 
189
        overflow: hidden;
 
190
        white-space: nowrap;
 
191
        float: left;
 
192
}
 
193
 
 
194
/* Contains the icon for keywords for the instructor and change view for the student */
 
195
#bannerExtraButton {
 
196
        width: 24px; /* Total width: 52px with :before below */
 
197
        height: 24px;
 
198
        background-repeat: no-repeat;
 
199
        padding: 17px 13px 12px 14px;
 
200
        font-size: 2.5em;
 
201
        border-left: 1px solid #111;
 
202
        float: left;
 
203
}
 
204
 
 
205
/* Draws the extra light grey border for emboss effect */
 
206
#bannerExtraButton:before {
 
207
        content: '';
 
208
        width: 24px;
 
209
        height: 53px;
 
210
        margin: -17px -14px;
 
211
        position: absolute;
 
212
        border-left: 1px solid #555;
 
213
}
 
214
 
 
215
#bannerExtraButton:hover {
 
216
        height: 24px;
 
217
        background-color: #ae2771;
 
218
}
 
219
 
 
220
/*
 
221
 * End of content for bannermenu in Codeviewer-------------------------------------------------------------------------------------
 
222
 */
 
223
 
 
224
#bannerUserMenuButton {
 
225
        width: 94px; /* Total width: 164px */
 
226
        height: 16px;
 
227
        background-color: #333;
 
228
        background-image: url(../img/user_menu_button.png);
 
229
        background-repeat: no-repeat;
 
230
        padding: 25px 56px 13px 14px;
 
231
        font-family: Arial, Helvetica, sans-serif;
 
232
        font-size: 1.7em;
 
233
        text-align: center;
 
234
        float: left;
 
235
}
 
236
 
 
237
#bannerUserMenuButton:hover {
 
238
        height: 16px;
 
239
        background-color: #ae2771;
 
240
        cursor: hand;
 
241
        cursor: pointer;
 
242
}
 
243
 
 
244
/*
 
245
 * Dropdownmenus-------------------------------------------------------------------------------------------------------------------
 
246
 */
 
247
 
 
248
/* Contains the dropdownmenu for the codeviewer menu button */
 
249
#dropdownCodeviewerMenu {
 
250
        position: absolute;
 
251
        top: 54px;
 
252
        display: none;
 
253
        min-width: 100px;
 
254
        color: #eee;
 
255
        float: left;
 
256
}
 
257
 
 
258
/* Contains the dropdownmenu for the userbutton */
 
259
#dropdownUserMenu {
 
260
        display: none;
 
261
        min-width: 162px;
 
262
        margin: 0 1px;
 
263
        color: #eee;
 
264
        float: right;
 
265
}
 
266
 
 
267
.drowdownMenuHeader{
 
268
        height: 16px;
 
269
        border-top: 1px solid #0e91f2;
 
270
        border-bottom: 1px solid #074877;
 
271
        padding: 8px 10px 8px;
 
272
        background-color: #0a68ad;
 
273
        font-size: 1.6em;
 
274
        font-weight: bold;
 
275
}
 
276
 
 
277
.dropdownMenuButton {
 
278
        height: 16px;
 
279
        border-top: 1px solid #555;
 
280
        border-bottom: 1px solid #111;
 
281
        padding: 6px 10px;
 
282
        background-color: #333;
 
283
        font-size: 1.6em;
 
284
        font-weight: 500;
 
285
}
 
286
 
 
287
.dropdownMenuButton:hover {
 
288
        background-color: #ae2771;
 
289
        border-top: 1px solid #c14288;
 
290
        border-bottom: 1px solid #90215e;
 
291
        cursor: hand;
 
292
        cursor: pointer;
 
293
}
 
294
 
 
295
#dropdownMenuButtonArrow {
 
296
        width: 18px;
 
297
        height: 18px;
 
298
        margin: -2px;
 
299
        background-image: url(../img/icomoon_arrow_down.png);
 
300
        float: right;
 
301
}
 
302
 
 
303
/* Contains the list of all the courses */
 
304
#dropdownMenuCourseBlock {
 
305
        display: none;
 
306
        margin: 0 1px;
 
307
        padding: 5px 0;
 
308
        background-color: #333;
 
309
        font-size: 1.4em;
 
310
}
 
311
 
 
312
#dropdownMenuCourseBlock li {
 
313
        display: block;
 
314
        padding: 3px 10px 3px 32px;
 
315
}
 
316
 
 
317
#dropdownMenuCourseBlock li:hover {
 
318
        background-color: #ae2771;
 
319
        cursor: hand;
 
320
        cursor: pointer;
 
321
}
 
322
 
 
323
/* Sets the active course to bold */
 
324
.dropdownMenuCourseBlockActiveCourse {
 
325
        padding-left: 10px !important;
 
326
        font-weight: bold;
 
327
}
 
328
 
 
329
/* Puts a checkmark before the active course */
 
330
.dropdownMenuCourseBlockActiveCourse:before {
 
331
        margin: 0 5px 0 0;
 
332
        content: url(../img/icomoon_checkmark.png);
 
333
}
 
334
 
 
335
/* The divider between the list of the courses and Manage Courses */
 
336
#dropdownMenuCourseBlock hr {
 
337
        height: 1px;
 
338
        border-width: 0;
 
339
        margin: 5px 10px; 
 
340
        color: #555;
 
341
        background-color: #555;
 
342
}
 
343
 
 
344
#dropdownMenuCourseBlock p {
 
345
        display: block;
 
346
        padding: 3px 10px;
 
347
}
 
348
 
 
349
#dropdownMenuCourseBlock p:hover {
 
350
        background-color: #ae2771;
 
351
        cursor: hand;
 
352
        cursor: pointer;
 
353
}
 
354
 
 
355
/*
 
356
 * Popup---------------------------------------------------------------------------------------------------------------------------
 
357
 */
 
358
 
 
359
 #popup {
 
360
        display: none;
 
361
        position: absolute;
 
362
        top: 120px;
 
363
        left: 50%;
 
364
        width: 1px;
 
365
        height: 1px;
 
366
 }
 
 
b'\\ No newline at end of file'