/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/manageCoursesBody.css

  • Committer: elof.bigestans at gmail
  • Date: 2013-05-22 11:39:03 UTC
  • mto: This revision was merged to the branch mainline in revision 94.
  • Revision ID: elof.bigestans@gmail.com-20130522113903-j31cvd4i191k7mkz
Fixed various bugs in the ManageCourses function

Show diffs side-by-side

added added

removed removed

Lines of Context:
27
27
        margin-left:20px;
28
28
        font-size:20px;
29
29
        display:inline;
30
 
        
 
30
}
 
31
 
 
32
#manageCourses {
 
33
        margin-top: 67px;
 
34
        margin-left: 60px;
31
35
}
32
36
 
33
37
h2.manageCourseBodyHeader{
41
45
        display:inline;
42
46
}
43
47
 
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
48
#manageCoursesHeader{
59
49
        padding:0;
60
50
        margin:0;
76
66
        border-bottom: 1px solid #acacac;
77
67
}
78
68
 
 
69
#manageCoursesMenu {
 
70
}
 
71
 
79
72
/*      The box where all stuff in in body is generated in.*/
80
73
#bodyContainer{
81
74
        float:left;
82
 
        margin-left:90px;
83
75
        margin-top:10px;
84
76
        width:90%;
85
77
        z-index:0;
86
78
}
87
79
 
88
80
/* Add courses popup */
 
81
h2.popupHeader{
 
82
        margin:0;
 
83
        margin-left:-15px;
 
84
        margin-bottom:10px;
 
85
        text-indent:15px;
 
86
        padding-top:7px;
 
87
        padding-bottom:7px;
 
88
        font-weight:normal;
 
89
        color:#FFF;
 
90
        font-size:20px;
 
91
        line-height:100%;
 
92
        background-color:#333333;
 
93
}
 
94
 
89
95
#addCourse{
90
96
        z-index:3000000;
91
97
        position: fixed;
124
130
        display:table;
125
131
}       
126
132
 
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
133
 
143
134
.overflow{
144
135
        overflow:auto;
145
136
}
146
137
 
 
138
/* initially display: none; -- will be shown by JS on demand */
 
139
.manageCoursePopup {
 
140
        display: none;
 
141
}
 
142
 
 
143
.manageCoursePopup form ul li {
 
144
        list-style: none;
 
145
        height: 30px;
 
146
}
 
147
 
 
148
.manageCoursePopup form ul li label {
 
149
        float: left;
 
150
        width: 10em;
 
151
        clear: left;
 
152
}
 
153
 
147
154
input.text{
148
 
        margin-right:5px;
149
 
        height:30px;
150
155
        background-color:white;
151
156
        width:230px;
152
157
        font-size:16px;
153
158
        color:color:#333333;
154
 
        display:table-cell;
155
159
        /*Rounded corners*/
156
160
        -webkit-border-radius: 7px;
157
161
        -moz-border-radius: 7px;
158
162
        border-radius: 7px;
159
 
        float:right;
160
 
}
161
 
input.popupButtons{
 
163
        padding: 5px;
 
164
        height: auto;
 
165
        vertical-align: bottom;
 
166
        margin-left: 0;
 
167
}
 
168
 
 
169
.manageCoursePopup span {
 
170
        font-size: 100%;
 
171
}
 
172
 
 
173
.manageCoursePopupMenu {
 
174
        position: absolute;
 
175
        bottom: 10px;
 
176
}
 
177
 
 
178
.popupButtons{
162
179
        display:inline-block !important;
163
180
        height:35px;
164
181
        width:100px;
165
182
        background-image: linear-gradient(to top,#fff,#f5f5f5);
166
 
        margin-right:0px;
167
 
        margin-left:20px;
168
183
        /*text style*/
169
184
        font: 16px Helvetica;
170
185
        font-weight:bold;       
171
186
}
172
187
 
173
 
 
174
 
 
175
 
 
176
 
a.cp{
 
188
.popupButtons:hover {
 
189
        cursor: pointer;
 
190
}
 
191
 
 
192
 
 
193
 
 
194
 
 
195
#addCourseButton{
177
196
        float:right;
178
197
        position:relative;
179
198
        right:-133px;
192
211
        user-select: none;
193
212
}
194
213
 
195
 
a.cp:hover{
 
214
#addCourseButton:hover{
196
215
        background-color:#f5f5f5;
197
216
        background-image: linear-gradient(to bottom,#fff,#f5f5f5);
198
217
}
199
218
 
 
219
.manageCourseButton:before {
 
220
        font-family: "icomoon";
 
221
        font-size:20px;
 
222
        content: "C";
 
223
        display: block;
 
224
        width: 20px;
 
225
        height: 20px;
 
226
        line-height: 20px;
 
227
}
 
228
 
200
229
.manageCourseButton{
201
 
        font-family: "icomoon";
202
 
        font-size:20px;
203
230
        display:inline-block;
204
231
        color: #aaa;
205
232
        border:1px solid #aaa;
 
233
        font-size: 0;
 
234
        line-height: 0;
206
235
}
207
236
.manageCourseButton:hover{
208
237
        color:pink;
209
238
        text-decoration:none;
210
239
}
211
240
 
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
 
 
 
241
.manageCoursePopup input.text {
 
242
        font-size: 100%;
 
243
}
 
244
 
 
245
#manageCourses table {
 
246
        border-collapse: collapse;
 
247
        width: 100%;
 
248
}
 
249
 
 
250
#manageCourses th, #manageCourses td {
 
251
        padding: 6px 0;
 
252
}
 
253
 
 
254
#manageCourses .odd td {
 
255
        background: #fff;
 
256
}
 
257
 
 
258
#manageCourses .even td{
 
259
        background: #f5f5f5;
 
260
}
 
261
 
 
262
#manageCourses th {
 
263
        background: #ddd;
 
264
        border-top: 1px #ccc solid;
 
265
        border-bottom: 1px #ccc solid;
 
266
        text-align: left;
 
267
}
 
268
 
 
269
#manageCourses th:first-child, #manageCourses td:first-child {
 
270
        padding-left: 30px;
 
271
}
 
 
b'\\ No newline at end of file'