/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/examplesBody.css

  • Committer: b11johgu
  • Date: 2013-05-14 12:30:38 UTC
  • mto: This revision was merged to the branch mainline in revision 65.
  • Revision ID: b11johgu@student.his.se-20130514123038-rthxj3f34o32gpxy
ExamplesController:
- Added expand/collapse arrows for categories/subcategories.
- Added category positioning (incomplete).

more general changes made.

Show diffs side-by-side

added added

removed removed

Lines of Context:
codeigniter/css/examplesBody.css
1
1
body {
2
 
        font: 13px Helvetica;
3
 
        text-shadow: 0.3px 0.3px #ddd;
4
2
        color: #4F5155;
5
3
        height:1500px;
6
4
}
7
 
 
8
 
h1{
9
 
        font-size: 18px;
10
 
        line-height:200%;
11
 
        color: #fff;
12
 
        margin:0;
13
 
        margin-left:10px;
14
 
}
15
 
 
16
 
h3{
17
 
        font-size:16px;
18
 
        color:#333;
19
 
        margin-top:3px;
20
 
        margin-bottom:3px;
21
 
        margin-left:0px;
22
 
        margin-right:0px;
23
 
}
24
 
 
25
 
p{
26
 
        margin:0;
27
 
        font-size:16px;
28
 
}
29
 
 
30
5
a:link{
31
 
        color:#4F5155;
32
6
        text-decoration:none;
33
7
}
34
 
 
35
8
a:visited{
36
 
        color:#4F5155;
37
9
        text-decoration:none;
38
10
}
39
 
 
40
11
a:hover{
41
 
        color:#000;
 
12
        color:#f42;
 
13
        text-decoration:underline;
 
14
}
 
15
 
 
16
@-moz-keyframes pulse{
 
17
        0%{             box-shadow:0 0 1px #888; z-index:3000;}
 
18
        50%{    box-shadow:0 0 100px #888; z-index:3000;}
 
19
        100%{   box-shadow:0 0 1px #888; z-index:3000;}
 
20
}
 
21
 
 
22
@-webkit-keyframes pulse{
 
23
        0%{             box-shadow:0 0 1px #888; z-index:3000;}
 
24
        50%{    box-shadow:0 0 100px #888; z-index:3000;}
 
25
        100%{   box-shadow:0 0 1px #888; z-index:3000;}
 
26
}
 
27
 
 
28
@-moz-keyframes pulseMini{
 
29
        0%{             box-shadow:0 0 1px #aaa; z-index:3000;}
 
30
        50%{    box-shadow:0 0 30px #aaa; z-index:3000;}
 
31
        100%{   box-shadow:0 0 1px #aaa; z-index:3000;}
 
32
}
 
33
 
 
34
@-webkit-keyframes pulseMini{
 
35
        0%{             box-shadow:0 0 1px #aaa; z-index:3000;}
 
36
        50%{    box-shadow:0 0 30px #aaa; z-index:3000;}
 
37
        100%{   box-shadow:0 0 1px #aaa; z-index:3000;}
 
38
}
 
39
 
 
40
h1.categoryName{
 
41
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 
42
        font-size: 14px;
 
43
        font-weight:bold;
 
44
        color: #438BD5;
 
45
        margin:0;
 
46
        line-height:100%;
 
47
}
 
48
 
 
49
h3.subCategoryName{
 
50
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 
51
        font-size:13px;
 
52
        font-weight:bold;
 
53
        color:#438BD5;
 
54
        padding-left:22px;
 
55
        margin:0;
 
56
        line-height:100%;
 
57
}
 
58
 
 
59
a.exampleName{
 
60
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 
61
        color:#438BD5;
 
62
        font-size:12px;
 
63
        display:block;
 
64
        margin:0;
 
65
        padding-top:3px;
 
66
}
 
67
 
 
68
 
 
69
#exampleBodyMenu{
 
70
        float:left;
 
71
        width:92%;
 
72
        height:35px;
 
73
        margin-left:60px;
 
74
        margin-top:67px;
 
75
        border-bottom: 1px solid #acacac;
42
76
}
43
77
 
44
78
/*      The box where all stuff in in body is generated in.*/
45
79
#bodyContainer{
46
80
        float:left;
47
 
        margin-left:5em;
48
 
        margin-top:65px;
49
 
        width:80%;
 
81
        margin-left:90px;
 
82
        margin-top:10px;
 
83
        width:90%;
50
84
        z-index:0;
51
85
}
52
86
 
53
 
/*      pinkBanner is a class for a div which contains the style settings for a header that contains h1 */
54
 
.pinkBanner{
55
 
        margin-bottom: 8px; 
56
 
        width:100%; 
57
 
        background-color:#ae2771; 
58
 
        border:1px solid #9b195c; 
59
 
}
60
 
 
61
 
/*      blueBanner is a class for a div which contains the style settings for a header that contains h1 */
62
 
.blueBanner{
63
 
        margin-bottom: 8px;
64
 
        margin-top: 8px;
65
 
        width:100%; 
66
 
        background-color:#0a68ad; 
67
 
        border:1px solid #074877; 
 
87
a.cp{
 
88
        float:right;
 
89
        position:relative;
 
90
        right:-133px;
 
91
        height:20px;
 
92
        width:100px;
 
93
        font-family: Helvetica, Arial, sans-serif;
 
94
        font-size: 12px;
 
95
        font-weight:bold;
 
96
        background-image: linear-gradient(to top,#fff,#f5f5f5);
 
97
        margin-left:7px;
 
98
        -webkit-touch-callout: none;
 
99
        -webkit-user-select: none;
 
100
        -khtml-user-select: none;
 
101
        -moz-user-select: none;
 
102
        -ms-user-select: none;
 
103
        user-select: none;
 
104
}
 
105
 
 
106
a.cp:hover{
 
107
        background-color:#f5f5f5;
 
108
        background-image: linear-gradient(to bottom,#fff,#f5f5f5);
 
109
}
 
110
 
 
111
a.positionUnder{
 
112
        float:right;
 
113
        position:relative;
 
114
        height:20px;
 
115
        width:100px;
 
116
        font-family: Helvetica, Arial, sans-serif;
 
117
        font-size: 12px;
 
118
        font-weight:bold;
 
119
        background-image: linear-gradient(to top,#fff,#f5f5f5);
 
120
        margin-left:7px;
 
121
        top:40px;
 
122
        -webkit-touch-callout: none;
 
123
        -webkit-user-select: none;
 
124
        -khtml-user-select: none;
 
125
        -moz-user-select: none;
 
126
        -ms-user-select: none;
 
127
        user-select: none;
 
128
}
 
129
a.positionUnder:hover{
 
130
        background-color:#f5f5f5;
 
131
        background-image: linear-gradient(to bottom,#fff,#f5f5f5);
 
132
}
 
133
 
 
134
.temph1{
 
135
        margin-left:20px;
 
136
        font-size:20px;
 
137
        display:inline;
 
138
        
 
139
}
 
140
 
 
141
 
 
142
.categoryBorder
 
143
{
 
144
        float:left;
 
145
        margin-left:18px;
 
146
        width:3px;
 
147
        height:25px;
 
148
        background-image: url(../img/borderbackground.png);
 
149
        display:inline-block;
 
150
}
 
151
 
 
152
.exampleBorder
 
153
{
 
154
        float:left;
 
155
        margin-left:17px;
 
156
        margin-right:5px;
 
157
        width:4px;
 
158
        height:22px;
 
159
        background-image: url(../img/borderbackground.png);
 
160
}
 
161
 
 
162
.categoryIcon{
 
163
        color:#bababa;
 
164
        font-family: "icomoon";
 
165
        font-size:13px;
 
166
        display:inline-block;
 
167
        margin-left:11px;
 
168
        margin-right:5px;
 
169
        cursor:pointer;
 
170
        -webkit-touch-callout: none;
 
171
        -webkit-user-select: none;
 
172
        -khtml-user-select: none;
 
173
        -moz-user-select: none;
 
174
        -ms-user-select: none;
 
175
        user-select: none;
 
176
}
 
177
 
 
178
.categoryIcon.expanded{
 
179
        transform:rotate(90deg);
 
180
        -ms-transform:rotate(90deg); /* IE 9 */
 
181
        -webkit-transform:rotate(90deg); /* Safari and Chrome */
 
182
}
 
183
.categoryIcon.notExpanded{
 
184
        transform:rotate(0deg);
 
185
        -ms-transform:rotate(0deg); /* IE 9 */
 
186
        -webkit-transform:rotate(0deg); /* Safari and Chrome */
 
187
}
 
188
 
 
189
.exampleIcon{
 
190
        float:left;
 
191
        height:9px;
 
192
        padding-top:10px;
 
193
        width:9px;
 
194
        background-image: url(../img/example_indicator.png);
 
195
        background-position:center;
 
196
        background-repeat:no-repeat;
 
197
        display:inline-block;
 
198
        margin-right:5px;
 
199
        margin-left:10px;
 
200
}
 
201
 
 
202
/*      Banner is for each category */
 
203
.banner{
 
204
        display:block;
 
205
        width:100%;
 
206
}
 
207
 
 
208
/* Odd or even rows */
 
209
.odd{
 
210
        padding-top:5px;
 
211
        background-color:#f5f5f5; 
 
212
}
 
213
 
 
214
.even{
 
215
        padding-top:5px;
 
216
        background-color:#fff; 
 
217
}
 
218
 
 
219
.categoryMoveUp{
 
220
        float:right;
 
221
        position:relative;
 
222
        height: 20px;
 
223
        width:20px;
 
224
 
 
225
        top:-24px;
 
226
        margin-right:25%;
 
227
        margin-left:2px;
 
228
        font-family: icomoon;
 
229
        background-color:silver;
 
230
 
 
231
        
 
232
        
 
233
        transform:rotate(90deg);
 
234
        -ms-transform:rotate(90deg); /* IE 9 */
 
235
        -webkit-transform:rotate(90deg); /* Safari and Chrome */
 
236
        text-align:center;
 
237
        cursor:pointer;
 
238
        -webkit-touch-callout: none;
 
239
        -webkit-user-select: none;
 
240
        -khtml-user-select: none;
 
241
        -moz-user-select: none;
 
242
        -ms-user-select: none;
 
243
        user-select: none;
 
244
}
 
245
.categoryMoveDown{
 
246
        float:right;
 
247
        position:relative;
 
248
        height: 20px;
 
249
        width:20px;
 
250
 
 
251
        top:-24px;
 
252
        margin-left:2px;
 
253
        font-family: icomoon;
 
254
        background-color:silver;
 
255
        
 
256
        transform:rotate(-90deg);
 
257
        -ms-transform:rotate(-90deg); /* IE 9 */
 
258
        -webkit-transform:rotate(-90deg); /* Safari and Chrome */
 
259
        text-align:center;
 
260
        cursor:pointer;
 
261
        -webkit-touch-callout: none;
 
262
        -webkit-user-select: none;
 
263
        -khtml-user-select: none;
 
264
        -moz-user-select: none;
 
265
        -ms-user-select: none;
 
266
        user-select: none;
 
267
}
 
268
 
 
269
.categoryPulse{
 
270
        -moz-animation: pulse 1.5s 1;
 
271
        -webkit-animation: pulse 1.5s 1;
 
272
}
 
273
 
 
274
 
 
275
.categoryPulseMini{
 
276
        -moz-animation: pulseMini 1.5s 1;
 
277
        -webkit-animation: pulseMini 1.5s 1;
68
278
}
 
 
b'\\ No newline at end of file'