Skip to content

Commit 8553df5

Browse files
kleinmaetschkerdworth
authored andcommitted
jQuery.org cleanup.
1 parent b69324d commit 8553df5

File tree

4 files changed

+124
-17
lines changed

4 files changed

+124
-17
lines changed
376 KB
Loading
46.1 KB
Loading

themes/jquery.org/style.css

Lines changed: 123 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,8 @@ Theme Name: jquery-org
33
Template: jquery
44
*/
55

6-
a,
7-
#sidebar h3 {
6+
/*Custom Colors*/
7+
/*a, #sidebar h3 {
88
color: #b71551;
99
}
1010
@@ -13,11 +13,32 @@ a,
1313
}
1414
1515
#content h1 {
16-
color: #0098bf;
16+
color: white;
1717
font-weight: normal;
1818
font-style: normal;
1919
}
2020
21+
#content h2 {
22+
color: white;
23+
font-weight: normal;
24+
font-style: normal;
25+
margin-bottom: 20px;
26+
}*/
27+
28+
#banner-large-image {
29+
margin-right: -25px;
30+
margin-left: -25px;
31+
margin-top: -20px;
32+
height: 360px;
33+
background: url(images/header-join-page.jpg) no-repeat center;
34+
background-size: cover;
35+
-webkit-background-size: cover;
36+
-moz-background-size: cover;
37+
-o-background-size: cover;
38+
display: block;
39+
position: relative;
40+
}
41+
2142
#content h2 {
2243
color: #b71551;
2344
font-weight: normal;
@@ -43,7 +64,13 @@ a,
4364
font-size: 60px;
4465
}
4566

67+
.jquery-foundation.home #banner-secondary.large-banner.entry-header {
68+
padding-bottom: 0px;
69+
}
4670

71+
.jquery-foundation.page-id-5 #content #banner-large-image .vertically-centered-black-bg {
72+
margin-top: 14.5%;
73+
}
4774

4875
/*Homepage*/
4976

@@ -52,10 +79,10 @@ a,
5279
}
5380

5481
.sub-banner {
55-
background-color: #d6eef1;
82+
background-color: lightgray;
5683
text-align: center;
5784
margin: -25px -25px 0;
58-
color: #007d88;
85+
color: rgb(102,102,102);
5986
font: bold 20px/40px "klavika-web", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
6087
}
6188

@@ -118,8 +145,16 @@ ul.flex-direction-nav {
118145
border-bottom: 10px solid #c1c1c1;
119146
border-top: 10px solid #c1c1c1;
120147
text-align: center;
148+
padding-top: 35px;
149+
padding-bottom: 35px;
150+
margin-top: 25px;
121151
}
122152

153+
.jquery-foundation.page-id-2 #content .dark-callout-box {
154+
padding-top: 0px;
155+
padding-bottom: 0px;
156+
}
157+
123158
.big-message {
124159
font: bold 50px/50px "klavika-web", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
125160
color: #ffffff !important;
@@ -132,7 +167,7 @@ ul.flex-direction-nav {
132167
}
133168

134169
#content .dark-callout-box p {
135-
ont: bold 30px/50px "klavika-web", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
170+
font: bold 30px/50px "klavika-web", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
136171
color: #dddcdc;
137172
}
138173

@@ -142,6 +177,14 @@ ul.flex-direction-nav {
142177
color: #464646;
143178
}
144179

180+
#content .project {
181+
margin-top: 35px;
182+
}
183+
184+
#content .twelve.columns .project {
185+
margin-top: 0px;
186+
}
187+
145188
.project img {
146189
float: left;
147190
display: inline;
@@ -178,6 +221,13 @@ ul.flex-direction-nav {
178221
z-index: 1;
179222
}
180223

224+
.member-level button.button.join {
225+
position: relative;
226+
top: 0px;
227+
left: 15px;
228+
margin-bottom: 15px;
229+
}
230+
181231
.member-level-icon.fan {
182232
background: url(images/icn-fan.png) center top no-repeat;
183233
}
@@ -262,23 +312,20 @@ a.icon-search::before {
262312
clear: none;
263313
}
264314

265-
266315
.choose-gifts {
267-
background-color: #378a9b;
268-
border-bottom: 16px solid #1b4c5e;
316+
background-color: lightgray;
269317
clear: both;
270318
position: relative;
271319
z-index: 2;
272320
padding-left: 15px;
273321
padding-right: 15px;
274322
padding-top: 15px;
275-
padding-bottom: 15px;
323+
padding-bottom: 45px;
276324
}
277325

278326
.choose-gifts h4 {
279327
font: bold 18px/20px "klavika-web", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
280328
margin-bottom: 10px;
281-
color: #ffffff;
282329
}
283330

284331
.choose-gifts label {
@@ -290,6 +337,7 @@ a.icon-search::before {
290337
height: 1px;
291338
margin-top: 15px;
292339
margin-bottom: 15px;
340+
background: #898989;
293341
}
294342

295343
.choose-gifts select {
@@ -298,6 +346,61 @@ a.icon-search::before {
298346
margin-bottom: 15px;
299347
}
300348

349+
.choose-gifts button.button.pay {
350+
margin-right: 20px;
351+
}
352+
353+
#content .choose-gifts textarea {
354+
width: 100%;
355+
background: white;
356+
border: 1px solid rgba(192,192,192,1);
357+
}
358+
359+
.choose-gifts input[type="name"] {
360+
margin-right: 3px;
361+
}
362+
363+
.choose-gifts input[type="name"], .choose-gifts input[type="email"]{
364+
display: inline;
365+
width: 49%;
366+
padding: 8px 12px;
367+
border: 1px solid rgba(192,192,192,1);
368+
border-radius: 2px;
369+
-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.17);
370+
box-shadow: inset 0 1px 3px rgba(0,0,0,0.17);
371+
}
372+
373+
#content .choose-gifts input:focus, #content .choose-gifts input[type=text]:focus, #content .choose-gifts textarea:focus {
374+
border: 1px solid #78CFF5;
375+
-webkit-box-shadow: none;
376+
box-shadow: none;
377+
}
378+
379+
#content .choose-gifts input::-webkit-input-placeholder {
380+
color: rgba(51,51,51,0.75);
381+
}
382+
#content .choose-gifts input:-moz-placeholder {
383+
color: rgba(51,51,51,0.75);
384+
}
385+
#content .choose-gifts input::-moz-placeholder {
386+
color: rgba(51,51,51,0.75);
387+
}
388+
#content .choose-gifts input:-ms-input-placeholder {
389+
color: rgba(51,51,51,0.75);
390+
}
391+
392+
#content .choose-gifts textarea::-webkit-input-placeholder {
393+
color: rgba(51,51,51,0.75);
394+
}
395+
#content .choose-gifts textarea:-moz-placeholder {
396+
color: rgba(51,51,51,0.75);
397+
}
398+
#content .choose-gifts textarea::-moz-placeholder {
399+
color: rgba(51,51,51,0.75);
400+
}
401+
#content .choose-gifts textarea:-ms-input-placeholder {
402+
color: rgba(51,51,51,0.75);
403+
}
301404

302405
/*History Page*/
303406

@@ -410,15 +513,15 @@ a.icon-search::before {
410513
margin-bottom: 40px;
411514
}
412515

413-
.button,
414-
#content .button {
516+
/*a.button,
517+
#content a.button, .button {
415518
background-color: #b71551;
416519
}
417520
418-
.button:hover,
419-
#content .button:hover {
521+
a.button:hover,
522+
#content a.button:hover {
420523
background-color: #7c0d36;
421-
}
524+
}*/
422525

423526

424527
/*Adjust widths for longer navigation*/
@@ -431,6 +534,10 @@ nav#main ul {
431534
width: 80%;
432535
}
433536

537+
.content-full.full-width #content {
538+
padding-bottom: 15px;
539+
}
540+
434541
@media only screen and (max-width: 767px) {
435542
.sponsors-page ul.block-grid li img {
436543
float: none;

themes/jquery/css/base.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1689,7 +1689,7 @@ nav#main {
16891689
}
16901690

16911691
.jquery-foundation nav#main {
1692-
background-color: rgba(7, 105, 173, 0.10);
1692+
background-color: rgba(102, 102, 102, 0.1);
16931693
}
16941694

16951695
.no-boxshadow nav#main {

0 commit comments

Comments
 (0)