@@ -3,8 +3,8 @@ Theme Name: jquery-org
3
3
Template: jquery
4
4
*/
5
5
6
- a ,
7
- # sidebar h3 {
6
+ /*Custom Colors*/
7
+ /*a, #sidebar h3 {
8
8
color: #b71551;
9
9
}
10
10
13
13
}
14
14
15
15
#content h1 {
16
- color : # 0098bf ;
16
+ color: white ;
17
17
font-weight: normal;
18
18
font-style: normal;
19
19
}
20
20
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
+
21
42
# content h2 {
22
43
color : # b71551 ;
23
44
font-weight : normal;
43
64
font-size : 60px ;
44
65
}
45
66
67
+ .jquery-foundation .home # banner-secondary .large-banner .entry-header {
68
+ padding-bottom : 0px ;
69
+ }
46
70
71
+ .jquery-foundation .page-id-5 # content # banner-large-image .vertically-centered-black-bg {
72
+ margin-top : 14.5% ;
73
+ }
47
74
48
75
/*Homepage*/
49
76
52
79
}
53
80
54
81
.sub-banner {
55
- background-color : # d6eef1 ;
82
+ background-color : lightgray ;
56
83
text-align : center;
57
84
margin : -25px -25px 0 ;
58
- color : # 007d88 ;
85
+ color : rgb ( 102 , 102 , 102 ) ;
59
86
font : bold 20 px/40px "klavika-web" , "Helvetica Neue" , Arial, Helvetica, Geneva, sans-serif;
60
87
}
61
88
@@ -118,8 +145,16 @@ ul.flex-direction-nav {
118
145
border-bottom : 10px solid # c1c1c1 ;
119
146
border-top : 10px solid # c1c1c1 ;
120
147
text-align : center;
148
+ padding-top : 35px ;
149
+ padding-bottom : 35px ;
150
+ margin-top : 25px ;
121
151
}
122
152
153
+ .jquery-foundation .page-id-2 # content .dark-callout-box {
154
+ padding-top : 0px ;
155
+ padding-bottom : 0px ;
156
+ }
157
+
123
158
.big-message {
124
159
font : bold 50 px/50px "klavika-web" , "Helvetica Neue" , Arial, Helvetica, Geneva, sans-serif;
125
160
color : # ffffff !important ;
@@ -132,7 +167,7 @@ ul.flex-direction-nav {
132
167
}
133
168
134
169
# content .dark-callout-box p {
135
- ont : bold 30 px/50px "klavika-web" , "Helvetica Neue" , Arial, Helvetica, Geneva, sans-serif;
170
+ font : bold 30 px/50px "klavika-web" , "Helvetica Neue" , Arial, Helvetica, Geneva, sans-serif;
136
171
color : # dddcdc ;
137
172
}
138
173
@@ -142,6 +177,14 @@ ul.flex-direction-nav {
142
177
color : # 464646 ;
143
178
}
144
179
180
+ # content .project {
181
+ margin-top : 35px ;
182
+ }
183
+
184
+ # content .twelve .columns .project {
185
+ margin-top : 0px ;
186
+ }
187
+
145
188
.project img {
146
189
float : left;
147
190
display : inline;
@@ -178,6 +221,13 @@ ul.flex-direction-nav {
178
221
z-index : 1 ;
179
222
}
180
223
224
+ .member-level button .button .join {
225
+ position : relative;
226
+ top : 0px ;
227
+ left : 15px ;
228
+ margin-bottom : 15px ;
229
+ }
230
+
181
231
.member-level-icon .fan {
182
232
background : url (images/icn-fan.png) center top no-repeat;
183
233
}
@@ -262,23 +312,20 @@ a.icon-search::before {
262
312
clear : none;
263
313
}
264
314
265
-
266
315
.choose-gifts {
267
- background-color : # 378a9b ;
268
- border-bottom : 16px solid # 1b4c5e ;
316
+ background-color : lightgray;
269
317
clear : both;
270
318
position : relative;
271
319
z-index : 2 ;
272
320
padding-left : 15px ;
273
321
padding-right : 15px ;
274
322
padding-top : 15px ;
275
- padding-bottom : 15 px ;
323
+ padding-bottom : 45 px ;
276
324
}
277
325
278
326
.choose-gifts h4 {
279
327
font : bold 18 px/20px "klavika-web" , "Helvetica Neue" , Arial, Helvetica, Geneva, sans-serif;
280
328
margin-bottom : 10px ;
281
- color : # ffffff ;
282
329
}
283
330
284
331
.choose-gifts label {
@@ -290,6 +337,7 @@ a.icon-search::before {
290
337
height : 1px ;
291
338
margin-top : 15px ;
292
339
margin-bottom : 15px ;
340
+ background : # 898989 ;
293
341
}
294
342
295
343
.choose-gifts select {
@@ -298,6 +346,61 @@ a.icon-search::before {
298
346
margin-bottom : 15px ;
299
347
}
300
348
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
+ }
301
404
302
405
/*History Page*/
303
406
@@ -410,15 +513,15 @@ a.icon-search::before {
410
513
margin-bottom : 40px ;
411
514
}
412
515
413
- .button ,
414
- # content .button {
516
+ /*a .button,
517
+ #content a.button, .button {
415
518
background-color: #b71551;
416
519
}
417
520
418
- .button : hover ,
419
- # content .button : hover {
521
+ a .button:hover,
522
+ #content a .button:hover {
420
523
background-color: #7c0d36;
421
- }
524
+ }*/
422
525
423
526
424
527
/*Adjust widths for longer navigation*/
@@ -431,6 +534,10 @@ nav#main ul {
431
534
width : 80% ;
432
535
}
433
536
537
+ .content-full .full-width # content {
538
+ padding-bottom : 15px ;
539
+ }
540
+
434
541
@media only screen and (max-width : 767px ) {
435
542
.sponsors-page ul .block-grid li img {
436
543
float : none;
0 commit comments