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

  • Committer: Gustav Hatvigsson
  • Date: 2013-05-31 06:15:46 UTC
  • mfrom: (90.1.20 lenasys2)
  • Revision ID: gustav.hartvigsson@gmail.com-20130531061546-vj8z28sq375kvghq
Merged Jonsson:s changes:
Fixed the layout on cms index so the arrows and dots marks expanded objects.
Fixed so the course content is sorted by course occasion and not by name

Show diffs side-by-side

added added

removed removed

Lines of Context:
codeigniter/css/popup.css
1
 
#loginForm{
2
 
        z-index:3000000;
 
1
 
 
2
 
 
3
/* Fart */
 
4
 
 
5
.popup > form > ul {
 
6
        margin: 0 10px;
 
7
        padding: 0;
 
8
}
 
9
 
 
10
.popup {
 
11
        width: 500px;
 
12
        height: 250px;
3
13
        position: fixed;
4
 
    height: 175px;
5
 
    width: 305px;
6
 
        padding-left:15px;
7
 
    margin: -150px 0 0 -160px;
8
 
    top: 50%;
9
 
    left: 50%;
10
 
        background-color:lightgray;
11
 
        border: 1px solid darkgray;
12
 
        font: 13px Helvetica;
13
 
        text-shadow: 0.5px 0.5px #ddd;
14
 
        color: #4F5155; 
15
 
}
16
 
h2.loginTitle{
17
 
        margin:0;
18
 
        margin-left:-15px;
19
 
        margin-bottom:10px;
20
 
        text-indent:15px;
21
 
        padding-top:5px;
22
 
        padding-bottom:5px;
 
14
        z-index: 9999;
 
15
        /* negative margins equal to half of width and half of height centers the element in conjunction with top/left: 50%; */
 
16
        margin-left: -250px;
 
17
        margin-top: -125px;
 
18
        top: 50%;
 
19
        left: 50%;
 
20
        border: 1px solid #d3d3d3;
 
21
        font: normal 1.3em/100% sans-serif;
 
22
        background: #f5f5f5;
 
23
}
 
24
 
 
25
.popup form {
 
26
        margin-left: 10px;
 
27
        margin-top: 10px;
 
28
}
 
29
 
 
30
.popup .popupHeader{
 
31
        margin: 0;
 
32
        padding: 5px 10px;
23
33
        color:#FFF;
24
 
        font-size:24px;
25
 
        line-height:100%;
26
 
        background-color:#333333;
27
 
        }
28
 
input.text{
29
 
        float:left;
30
 
        margin-top:10px;
31
 
        margin-left:5px;
32
 
        margin-right:5px;
33
 
        height:30px;
 
34
        background-color:#353535;
 
35
        font-size: 100%;
 
36
        font-weight: normal;
 
37
        line-height: 1.5em;
 
38
        border-bottom: 1px solid #d3d3d3;
 
39
}
 
40
 
 
41
 
 
42
.popup form ul li {
 
43
        list-style: none;
 
44
        height: 40px;
 
45
}
 
46
 
 
47
.popup form ul li label {
 
48
        float: left;
 
49
        width: 10em;
 
50
        clear: left;
 
51
        line-height: 30px;
 
52
}
 
53
 
 
54
.popup input.text {
34
55
        background-color:white;
35
 
        width:280px;
36
 
        font-size:22px;
37
 
        color:color:#333333;
38
 
        display:inline-block;
39
 
        /*Rounded corners*/
40
 
        -webkit-border-radius: 7px;
41
 
        -moz-border-radius: 7px;
42
 
        border-radius: 7px;
43
 
}
44
 
 
45
 
input.submit{
46
 
        float:right;
47
 
        height:35px;
48
 
        width:100px;
49
 
        background-image: linear-gradient(to top,#fff,#f5f5f5);
50
 
        margin-right:20px;
51
 
        margin-top:10px;
52
 
 
53
 
        /*text style*/
54
 
        font: 16px Helvetica;
55
 
        font-weight:bold;       
56
 
}
57
 
input.popupButtons{
58
 
        float:left;
59
 
        height:35px;
60
 
        width:100px;
61
 
        background-image: linear-gradient(to top,#fff,#f5f5f5);
62
 
        margin-right:30px;
63
 
        margin-left:20px;
64
 
        margin-top:10px;
65
 
        /*text style*/
66
 
        font: 16px Helvetica;
67
 
        font-weight:bold;       
68
 
}
69
 
input.btn:hover{
70
 
        background-color:#f5f5f5;
71
 
        background-image: linear-gradient(to bottom,#fff,#f5f5f5);
72
 
}
73
 
 
74
 
input.hint{
75
 
        float:left;
76
 
        width:35px;
77
 
        height:35px;
78
 
        margin-top:10px;
79
 
        background-image: linear-gradient(to top,#fff,#f5f5f5);
80
 
        margin-left:20px;
81
 
        /*text style*/
82
 
        font: 16px Helvetica;
83
 
        font-weight:bold;       
84
 
}
85
 
 
86
 
input.notValid{
87
 
        background: #FF7F50;
88
 
}
89
 
 
90
 
input.Valid{
91
 
        background: #98FB98;
92
 
}
93
 
 
94
 
.errorMessage{
95
 
        float:right;
96
 
        cursor:pointer;
97
 
        font-family: "icomoon";
98
 
        color:white;
99
 
        font-size: 8px;
100
 
        display:inline;
101
 
        opacity:0;
102
 
}
103
 
 
104
 
/* Window for change password */
105
 
#passwordChanger{
106
 
        /* Position & Size */
107
 
        position:fixed;
108
 
        left:35%;
109
 
        top:24%;
110
 
        padding:20px;
111
 
        width:300px;
112
 
        height:150px;
113
 
        
114
 
        /* Colors */    
115
 
        color:white;
116
 
        background-color:#333;
117
 
 
118
 
        /* Fonts */     
119
 
        line-height: 200%;
120
 
        font-family: Helvetica;
121
 
        
122
 
        /* Borders */
123
 
        border-top: 1px solid #555;
124
 
        border-left: 1px solid #555;
125
 
        border-bottom:1px solid #111;
126
 
        border-right:1px solid #111;
127
 
        -webkit-box-shadow: 0 0 8px #000;
128
 
}
129
 
 
130
 
#passwordChanger input{
131
 
        width:40%;
132
 
        margin-right:5px;
133
 
        float:right;
134
 
}
135
 
 
136
 
#passwordChanger .passwordHeader{
137
 
        /* Position & Size */
138
 
        width:320px;
139
 
        height:30px;
140
 
        margin-left:-21px;
141
 
        margin-top:-20px;
142
 
        padding-left:20px;
143
 
        
144
 
        /* Fonts */
145
 
        font-size: 18px;
146
 
        line-height:200%;
147
 
        font-weight: bold;
148
 
        
149
 
        /* Colors */
150
 
        color: #fff;
151
 
        background-color:#333;
152
 
        
153
 
        /* Borders */
154
 
        border-top: 1px solid #555;
155
 
        border-left: 1px solid #555;
156
 
        border-bottom:1px solid #111;
157
 
        border-right:1px solid #111;
158
 
}
159
 
#passwordChanger .passwordHeaderBorder{
160
 
        border-bottom:1px solid #555;
161
 
        width:340px;
162
 
        margin-left:-21px;
163
 
        margin-bottom:5px;
164
 
}
165
 
 
166
 
#passwordChanger .button{
167
 
        /* Position & Size */
168
 
        width:125px;
 
56
        width:230px;
 
57
        font-size:16px;
 
58
        color:#333333;
 
59
        border-radius: 7px;
 
60
        padding: 5px;
 
61
        height: auto;
 
62
        vertical-align: bottom;
 
63
        margin-left: 0;
 
64
        border: 1px #d3d3d3 solid;
 
65
}
 
66
 
 
67
.popup input.text:focus {
 
68
        outline: 0;
 
69
        border-color: #000;
 
70
}
 
71
 
 
72
 
 
73
.popup textarea {
 
74
        margin-top: .5em;
 
75
        border-radius: 7px;
 
76
        border: 1px #d3d3d3 solid;
 
77
}
 
78
 
 
79
.popup textarea:focus {
 
80
        outline: 0;
 
81
        border-color: #000;
 
82
}
 
83
 
 
84
.popup span {
 
85
        font-size: 100%;
 
86
        line-height: 30px;
 
87
}
 
88
 
 
89
 
 
90
.popup .bottomMenu {
 
91
        position: absolute;
 
92
        bottom: 10px;
 
93
}
 
94
 
 
95
.popup .popupButton {
 
96
        display:inline-block !important;
169
97
        height:33px;
170
 
        margin-top:10px;
171
 
        margin-right:18px;
172
 
        
173
 
        /* Colors */
174
 
        background: #a8a8a8;
175
 
        background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#a8a8a8));
176
 
        background: -moz-linear-gradient(top, #f0f0f0, #a8a8a8);
177
 
        background: linear-gradient(to bottom, #f0f0f0, #a8a8a8);
178
 
        color: #5c5c5c;
179
 
        
180
 
        /* Font */
181
 
        font: 16px Helvetica;
182
 
        font-weight: bold;
 
98
        width:100px;
 
99
        color: #666;
 
100
        border-radius: 7px;
 
101
        border: 1px #ccc solid;
 
102
        outline: 0;
 
103
        background-image: linear-gradient(to top,#f5f5f5,#fff);
 
104
}
 
105
 
 
106
.popup .popupButton:hover {
 
107
        cursor: pointer;
 
108
        background: #fefefe;
 
109
        color: #000;
 
110
}
 
111
 
 
112
.popup .popupButton:active {
 
113
        border: 1px #d3d3d3 inset;
 
114
}
 
115
 
 
116
.popup .popupButton:focus {
 
117
        border-color: #000;
 
118
        outline: 0;
 
119
}
 
120
 
 
121
/* Custom login styling */ 
 
122
 
 
123
#login {
 
124
        width: 300px;
 
125
        margin-left: -150px;
 
126
        height: 180px;
 
127
        margin-top: -90px;
 
128
}
 
129
 
 
130
#login.error {
 
131
        height: 240px;
 
132
}
 
133
 
 
134
#login .errorContainer {
 
135
        height: 70px;
 
136
        margin: 0 10px;
 
137
        color: #666;
 
138
        line-height: 130%;
183
139
        text-align: center;
184
 
        
185
 
        /* Borders */
186
 
        border: 1px solid #d0d0d0;
187
 
        -webkit-border-radius: 2px;
188
 
        -moz-border-radius: 2px;
189
 
        border-radius: 2px;
190
 
 
191
 
}
192
 
 
193
 
#passwordChanger .button:hover, .button:active, .button:focus {
194
 
        background: #a0a0a0;
195
 
        background: -webkit-gradient(linear, left top, left bottom, from(#d0d0d0), to(#a0a0a0));
196
 
        background: -moz-linear-gradient(top, #d0d0d0, #a0a0a0);
197
 
        border-color: #777;
198
 
        color: #ffffff;
199
 
        font-weight: bold;
200
 
        text-decoration: none;
201
 
        font-style: none;
202
 
}
203
 
#popupxButton{
204
 
        float:right;
205
 
        width:25px;
206
 
        height:25px;
207
 
        background-image: linear-gradient(to top,#fff,#f5f5f5);
208
 
        margin-right:15px;
209
 
        /*text style*/
210
 
        font: 16px Helvetica;
211
 
        font-weight:bold;       
212
 
}
213
 
#subjectConfirmRemove{
214
 
        z-index:3000000;
215
 
        position: fixed;
216
 
    height: 175px;
217
 
    width: 305px;
218
 
        padding-left:15px;
219
 
    margin: -150px 0 0 -160px;
220
 
    top: 50%;
221
 
    left: 50%;
222
 
        background-color:lightgray;
223
 
        border: 1px solid darkgray;
224
 
        font: 13px Helvetica;
225
 
        text-shadow: 0.5px 0.5px #ddd;
226
 
        color: #4F5155; 
227
 
}
228
 
#middleLayerPopups{
229
 
        height:70px;
230
 
        width:305px;
231
 
        padding:0;
232
 
}
233
 
#middleLayerPopupsSizeTwo{
234
 
        height:150px;
235
 
        width:450px;
236
 
        padding:0;
237
 
        display:table;
238
 
}       
239
 
#middleLayerPopupsSizeThree{
240
 
        height:175px;
241
 
        width:450px;
242
 
        padding:0;
243
 
        display:table;
244
 
}       
245
 
#addCategory{
246
 
        z-index:3000000;
247
 
        position: fixed;
248
 
    height: 175px;
249
 
    width: 305px;
250
 
        padding-left:15px;
251
 
    margin: -150px 0 0 -160px;
252
 
    top: 50%;
253
 
    left: 50%;
254
 
        background-color:lightgray;
255
 
        border: 1px solid darkgray;
256
 
        font: 13px Helvetica;
257
 
        text-shadow: 0.5px 0.5px #ddd;
258
 
        color: #4F5155; 
259
 
}
260
 
#changeActiveCourse{
261
 
        z-index:3000000;
262
 
        position: fixed;
263
 
    height: 175px;
264
 
    width: 305px;
265
 
        padding-left:15px;
266
 
    margin: -150px 0 0 -160px;
267
 
    top: 50%;
268
 
    left: 50%;
269
 
        background-color:lightgray;
270
 
        border: 1px solid darkgray;
271
 
        font: 13px Helvetica;
272
 
        text-shadow: 0.5px 0.5px #ddd;
273
 
        color: #4F5155; 
274
 
}
275
 
#editCourse{
276
 
        z-index:3000000;
277
 
        position: fixed;
278
 
    height: 250px;
279
 
    width: 450px;
280
 
        padding-left:15px;
281
 
    margin: -150px 0 0 -160px;
282
 
    top: 50%;
283
 
    left: 50%;
284
 
        background-color:lightgray;
285
 
        border: 1px solid darkgray;
286
 
        font: 13px Helvetica;
287
 
        text-shadow: 0.5px 0.5px #ddd;
288
 
        color: #4F5155; 
289
 
}
290
 
#addCourse{
291
 
        z-index:3000000;
292
 
        position: fixed;
293
 
    height: 250px;
294
 
    width: 450px;
295
 
        padding-left:15px;
296
 
    margin: -150px 0 0 -160px;
297
 
    top: 50%;
298
 
    left: 50%;
299
 
        background-color:lightgray;
300
 
        border: 1px solid darkgray;
301
 
        font: 13px Helvetica;
302
 
        text-shadow: 0.5px 0.5px #ddd;
303
 
        color: #4F5155; 
304
 
}
305
 
#addStudents{
306
 
        z-index:3000000;
307
 
        position: fixed;
308
 
    height: 275px;
309
 
    width: 450px;
310
 
        padding-left:15px;
311
 
    margin: -150px 0 0 -160px;
312
 
    top: 50%;
313
 
    left: 50%;
314
 
        background-color:lightgray;
315
 
        border: 1px solid darkgray;
316
 
        font: 13px Helvetica;
317
 
        text-shadow: 0.5px 0.5px #ddd;
318
 
        color: #4F5155; 
319
 
}
320
 
#addNewInstructor{
321
 
        z-index:3000000;
322
 
        position: fixed;
323
 
    height: 175px;
324
 
    width: 335px;
325
 
        padding-left:15px;
326
 
    margin: -150px 0 0 -160px;
327
 
    top: 50%;
328
 
    left: 50%;
329
 
        background-color:lightgray;
330
 
        border: 1px solid darkgray;
331
 
        font: 13px Helvetica;
332
 
        text-shadow: 0.5px 0.5px #ddd;
333
 
        color: #4F5155; 
334
 
}
335
 
.inline{
336
 
        float: left;
337
 
        display:inline;
338
 
}
339
 
 
340
 
.tableRow{
341
 
        display:table-row;
342
 
}
343
 
 
344
 
.tableCell{
345
 
        display:table-cell;
346
 
}
347
 
.overflow{
348
 
        overflow:auto;
 
140
}
 
141
 
 
142
#login.expanded {
 
143
        height: 216px;
 
144
}
 
145
 
 
146
#login form {
 
147
        margin: 10px 0 0;
 
148
}
 
149
 
 
150
#login .bottomMenu {
 
151
        left: 10px;
 
152
        right: 10px;
 
153
}
 
154
 
 
155
#login .hint {
 
156
        background: url('../img/loginhint_disabled.png');
 
157
        width: 33px;
 
158
        height: 33px;
 
159
        text-indent: -999em;
 
160
        overflow: hidden;
 
161
        border: 0;
 
162
        cursor: default;
 
163
}
 
164
 
 
165
#login .hint.available {
 
166
        cursor: pointer;
 
167
        background: url('../img/loginhint.png');
 
168
}
 
169
 
 
170
#login .hint:active, #login.expanded .hint {
 
171
        cursor: pointer;
 
172
        background: url('../img/loginhint_active.png');
 
173
}
 
174
 
 
175
#login #hinttext {
 
176
        border-top: 1px #ccc solid;
 
177
        margin: 10px -10px -5px;
 
178
        padding: 5px 0 5px 10px;
 
179
        color: #999;
 
180
        display: none;
 
181
        height: 20px;
 
182
}
 
183
 
 
184
#login #hinttext p {
 
185
        margin: 0;
 
186
}
 
187
 
 
188
#login #hinttext p.error {
 
189
        color: red;
 
190
}
 
191
 
 
192
#login .submit {
 
193
        float: right;
 
194
}
 
195
 
 
196
#login label {
 
197
        display: none;
 
198
}
 
199
 
 
200
#login ul {
 
201
 margin: 0 10px
 
202
}
 
203
 
 
204
#login .text {
 
205
        width: 270px;
349
206
}
 
 
b'\\ No newline at end of file'