Skip to content

Commit 1416a34

Browse files
arturfsousaarturfsousa
committed
acertando o css das tags sociais nos artigos
1 parent b508493 commit 1416a34

File tree

3 files changed

+123
-124
lines changed

3 files changed

+123
-124
lines changed

‎content/six.md

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,12 @@ Category: Python
55
Slug: sobre-o-six-e-como-ele-ajuda-a-escrever-codigo-compativel-com-python-2-e-3
66
Author: Artur Felipe de Sousa
77
Email: [email protected]
8+
Github: arturfelipe
9+
Bitbucket: arturfsousa
10+
Site: http://artursousa.com.br
11+
Twitter: arturfsousa
12+
Facebook: ArturFelipe
13+
Linkedin: arturfsousa
814

915

1016
### Python 2.x ou python 3.x?

‎theme/static/css/pure.css

Lines changed: 56 additions & 59 deletions
Original file line numberDiff line numberDiff line change
@@ -40,7 +40,7 @@ pre {
4040
}
4141

4242
.cover-img {
43-
background-color: #131516;
43+
background-color: #131516;
4444
position: absolute;
4545
width: 100%;
4646
height: 100%;
@@ -364,63 +364,60 @@ pre {
364364
margin: 0 0 -6px 6px;
365365
}
366366

367-
/* css para as novas tags
368-
:github: usuario
369-
:bitbucket: usuario
370-
:site: site.com
371-
:twitter: usuario
372-
:facebook: usuario
373-
:linkedin: usuario
374-
:gittip: usuario
375-
*/
376-
377-
/* SOCIAL AUTHOR ICONS - CSS3 */
378-
.author-social {
379-
list-style:none;
380-
position:relative;
381-
left:50%;
382-
max-width:228px; word-wrap:break-word;
383-
}
384-
.author-social li {
385-
display:inline;
386-
float:left;
387-
background-repeat:no-repeat;
388-
-webkit-transition-property: opacity;
389-
-webkit-transition-duration: 500ms;
390-
-moz-transition-property: opacity;
391-
-moz-transition-duration: 500ms;
392-
padding-bottom: 13px;
393-
}
394-
395-
.author-social li a { display:block; padding-right:10px; position:relative; text-decoration:none; }
396-
.author-social li a strong {
397-
font-weight:normal;
398-
position:absolute;
399-
left:10px;
400-
top:-25px;
401-
color:#fff;
402-
padding:3px;
403-
z-index:9999;
404-
text-shadow:1px 1px 0 rgba(0, 0, 0, 0.75);
405-
background-color:rgba(0, 0, 0, 0.7);
406-
-moz-border-radius:3px;
407-
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
408-
-webkit-border-radius:3px;
409-
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
410-
border-radius:3px;
411-
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
412-
opacity:0;
413-
-webkit-transition-property: opacity, top;
414-
-webkit-transition-duration: 300ms;
415-
-moz-transition-property: opacity, top;
416-
-moz-transition-duration: 300ms;
417-
}
418-
419-
420-
.author-social:hover li { opacity:0.2; }
421-
422-
423-
.author-social li:hover { opacity:1; }
424-
.author-social li:hover a strong { opacity:1; }
367+
/* Tags sociais (git,twitter,in,fb...) */
368+
.author-social {
369+
list-style:none;
370+
position:relative;
371+
max-width:170px;
372+
word-wrap:break-word;
373+
display:inline-block;
374+
padding: 0;
375+
}
376+
.author-social li {
377+
display:inline-block;
378+
background-repeat:no-repeat;
379+
-webkit-transition-property: opacity;
380+
-webkit-transition-duration: 500ms;
381+
-moz-transition-property: opacity;
382+
-moz-transition-duration: 500ms;
383+
padding-bottom: 13px;
384+
}
385+
.author-social li a {
386+
display:block;
387+
padding-left:10px;
388+
position:relative;
389+
text-decoration:none;
390+
}
391+
.author-social li a strong {
392+
font-weight:normal;
393+
position:absolute;
394+
left:10px;
395+
top:-25px;
396+
color:#fff;
397+
padding:3px;
398+
z-index:9999;
399+
text-shadow:1px 1px 0 rgba(0, 0, 0, 0.75);
400+
background-color:rgba(0, 0, 0, 0.7);
401+
-moz-border-radius:3px;
402+
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
403+
-webkit-border-radius:3px;
404+
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
405+
border-radius:3px;
406+
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
407+
opacity:0;
408+
-webkit-transition-property: opacity, top;
409+
-webkit-transition-duration: 300ms;
410+
-moz-transition-property: opacity, top;
411+
-moz-transition-duration: 300ms;
412+
}
413+
.author-social:hover li {
414+
opacity:0.2;
415+
}
416+
.author-social li:hover {
417+
opacity:1;
418+
}
419+
.author-social li:hover a strong {
420+
opacity:1;
421+
}
425422

426423

‎theme/templates/article.html

Lines changed: 61 additions & 65 deletions
Original file line numberDiff line numberDiff line change
@@ -34,71 +34,67 @@
3434
<img class="article-avatar" alt="{{ article.author }}" src="{{ article.author_gravatar }}">
3535
</a>
3636
<h2 class="article-info">{{ article.author }}</h2>
37-
<div>
38-
<ul class="author-social">
39-
{% if article.gittip %}
40-
<li>
41-
<a href="https://www.gittip.com/{{ article.gittip }}">
42-
<i class="fa fa-lg fa-fw fa-gittip"></i>
43-
<strong>Gittip</strong>
44-
</a>
45-
</li>
46-
{% endif %}
47-
48-
{% if article.github %}
49-
<li>
50-
<a href="https://github.com/{{ article.github }}">
51-
<i class="fa fa-lg fa-fw fa-github"></i>
52-
<strong>Github</strong>
53-
</a>
54-
</li>
55-
{% endif %}
56-
57-
{% if article.bitbucket %}
58-
<li>
59-
<a href="https://bitbucket.org/{{ article.bitbucket }}">
60-
<i class="fa fa-lg fa-fw fa-bitbucket"></i>
61-
<strong>Bitbucket</strong>
62-
</a>
63-
</li>
64-
{% endif %}
65-
66-
{% if article.twitter %}
67-
<li>
68-
<a href="https://twitter.com/{{ twitter }}">
69-
<i class="fa fa-lg fa-fw fa-twitter"></i>
70-
<strong>Twitter</strong>
71-
</a>
72-
</li>
73-
{% endif %}
74-
{% if article.linkedin %}
75-
<li>
76-
<a href="http://www.linkedin.com/in/{{ article.linkedin }}">
77-
<i class="fa fa-lg fa-fw fa-linkedin"></i>
78-
<strong>Linkedin</strong>
79-
</a>
80-
</li>
81-
{% endif %}
82-
83-
{% if article.facebook %}
84-
<li>
85-
<a href="https://www.facebook.com/{{ article.facebook }}">
86-
<i class="fa fa-lg fa-fw fa-facebook"></i>
87-
<strong>Facebook</strong>
88-
</a>
89-
</li>
90-
{% endif %}
91-
{% if article.site %}
92-
<li>
93-
<a href="{{ article.site }}">
94-
<i class="fa fa-lg fa-fw fa-globe"></i>
95-
<strong>Site</strong>
96-
</a>
97-
</li>
98-
{% endif %}
99-
</ul>
100-
</div>
101-
<small class="about-author">{{ article.about_author }}</small>
37+
<ul class="author-social">
38+
{% if article.gittip %}
39+
<li>
40+
<a target="_blank" href="https://www.gittip.com/{{ article.gittip }}">
41+
<i class="fa fa-lg fa-fw fa-gittip"></i>
42+
<strong>Gittip</strong>
43+
</a>
44+
</li>
45+
{% endif %}
46+
{% if article.github %}
47+
<li>
48+
<a target="_blank" href="https://github.com/{{ article.github }}">
49+
<i class="fa fa-lg fa-fw fa-github"></i>
50+
<strong>Github</strong>
51+
</a>
52+
</li>
53+
{% endif %}
54+
{% if article.bitbucket %}
55+
<li>
56+
<a target="_blank" href="https://bitbucket.org/{{ article.bitbucket }}">
57+
<i class="fa fa-lg fa-fw fa-bitbucket"></i>
58+
<strong>Bitbucket</strong>
59+
</a>
60+
</li>
61+
{% endif %}
62+
{% if article.twitter %}
63+
<li>
64+
<a target="_blank" href="https://twitter.com/{{ article.twitter }}">
65+
<i class="fa fa-lg fa-fw fa-twitter"></i>
66+
<strong>Twitter</strong>
67+
</a>
68+
</li>
69+
{% endif %}
70+
{% if article.linkedin %}
71+
<li>
72+
<a target="_blank" href="http://www.linkedin.com/in/{{ article.linkedin }}">
73+
<i class="fa fa-lg fa-fw fa-linkedin"></i>
74+
<strong>Linkedin</strong>
75+
</a>
76+
</li>
77+
{% endif %}
78+
{% if article.facebook %}
79+
<li>
80+
<a target="_blank" href="https://www.facebook.com/{{ article.facebook }}">
81+
<i class="fa fa-lg fa-fw fa-facebook"></i>
82+
<strong>Facebook</strong>
83+
</a>
84+
</li>
85+
{% endif %}
86+
{% if article.site %}
87+
<li>
88+
<a target="_blank" href="{{ article.site }}">
89+
<i class="fa fa-lg fa-fw fa-globe"></i>
90+
<strong>Site</strong>
91+
</a>
92+
</li>
93+
{% endif %}
94+
</ul>
95+
{% if article.about_author %}
96+
<small class="about-author">{{ article.about_author }}</small>
97+
{% endif %}
10298
<h5>Publicado em:</h5>
10399
<p>{{ article.locale_date }}</p>
104100
<a href="/">&larr;Home</a>

0 commit comments

Comments
 (0)