/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:54:35 UTC
  • mfrom: (85.1.32 lenasys)
  • Revision ID: gustav.hartvigsson@gmail.com-20130531065435-gsi9nf8iusmc6t0p
Merged ohlson:s changes:

added copyright information

Show diffs side-by-side

added added

removed removed

Lines of Context:
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
 
/*      The box where all stuff in body is generated in.*/
15
 
#cmsContentBody{
 
14
#cmsContentBody {
16
15
        margin-top:10px;
17
16
}
18
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
 
19
141
/*
20
142
 * Cms Button----------------------------------------------------------------------------------------------------------------------
21
143
 */
58
180
 * Course filetree-----------------------------------------------------------------------------------------------------------------
59
181
 */
60
182
 
61
 
/*      Banner is for each category */
62
 
.categoryName{
63
 
        display:block;
64
 
        width:100%;
65
 
        background-color: red;
66
 
        color: #438bc5;
67
 
        font-size: 1.6em;
68
 
        font-weight: bold;
69
 
}
70
 
 
71
 
.categoryIcon{
72
 
        color:#bababa;
73
 
        font-family: "icomoon";
74
 
        font-size:13px;
75
 
        display:inline-block;
76
 
        margin-left:11px;
77
 
        margin-right:5px;
78
 
        cursor:pointer;
79
 
        -webkit-touch-callout: none;
80
 
        -webkit-user-select: none;
81
 
        -khtml-user-select: none;
82
 
        -moz-user-select: none;
83
 
        -ms-user-select: none;
84
 
        user-select: none;
85
 
}
86
 
 
87
 
.categoryIcon.expanded{
88
 
        transform:rotate(90deg);
89
 
        -ms-transform:rotate(90deg); /* IE 9 */
90
 
        -webkit-transform:rotate(90deg); /* Safari and Chrome */
91
 
}
92
 
.categoryIcon.notExpanded{
93
 
        transform:rotate(0deg);
94
 
        -ms-transform:rotate(0deg); /* IE 9 */
95
 
        -webkit-transform:rotate(0deg); /* Safari and Chrome */
96
 
}
97
 
 
98
 
.subCategoryName{
99
 
        color: #438bc5;
100
 
        font-size: 1.4em;
101
 
        font-weight: bold;
102
 
        padding-left:22px;
103
 
}
104
 
 
105
 
.exampleName{
106
 
        color: #438bc5;
107
 
        font-size: 1.2em;
108
 
        font-weight: bold;
109
 
        padding-left:42px;
110
 
}
111
 
 
112
 
.quizName{
113
 
        color: #438bc5;
114
 
        font-size: 1.2em;
115
 
        font-weight: bold;
116
 
        padding-left:42px;
117
 
}
 
183
 
118
184
 
119
185
/*
120
186
body {
176
242
}
177
243
 
178
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
 
179
272
.categoryBorder
180
273
{
181
274
        float:left;
211
304
        margin-left:10px;
212
305
}
213
306
 
214
 
 
215
 
 
216
 
/* Odd or even rows */
217
 
.odd{
218
 
        padding-top:5px;
219
 
        background-color:#f5f5f5; 
220
 
}
221
 
 
222
 
.even{
223
 
        padding-top:5px;
224
 
        background-color:#fff; 
225
 
}
226
 
 
227
307
.categoryMoveUp{
228
308
        float:right;
229
309
        position:relative;
239
319
        
240
320
        
241
321
        transform:rotate(90deg);
242
 
        -ms-transform:rotate(90deg); /* IE 9 */
243
 
        -webkit-transform:rotate(90deg); /* Safari and Chrome */
 
322
        -ms-transform:rotate(90deg);
 
323
        -webkit-transform:rotate(90deg);
244
324
        text-align:center;
245
325
        cursor:pointer;
246
326
        -webkit-touch-callout: none;
262
342
        background-color:silver;
263
343
        
264
344
        transform:rotate(-90deg);
265
 
        -ms-transform:rotate(-90deg); /* IE 9 */
266
 
        -webkit-transform:rotate(-90deg); /* Safari and Chrome */
 
345
        -ms-transform:rotate(-90deg);
 
346
        -webkit-transform:rotate(-90deg);
267
347
        text-align:center;
268
348
        cursor:pointer;
269
349
        -webkit-touch-callout: none;