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
- browse files at revision 83.2.7
- compare with another revision
- download diff
- download tarball
- view history from revision 83.2.7
- Committer: elof.bigestans at gmail
- Date: 2013-05-24 12:07:02 UTC
- mto: This revision was merged to the branch mainline in revision 99.
- Revision ID: elof.bigestans@gmail.com-20130524120702-kkoky4t7vzw4tu6x
Started work on normalizing popups. Lots to go.
added
removed
codeigniter/css/popup.css
1
#loginForm{
2
z-index:3000000;
1
2
3
/* Fart */
4
5
.popup {
6
width: 500px;
7
height: 250px;
3
8
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;
9
z-index: 9999;
10
/* negative margins equal to half of width and half of height centers the element in conjunction with top/left: 50%; */
11
margin-left: -250px;
12
margin-top: -125px;
13
top: 50%;
14
left: 50%;
15
border: 1px solid #d3d3d3;
16
font: normal 1.3em/100% sans-serif;
17
background: #f5f5f5;
18
}
19
20
.popup form {
21
margin-left: 10px;
22
margin-top: 10px;
23
}
24
25
.popup .popupHeader{
26
padding: 5px 10px;
23
27
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;
28
background-color:#353535;
29
font-size: 100%;
30
font-weight: normal;
31
line-height: 1.5em;
32
border-bottom: 1px solid #d3d3d3;
33
}
34
35
36
.popup form ul li {
37
list-style: none;
38
height: 40px;
39
}
40
41
.popup form ul li label {
42
float: left;
43
width: 10em;
44
clear: left;
45
line-height: 30px;
46
}
47
48
.popup input.text {
34
49
background-color:white;
35
width:280px;
36
font-size:22px;
50
width:230px;
51
font-size:16px;
37
52
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;
169
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;
183
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;
53
border-radius: 7px;
54
padding: 5px;
55
height: auto;
56
vertical-align: bottom;
57
margin-left: 0;
58
border: 1px #d3d3d3 solid;
59
}
60
61
.popup input.text:focus {
62
outline: 0;
63
border-color: #000;
64
}
65
66
.popup span {
67
font-size: 100%;
68
line-height: 30px;
69
}
70
71
72
.popup .bottomMenu {
73
position: absolute;
74
bottom: 10px;
75
}
76
77
.popup .popupButton {
78
display:inline-block !important;
79
height:35px;
80
width:100px;
81
color: #666;
82
border-radius: 7px;
83
border: 1px #d3d3d3 outset;
84
background-image: linear-gradient(to top,#fff,#f5f5f5);
85
}
86
87
.popup .popupButton:hover {
88
cursor: pointer;
89
background: #fefefe;
90
color: #000;
91
}
92
93
.popup .popupButton:active {
94
border: 1px #d3d3d3 inset;
95
}
96
97
.popup .popupButton:focus {
98
border-color: #000;
99
outline: 0;
100
}
101
102
.popup .hint {
103
float: right;
349
104
}
b'\\ No newline at end of file'
Loggerhead is a web-based interface for Breezy
Version: 2.0.2.dev0