/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:
 
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'