/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: a11andoh
  • Date: 2013-05-24 11:37:57 UTC
  • mfrom: (97 lenasys_b)
  • mto: This revision was merged to the branch mainline in revision 98.
  • Revision ID: a11andoh@student.his.se-20130524113757-cdvtx3xjyimouu5k
blurp

Show diffs side-by-side

added added

removed removed

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