/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-30 13:27:57 UTC
  • mfrom: (85.1.29 lenasys)
  • Revision ID: gustav.hartvigsson@gmail.com-20130530132757-i82v9rzr950a5fcl
Merged Ohlson:s changes:

edited the forms fo an autofocused field and changed password fields
to password instead of plaintext.

Show diffs side-by-side

added added

removed removed

Lines of Context:
codeigniter/css/popup.css
 
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;
 
13
        position: fixed;
 
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;
 
33
        color:#FFF;
 
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 {
 
55
        background-color:white;
 
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;
 
97
        height:33px;
 
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%;
 
139
        text-align: center;
 
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;
 
206
}
 
 
b'\\ No newline at end of file'