← Back to branch summary

~ubuntu-packaging-guide-team/ubuntu-packaging-guide/trunk

« back to all changes in this revision

Viewing changes to themes/ubuntu/static/home.css

  • Committer: Daniel Holbach
  • Date: 2012-02-24 10:30:02 UTC
  • mfrom: (70.2.2 ubuntu-packaging-guide)
  • Revision ID: daniel.holbach@canonical.com-20120224103002-btsb747kpybgu3qo
merged lp:~fougner/ubuntu-packaging-guide/fix-bug-859656

Show diffs side-by-side

added added

removed removed

Lines of Context:
themes/ubuntu/static/home.css
 
1
/**
 
2
* Ubuntu Developer page stylesheet
 
3
*
 
4
* A stylesheet for the 'home' page
 
5
*
 
6
* @project Ubuntu Developer
 
7
* @version 1.0
 
8
* @author Canonical Web Team: Steve Edwards and Ant Dillon
 
9
* @copyright 2011 Canonical Ltd.
 
10
*/
 
11
 
 
12
.home header {
 
13
        background: #fff;
 
14
}
 
15
.home .header-content {
 
16
        background: url("./images/background-header-home.png") 0 0 repeat #fff;
 
17
}
 
18
.home .header-content h1 {
 
19
        font-size: 36px;
 
20
        background: #fff;
 
21
}
 
22
.home .header-content h2 {
 
23
        font-size: 20px;
 
24
        line-height: 1.4;
 
25
        width: 440px;
 
26
        background: #fff;
 
27
}
 
28
.home .header-content a .cta-center{
 
29
        margin-top: 20px;
 
30
        font-size: 20px;
 
31
        line-height: 2.4;
 
32
}
 
33
.home .header-content a .cta-right, .home .header-content a .cta-left {
 
34
        margin-top: 20px;
 
35
}
 
36
.home .header-image {
 
37
        background: url("./images/dotted-logo.png") no-repeat scroll 122px -24px transparent;
 
38
        float: right;
 
39
    height: 332px;
 
40
    margin-bottom: -35px;
 
41
    margin-right: -163px;
 
42
    margin-top: -53px;
 
43
    width: 571px;
 
44
        position: relative;
 
45
        z-index: 1;
 
46
}
 
47
.home .header-image img {
 
48
                -moz-box-shadow: 0 9px 4px 4px #e0e0e0;
 
49
                -webkit-box-shadow: 0 9px 4px 4px #e0e0e0;
 
50
        box-shadow: 0 9px 4px 4px #e0e0e0;
 
51
        margin-bottom: -74px;
 
52
    margin-left: -52px;
 
53
    margin-top: 77px;
 
54
}
 
55
 
 
56
.box-steps {
 
57
        margin-bottom: 30px;
 
58
        border: 3px solid #dd4814;
 
59
                -moz-border-radius: 4px;
 
60
                -webkit-border-radius: 4px;
 
61
        border-radius: 4px;
 
62
                -moz-box-shadow: 0 3px 1px #e0e0e0;
 
63
                -webkit-box-shadow: 0 3px 1px #e0e0e0;
 
64
        box-shadow: 0 3px 1px #e0e0e0;
 
65
}
 
66
.box-steps li {
 
67
        padding: 15px;
 
68
        float: left;
 
69
        width: 203px;
 
70
        border-right: 1px solid #dd4814;
 
71
        text-align: center;
 
72
        min-height: 237px;
 
73
}
 
74
.box-steps li.last {
 
75
        border: 0;
 
76
        width: 202px;
 
77
}
 
78
.box-steps span {
 
79
        padding: 4px;
 
80
        margin: 10px auto 0;
 
81
        display: block;
 
82
        border: 3px solid #dd4814;
 
83
                -moz-border-radius: 40px;
 
84
                -webkit-border-radius: 40px;
 
85
        border-radius: 40px;
 
86
        text-align: center;
 
87
        font-size: 36px;
 
88
        width: 50px;
 
89
        color: #dd4814;
 
90
                -moz-box-shadow: 0 2px 1px #e0e0e0;
 
91
                -webkit-box-shadow: 0 2px 1px #e0e0e0;
 
92
        box-shadow: 0 2px 1px #e0e0e0;
 
93
}
 
94
.box-steps h3 {
 
95
        margin: 10px 0 15px;
 
96
}
 
97
.box-steps p {
 
98
        padding-top: 15px;
 
99
        text-align: left;
 
100
        border-top: 1px dotted #aea79f;
 
101
}
 
102
.box-steps a {
 
103
        color: #333;
 
104
}
 
105
.box-steps li:hover {
 
106
        background-color: #fcece7;
 
107
        cursor: pointer;
 
108
}
 
109
.box-steps li:hover span {
 
110
        background-color: #dd4814;
 
111
        color: #fff;
 
112
}
 
113
.box-steps li:hover a {
 
114
        color: #dd4814;
 
115
}
 
116
.box ul li {
 
117
        margin: 0 30px 20px 0;
 
118
        width: 282px;
 
119
        float: left;
 
120
}
 
121
.box ul li.last {
 
122
        margin-right: 0;
 
123
}
 
124
.box ul li img {
 
125
        margin: 0 0 10px 10px;
 
126
        float: right;
 
127
}
 
128
.box h4 {
 
129
        padding-bottom: 10px;
 
130
}
 
131
.box h2 {
 
132
        margin-bottom: 30px;
 
133
}
 
134
.box .link-action-small {
 
135
        float: right;
 
136
        margin-bottom: 0px;
 
137
}
 
138
 
 
139
/*blockquote {
 
140
        margin-bottom: 30px;
 
141
        padding: 32px 10px;
 
142
        border-top: 1px dotted #aea69e;
 
143
        border-bottom: 1px dotted #aea69e;
 
144
        background: url("./images/quotes.png") no-repeat scroll 5px center;
 
145
}
 
146
blockquote p {
 
147
        padding: 12px 65px;
 
148
        font-size: 24px;
 
149
        height: 54px;
 
150
}
 
151
blockquote cite {
 
152
        margin-left: 65px;
 
153
        font-size: 16px;
 
154
}*/
 
155
 
 
156
.slider{
 
157
        width:10000px;
 
158
        margin-left:-10px;
 
159
}
 
160
 
 
161
.box-padded .slider-controls{
 
162
        background-color: transparent;
 
163
    border-radius:0px;
 
164
    padding: 0px;
 
165
    float:right;
 
166
    border:0px;
 
167
        width:200px;
 
168
}
 
169
 
 
170
.slider-controls .next{
 
171
        background:url("./images/arrow-sliders.png") no-repeat scroll -29px 0;
 
172
        height:31px;
 
173
        width:34px;
 
174
}
 
175
 
 
176
.slider-controls .prev{
 
177
        background:url("./images/arrow-sliders.png") no-repeat scroll 0 0;
 
178
        height:31px;
 
179
        width:29px;
 
180
}
 
181
 
 
182
.slider-controls div{
 
183
        float:right;
 
184
        padding:0px;
 
185
        cursor: pointer;
 
186
    border: none;
 
187
        -moz-border-radius: 0px;
 
188
                -webkit-border-radius: 0px;
 
189
    border-radius: 0px;
 
190
}
 
191
 
 
192
.slider-controls .prev.disabled{
 
193
        background-position: 0 -29px;
 
194
        cursor: default;
 
195
}
 
196
 
 
197
.slider-controls .next.disabled{
 
198
        background-position: -29px -29px;
 
199
        cursor: default;
 
200
}
 
201
 
 
202
.slider-jump{
 
203
        width:66px;
 
204
        margin:0px auto;
 
205
        padding-left: 33px;
 
206
        padding-top:10px;
 
207
}
 
208
.slider-jump li{
 
209
        width:9px;
 
210
        height:9px;
 
211
        background:transparent;
 
212
        border:1px solid #aea79f;
 
213
                -moz-border-radius:5px 5px 5px 5px;
 
214
                -webkit-border-radius:5px 5px 5px 5px;
 
215
        border-radius:5px 5px 5px 5px;
 
216
        float:left;
 
217
        margin-right:5px;
 
218
        cursor: pointer;
 
219
        padding: 0 0;
 
220
}
 
221
 
 
222
.slider-jump .active{
 
223
        background:#aea79f;
 
224
        cursor: default;
 
225
}
 
226
 
 
227
.box-padded li .price{
 
228
        font-weight: bold;
 
229
}
 
230
 
 
231
.box-padded li.no-border{
 
232
        border: 0 none;
 
233
}
 
234