/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/manageCoursesBody.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/manageCoursesBody.css
1
 
body {
2
 
        color: #4F5155;
3
 
        height:1500px;
4
 
}
5
 
a:link{
6
 
        text-decoration:none;
7
 
}
8
 
a:visited{
9
 
        text-decoration:none;
10
 
}
11
 
a:hover{
12
 
        color:#f42;
13
 
        text-decoration:underline;
 
1
#manageCourses {
 
2
        font-size: 130%;
 
3
        position: absolute;
 
4
        width: 849px;
 
5
        top: 54px;
14
6
}
15
7
 
16
 
h1.courseName{
 
8
#manageCourses h1.courseName{
17
9
        font-family: Arial;
18
10
        font-size: 14px;
19
11
        font-weight:normal !important;
23
15
        display:inline;
24
16
}
25
17
 
26
 
.viewTitle{
 
18
#manageCourses .viewTitle{
27
19
        margin-left:20px;
28
20
        font-size:20px;
 
21
        line-height: 33px;
29
22
        display:inline;
30
 
        
31
23
}
32
24
 
33
 
h2.manageCourseBodyHeader{
 
25
#manageCourses h2.manageCourseBodyHeader{
34
26
        font-family: Arial;
35
27
        font-size: 14px;
36
28
        font-weight:bold;
41
33
        display:inline;
42
34
}
43
35
 
44
 
h2.popupHeader{
45
 
        margin:0;
46
 
        margin-left:-15px;
47
 
        margin-bottom:10px;
48
 
        text-indent:15px;
49
 
        padding-top:7px;
50
 
        padding-bottom:7px;
51
 
        font-weight:normal;
52
 
        color:#FFF;
53
 
        font-size:20px;
54
 
        line-height:100%;
55
 
        background-color:#333333;
56
 
}
57
 
 
58
 
#manageCoursesHeader{
 
36
#manageCourses #manageCoursesHeader{
59
37
        padding:0;
60
38
        margin:0;
61
39
        height:35px;
66
44
        border:1px solid #ccc;
67
45
}
68
46
 
69
 
 
70
 
#exampleBodyMenu{
71
 
        float:left;
72
 
        width:92%;
73
 
        height:35px;
74
 
        margin-left:60px;
75
 
        margin-top:67px;
76
 
        border-bottom: 1px solid #acacac;
 
47
#manageCourses #manageCoursesMenu {
 
48
        height: 33px;
 
49
        border-bottom: 1px #acacac solid;
77
50
}
78
51
 
79
52
/*      The box where all stuff in in body is generated in.*/
80
 
#bodyContainer{
81
 
        float:left;
82
 
        margin-left:90px;
83
 
        margin-top:10px;
84
 
        width:90%;
 
53
#manageCourses #bodyContainer{
 
54
        margin-top:20px;
85
55
        z-index:0;
86
 
}
87
 
 
88
 
/* Add courses popup */
89
 
#addCourse{
90
 
        z-index:3000000;
91
 
        position: fixed;
92
 
    height: 240px;
93
 
    width: 400px;
94
 
        padding-left:15px;
95
 
    margin: -150px 0 0 -160px;
96
 
    top: 50%;
97
 
    left: 45%;
98
 
        background-color:#eee;
99
 
        border: 1px solid darkgray;
100
 
        font: 13px Helvetica;
101
 
        text-shadow: 0.5px 0.5px #ddd;
102
 
        color: #4F5155; 
103
 
}
104
 
#editCourse{    
105
 
        z-index:3000000;
106
 
        position: fixed;
107
 
    height: 240px;
108
 
    width: 400px;
109
 
        padding-left:15px;
110
 
    margin: -150px 0 0 -160px;
111
 
    top: 50%;
112
 
    left: 45%;
113
 
        background-color:#eee;
114
 
        border: 1px solid darkgray;
115
 
        font: 13px Helvetica;
116
 
        text-shadow: 0.5px 0.5px #ddd;
117
 
        color: #4F5155; 
118
 
}
119
 
 
120
 
.middleLayerPopupsSizeTwo{
121
 
        height:150px;
122
 
        width:385;
123
 
        padding:0;
124
 
        display:table;
125
 
}       
126
 
 
127
 
.formColumn1{
128
 
        display:inline-block;
129
 
        float:left;
130
 
        width:45%;
131
 
}
132
 
.formText{
133
 
        font-size:16px;
134
 
        padding-top:10px;
135
 
}
136
 
 
137
 
.formColumn2{
138
 
        display:inline-block;
139
 
        float:right;
140
 
        width:45%;
141
 
}
142
 
 
143
 
.overflow{
144
 
        overflow:auto;
145
 
}
146
 
 
147
 
input.text{
148
 
        margin-right:5px;
149
 
        height:30px;
150
 
        background-color:white;
151
 
        width:230px;
152
 
        font-size:16px;
153
 
        color:color:#333333;
154
 
        display:table-cell;
155
 
        /*Rounded corners*/
156
 
        -webkit-border-radius: 7px;
157
 
        -moz-border-radius: 7px;
158
 
        border-radius: 7px;
159
 
        float:right;
160
 
}
161
 
input.popupButtons{
162
 
        display:inline-block !important;
163
 
        height:35px;
164
 
        width:100px;
165
 
        background-image: linear-gradient(to top,#fff,#f5f5f5);
166
 
        margin-right:0px;
167
 
        margin-left:20px;
168
 
        /*text style*/
169
 
        font: 16px Helvetica;
170
 
        font-weight:bold;       
171
 
}
172
 
 
173
 
 
174
 
 
175
 
 
176
 
a.cp{
177
 
        float:right;
178
 
        position:relative;
179
 
        right:-133px;
180
 
        height:20px;
181
 
        width:100px;
182
 
        font-family: Arial;
183
 
        font-size: 12px;
184
 
        font-weight:bold;
185
 
        background-image: linear-gradient(to top,#fff,#f5f5f5);
186
 
        margin-left:7px;
187
 
        -webkit-touch-callout: none;
188
 
        -webkit-user-select: none;
189
 
        -khtml-user-select: none;
190
 
        -moz-user-select: none;
191
 
        -ms-user-select: none;
192
 
        user-select: none;
193
 
}
194
 
 
195
 
a.cp:hover{
196
 
        background-color:#f5f5f5;
197
 
        background-image: linear-gradient(to bottom,#fff,#f5f5f5);
198
 
}
199
 
 
200
 
.manageCourseButton{
 
56
        width:687px;
 
57
}
 
58
 
 
59
#manageCourses #addCourseButton{
 
60
        margin-top: .25em;
 
61
        padding: 2px 8px;
 
62
        font-size: 125%;
 
63
        float: right;
 
64
        color: #939393;
 
65
        border: 1px solid #959595;
 
66
        border-radius: 6px;
 
67
        text-decoration:none;
 
68
}
 
69
 
 
70
#manageCourses #addCourseButton:hover{
 
71
        border-color: #000;
 
72
        color: #000;
 
73
}
 
74
 
 
75
#manageCourses .manageCourseButton:before {
201
76
        font-family: "icomoon";
202
77
        font-size:20px;
203
 
        display:inline-block;
 
78
        content: "C";
 
79
        display: block;
 
80
        margin: auto;
 
81
        width: 20px;
 
82
        height: 20px;
 
83
        line-height: 20px;
 
84
        border:1px solid #939393;
 
85
        border-radius: 3px;
 
86
        color: #939393;
 
87
}
 
88
 
 
89
#manageCourses .manageCourseButton{
204
90
        color: #aaa;
205
 
        border:1px solid #aaa;
 
91
        font-size: 0;
 
92
        line-height: 0;
206
93
}
207
 
.manageCourseButton:hover{
 
94
#manageCourses .manageCourseButton:hover{
208
95
        color:pink;
209
96
        text-decoration:none;
210
97
}
211
98
 
212
 
 
213
 
 
214
 
/*      Banner is for each category */
215
 
.banner{
216
 
        display:block;
217
 
        width:100%;
218
 
        padding-left:30px;
219
 
        height:30px;
220
 
}
221
 
 
222
 
/* Odd or even rows */
223
 
.odd{
224
 
        padding-top:5px;
225
 
        background-color:#f5f5f5; 
226
 
}
227
 
 
228
 
.even{
229
 
        padding-top:5px;
230
 
        background-color:#fff; 
231
 
}
232
 
 
233
 
.column1{
234
 
        float:left;
235
 
        width: 300px;
236
 
        display:inline-block;
237
 
}
238
 
 
239
 
.column2{
240
 
        float:left;
241
 
        width: 150px;
242
 
        display:inline-block;
243
 
}
244
 
 
245
 
.column3{
246
 
        float:left;
247
 
        width: 200px;
248
 
        display:inline-block;
249
 
}
250
 
 
251
 
.column4{
252
 
        float:left;
253
 
        width: 130px;
254
 
        display:inline-block;
255
 
}
256
 
 
257
 
.column5{
258
 
        float:right;
259
 
        width: 30px;
260
 
        display:inline-block;
261
 
}
262
 
 
 
99
#manageCourses table {
 
100
        border-collapse: collapse;
 
101
        width: 100%;
 
102
}
 
103
 
 
104
#manageCourses th, #manageCourses td {
 
105
        padding: 6px 0;
 
106
}
 
107
 
 
108
#manageCourses .odd td {
 
109
        background: #fff;
 
110
}
 
111
 
 
112
#manageCourses .even td{
 
113
        background: #f5f5f5;
 
114
}
 
115
 
 
116
#manageCourses th {
 
117
        background: #ddd;
 
118
        border-top: 1px #ccc solid;
 
119
        border-bottom: 1px #ccc solid;
 
120
        text-align: left;
 
121
}
 
122
 
 
123
#manageCourses th:first-child, #manageCourses td:first-child {
 
124
        padding-left: 30px;
 
125
}
 
126
 
 
127
#manageCourses .publishButton {
 
128
        display: block;
 
129
        width: 25px;
 
130
        height: 15px;
 
131
        overflow: hidden;
 
132
        text-indent: -200%;
 
133
        margin: auto;
 
134
}
 
135
 
 
136
#manageCourses .publishButton.published {
 
137
        background: green;
 
138
}
 
139
 
 
140
#manageCourses .publishButton.unpublished {
 
141
        background: red;
 
142
}
 
143
 
 
144
#editCourse, #addCourse {
 
145
        display: none;
 
146
}
 
 
b'\\ No newline at end of file'