Commit 430119e884da19e2f8031167130d6551d2b36d3e
Exists in
master
and in
5 other branches
Merge branch 'master' of github.com:SerproLivre/participa-theme
Showing
16 changed files
with
52 additions
and
30 deletions
Show diff stats
cabecalho-amarelo-theme.css
| @@ -333,24 +333,32 @@ background-size: 100% 100%; | @@ -333,24 +333,32 @@ background-size: 100% 100%; | ||
| 333 | margin-left: 4px; | 333 | margin-left: 4px; |
| 334 | } | 334 | } |
| 335 | 335 | ||
| 336 | -#social-icons a:hover { | ||
| 337 | - opacity: 0.6; | ||
| 338 | -} | ||
| 339 | - | ||
| 340 | #social-icons #sb_face { | 336 | #social-icons #sb_face { |
| 341 | -background-image: url(images/icone-facebook-escuro.png); | 337 | +background-image: url(images/icone-verde-facebook.png); |
| 338 | +} | ||
| 339 | +#social-icons #sb_face:hover { | ||
| 340 | +background: url(images/icone-verde-facebook.png) 0 20px; | ||
| 342 | } | 341 | } |
| 343 | 342 | ||
| 344 | #social-icons #sb_tweet { | 343 | #social-icons #sb_tweet { |
| 345 | -background-image: url(images/icone-twitter-escuro.png); | 344 | +background-image: url(images/icone-verde-twitter.png); |
| 345 | +} | ||
| 346 | +#social-icons #sb_tweet:hover { | ||
| 347 | +background: url(images/icone-verde-twitter.png) 0 20px; | ||
| 346 | } | 348 | } |
| 347 | 349 | ||
| 348 | #social-icons #sb_youtb { | 350 | #social-icons #sb_youtb { |
| 349 | -background-image: url(images/icone-youtube-escuro.png); | 351 | +background-image: url(images/icone-verde-youtube.png); |
| 352 | +} | ||
| 353 | +#social-icons #sb_youtb:hover { | ||
| 354 | +background: url(images/icone-verde-youtube.png) 0 20px; | ||
| 350 | } | 355 | } |
| 351 | 356 | ||
| 352 | #social-icons #sb_flickr { | 357 | #social-icons #sb_flickr { |
| 353 | -background-image: url(images/icone-flickr-escuro.png); | 358 | +background-image: url(images/icone-verde-flickr.png); |
| 359 | +} | ||
| 360 | +#social-icons #sb_flickr:hover { | ||
| 361 | +background: url(images/icone-verde-flickr.png) 0 20px; | ||
| 354 | } | 362 | } |
| 355 | 363 | ||
| 356 | #social-icons span { display: none; } | 364 | #social-icons span { display: none; } |
header.rhtml
| @@ -57,6 +57,9 @@ | @@ -57,6 +57,9 @@ | ||
| 57 | <div id="social-icons"> | 57 | <div id="social-icons"> |
| 58 | <ul> | 58 | <ul> |
| 59 | <li> | 59 | <li> |
| 60 | + <a id="sb_flickr" title="Flickr" href="#"><span>Flickr</span></a> | ||
| 61 | + </li> | ||
| 62 | + <li> | ||
| 60 | <a id="sb_face" title="Facebook" href="http://facebook.com/participabr"><span>Facebook</span></a> | 63 | <a id="sb_face" title="Facebook" href="http://facebook.com/participabr"><span>Facebook</span></a> |
| 61 | </li> | 64 | </li> |
| 62 | <li> | 65 | <li> |
| @@ -65,12 +68,6 @@ | @@ -65,12 +68,6 @@ | ||
| 65 | <li> | 68 | <li> |
| 66 | <a id="sb_tweet" title="Twitter" href="http://twitter.com/participabr"><span>Twitter</span></a> | 69 | <a id="sb_tweet" title="Twitter" href="http://twitter.com/participabr"><span>Twitter</span></a> |
| 67 | </li> | 70 | </li> |
| 68 | - <li> | ||
| 69 | - <a id="sb_flickr" title="Flickr" href="#"><span>Flickr</span></a> | ||
| 70 | - </li> | ||
| 71 | - <li> | ||
| 72 | - <a id="sb_inst" title="Instagram" href="http://instagram.com/participabr"><span>Instagram</span></a> | ||
| 73 | - </li> | ||
| 74 | </ul> | 71 | </ul> |
| 75 | </div> | 72 | </div> |
| 76 | </div> | 73 | </div> |
images/buttons.png
3.42 KB
1.05 KB
1.09 KB
1.14 KB
1.3 KB
images/icone-facebook-escuro.png
3.03 KB
images/icone-flickr-escuro.png
2.98 KB
images/icone-twitter-escuro.png
3.09 KB
1.26 KB
1.29 KB
1.4 KB
1.75 KB
images/icone-youtube-escuro.png
3.51 KB
style.css
| @@ -1001,8 +1001,8 @@ input.button.with-text { | @@ -1001,8 +1001,8 @@ input.button.with-text { | ||
| 1001 | border: 0px solid #DDDDDD; | 1001 | border: 0px solid #DDDDDD; |
| 1002 | display: inline-block; | 1002 | display: inline-block; |
| 1003 | float: left; | 1003 | float: left; |
| 1004 | - clear: right; | ||
| 1005 | - margin: 0 9px 9px; | 1004 | + clear: right; |
| 1005 | + margin: 12px 9px 9px; | ||
| 1006 | max-width: 214px; | 1006 | max-width: 214px; |
| 1007 | height: 426px; | 1007 | height: 426px; |
| 1008 | padding: 0; | 1008 | padding: 0; |
| @@ -1054,6 +1054,16 @@ input.button.with-text { | @@ -1054,6 +1054,16 @@ input.button.with-text { | ||
| 1054 | overflow: hidden; | 1054 | overflow: hidden; |
| 1055 | margin: 8px; | 1055 | margin: 8px; |
| 1056 | background-color: #FFF; | 1056 | background-color: #FFF; |
| 1057 | + position: relative; | ||
| 1058 | +} | ||
| 1059 | + | ||
| 1060 | +.track_list .image img { | ||
| 1061 | + position: absolute; | ||
| 1062 | + top: 0; | ||
| 1063 | + bottom: 0; | ||
| 1064 | + margin: auto; | ||
| 1065 | + left: 0; | ||
| 1066 | + right: 0; | ||
| 1057 | } | 1067 | } |
| 1058 | 1068 | ||
| 1059 | #content .track_list .item_card .track_content .name { | 1069 | #content .track_list .item_card .track_content .name { |
| @@ -1480,7 +1490,7 @@ input.button.with-text { | @@ -1480,7 +1490,7 @@ input.button.with-text { | ||
| 1480 | border-top: 0 none; | 1490 | border-top: 0 none; |
| 1481 | left: -20px; | 1491 | left: -20px; |
| 1482 | margin-bottom: 0; | 1492 | margin-bottom: 0; |
| 1483 | - margin-top: -47px; | 1493 | + margin-top: -44px; |
| 1484 | position: relative; | 1494 | position: relative; |
| 1485 | } | 1495 | } |
| 1486 | 1496 | ||
| @@ -1511,7 +1521,7 @@ input.button.with-text { | @@ -1511,7 +1521,7 @@ input.button.with-text { | ||
| 1511 | color: white; | 1521 | color: white; |
| 1512 | font-size: 18px; | 1522 | font-size: 18px; |
| 1513 | font-variant: normal; | 1523 | font-variant: normal; |
| 1514 | - padding: 0.5em 1em; | 1524 | + padding: 6px 1em; |
| 1515 | text-align: left; | 1525 | text-align: left; |
| 1516 | } | 1526 | } |
| 1517 | 1527 | ||
| @@ -1519,10 +1529,6 @@ input.button.with-text { | @@ -1519,10 +1529,6 @@ input.button.with-text { | ||
| 1519 | .action-environment_design-index #content .display-content-block:first-of-type .block-title span { | 1529 | .action-environment_design-index #content .display-content-block:first-of-type .block-title span { |
| 1520 | background-color: #f7b905; | 1530 | background-color: #f7b905; |
| 1521 | color: #0a4d06; | 1531 | color: #0a4d06; |
| 1522 | - font-size: 18px; | ||
| 1523 | - font-variant: normal; | ||
| 1524 | - padding: 0.5em 1em; | ||
| 1525 | - text-align: left; | ||
| 1526 | } | 1532 | } |
| 1527 | 1533 | ||
| 1528 | .action-home-index .block .block-inner-2, | 1534 | .action-home-index .block .block-inner-2, |
| @@ -1959,21 +1965,32 @@ body.contraste #portal-siteactions { | @@ -1959,21 +1965,32 @@ body.contraste #portal-siteactions { | ||
| 1959 | } | 1965 | } |
| 1960 | 1966 | ||
| 1961 | body.contraste #social-icons #sb_face { | 1967 | body.contraste #social-icons #sb_face { |
| 1962 | - background-image: url("images/icone-facebook.png"); | 1968 | + background-image: url("images/icone-branco-facebook.png"); |
| 1969 | +} | ||
| 1970 | +body.contraste #social-icons #sb_face:hover { | ||
| 1971 | + background: url("images/icone-branco-facebook.png") 0 20px; | ||
| 1963 | } | 1972 | } |
| 1973 | + | ||
| 1964 | body.contraste #social-icons #sb_youtb { | 1974 | body.contraste #social-icons #sb_youtb { |
| 1965 | - background-image: url("images/icone-youtube.png"); | 1975 | + background-image: url("images/icone-branco-youtube.png"); |
| 1976 | +} | ||
| 1977 | +body.contraste #social-icons #sb_youtb:hover { | ||
| 1978 | + background: url("images/icone-branco-youtube.png") 0 20px; | ||
| 1966 | } | 1979 | } |
| 1980 | + | ||
| 1967 | body.contraste #social-icons #sb_tweet { | 1981 | body.contraste #social-icons #sb_tweet { |
| 1968 | - background-image: url("images/icone-twitter-branco.png"); | 1982 | + background-image: url("images/icone-branco-twitter.png"); |
| 1969 | } | 1983 | } |
| 1970 | -body.contraste #social-icons #sb_flickr { | ||
| 1971 | - background-image: url("images/icone-flickr.png"); | 1984 | +body.contraste #social-icons #sb_tweet:hover { |
| 1985 | + background: url("images/icone-branco-twitter.png") 0 20px; | ||
| 1972 | } | 1986 | } |
| 1973 | -/*body.contraste #social-icons #sb_inst { | ||
| 1974 | - background-image: url("images/icone-instagram.png"); | ||
| 1975 | -}*/ | ||
| 1976 | 1987 | ||
| 1988 | +body.contraste #social-icons #sb_flickr { | ||
| 1989 | + background-image: url("images/icone-branco-flickr.png"); | ||
| 1990 | +} | ||
| 1991 | +body.contraste #social-icons #sb_flickr:hover { | ||
| 1992 | + background: url("images/icone-branco-flickr.png") 0 20px; | ||
| 1993 | +} | ||
| 1977 | 1994 | ||
| 1978 | 1995 | ||
| 1979 | /* Plugin para curtir artigos e comentários */ | 1996 | /* Plugin para curtir artigos e comentários */ |