bzr branch
http://gegoxaren.bato24.eu/bzr/lenasys/trunk
|
82.1.1
by a10rolch
- Added manageCoursesBody.css |
1 |
body { |
2 |
color: #4F5155; |
|
3 |
height:1500px; |
|
4 |
}
|
|
5 |
a:link{ |
|
6 |
text-decoration:none; |
|
7 |
}
|
|
8 |
a:visited{ |
|
9 |
text-decoration:none; |
|
10 |
}
|
|
11 |
a:hover{ |
|
12 |
color:#f42; |
|
13 |
text-decoration:underline; |
|
14 |
}
|
|
15 |
||
16 |
h1.courseName{ |
|
17 |
font-family: Arial; |
|
18 |
font-size: 14px; |
|
19 |
font-weight:normal !important; |
|
20 |
color: #000; |
|
21 |
margin:0; |
|
22 |
line-height:250%; |
|
23 |
display:inline; |
|
24 |
}
|
|
25 |
||
26 |
.viewTitle{ |
|
27 |
margin-left:20px; |
|
28 |
font-size:20px; |
|
29 |
display:inline; |
|
30 |
|
|
31 |
}
|
|
32 |
||
33 |
h2.manageCourseBodyHeader{ |
|
34 |
font-family: Arial; |
|
35 |
font-size: 14px; |
|
36 |
font-weight:bold; |
|
37 |
color: #000; |
|
38 |
margin:0 !important; |
|
39 |
padding:0 !important; |
|
40 |
line-height:250%; |
|
41 |
display:inline; |
|
42 |
}
|
|
43 |
||
44 |
h2.popupHeader{ |
|
45 |
margin:0; |
|
46 |
margin-left:-15px; |
|
47 |
margin-bottom:10px; |
|
48 |
text-indent:15px; |
|
49 |
padding-top:7px; |
|
50 |
padding-bottom:7px; |
|
51 |
font-weight:normal; |
|
52 |
color:#FFF; |
|
53 |
font-size:20px; |
|
54 |
line-height:100%; |
|
55 |
background-color:#333333; |
|
56 |
}
|
|
57 |
||
58 |
#manageCoursesHeader{ |
|
59 |
padding:0; |
|
60 |
margin:0; |
|
61 |
height:35px; |
|
62 |
padding-left:30px; |
|
63 |
background-color:#ddd; |
|
64 |
margin-left:-30px; |
|
65 |
line-height:250%; |
|
66 |
border:1px solid #ccc; |
|
67 |
}
|
|
68 |
||
69 |
||
70 |
#exampleBodyMenu{ |
|
71 |
float:left; |
|
72 |
width:92%; |
|
73 |
height:35px; |
|
74 |
margin-left:60px; |
|
75 |
margin-top:67px; |
|
76 |
border-bottom: 1px solid #acacac; |
|
77 |
}
|
|
78 |
||
79 |
/* The box where all stuff in in body is generated in.*/
|
|
80 |
#bodyContainer{ |
|
81 |
float:left; |
|
82 |
margin-left:90px; |
|
83 |
margin-top:10px; |
|
84 |
width:90%; |
|
85 |
z-index:0; |
|
86 |
}
|
|
87 |
||
88 |
/* Add courses popup */
|
|
89 |
#addCourse{ |
|
90 |
z-index:3000000; |
|
91 |
position: fixed; |
|
92 |
height: 240px; |
|
93 |
width: 400px; |
|
94 |
padding-left:15px; |
|
95 |
margin: -150px 0 0 -160px; |
|
96 |
top: 50%; |
|
97 |
left: 45%; |
|
98 |
background-color:#eee; |
|
99 |
border: 1px solid darkgray; |
|
100 |
font: 13px Helvetica; |
|
101 |
text-shadow: 0.5px 0.5px #ddd; |
|
102 |
color: #4F5155; |
|
103 |
}
|
|
104 |
#editCourse{ |
|
105 |
z-index:3000000; |
|
106 |
position: fixed; |
|
107 |
height: 240px; |
|
108 |
width: 400px; |
|
109 |
padding-left:15px; |
|
110 |
margin: -150px 0 0 -160px; |
|
111 |
top: 50%; |
|
112 |
left: 45%; |
|
113 |
background-color:#eee; |
|
114 |
border: 1px solid darkgray; |
|
115 |
font: 13px Helvetica; |
|
116 |
text-shadow: 0.5px 0.5px #ddd; |
|
117 |
color: #4F5155; |
|
118 |
}
|
|
119 |
||
120 |
.middleLayerPopupsSizeTwo{ |
|
121 |
height:150px; |
|
122 |
width:385; |
|
123 |
padding:0; |
|
124 |
display:table; |
|
125 |
} |
|
126 |
||
127 |
.formColumn1{ |
|
128 |
display:inline-block; |
|
129 |
float:left; |
|
130 |
width:45%; |
|
131 |
}
|
|
132 |
.formText{ |
|
133 |
font-size:16px; |
|
134 |
padding-top:10px; |
|
135 |
}
|
|
136 |
||
137 |
.formColumn2{ |
|
138 |
display:inline-block; |
|
139 |
float:right; |
|
140 |
width:45%; |
|
141 |
}
|
|
142 |
||
143 |
.overflow{ |
|
144 |
overflow:auto; |
|
145 |
}
|
|
146 |
||
147 |
input.text{ |
|
148 |
margin-right:5px; |
|
149 |
height:30px; |
|
150 |
background-color:white; |
|
151 |
width:230px; |
|
152 |
font-size:16px; |
|
153 |
color:color:#333333; |
|
154 |
display:table-cell; |
|
155 |
/*Rounded corners*/ |
|
156 |
-webkit-border-radius: 7px; |
|
157 |
-moz-border-radius: 7px; |
|
158 |
border-radius: 7px; |
|
159 |
float:right; |
|
160 |
}
|
|
161 |
input.popupButtons{ |
|
162 |
display:inline-block !important; |
|
163 |
height:35px; |
|
164 |
width:100px; |
|
165 |
background-image: linear-gradient(to top,#fff,#f5f5f5); |
|
166 |
margin-right:0px; |
|
167 |
margin-left:20px; |
|
168 |
/*text style*/ |
|
169 |
font: 16px Helvetica; |
|
170 |
font-weight:bold; |
|
171 |
}
|
|
172 |
||
173 |
||
174 |
||
175 |
||
176 |
a.cp{ |
|
177 |
float:right; |
|
178 |
position:relative; |
|
179 |
right:-133px; |
|
180 |
height:20px; |
|
181 |
width:100px; |
|
182 |
font-family: Arial; |
|
183 |
font-size: 12px; |
|
184 |
font-weight:bold; |
|
185 |
background-image: linear-gradient(to top,#fff,#f5f5f5); |
|
186 |
margin-left:7px; |
|
187 |
-webkit-touch-callout: none; |
|
188 |
-webkit-user-select: none; |
|
189 |
-khtml-user-select: none; |
|
190 |
-moz-user-select: none; |
|
191 |
-ms-user-select: none; |
|
192 |
user-select: none; |
|
193 |
}
|
|
194 |
||
195 |
a.cp:hover{ |
|
196 |
background-color:#f5f5f5; |
|
197 |
background-image: linear-gradient(to bottom,#fff,#f5f5f5); |
|
198 |
}
|
|
199 |
||
200 |
.manageCourseButton{ |
|
201 |
font-family: "icomoon"; |
|
202 |
font-size:20px; |
|
203 |
display:inline-block; |
|
204 |
color: #aaa; |
|
205 |
border:1px solid #aaa; |
|
206 |
}
|
|
207 |
.manageCourseButton:hover{ |
|
208 |
color:pink; |
|
209 |
text-decoration:none; |
|
210 |
}
|
|
211 |
||
212 |
||
213 |
||
214 |
/* Banner is for each category */
|
|
215 |
.banner{ |
|
216 |
display:block; |
|
217 |
width:100%; |
|
218 |
padding-left:30px; |
|
219 |
height:30px; |
|
220 |
}
|
|
221 |
||
222 |
/* Odd or even rows */
|
|
223 |
.odd{ |
|
224 |
padding-top:5px; |
|
225 |
background-color:#f5f5f5; |
|
226 |
}
|
|
227 |
||
228 |
.even{ |
|
229 |
padding-top:5px; |
|
230 |
background-color:#fff; |
|
231 |
}
|
|
232 |
||
233 |
.column1{ |
|
234 |
float:left; |
|
235 |
width: 300px; |
|
236 |
display:inline-block; |
|
237 |
}
|
|
238 |
||
239 |
.column2{ |
|
240 |
float:left; |
|
241 |
width: 150px; |
|
242 |
display:inline-block; |
|
243 |
}
|
|
244 |
||
245 |
.column3{ |
|
246 |
float:left; |
|
247 |
width: 200px; |
|
248 |
display:inline-block; |
|
249 |
}
|
|
250 |
||
251 |
.column4{ |
|
252 |
float:left; |
|
253 |
width: 130px; |
|
254 |
display:inline-block; |
|
255 |
}
|
|
256 |
||
257 |
.column5{ |
|
258 |
float:right; |
|
259 |
width: 30px; |
|
260 |
display:inline-block; |
|
261 |
}
|
|
262 |