Skip to content

Commit fed233c

Browse files
scottgonzalezscottgonzalez
committed
jqueryui.com: Started index page.
1 parent 9931f31 commit fed233c

File tree

3 files changed

+103
-5
lines changed

3 files changed

+103
-5
lines changed

‎themes/jquery/css/base.css

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1452,15 +1452,15 @@ header nav.top li.toggle-projects.active a {
14521452
/*******************************************************************************/
14531453

14541454
#banner {
1455-
background: url(../i/dark-grey-tile.png) #333333;
1455+
background: url(../i/dark-grey-tile.png) #333;
14561456
margin-left: -25px;
14571457
margin-right: -25px;
14581458
margin-top: -25px;
1459-
1459+
color: #fff;
14601460
}
14611461

14621462
#banner .glow {
1463-
padding: 60px;
1463+
padding: 40px;
14641464
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
14651465
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSIzMSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNDIiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
14661466
background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 31%, rgba(0,0,0,0.42) 100%); /* FF3.6+ */

‎themes/jqueryui.com/index.php

Lines changed: 33 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,38 @@
11
<?php get_header(); ?>
22

3-
<div id="body" class="clearfix">
4-
<div class="inner"></div>
3+
<div id="body" class="clearfix sidebar-left">
4+
<div class="inner">
5+
6+
<div id="banner"><div class="glow clearfix">
7+
<p class="intro">jQuery UI is a curated set of user interface interactions,
8+
effects, widgets, and themes built on top of the jQuery JavaScript Library.
9+
Whether you're building highly interactive web applications or you just
10+
need to add a date picker to a form control, jQuery UI is the perfect
11+
choice.</p>
12+
13+
<div class="download-box">
14+
<h2>Download jQuery UI 1.9.0</h2>
15+
<a href="/download/" class="btn">Custom Download</a>
16+
<p>Quick Downloads:</p>
17+
<div class="download-option">
18+
<a href="#" class="btn">Stable</a>
19+
<span>v1.9.0</span>
20+
<span>jQuery 1.6+</span>
21+
</div>
22+
<div class="download-option download-legacy">
23+
<a href="#" class="btn">Legacy</a>
24+
<span>v1.8.23</span>
25+
<span>jQuery 1.3.2+</span>
26+
</div>
27+
</div>
28+
</div></div>
29+
30+
<div class="latest-news">
31+
<p><span>Latest News:</span> jQuery UI 1.9.0 released with hundreds of bug fixes and three new widgets. <a href="http://blog.jqueryui.com/">read more...</a></p>
32+
</div>
33+
</div>
34+
35+
<?php get_sidebar(); ?>
536
</div>
637

738
<?php get_footer(); ?>

‎themes/jqueryui.com/style.css

Lines changed: 67 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -38,6 +38,73 @@ a:hover {
3838
inset rgba(137,81,6,0.5) 0 -3px 5px;
3939
}
4040

41+
.intro {
42+
font-size: 24px;
43+
line-height: 32px;
44+
margin-top: 0;
45+
float: left;
46+
width: 55%;
47+
text-shadow: #000 1px 1px;
48+
}
49+
50+
.download-box {
51+
border: 1px solid #aaa;
52+
background: #333;
53+
background: -moz-linear-gradient(left, #333 0%, #444 100%);
54+
background: -webkit-linear-gradient(left, #333 0%, #444 100%);
55+
background: -o-linear-gradient(left, #333 0%, #444 100%);
56+
background: linear-gradient(to right, #333 0%, #444 100%);
57+
float: right;
58+
width: 40%;
59+
text-align: center;
60+
font-size: 20px;
61+
padding: 10px;
62+
border-radius: 5px;
63+
box-shadow: 0 0 8px rgba(0, 0, 0, 0.8);
64+
}
65+
66+
#banner .download-box h2 {
67+
font-size: 40px;
68+
}
69+
70+
.download-box .btn {
71+
margin: 0;
72+
float: none;
73+
font-weight: bold;
74+
}
75+
76+
.download-option {
77+
width: 45%;
78+
float: left;
79+
font-size: 16px;
80+
}
81+
82+
.download-legacy {
83+
float: right;
84+
}
85+
86+
.download-option span {
87+
display: block;
88+
font-size: 14px;
89+
color: #71D1FF;
90+
}
91+
92+
.latest-news {
93+
position: relative;
94+
background: #ddd;
95+
background: -moz-linear-gradient(top, #eee 0%, #ddd 100%);
96+
background: -webkit-linear-gradient(top, #eee 0%, #ddd 100%);
97+
background: -o-linear-gradient(top, #eee 0%, #ddd 100%);
98+
background: linear-gradient(to bottom, #eee 0%, #ddd 100%);
99+
margin: -25px;
100+
padding: 10px 40px;
101+
}
102+
103+
.latest-news span {
104+
text-transform: uppercase;
105+
font-weight: bold;
106+
}
107+
41108
.demo-list {
42109
float: right;
43110
width: 25%;

0 commit comments

Comments
 (0)