Project

General

Profile

« Previous | Next » 

Revision f08353df

Added by Guillaume Denis about 9 years ago

css cleanup and responsive fixes

View differences:

ckanext/ozwillo_theme/fanstatic/ozwillo.css
214 214
        display: none;
215 215
    }
216 216
}
217

  
218
/* fix CKAN responsive issues */
219

  
220
.homepage.layout-1 .row1 .col2, .homepage.layout-1 .row2 .col2 {
221
  position: relative;
222
}
223

  
224
@media (min-width: 992px) {
225
  .homepage.layout-1 .row1 .col2, .homepage.layout-1 .row2 .col2 {
226
    float: right;
227
  }
228
}
229

  
230
@media (max-width: 830px) {
231
  .hidden-menu-table {
232
    display: none !important;
233
  }
234
}
235

  
236
@media (max-width: 767px) {
237
  .module-content, .module-content:first-child, .module-content:last-child {
238
    margin-bottom: 20px;
239
  }
240
}
241

  
242
@media (min-width: 980px) and (min-width: 1199px) {
243
  .primary.span12 {
244
    width: 940px;
245
  }
246
}
247

  
248
@media (min-width: 768px) and (max-width: 979px) {
249
  .primary.span12 {
250
    width: 724px;
251
  }
252
}
253

  
254
@media (max-width: 767px) {
255
  .primary.span12 {
256
    width: 100%;
257
  }
258
}
259

  
260
@media (max-width: 979px) {
261
  aside.secondary {
262
    display :none;
263
  }
264
  .row.wrapper {
265
    background: #fff;
266
  }
267
}
ckanext/ozwillo_theme/fanstatic/plugins.system.t3.base-bs3.less.t3.less.css
1
@media (max-width: 767px) {
1
/*@media (max-width: 767px) {
2 2
  .always-show .mega > .mega-dropdown-menu,
3 3
  .always-show .dropdown-menu {
4 4
    display: block !important;
......
69 69
.body-data-holder:before {
70 70
  display: none;
71 71
  content: "grid-float-breakpoint:768px screen-xs:480px screen-sm:768px screen-md:992px screen-lg:1200px";
72
}
72
}*/
ckanext/ozwillo_theme/fanstatic/templates.t3_bs3_blank.less.bootstrap.less.css
407 407
  max-height: 340px;
408 408
  overflow-y: scroll;
409 409
}
410
.container {
411
  margin-right: auto;
412
  margin-left: auto;
413
  padding-left: 15px;
414
  padding-right: 15px;
415
}
416
@media (min-width: 768px) {
417
  .container {
418
    width: 750px;
419
  }
420
}
421 410
@media (min-width: 992px) {
422 411
  .container {
423 412
    width: 970px;
......
434 423
  padding-left: 15px;
435 424
  padding-right: 15px;
436 425
}
437
.row {
438
  margin-left: -15px;
439
  margin-right: -15px;
440
}
426

  
441 427
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
442 428
  position: relative;
443 429
  min-height: 1px;
ckanext/ozwillo_theme/fanstatic/templates.t3_bs3_blank.less.components.less.css
1 1
.page-header {
2
  padding-bottom: 10px;
3 2
  margin: 0 0 22px;
4 3
  border-bottom: 1px solid #eeeeee;
5 4
}
ckanext/ozwillo_theme/fanstatic/templates.t3_bs3_blank.less.themes.dark.template.less.css
47 47
  font-weight: bold;
48 48
  margin-bottom: 4px;
49 49
}
50
.container.t3-mainbody {
51
  margin-top: 50px;
52
}
53
.t3-mainnav {
54
  border-width: 1px;
55
  border-color: #ddd;
56
  border-top: 0;
57
}
58 50
.navbar-nav.navbar-footer > li {
59 51
  float: none;
60 52
}
61 53
.navbar-nav.navbar-footer > li > a {
62 54
  padding: 0.2em;
63 55
}
64
.item-page {
65
  margin-top: 49px;
66
  text-align: justify;
67
}
68
.item-page h1,
69
.item-page h2 {
70
  margin: 30px 0;
71
  text-align: center;
72
}
73
.item-page h3 {
74
  font-size: 1em;
75
  font-weight: bold;
76
}
77
.stripe-alt {
78
  margin-bottom: -50px;
79
}
80
.btn-lg {
81
  border-radius: 24px;
82
}
83 56
.nav select {
84 57
  color: #636884;
85 58
}
......
100 73
  background: #636884;
101 74
  color: #fff;
102 75
}
103
.navbar-lang {
104
  margin-left: 20px;
76
.navbar .navbar-lang {
77
  margin-left: 10px;
105 78
}
106 79
.nav a.nav-apps:before {
107 80
  display: block;
......
115 88
.navbar-default .navbar-nav > .active > a.logo {
116 89
  background: #fff;
117 90
}
118
.mod-calendar ul.mod-calendar:before {
119
  display: block;
120
  content: "";
121
  height: 110px;
122
  background: url('/images/ui/calendar.png') no-repeat top center;
123
}
124
.mod-calendar ul.mod-calendar li a {
125
  font-weight: bold;
126
  text-transform: uppercase;
127
}
128
.mod-calendar ul.mod-calendar .mod-articles-category-readmore {
129
  text-align: right;
130
}
131
.mod-calendar ul.mod-calendar .mod-articles-category-readmore a {
132
  line-height: 40px;
133
  color: #636884;
134
  text-transform: uppercase;
135
  font-weight: bold;
136
}
137
.mod-calendar ul.mod-calendar .mod-articles-category-readmore a:after {
138
  vertical-align: -30%;
139
  content: url('/images/ui/plus-40.png');
140
}
141
.blog .page-header {
142
  border: 0;
143
  text-align: center;
144
}
145
.blog h2.article-title {
146
  display: inline;
147
  font-size: 1em;
148
  color: #636884;
149
  text-transform: uppercase;
150
  font-weight: bold;
151
}
152
.blog h2.article-title a:after {
153
  content: ".";
154
}
155
.blog p {
156
  display: inline;
157
}
158
.blog .article-intro img {
159
  max-width: 120px;
160
}
161
.blog .readmore {
162
  text-align: right;
163
}
164
.blog .readmore a {
165
  line-height: 40px;
166
  color: #636884;
167
  text-transform: uppercase;
168
  font-weight: bold;
169
}
170
.blog .readmore a:after {
171
  vertical-align: -30%;
172
  content: url('/images/ui/plus-40.png');
173
}
174
#article-home h1 {
175
  font-family: "DINAlternate-Light";
176
}
177
#article-home h2 {
178
  font-family: "Dunkin";
179
  font-size: 26pt;
180
}
181
#article-home .stripe-main {
182
  padding: 12px 0 0;
183
  min-height: 680px;
184
  color: #fff;
185
  background: url('/images/home/sky.jpg');
186
  background-color: #fff;
187
  background-position: 50% 0%;
188
  background-repeat: no-repeat;
189
  background-size: cover;
190
}
191
#article-home .stripe-main .input-search .input-group-addon {
192
  background: #fff;
193
  color: #636884;
194
  border-bottom-right-radius: 24px;
195
  border-top-right-radius: 24px;
196
}
197
#article-home .stripe-main .input-search .input-group-btn button {
198
  border-bottom-right-radius: 24px;
199
  border-top-right-radius: 24px;
200
}
201
#article-home .stripe-main .input-search input {
202
  border-left: 0;
203
  border-right: 0;
204
  border-bottom-left-radius: 24px;
205
  border-top-left-radius: 24px;
206
}
207
#article-home .stripe-main #stripe-explore {
208
  position: relative;
209
}
210
@media (min-width: 768px) {
211
  #article-home .stripe-main #stripe-explore {
212
    padding-top: 250px;
213
  }
214
}
215
#article-home .stripe-main #stripe-explore #fg1 {
216
  position: absolute;
217
  top: 90px;
218
  left: 50%;
219
}
220
#article-home .stripe-main #stripe-explore #fg1 .actor {
221
  position: absolute;
222
  top: 0;
223
  left: -320px;
224
  width: 565px;
225
  height: 540px;
226
  background: url('/images/home/fg1.png') no-repeat;
227
}
228
#article-home h1 {
229
  margin-bottom: 50px;
230
}
231
#article-home h3 {
232
  font-size: 1.8em;
233
}
234
[class^="stripe-"] {
235
  padding: 20px 0;
236
  color: #000;
237
}
238
.stripe-main-1 {
239
  background: #eb6e67;
240
  color: #fff;
241
}
242
.stripe-main-2 {
243
  background: #6e418e;
244
  color: #fff;
245
}
246
.stripe-main-3 {
247
  background: #f4ada3;
248
}
249
.stripe-main-4 {
250
  background: #d8735f;
251
  color: #fff;
252
}
253
.stripe-main-5 {
254
  background: #999999;
255
  color: #fff;
256
}
257
.stripe-main-6 {
258
  background: #e7e8ef;
259
}
260
.stripe-pro-1 {
261
  background: #ee8100;
262
}
263
.stripe-pro-2 {
264
  background: #f8bb79;
265
}
266
.stripe-pro-3 {
267
  background: #fbd6af;
268
}
269
.stripe-pro-4 {
270
  background: #fde7cf;
271
}
272
.stripe-dev-1 {
273
  background: #007fc4;
274
  color: #fff;
275
}
276
.stripe-dev-2 {
277
  background: #8cadd7;
278
}
279
.stripe-dev-3 {
280
  background: #bdcde7;
281
}
282
.stripe-dev-4 {
283
  background: #d8e1f0;
284
}
285
.stripe-user-1 {
286
  background: #91b732;
287
}
288
.stripe-user-2 {
289
  background: #c1d389;
290
}
291
.stripe-user-3 {
292
  background: #dbe5bb;
293
}
294
.stripe-user-4 {
295
  background: #eaefd7;
296
}
297
.stripe-light {
298
  font-size: 1.4em;
299
  padding: 20px 0;
300
}
301
.stripe-light p {
302
  margin: 0;
303
}
304
.stripe-alt {
305
  font-size: 1.4em;
306
  background: #E1E3ED;
307
}
91

  
308 92
.t3-sitemap {
309 93
  background: #DFCAE2;
310 94
}

Also available in: Unified diff