/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
3
3
 * Cms Index-----------------------------------------------------------------------------------------------------------------------
4
4
 */
5
5
 
6
 
#cmsContentHeader{
 
6
#cmsContentHeader {
7
7
        width: 849px;
8
8
        height: 25px;
9
9
        padding-top: 4px;
11
11
        border-bottom: 1px solid #acacac;
12
12
}
13
13
 
14
 
#cmsContentBody{
 
14
#cmsContentBody {
15
15
        margin-top:10px;
16
16
}
17
17
 
18
 
.odd{
 
18
/* Bg-color for odd rows */
 
19
.odd {
19
20
        background-color:#fff;
20
 
}
21
 
 
22
 
.even{
23
 
        background-color:#f5f5f5; 
24
 
}
25
 
 
26
 
.categoryName{
27
 
        display: block;
28
 
        width: 657px;
29
 
        height: 1.2em;
30
 
        padding-left: 1.9em;
 
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;
31
40
        padding-top: 0.2em;
32
41
        padding-bottom: 0.1em;
33
42
        color: #0a68ad;
35
44
        font-weight: bold;
36
45
}
37
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
 
38
67
/*
39
 
.categoryIcon{
40
 
        color:#bababa;
41
 
        font-family: "icomoon";
42
 
        font-size:13px;
43
 
        display:inline-block;
44
 
        margin-left:11px;
45
 
        margin-right:5px;
46
 
        cursor:pointer;
47
 
        -webkit-touch-callout: none;
48
 
        -webkit-user-select: none;
49
 
        -khtml-user-select: none;
50
 
        -moz-user-select: none;
51
 
        -ms-user-select: none;
52
 
        user-select: none;
53
 
}
54
 
 
55
 
.categoryIcon.expanded{
56
 
        transform:rotate(90deg);
57
 
        -ms-transform:rotate(90deg);
58
 
        -webkit-transform:rotate(90deg);
59
 
}
60
 
.categoryIcon.notExpanded{
61
 
        transform:rotate(0deg);
62
 
        -ms-transform:rotate(0deg);
63
 
        -webkit-transform:rotate(0deg);
64
 
}
65
 
*/
 
68
 * Cms Subcategory-----------------------------------------------------------------------------------------------------------------
 
69
 */
66
70
 
67
71
.subCategoryName{
68
72
        display: block;
76
80
        font-weight: bold;
77
81
}
78
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
 
79
107
.exampleName{
80
108
        display: block;
81
109
        width: 619px;
82
110
        height: 1.2em;
83
 
        padding-left: 5.7em;
 
111
        padding-left: 4.9em;
84
112
        padding-top: 0.5em;
85
113
        padding-bottom: 0.3em;
86
114
        color: #0a68ad;
90
118
 
91
119
.exampleName:before {
92
120
        margin: 0 5px 0 0;
93
 
        content: url(../img/example_indicator.png);
 
121
        content: url(../img/filetree_example_indicator.png);
94
122
}
95
123
 
96
124
.quizName{
97
125
        display: block;
98
126
        width: 619px;
99
127
        height: 1.2em;
100
 
        padding-left: 5.7em;
 
128
        padding-left: 4.9em;
101
129
        padding-top: 0.5em;
102
130
        padding-bottom: 0.3em;
103
131
        color: #0a68ad;
107
135
 
108
136
.quizName:before {
109
137
        margin: 0 5px 0 0;
110
 
        content: url(../img/quizz_indicator.png);
 
138
        content: url(../img/filetree_quiz_indicator.png);
111
139
}
112
140
 
113
141
/*
214
242
}
215
243
 
216
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
 
217
272
.categoryBorder
218
273
{
219
274
        float:left;