/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: Gustav Hatvigsson
  • Date: 2013-05-24 09:43:21 UTC
  • mfrom: (83.2.5 pvp)
  • Revision ID: gustav.hartvigsson@gmail.com-20130524094321-7vu38x299qde4s3j
Merged Bigestans's changes to the manage coureses stuff using JS+JQuery and AJAX...

Show diffs side-by-side

added added

removed removed

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