8000 Merge branch 'jquery.com-updates' - updates to jquery.com theme to be… · remybach/jquery-wp-content@662f66c · GitHub
Skip to content

Commit 662f66c

Browse files
danheberdendanheberden
committed
Merge branch 'jquery.com-updates' - updates to jquery.com theme to be compatible with new-css
* jquery.com-updates: clean up styles for jquery.com style download button and links, clean up styles and add support for smaller resolutions First rough styles of the jQuery home page - feature images and corresponding css, as well as a base jquery-com theme
2 parents 342f518 + 1d4d86b commit 662f66c

File tree

4 files changed

+125
-100
lines changed

4 files changed

+125
-100
lines changed

‎themes/jquery.com/i/download.png

1.47 KB
Loading

‎themes/jquery.com/i/feature-sprites.png

23 KB
Loading

‎themes/jquery.com/page.php

Lines changed: 0 additions & 100 deletions
This file was deleted.

‎themes/jquery.com/style.css

Lines changed: 125 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,125 @@
1+
/*
2+
Theme Name: jquery-com
3+
Template: jquery
4+
*/
5+
6+
7+
a,
8+
.title {
9+
color: #B24926;
10+
}
11+
#content a:hover {
12+
color: #333;
13+
}
14+
15+
16+
#banner-secondary {
17+
background: #222;
18+
position: relative;
19+
}
20+
#banner-secondary a {
21+
color: #b3b3b3;
22+
}
23+
#banner-secondary h3 {
24+
color: #7ACEF4;
25+
margin-bottom:0.5em;
26+
}
27+
#banner-secondary .features-box {
28+
width:60%;
29+
float: right;
30+
}
31+
.feature-box {
32+
float:left;
33+
width: 33%;
34+
text-align: center;
35+
padding: 0% 2%;
36+
}
37+
#banner-secondary .features-box p {
38+
font-size: .8em;
39+
line-height: 1em;
40+
padding: 0;
41+
}
42+
.features-box .feature-box-image {
43+
margin: 0 auto 1em auto;
44+
width: 120px;
45+
height: 107px;
46+
overflow: hidden;
47+
}
48+
.lightweight-footprint .feature-box-image {
49+
background: url('i/feature-sprites.png') 0px 0px no-repeat;
50+
}
51+
.css3-compliant .feature-box-image{
52+
background: url('i/feature-sprites.png') -139px 0px no-repeat;
53+
}
54+
.cross-browser .feature-box-image{
55+
background: url('i/feature-sprites.png') -278px 0px no-repeat;
56+
}
57+
58+
59+
#banner-secondary .downloads-box {
60+
float: right;
61+
width: 40%;
62+
text-align: center;
63+
}
64+
#banner-secondary .downloads-box h2 {
65+
color: #71D1FF;
66+
}
67+
#banner-secondary .downloads-box span.download {
68+
background: url('i/download.png') 0px 0px;
69+
width: 44px;
70+
height:37px;
71+
position: relative;
72+
top: 1em;
73+
display:inline-block;
74+
margin-right:0.5em;
75+
}
76+
77+
#banner-secondary .downloads-box p {
78+
margin: 15px 0 5px;
79+
}
80+
81+
#banner-secondary .download-main {
82+
height: 107px;
83+
width: 90%;
84+
margin-left:5%;
85+
margin-bottom:1em;
86+
}
87+
#banner-secondary .download-main > a {
88+
background: #D18F4F;
89+
color: #FFF;
90+
display:block;
91+
padding: 0.1em;
92+
font-size: 2em;
93+
width: 100%;
94+
text-align:center;
95+
text-decoration: none;
96+
}
97+
98+
99+
#banner-secondary .download-main > a span {
100+
margin-top: 0.2em;
101+
display: block;
102+
font-size: 0.4em;
103+
}
104+
105+
#home-content h2 {
106+
margin-top:1em;
107+
}
108+
#home-content h3 {
109+
margin-top:1.5em;
110+
}
111+
#home-content h2 + h3 {
112+
margin-top: 1em;
113+
}
114+
115+
@media all and (max-width: 820px) {
116+
#banner-secondary .downloads-box {
117+
float:none;
118+
width: 100%;
119+
margin-bottom: 1em;
120+
}
121+
#banner-secondary .features-box {
122+
float:none;
123+
width:100%;
124+
}
125+
}

0 commit comments

Comments
 (0)