/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 Hartvigsson
  • Date: 2013-04-12 19:13:58 UTC
  • Revision ID: gustav.hartvigsson@gmail.com-20130412191358-lvnmll48cw7idkzk
added:
* COPYING - licensing information
* COPYRIGHT_HEADER - the header that should be in every file related to
  the project.
* README - Information about the project.
* lgpl-3.0 - The license that is used by this project.

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'