/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: galaxyAbstractor
  • Date: 2013-04-10 15:49:32 UTC
  • mto: (19.1.5 lenasys)
  • mto: This revision was merged to the branch mainline in revision 23.
  • Revision ID: galaxyabstractor@gmail.com-20130410154932-4vizlzk0ar5gykvi
* Added an simple admin panel to the codeviewer-cmssy stuff
* Redesigned a bit like the mockups - still stuff to come
* Implemented the codeviewer + admin panel again using the Framework CodeIgniter instead 

Show diffs side-by-side

added added

removed removed

Lines of Context:
1
 
#loginForm{
2
 
        z-index:3000000;
3
 
        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;
23
 
        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: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;
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;
349
 
}
 
 
b'\\ No newline at end of file'