← Back to branch summary

~canonical-website-editors/juju-website/juju-labs

« back to all changes in this revision

Viewing changes to library/css/style.css

  • Committer: Graham Bancroft
  • Date: 2013-09-16 15:43:22 UTC
  • Revision ID: graham.bancroft@canonical.com-20130916154322-w9wk94kl1yemfwrp
Re-style 'Ready to experience' on home page. Add CSS for juju block on home page.

Show diffs side-by-side

added added

removed removed

Lines of Context:
library/css/style.css
80
80
        background: #B83A10;
81
81
}
82
82
 
 
83
.nav-primary .page-item-490 {
 
84
        position: absolute;
 
85
        left: -999em;   
 
86
}
 
87
 
83
88
.nav-secondary {
84
89
        margin-bottom: 0;
85
90
}
129
134
        margin-top: 20px;
130
135
}
131
136
body.home #main-content .row-strap {
132
 
        background: url("/wp-content/themes/ubuntu/library/images/grey-developer-bg.png");
133
 
                -moz-box-shadow: inset -5px 1px 6px #ccc, inset -5px -1px 6px #ccc;
134
 
                -webkit-box-shadow: inset -5px 1px 6px #ccc, inset -5px -1px 6px #ccc;
135
 
        box-shadow: inset -5px 1px 6px #ccc, inset -5px -1px 6px #ccc;
 
137
        background: url("//juju.ubuntu.com/wp-content/themes/ubuntu/library/images/grey-developer-bg.png");
 
138
                -moz-box-shadow: inset -5px 1px 6px #ccc, inset 0 0 0 transparent;
 
139
                -webkit-box-shadow: inset -5px 1px 6px #ccc, inset 0 0 0 transparent;
 
140
        box-shadow: inset -5px 1px 6px #ccc, 0 0 0 transparent;
136
141
        margin-top: 20px;
 
142
        margin-bottom: -20px;
 
143
        border-radius: 0 4px 0 4px;
137
144
}
138
145
body.home #main-content .row-strap h4 {
139
146
        margin-top: 20px;
148
155
        border: 0;
149
156
}
150
157
body.home #main-content .row-strap img {
 
158
        border-radius: 0 0 6px 0;
151
159
        position: absolute;
152
160
        right: -40px;
153
 
        top: -57px;
 
161
        top: -55px;
154
162
}
155
163
body.home #main-content .row-statement img {
156
164
        margin-left: 55px;
329
337
        top: 127px;
330
338
}
331
339
body.page-features .row-scale {
332
 
        background: #F7F7F7 url('/wp-content/uploads/2013/09/scale-in-all-direction-5.png') left bottom no-repeat; 
333
 
        padding-bottom: 40px;
 
340
        background: #F7F7F7 url('/wp-content/uploads/2013/09/scale-in-all-direction-5.png') 100% 80% no-repeat; 
 
341
        padding-bottom: 50px;
334
342
}
 
343
 
335
344
body.page-features #main-content .row-monitor-diagnose {
336
345
        overflow: hidden;
337
346
}
471
480
footer.global .footer-a li li.social-google a {
472
481
        line-height: 14px;
473
482
}
 
483
 
 
484
/* promo (on home page) */
 
485
.row-promo {
 
486
        background: url("http://assets.ubuntu.com/sites/ubuntu/latest/u/img/homepage/charm/juju_bg.png") repeat;
 
487
        padding-right: 0;
 
488
        padding-bottom: 0;
 
489
}
 
490
.row-promo div {
 
491
        background: url(http://assets.ubuntu.com/sites/ubuntu/latest/u/img/homepage/charm/image-juju-charms.png
 
492
) 100% 0 no-repeat;
 
493
        padding-right: 58%;
 
494
        padding-bottom: 23px;
 
495
}
 
496
.row-promo h2 {
 
497
        background: url(http://assets.ubuntu.com/sites/ubuntu/latest/u/img/homepage/charm/icon-juju-logo.png) no-repeat;
 
498
        padding-top: 60px;
 
499
}
 
500
.row-promo p {
 
501
        font-size: 19.5px;
 
502
        padding-bottom: 10px;
 
503
}