/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-28 09:02:36 UTC
  • mfrom: (90.1.13 lenasys2)
  • Revision ID: gustav.hartvigsson@gmail.com-20130528090236-91bqpnjeqfxfoh8e
Merged Jonsson:s changes:

Changed so that cms-controller loads filetree (before known as examplesController, examplesBody, examplesMenu).
Also changed to describing filenames and names for attributes and functions in css, php-view and in model that is used for this.
Started working on cmsindex-view and -css.

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
/*      The box where all stuff in body is generated in.*/
 
15
#cmsContentBody{
 
16
        margin-top:10px;
 
17
}
 
18
 
 
19
/*
 
20
 * Cms Button----------------------------------------------------------------------------------------------------------------------
 
21
 */
 
22
 
 
23
.cmsButton {
 
24
        padding: 4px;
 
25
        text-align: center;
 
26
        font-size: 1.2em;
 
27
        border: 1px solid #333;
 
28
        border-radius: 4px;
 
29
        -webkit-border-radius: 4px;
 
30
        -moz-border-radius: 4px;
 
31
}
 
32
 
 
33
.cmsButton:hover {
 
34
        cursor: hand;
 
35
        cursor: pointer;
 
36
        background-image: linear-gradient(to bottom,#fff,#f5f5f5);
 
37
}
 
38
 
 
39
.right {
 
40
        float: right;
 
41
}
 
42
 
 
43
.abowHeaderLine {
 
44
        position: relative;
 
45
        width: 87px;
 
46
        margin-left: 4px;
 
47
}
 
48
 
 
49
.belowHeaderLine {
 
50
        position: absolute;
 
51
        left: 849px;
 
52
        top: 39px;
 
53
        width: 87px;
 
54
        margin-left: -97px;
 
55
}
 
56
 
 
57
/*
 
58
 * Course filetree-----------------------------------------------------------------------------------------------------------------
 
59
 */
 
60
 
 
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
}
 
118
 
 
119
/*
 
120
body {
 
121
        color: #4F5155;
 
122
        height:1500px;
 
123
}
 
124
a:link{
 
125
        text-decoration:none;
 
126
}
 
127
a:visited{
 
128
        text-decoration:none;
 
129
}
 
130
a:hover{
 
131
        color:#f42;
 
132
        text-decoration:underline;
 
133
}
 
134
 
 
135
@-moz-keyframes pulse{
 
136
        0%{             box-shadow:0 0 1px #888; z-index:3000;}
 
137
        50%{    box-shadow:0 0 100px #888; z-index:3000;}
 
138
        100%{   box-shadow:0 0 1px #888; z-index:3000;}
 
139
}
 
140
 
 
141
@-webkit-keyframes pulse{
 
142
        0%{             box-shadow:0 0 1px #888; z-index:3000;}
 
143
        50%{    box-shadow:0 0 100px #888; z-index:3000;}
 
144
        100%{   box-shadow:0 0 1px #888; z-index:3000;}
 
145
}
 
146
 
 
147
@-moz-keyframes pulseMini{
 
148
        0%{             box-shadow:0 0 1px #aaa; z-index:3000;}
 
149
        50%{    box-shadow:0 0 30px #aaa; z-index:3000;}
 
150
        100%{   box-shadow:0 0 1px #aaa; z-index:3000;}
 
151
}
 
152
 
 
153
@-webkit-keyframes pulseMini{
 
154
        0%{             box-shadow:0 0 1px #aaa; z-index:3000;}
 
155
        50%{    box-shadow:0 0 30px #aaa; z-index:3000;}
 
156
        100%{   box-shadow:0 0 1px #aaa; z-index:3000;}
 
157
}
 
158
 
 
159
h3.subCategoryName{
 
160
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 
161
        font-size:13px;
 
162
        font-weight:bold;
 
163
        color:#438BD5;
 
164
        padding-left:22px;
 
165
        margin:0;
 
166
        line-height:100%;
 
167
}
 
168
 
 
169
a.exampleName{
 
170
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 
171
        color:#438BD5;
 
172
        font-size:12px;
 
173
        display:block;
 
174
        margin:0;
 
175
        padding-top:3px;
 
176
}
 
177
 
 
178
 
 
179
.categoryBorder
 
180
{
 
181
        float:left;
 
182
        margin-left:18px;
 
183
        width:3px;
 
184
        height:25px;
 
185
        background-image: url(../img/borderbackground.png);
 
186
        display:inline-block;
 
187
}
 
188
 
 
189
.exampleBorder
 
190
{
 
191
        float:left;
 
192
        margin-left:17px;
 
193
        margin-right:5px;
 
194
        width:4px;
 
195
        height:22px;
 
196
        background-image: url(../img/borderbackground.png);
 
197
}
 
198
 
 
199
 
 
200
 
 
201
.exampleIcon{
 
202
        float:left;
 
203
        height:9px;
 
204
        padding-top:10px;
 
205
        width:9px;
 
206
        background-image: url(../img/example_indicator.png);
 
207
        background-position:center;
 
208
        background-repeat:no-repeat;
 
209
        display:inline-block;
 
210
        margin-right:5px;
 
211
        margin-left:10px;
 
212
}
 
213
 
 
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
.categoryMoveUp{
 
228
        float:right;
 
229
        position:relative;
 
230
        height: 20px;
 
231
        width:20px;
 
232
 
 
233
        top:-24px;
 
234
        margin-right:25%;
 
235
        margin-left:2px;
 
236
        font-family: icomoon;
 
237
        background-color:silver;
 
238
 
 
239
        
 
240
        
 
241
        transform:rotate(90deg);
 
242
        -ms-transform:rotate(90deg); /* IE 9 */
 
243
        -webkit-transform:rotate(90deg); /* Safari and Chrome */
 
244
        text-align:center;
 
245
        cursor:pointer;
 
246
        -webkit-touch-callout: none;
 
247
        -webkit-user-select: none;
 
248
        -khtml-user-select: none;
 
249
        -moz-user-select: none;
 
250
        -ms-user-select: none;
 
251
        user-select: none;
 
252
}
 
253
.categoryMoveDown{
 
254
        float:right;
 
255
        position:relative;
 
256
        height: 20px;
 
257
        width:20px;
 
258
 
 
259
        top:-24px;
 
260
        margin-left:2px;
 
261
        font-family: icomoon;
 
262
        background-color:silver;
 
263
        
 
264
        transform:rotate(-90deg);
 
265
        -ms-transform:rotate(-90deg); /* IE 9 */
 
266
        -webkit-transform:rotate(-90deg); /* Safari and Chrome */
 
267
        text-align:center;
 
268
        cursor:pointer;
 
269
        -webkit-touch-callout: none;
 
270
        -webkit-user-select: none;
 
271
        -khtml-user-select: none;
 
272
        -moz-user-select: none;
 
273
        -ms-user-select: none;
 
274
        user-select: none;
 
275
}
 
276
 
 
277
.categoryPulse{
 
278
        -moz-animation: pulse 1.5s 1;
 
279
        -webkit-animation: pulse 1.5s 1;
 
280
}
 
281
 
 
282
 
 
283
.categoryPulseMini{
 
284
        -moz-animation: pulseMini 1.5s 1;
 
285
        -webkit-animation: pulseMini 1.5s 1;
 
286
}*/
 
 
b'\\ No newline at end of file'