/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: a11andoh
  • Date: 2013-05-31 06:21:54 UTC
  • mfrom: (135 lenasys_b)
  • mto: This revision was merged to the branch mainline in revision 137.
  • Revision ID: a11andoh@student.his.se-20130531062154-x18nki8dufjub99h
blurp

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'