From 081a8b25d892bf9b4d6438aaf80de586ba85f08e Mon Sep 17 00:00:00 2001 From: Brian Date: Tue, 30 Aug 2016 15:05:06 -0400 Subject: [PATCH] Adding styles for linkedin shareline --- content-single.php | 320 ++++++++++++++++++++++---------------------- css/executive.css | 28 +++- sass/executive.scss | 35 ++++- 3 files changed, 219 insertions(+), 164 deletions(-) diff --git a/content-single.php b/content-single.php index 4309099..8b18c9c 100644 --- a/content-single.php +++ b/content-single.php @@ -1,160 +1,160 @@ - - -
> -
- '; - echo '
'; - the_post_thumbnail(); - echo '
'; - echo '
'; - } */?> - - ', '' ); ?> - - - '; - echo '
'; - } */?> - -
- -
-
- ID, 'twittershareline', true); - if(empty($twittershareline)) $twittershareline = get_the_title(); - $facebookshareline = get_post_meta( $post->ID, 'facebookshareline', true); - if(empty($facebookshareline)) $facebookshareline = get_the_title(); - $linkedinshareline = get_post_meta( $post->ID, 'linkedinshareline', true); - if(empty($linkedinshareline)) $linkedinshareline = get_the_title(); - - ?> - - -
- -
- - -
- -
-
- - - - - - '', - ) ); - ?> -
- -
-
- parent); - if($parent->slug != 'authors'){ - $cats[] = ''.$cat->name.''; - $catids[] = $cat->term_id; - } - } - if(count($cats) > 0){ - $category_list = implode(', ', $cats); - } - //$category_list = get_the_category_list( __( ', ', 'cs' ) ); - /* translators: used between list items, there is a space after the comma */ - $tag_list = get_the_tag_list( '', __( ', ', 'cs' ) ); - - if ( ! cs_categorized_blog() ) { - // This blog only has 1 category so we just need to worry about tags in the meta text - if ( '' != $tag_list ) { - $meta_text = __( '
Tags:
%2$s.
', 'cs' ); - } else { - $meta_text = __( '', 'cs' ); - } - - } else { - // But this blog has loads of categories so we should probably display them here - if ( '' != $tag_list ) { - $meta_text = __( '
Categories:
%1$s
Tags:
%2$s
', 'cs' ); - } else { - $meta_text = __( '
Categories:
%1$s
', 'cs' ); - } - - } // end check for categories on this blog - - printf( - $meta_text, - $category_list, - $tag_list, - get_permalink() - ); - ?> - -
- -
-
-
Share on:
- -
-
- - -
- -
-
- - -
- -
-
+ + +
> +
+ '; + echo '
'; + the_post_thumbnail(); + echo '
'; + echo '
'; + } */?> + + ', '' ); ?> + + + '; + echo '
'; + } */?> + +
+ +
+
+ ID, 'twittershareline', true); + if(empty($twittershareline)) $twittershareline = get_the_title(); + $facebookshareline = get_post_meta( $post->ID, 'facebookshareline', true); + if(empty($facebookshareline)) $facebookshareline = get_the_title(); + $linkedinshareline = get_post_meta( $post->ID, 'linkedinshareline', true); + if(empty($linkedinshareline)) $linkedinshareline = get_the_title(); + + ?> + + +
+ +
+ + +
+ +
+
+ + + + + + '', + ) ); + ?> +
+ +
+
+ parent); + if($parent->slug != 'authors'){ + $cats[] = ''.$cat->name.''; + $catids[] = $cat->term_id; + } + } + if(count($cats) > 0){ + $category_list = implode(', ', $cats); + } + //$category_list = get_the_category_list( __( ', ', 'cs' ) ); + /* translators: used between list items, there is a space after the comma */ + $tag_list = get_the_tag_list( '', __( ', ', 'cs' ) ); + + if ( ! cs_categorized_blog() ) { + // This blog only has 1 category so we just need to worry about tags in the meta text + if ( '' != $tag_list ) { + $meta_text = __( '
Tags:
%2$s.
', 'cs' ); + } else { + $meta_text = __( '', 'cs' ); + } + + } else { + // But this blog has loads of categories so we should probably display them here + if ( '' != $tag_list ) { + $meta_text = __( '
Categories:
%1$s
Tags:
%2$s
', 'cs' ); + } else { + $meta_text = __( '
Categories:
%1$s
', 'cs' ); + } + + } // end check for categories on this blog + + printf( + $meta_text, + $category_list, + $tag_list, + get_permalink() + ); + ?> + +
+ +
+
+
Share on:
+ +
+
+ + +
+ +
+
+ + +
+ +
+
diff --git a/css/executive.css b/css/executive.css index 4b00c55..35991ac 100644 --- a/css/executive.css +++ b/css/executive.css @@ -11918,9 +11918,7 @@ h1.entry-title { margin-right: 3px; } #page-single .shareline-facebook, #page-archive .shareline-facebook, #page-blog-set .shareline-facebook { - border-bottom: 1px solid #ededed; border-top: 1px solid #ededed; - margin-bottom: 20px; padding: 6px 0 4px; } #page-single .shareline-facebook a, #page-archive .shareline-facebook a, #page-blog-set .shareline-facebook a { @@ -11943,6 +11941,32 @@ h1.entry-title { margin-top: -2px; margin-right: 3px; } +#page-single .shareline-linkedin, #page-archive .shareline-linkedin, #page-blog-set .shareline-linkedin { + border-bottom: 1px solid #ededed; + border-top: 1px solid #ededed; + margin-bottom: 20px; + padding: 6px 0 4px; +} +#page-single .shareline-linkedin a, #page-archive .shareline-linkedin a, #page-blog-set .shareline-linkedin a { + color: #555; + display: inline-block; + padding-top: 2px; + text-decoration: none; +} +#page-single .shareline-linkedin a:hover, #page-archive .shareline-linkedin a:hover, #page-blog-set .shareline-linkedin a:hover { + color: #20a1da; + text-decoration: underline; +} +#page-single .shareline-linkedin a:hover .social-linked-in::before, #page-archive .shareline-linkedin a:hover .social-linked-in::before, #page-blog-set .shareline-linkedin a:hover .social-linked-in::before { + color: #20a1da; +} +#page-single .shareline-linkedin a .social-linked-in::before, #page-archive .shareline-linkedin a .social-linked-in::before, #page-blog-set .shareline-linkedin a .social-linked-in::before { + font-size: 20px; + color: #555; + display: inline-block; + margin-top: -2px; + margin-right: 3px; +} #page-single .social, #page-archive .social, #page-blog-set .social { margin-right: 6px; } diff --git a/sass/executive.scss b/sass/executive.scss index 3e596f9..a054e04 100644 --- a/sass/executive.scss +++ b/sass/executive.scss @@ -1634,9 +1634,7 @@ padding:8px 12px 4px } .shareline-facebook { - border-bottom: 1px solid #ededed; border-top: 1px solid #ededed; - margin-bottom: 20px; padding: 6px 0 4px; a { @@ -1664,6 +1662,39 @@ padding:8px 12px 4px } + } + + .shareline-linkedin { + border-bottom: 1px solid #ededed; + border-top: 1px solid #ededed; + margin-bottom: 20px; + padding: 6px 0 4px; + + a { + color: #555; + display: inline-block; + padding-top: 2px; + text-decoration: none; + + &:hover { + color:#20a1da; + text-decoration: underline; + + .social-linked-in::before { + color:#20a1da; + } + } + + .social-linked-in::before { + font-size:20px; + color:#555; + display: inline-block; + margin-top:-2px; + margin-right:3px; + } + } + + } .social {