/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/cmsindex.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/cmsindex.css
 
1
 
 
2
/*
 
3
 * Cms Index-----------------------------------------------------------------------------------------------------------------------
 
4
 */
 
5
 
 
6
#cmsContentHeader {
 
7
        width: 849px;
 
8
        height: 25px;
 
9
        padding-top: 4px;
 
10
        padding-bottom: 4px;
 
11
        border-bottom: 1px solid #acacac;
 
12
}
 
13
 
 
14
#cmsContentBody {
 
15
        margin-top:10px;
 
16
}
 
17
 
 
18
/* Bg-color for odd rows */
 
19
.odd {
 
20
        background-color:#fff;
 
21
        display: block;
 
22
        width: 687px;
 
23
        height: 2.4em;
 
24
}
 
25
 
 
26
/* Bg-color for even rows */
 
27
.even {
 
28
        background-color:#f5f5f5;
 
29
        display: block;
 
30
        width: 687px;
 
31
        height: 2.4em;
 
32
}
 
33
 
 
34
/*
 
35
 * Cms Category--------------------------------------------------------------------------------------------------------------------
 
36
 */
 
37
 
 
38
.categoryName {
 
39
        margin-left: 1.9em;
 
40
        padding-top: 0.2em;
 
41
        padding-bottom: 0.1em;
 
42
        color: #0a68ad;
 
43
        font-size: 1.6em;
 
44
        font-weight: bold;
 
45
}
 
46
 
 
47
.categoryIcon {
 
48
        width: 9px;
 
49
        height: 12px;
 
50
        margin-top: 1.0em;
 
51
        margin-left: 1.5em;
 
52
        margin-bottom: 0.1em;
 
53
        background: url(../img/filetree_expanded_arrow.png);
 
54
        float: left;
 
55
}
 
56
 
 
57
.categoryDots {
 
58
        width: 3px;
 
59
        height: 2.4em;
 
60
        margin-top: 0;
 
61
        margin-left: 1.8em;
 
62
        margin-bottom: 0;
 
63
        background: url(../img/filetree_expanded_dot.png) repeat-y;
 
64
        float: left;
 
65
}
 
66
 
 
67
/*
 
68
 * Cms Subcategory-----------------------------------------------------------------------------------------------------------------
 
69
 */
 
70
 
 
71
.subCategoryName{
 
72
        display: block;
 
73
        width: 638px;
 
74
        height: 1.4em;
 
75
        padding-left: 3.5em;
 
76
        padding-top: 0.3em;
 
77
        padding-bottom: 0.0em;
 
78
        color: #0a68ad;
 
79
        font-size: 1.4em;
 
80
        font-weight: bold;
 
81
}
 
82
 
 
83
.subCategoryIcon {
 
84
        width: 9px;
 
85
        height: 12px;
 
86
        margin-top: 1.0em;
 
87
        margin-left: 1.2em;
 
88
        margin-bottom: 0.1em;
 
89
        background: url(../img/filetree_expanded_arrow.png);
 
90
        float: left;
 
91
}
 
92
 
 
93
.subCategoryDots {
 
94
        width: 3px;
 
95
        height: 2.4em;
 
96
        margin-top: 0;
 
97
        margin-left: 1.5em;
 
98
        margin-bottom: 0;
 
99
        background: url(../img/filetree_expanded_dot.png) repeat-y;
 
100
        float: left;
 
101
}
 
102
 
 
103
/*
 
104
 * Cms Examples & Quizzes----------------------------------------------------------------------------------------------------------
 
105
 */
 
106
 
 
107
.exampleName{
 
108
        display: block;
 
109
        width: 619px;
 
110
        height: 1.2em;
 
111
        padding-left: 4.9em;
 
112
        padding-top: 0.5em;
 
113
        padding-bottom: 0.3em;
 
114
        color: #0a68ad;
 
115
        font-size: 1.2em;
 
116
        font-weight: bold;
 
117
}
 
118
 
 
119
.exampleName:before {
 
120
        margin: 0 5px 0 0;
 
121
        content: url(../img/filetree_example_indicator.png);
 
122
}
 
123
 
 
124
.quizName{
 
125
        display: block;
 
126
        width: 619px;
 
127
        height: 1.2em;
 
128
        padding-left: 4.9em;
 
129
        padding-top: 0.5em;
 
130
        padding-bottom: 0.3em;
 
131
        color: #0a68ad;
 
132
        font-size: 1.2em;
 
133
        font-weight: bold;
 
134
}
 
135
 
 
136
.quizName:before {
 
137
        margin: 0 5px 0 0;
 
138
        content: url(../img/filetree_quiz_indicator.png);
 
139
}
 
140
 
 
141
/*
 
142
 * Cms Button----------------------------------------------------------------------------------------------------------------------
 
143
 */
 
144
 
 
145
.cmsButton {
 
146
        padding: 4px;
 
147
        text-align: center;
 
148
        font-size: 1.2em;
 
149
        border: 1px solid #333;
 
150
        border-radius: 4px;
 
151
        -webkit-border-radius: 4px;
 
152
        -moz-border-radius: 4px;
 
153
}
 
154
 
 
155
.cmsButton:hover {
 
156
        cursor: hand;
 
157
        cursor: pointer;
 
158
        background-image: linear-gradient(to bottom,#fff,#f5f5f5);
 
159
}
 
160
 
 
161
.right {
 
162
        float: right;
 
163
}
 
164
 
 
165
.abowHeaderLine {
 
166
        position: relative;
 
167
        width: 87px;
 
168
        margin-left: 4px;
 
169
}
 
170
 
 
171
.belowHeaderLine {
 
172
        position: absolute;
 
173
        left: 849px;
 
174
        top: 39px;
 
175
        width: 87px;
 
176
        margin-left: -97px;
 
177
}
 
178
 
 
179
/*
 
180
 * Course filetree-----------------------------------------------------------------------------------------------------------------
 
181
 */
 
182
 
 
183
 
 
184
 
 
185
/*
 
186
body {
 
187
        color: #4F5155;
 
188
        height:1500px;
 
189
}
 
190
a:link{
 
191
        text-decoration:none;
 
192
}
 
193
a:visited{
 
194
        text-decoration:none;
 
195
}
 
196
a:hover{
 
197
        color:#f42;
 
198
        text-decoration:underline;
 
199
}
 
200
 
 
201
@-moz-keyframes pulse{
 
202
        0%{             box-shadow:0 0 1px #888; z-index:3000;}
 
203
        50%{    box-shadow:0 0 100px #888; z-index:3000;}
 
204
        100%{   box-shadow:0 0 1px #888; z-index:3000;}
 
205
}
 
206
 
 
207
@-webkit-keyframes pulse{
 
208
        0%{             box-shadow:0 0 1px #888; z-index:3000;}
 
209
        50%{    box-shadow:0 0 100px #888; z-index:3000;}
 
210
        100%{   box-shadow:0 0 1px #888; z-index:3000;}
 
211
}
 
212
 
 
213
@-moz-keyframes pulseMini{
 
214
        0%{             box-shadow:0 0 1px #aaa; z-index:3000;}
 
215
        50%{    box-shadow:0 0 30px #aaa; z-index:3000;}
 
216
        100%{   box-shadow:0 0 1px #aaa; z-index:3000;}
 
217
}
 
218
 
 
219
@-webkit-keyframes pulseMini{
 
220
        0%{             box-shadow:0 0 1px #aaa; z-index:3000;}
 
221
        50%{    box-shadow:0 0 30px #aaa; z-index:3000;}
 
222
        100%{   box-shadow:0 0 1px #aaa; z-index:3000;}
 
223
}
 
224
 
 
225
h3.subCategoryName{
 
226
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 
227
        font-size:13px;
 
228
        font-weight:bold;
 
229
        color:#438BD5;
 
230
        padding-left:22px;
 
231
        margin:0;
 
232
        line-height:100%;
 
233
}
 
234
 
 
235
a.exampleName{
 
236
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 
237
        color:#438BD5;
 
238
        font-size:12px;
 
239
        display:block;
 
240
        margin:0;
 
241
        padding-top:3px;
 
242
}
 
243
 
 
244
 
 
245
.categoryIcon{
 
246
        color:#bababa;
 
247
        font-size:13px;
 
248
        display:inline-block;
 
249
        margin-left:11px;
 
250
        margin-right:5px;
 
251
        cursor:pointer;
 
252
        -webkit-touch-callout: none;
 
253
        -webkit-user-select: none;
 
254
        -khtml-user-select: none;
 
255
        -moz-user-select: none;
 
256
        -ms-user-select: none;
 
257
        user-select: none;
 
258
}
 
259
 
 
260
.categoryIcon.expanded{
 
261
        transform:rotate(90deg);
 
262
        -ms-transform:rotate(90deg);
 
263
        -webkit-transform:rotate(90deg);
 
264
}
 
265
.categoryIcon.notExpanded{
 
266
        transform:rotate(0deg);
 
267
        -ms-transform:rotate(0deg);
 
268
        -webkit-transform:rotate(0deg);
 
269
}
 
270
 
 
271
 
 
272
.categoryBorder
 
273
{
 
274
        float:left;
 
275
        margin-left:18px;
 
276
        width:3px;
 
277
        height:25px;
 
278
        background-image: url(../img/borderbackground.png);
 
279
        display:inline-block;
 
280
}
 
281
 
 
282
.exampleBorder
 
283
{
 
284
        float:left;
 
285
        margin-left:17px;
 
286
        margin-right:5px;
 
287
        width:4px;
 
288
        height:22px;
 
289
        background-image: url(../img/borderbackground.png);
 
290
}
 
291
 
 
292
 
 
293
 
 
294
.exampleIcon{
 
295
        float:left;
 
296
        height:9px;
 
297
        padding-top:10px;
 
298
        width:9px;
 
299
        background-image: url(../img/example_indicator.png);
 
300
        background-position:center;
 
301
        background-repeat:no-repeat;
 
302
        display:inline-block;
 
303
        margin-right:5px;
 
304
        margin-left:10px;
 
305
}
 
306
 
 
307
.categoryMoveUp{
 
308
        float:right;
 
309
        position:relative;
 
310
        height: 20px;
 
311
        width:20px;
 
312
 
 
313
        top:-24px;
 
314
        margin-right:25%;
 
315
        margin-left:2px;
 
316
        font-family: icomoon;
 
317
        background-color:silver;
 
318
 
 
319
        
 
320
        
 
321
        transform:rotate(90deg);
 
322
        -ms-transform:rotate(90deg);
 
323
        -webkit-transform:rotate(90deg);
 
324
        text-align:center;
 
325
        cursor:pointer;
 
326
        -webkit-touch-callout: none;
 
327
        -webkit-user-select: none;
 
328
        -khtml-user-select: none;
 
329
        -moz-user-select: none;
 
330
        -ms-user-select: none;
 
331
        user-select: none;
 
332
}
 
333
.categoryMoveDown{
 
334
        float:right;
 
335
        position:relative;
 
336
        height: 20px;
 
337
        width:20px;
 
338
 
 
339
        top:-24px;
 
340
        margin-left:2px;
 
341
        font-family: icomoon;
 
342
        background-color:silver;
 
343
        
 
344
        transform:rotate(-90deg);
 
345
        -ms-transform:rotate(-90deg);
 
346
        -webkit-transform:rotate(-90deg);
 
347
        text-align:center;
 
348
        cursor:pointer;
 
349
        -webkit-touch-callout: none;
 
350
        -webkit-user-select: none;
 
351
        -khtml-user-select: none;
 
352
        -moz-user-select: none;
 
353
        -ms-user-select: none;
 
354
        user-select: none;
 
355
}
 
356
 
 
357
.categoryPulse{
 
358
        -moz-animation: pulse 1.5s 1;
 
359
        -webkit-animation: pulse 1.5s 1;
 
360
}
 
361
 
 
362
 
 
363
.categoryPulseMini{
 
364
        -moz-animation: pulseMini 1.5s 1;
 
365
        -webkit-animation: pulseMini 1.5s 1;
 
366
}*/
 
 
b'\\ No newline at end of file'