bzr branch
http://gegoxaren.bato24.eu/bzr/lenasys/trunk
|
90.1.13
by a11emmjo
Changed so that cms-controller loads filetree (before known as examplesController, examplesBody, examplesMenu). |
1 |
/*
|
2 |
* Cms Index-----------------------------------------------------------------------------------------------------------------------
|
|
3 |
*/
|
|
4 |
||
5 |
#cmsContentHeader{ |
|
6 |
width: 849px; |
|
7 |
height: 25px; |
|
8 |
padding-top: 4px; |
|
9 |
padding-bottom: 4px; |
|
10 |
border-bottom: 1px solid #acacac; |
|
11 |
}
|
|
12 |
||
13 |
/* The box where all stuff in body is generated in.*/
|
|
14 |
#cmsContentBody{ |
|
15 |
margin-top:10px; |
|
16 |
}
|
|
17 |
||
18 |
/*
|
|
19 |
* Cms Button----------------------------------------------------------------------------------------------------------------------
|
|
20 |
*/
|
|
21 |
||
22 |
.cmsButton { |
|
23 |
padding: 4px; |
|
24 |
text-align: center; |
|
25 |
font-size: 1.2em; |
|
26 |
border: 1px solid #333; |
|
27 |
border-radius: 4px; |
|
28 |
-webkit-border-radius: 4px; |
|
29 |
-moz-border-radius: 4px; |
|
30 |
}
|
|
31 |
||
32 |
.cmsButton:hover { |
|
33 |
cursor: hand; |
|
34 |
cursor: pointer; |
|
35 |
background-image: linear-gradient(to bottom,#fff,#f5f5f5); |
|
36 |
}
|
|
37 |
||
38 |
.right { |
|
39 |
float: right; |
|
40 |
}
|
|
41 |
||
42 |
.abowHeaderLine { |
|
43 |
position: relative; |
|
44 |
width: 87px; |
|
45 |
margin-left: 4px; |
|
46 |
}
|
|
47 |
||
48 |
.belowHeaderLine { |
|
49 |
position: absolute; |
|
50 |
left: 849px; |
|
51 |
top: 39px; |
|
52 |
width: 87px; |
|
53 |
margin-left: -97px; |
|
54 |
}
|
|
55 |
||
56 |
/*
|
|
57 |
* Course filetree-----------------------------------------------------------------------------------------------------------------
|
|
58 |
*/
|
|
59 |
||
60 |
/* Banner is for each category */
|
|
61 |
.categoryName{ |
|
62 |
display:block; |
|
63 |
width:100%; |
|
64 |
background-color: red; |
|
65 |
color: #438bc5; |
|
66 |
font-size: 1.6em; |
|
67 |
font-weight: bold; |
|
68 |
}
|
|
69 |
||
70 |
.categoryIcon{ |
|
71 |
color:#bababa; |
|
72 |
font-family: "icomoon"; |
|
73 |
font-size:13px; |
|
74 |
display:inline-block; |
|
75 |
margin-left:11px; |
|
76 |
margin-right:5px; |
|
77 |
cursor:pointer; |
|
78 |
-webkit-touch-callout: none; |
|
79 |
-webkit-user-select: none; |
|
80 |
-khtml-user-select: none; |
|
81 |
-moz-user-select: none; |
|
82 |
-ms-user-select: none; |
|
83 |
user-select: none; |
|
84 |
}
|
|
85 |
||
86 |
.categoryIcon.expanded{ |
|
87 |
transform:rotate(90deg); |
|
88 |
-ms-transform:rotate(90deg); /* IE 9 */ |
|
89 |
-webkit-transform:rotate(90deg); /* Safari and Chrome */ |
|
90 |
}
|
|
91 |
.categoryIcon.notExpanded{ |
|
92 |
transform:rotate(0deg); |
|
93 |
-ms-transform:rotate(0deg); /* IE 9 */ |
|
94 |
-webkit-transform:rotate(0deg); /* Safari and Chrome */ |
|
95 |
}
|
|
96 |
||
97 |
.subCategoryName{ |
|
98 |
color: #438bc5; |
|
99 |
font-size: 1.4em; |
|
100 |
font-weight: bold; |
|
101 |
padding-left:22px; |
|
102 |
}
|
|
103 |
||
104 |
.exampleName{ |
|
105 |
color: #438bc5; |
|
106 |
font-size: 1.2em; |
|
107 |
font-weight: bold; |
|
108 |
padding-left:42px; |
|
109 |
}
|
|
110 |
||
111 |
.quizName{ |
|
112 |
color: #438bc5; |
|
113 |
font-size: 1.2em; |
|
114 |
font-weight: bold; |
|
115 |
padding-left:42px; |
|
116 |
}
|
|
117 |
||
118 |
/*
|
|
119 |
body {
|
|
120 |
color: #4F5155;
|
|
121 |
height:1500px;
|
|
122 |
}
|
|
123 |
a:link{
|
|
124 |
text-decoration:none;
|
|
125 |
}
|
|
126 |
a:visited{
|
|
127 |
text-decoration:none;
|
|
128 |
}
|
|
129 |
a:hover{
|
|
130 |
color:#f42;
|
|
131 |
text-decoration:underline;
|
|
132 |
}
|
|
133 |
||
134 |
@-moz-keyframes pulse{
|
|
135 |
0%{ box-shadow:0 0 1px #888; z-index:3000;}
|
|
136 |
50%{ box-shadow:0 0 100px #888; z-index:3000;}
|
|
137 |
100%{ box-shadow:0 0 1px #888; z-index:3000;}
|
|
138 |
}
|
|
139 |
||
140 |
@-webkit-keyframes pulse{
|
|
141 |
0%{ box-shadow:0 0 1px #888; z-index:3000;}
|
|
142 |
50%{ box-shadow:0 0 100px #888; z-index:3000;}
|
|
143 |
100%{ box-shadow:0 0 1px #888; z-index:3000;}
|
|
144 |
}
|
|
145 |
||
146 |
@-moz-keyframes pulseMini{
|
|
147 |
0%{ box-shadow:0 0 1px #aaa; z-index:3000;}
|
|
148 |
50%{ box-shadow:0 0 30px #aaa; z-index:3000;}
|
|
149 |
100%{ box-shadow:0 0 1px #aaa; z-index:3000;}
|
|
150 |
}
|
|
151 |
||
152 |
@-webkit-keyframes pulseMini{
|
|
153 |
0%{ box-shadow:0 0 1px #aaa; z-index:3000;}
|
|
154 |
50%{ box-shadow:0 0 30px #aaa; z-index:3000;}
|
|
155 |
100%{ box-shadow:0 0 1px #aaa; z-index:3000;}
|
|
156 |
}
|
|
157 |
||
158 |
h3.subCategoryName{
|
|
159 |
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
160 |
font-size:13px;
|
|
161 |
font-weight:bold;
|
|
162 |
color:#438BD5;
|
|
163 |
padding-left:22px;
|
|
164 |
margin:0;
|
|
165 |
line-height:100%;
|
|
166 |
}
|
|
167 |
||
168 |
a.exampleName{
|
|
169 |
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
170 |
color:#438BD5;
|
|
171 |
font-size:12px;
|
|
172 |
display:block;
|
|
173 |
margin:0;
|
|
174 |
padding-top:3px;
|
|
175 |
}
|
|
176 |
||
177 |
||
178 |
.categoryBorder
|
|
179 |
{
|
|
180 |
float:left;
|
|
181 |
margin-left:18px;
|
|
182 |
width:3px;
|
|
183 |
height:25px;
|
|
184 |
background-image: url(../img/borderbackground.png);
|
|
185 |
display:inline-block;
|
|
186 |
}
|
|
187 |
||
188 |
.exampleBorder
|
|
189 |
{
|
|
190 |
float:left;
|
|
191 |
margin-left:17px;
|
|
192 |
margin-right:5px;
|
|
193 |
width:4px;
|
|
194 |
height:22px;
|
|
195 |
background-image: url(../img/borderbackground.png);
|
|
196 |
}
|
|
197 |
||
198 |
||
199 |
||
200 |
.exampleIcon{
|
|
201 |
float:left;
|
|
202 |
height:9px;
|
|
203 |
padding-top:10px;
|
|
204 |
width:9px;
|
|
205 |
background-image: url(../img/example_indicator.png);
|
|
206 |
background-position:center;
|
|
207 |
background-repeat:no-repeat;
|
|
208 |
display:inline-block;
|
|
209 |
margin-right:5px;
|
|
210 |
margin-left:10px;
|
|
211 |
}
|
|
212 |
||
213 |
||
214 |
||
215 |
/* Odd or even rows */
|
|
216 |
.odd{ |
|
217 |
padding-top:5px; |
|
218 |
background-color:#f5f5f5; |
|
219 |
}
|
|
220 |
||
221 |
.even{ |
|
222 |
padding-top:5px; |
|
223 |
background-color:#fff; |
|
224 |
}
|
|
225 |
||
226 |
.categoryMoveUp{ |
|
227 |
float:right; |
|
228 |
position:relative; |
|
229 |
height: 20px; |
|
230 |
width:20px; |
|
231 |
||
232 |
top:-24px; |
|
233 |
margin-right:25%; |
|
234 |
margin-left:2px; |
|
235 |
font-family: icomoon; |
|
236 |
background-color:silver; |
|
237 |
||
238 |
|
|
239 |
|
|
240 |
transform:rotate(90deg); |
|
241 |
-ms-transform:rotate(90deg); /* IE 9 */ |
|
242 |
-webkit-transform:rotate(90deg); /* Safari and Chrome */ |
|
243 |
text-align:center; |
|
244 |
cursor:pointer; |
|
245 |
-webkit-touch-callout: none; |
|
246 |
-webkit-user-select: none; |
|
247 |
-khtml-user-select: none; |
|
248 |
-moz-user-select: none; |
|
249 |
-ms-user-select: none; |
|
250 |
user-select: none; |
|
251 |
}
|
|
252 |
.categoryMoveDown{ |
|
253 |
float:right; |
|
254 |
position:relative; |
|
255 |
height: 20px; |
|
256 |
width:20px; |
|
257 |
||
258 |
top:-24px; |
|
259 |
margin-left:2px; |
|
260 |
font-family: icomoon; |
|
261 |
background-color:silver; |
|
262 |
|
|
263 |
transform:rotate(-90deg); |
|
264 |
-ms-transform:rotate(-90deg); /* IE 9 */ |
|
265 |
-webkit-transform:rotate(-90deg); /* Safari and Chrome */ |
|
266 |
text-align:center; |
|
267 |
cursor:pointer; |
|
268 |
-webkit-touch-callout: none; |
|
269 |
-webkit-user-select: none; |
|
270 |
-khtml-user-select: none; |
|
271 |
-moz-user-select: none; |
|
272 |
-ms-user-select: none; |
|
273 |
user-select: none; |
|
274 |
}
|
|
275 |
||
276 |
.categoryPulse{ |
|
277 |
-moz-animation: pulse 1.5s 1; |
|
278 |
-webkit-animation: pulse 1.5s 1; |
|
279 |
}
|
|
280 |
||
281 |
||
282 |
.categoryPulseMini{ |
|
283 |
-moz-animation: pulseMini 1.5s 1; |
|
284 |
-webkit-animation: pulseMini 1.5s 1; |
|
285 |
}*/ |
|
286 |