Skip to content

Commit 004b46e

Browse files
KrinkleKrinkle
committed
All: Factor out blog.css from jquery.com/style.css
Follows-up d77ba33, which added comment styles for jquery.com, but did not consider blog.jqueryui.com and jquerymobile.com. Ref jquery/infrastructure-puppet#17.
1 parent bcef8cb commit 004b46e

File tree

3 files changed

+139
-133
lines changed

3 files changed

+139
-133
lines changed

‎themes/jquery.com/style.css

Lines changed: 0 additions & 133 deletions
Original file line numberDiff line numberDiff line change
@@ -217,136 +217,3 @@ a,
217217
padding-left: 10%;
218218
padding-right: 10%;
219219
}
220-
221-
/* Blog comments */
222-
223-
#comments-title,
224-
#content h2#comments-title {
225-
margin-top: 2.6em;
226-
text-transform: uppercase;
227-
}
228-
.nopassword,
229-
.nocomments {
230-
font-size: 24px;
231-
font-weight: 100;
232-
margin: 26px 0;
233-
}
234-
.commentlist {
235-
list-style: none;
236-
margin: 0 auto;
237-
}
238-
.content .commentlist {
239-
width: 100%; /* reset the width for the one-column layout */
240-
}
241-
#comments .commentlist > li.comment {
242-
background: #f6f6f6;
243-
border: 1px solid #ddd;
244-
border-radius: 3px;
245-
margin: 0 0 1em 60px;
246-
padding: 5px 12px 0;
247-
position: relative;
248-
word-wrap: break-word;
249-
}
250-
#comments .commentlist > li.pingback {
251-
margin: 0 0 1em 60px;
252-
padding: 0;
253-
}
254-
.comment-meta .fn {
255-
font-style: normal;
256-
font-weight: bold;
257-
}
258-
.comment-meta {
259-
color: #666;
260-
font-size: 12px;
261-
line-height: 2.2em;
262-
}
263-
#comments .commentlist > li.bypostauthor {
264-
border-color: #0769ad; /* jQuery Primary Blue */
265-
}
266-
#comments .commentlist > li.bypostauthor .comment-meta {
267-
background: #ddd;
268-
border-radius: 3px 3px 0 0;
269-
color: inherit;
270-
margin: -5px -12px 5px -12px;
271-
padding: 5px 12px;
272-
}
273-
.commentlist .avatar {
274-
border-radius: 3px;
275-
box-shadow: 0 1px 2px #ccc;
276-
left: -82px;
277-
padding: 0;
278-
position: absolute;
279-
top: 0;
280-
}
281-
a.comment-reply-link {
282-
background: #eee;
283-
border-radius: 3px;
284-
color: #666;
285-
display: inline-block;
286-
font-size: 12px;
287-
padding: 0 8px;
288-
text-decoration: none;
289-
}
290-
a.comment-reply-link:hover,
291-
a.comment-reply-link:focus,
292-
a.comment-reply-link:active {
293-
background: #888;
294-
color: #fff;
295-
}
296-
a.comment-reply-link > span {
297-
display: inline-block;
298-
position: relative;
299-
top: -1px;
300-
}
301-
302-
/* Blog comment form */
303-
304-
#respond {
305-
background: #f6f6f6;
306-
border: 1px solid #ddd;
307-
border-radius: 3px;
308-
margin: 0 0 1.625em;
309-
padding: 1.625em;
310-
}
311-
#respond form {
312-
padding: 0;
313-
}
314-
#respond p {
315-
margin: 10px 0;
316-
}
317-
#respond .comment-notes,
318-
#respond .logged-in-as,
319-
#respond label {
320-
font-size: 12px;
321-
}
322-
#respond label {
323-
line-height: 2.2em;
324-
}
325-
#respond .comment-form-comment label {
326-
display: block;
327-
}
328-
#respond .required {
329-
color: #bd3500;
330-
font-weight: bold;
331-
}
332-
#respond input[type="text"],
333-
#respond textarea {
334-
background: #fff;
335-
border-radius: 5px;
336-
padding: 10px;
337-
}
338-
#respond textarea {
339-
resize: vertical;
340-
width: 95%;
341-
}
342-
#respond input[type=text] {
343-
display: block;
344-
height: 24px;
345-
width: 75%;
346-
}
347-
#respond .form-submit {
348-
text-align: right;
349-
}
350-
#respond input[type=submit] {
351-
float: none;
352-
}

‎themes/jquery/css/blog.css

Lines changed: 132 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,132 @@
1+
/* Blog comments */
2+
3+
#comments-title,
4+
#content h2#comments-title {
5+
margin-top: 2.6em;
6+
text-transform: uppercase;
7+
}
8+
.nopassword,
9+
.nocomments {
10+
font-size: 24px;
11+
font-weight: 100;
12+
margin: 26px 0;
13+
}
14+
.commentlist {
15+
list-style: none;
16+
margin: 0 auto;
17+
}
18+
.content .commentlist {
19+
width: 100%; /* reset the width for the one-column layout */
20+
}
21+
#comments .commentlist > li.comment {
22+
background: #f6f6f6;
23+
border: 1px solid #ddd;
24+
border-radius: 3px;
25+
margin: 0 0 1em 60px;
26+
padding: 5px 12px 0;
27+
position: relative;
28+
word-wrap: break-word;
29+
}
30+
#comments .commentlist > li.pingback {
31+
margin: 0 0 1em 60px;
32+
padding: 0;
33+
}
34+
.comment-meta .fn {
35+
font-style: normal;
36+
font-weight: bold;
37+
}
38+
.comment-meta {
39+
color: #666;
40+
font-size: 12px;
41+
line-height: 2.2em;
42+
}
43+
#comments .commentlist > li.bypostauthor {
44+
border-color: #0769ad; /* jQuery Primary Blue */
45+
}
46+
#comments .commentlist > li.bypostauthor .comment-meta {
47+
background: #ddd;
48+
border-radius: 3px 3px 0 0;
49+
color: inherit;
50+
margin: -5px -12px 5px -12px;
51+
padding: 5px 12px;
52+
}
53+
.commentlist .avatar {
54+
border-radius: 3px;
55+
box-shadow: 0 1px 2px #ccc;
56+
left: -82px;
57+
padding: 0;
58+
position: absolute;
59+
top: 0;
60+
}
61+
a.comment-reply-link {
62+
background: #eee;
63+
border-radius: 3px;
64+
color: #666;
65+
display: inline-block;
66+
font-size: 12px;
67+
padding: 0 8px;
68+
text-decoration: none;
69+
}
70+
a.comment-reply-link:hover,
71+
a.comment-reply-link:focus,
72+
a.comment-reply-link:active {
73+
background: #888;
74+
color: #fff;
75+
}
76+
a.comment-reply-link > span {
77+
display: inline-block;
78+
position: relative;
79+
top: -1px;
80+
}
81+
82+
/* Blog comment form */
83+
84+
#respond {
85+
background: #f6f6f6;
86+
border: 1px solid #ddd;
87+
border-radius: 3px;
88+
margin: 0 0 1.625em;
89+
padding: 1.625em;
90+
}
91+
#respond form {
92+
padding: 0;
93+
}
94+
#respond p {
95+
margin: 10px 0;
96+
}
97+
#respond .comment-notes,
98+
#respond .logged-in-as,
99+
#respond label {
100+
font-size: 12px;
101+
}
102+
#respond label {
103+
line-height: 2.2em;
104+
}
105+
#respond .comment-form-comment label {
106+
display: block;
107+
}
108+
#respond .required {
109+
color: #bd3500;
110+
font-weight: bold;
111+
}
112+
#respond input[type="text"],
113+
#respond textarea {
114+
background: #fff;
115+
border-radius: 5px;
116+
padding: 10px;
117+
}
118+
#respond textarea {
119+
resize: vertical;
120+
width: 95%;
121+
}
122+
#respond input[type=text] {
123+
display: block;
124+
height: 24px;
125+
width: 75%;
126+
}
127+
#respond .form-submit {
128+
text-align: right;
129+
}
130+
#respond input[type=submit] {
131+
float: none;
132+
}

‎themes/jquery/header.php

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -19,6 +19,13 @@
1919
<link rel="shortcut icon" href="<?php echo get_stylesheet_directory_uri(); ?>/i/favicon.ico">
2020
<link rel="stylesheet" href="<?php echo jq_url_append_version( get_template_directory_uri() . '/lib/typesense-minibar/typesense-minibar.css' ); ?>">
2121
<link rel="stylesheet" href="<?php echo jq_url_append_version( get_template_directory_uri() . '/css/base.css' ); ?>">
22+
<?php
23+
if ( get_option( 'jquery_is_blog' ) ) :
24+
?>
25+
<link rel="stylesheet" href="<?php echo jq_url_append_version( get_template_directory_uri() . '/css/blog.css' ); ?>">
26+
<?php
27+
endif;
28+
?>
2229
<link rel="stylesheet" href="<?php echo jq_url_append_version( get_bloginfo( 'stylesheet_url' ) ); ?>">
2330

2431
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>

0 commit comments

Comments
 (0)