Download as
Browse Code »

Commit 4a1e7982ea6c3a18711453ef6e9a6c7b71a6e2e2

Authored by Valessio Brito
1 parent c4443f02
Exists in master and in 4 other branches fix_people_elements, fix_track_card_list_second_page, production, staging

Add style and buttons social network

Showing 9 changed files with 86 additions and 4 deletions   Show diff stats
images/facebook.png 0 → 100644
View file @4a1e798

1.59 KB
images/facebook.svg 0 → 100644
  Diff comments   View file @4a1e798
... ... @@ -0,0 +1,9 @@
  1 +<?xml version="1.0" encoding="iso-8859-1"?>
  2 +<!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
  3 +<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
  4 +<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
  5 + width="32px" height="32px" viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
  6 +<circle style="fill:#3E5B97;" cx="16" cy="16" r="16"/>
  7 +<path style="fill:#FFFFFF;" d="M17.961,11.406h2.615V8.168h-2.615c-2.162,0-3.921,1.906-3.921,4.25v1.633h-2.615v3.25h2.615v7.865
  8 + h3.27v-7.865h3.267v-3.25H17.31v-1.664C17.31,11.826,17.653,11.406,17.961,11.406z"/>
  9 +</svg>
... ...
images/google_follow.png 0 → 100644
View file @4a1e798

2.04 KB
images/google_follow.svg 0 → 100644
  Diff comments   View file @4a1e798
... ... @@ -0,0 +1,23 @@
  1 +<?xml version="1.0" encoding="iso-8859-1"?>
  2 +<!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
  3 +<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
  4 +<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
  5 + width="32px" height="32px" viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
  6 +<circle id="circle_x5F_bg_17_" style="fill:#CF4832;" cx="16" cy="16" r="16.005"/>
  7 +<g>
  8 + <polygon style="fill:#FFFFFF;" points="24.376,9.896 22.499,9.896 22.499,13.646 18.747,13.646 18.747,15.523 22.499,15.523
  9 + 22.499,19.273 24.376,19.273 24.376,15.523 28.126,15.523 28.126,13.646 24.376,13.646 "/>
  10 +</g>
  11 +<g>
  12 + <path style="fill:#FFFFFF;" d="M14.933,25.068c-0.74-0.559-2.355-1.699-2.355-2.465c0-0.898,0.256-1.342,1.605-2.396
  13 + c1.387-1.082,2.367-2.51,2.367-4.279c0-1.93-0.789-3.678-2.27-4.527h2.102l1.787-1.879c0,0-5.91,0-8.008,0
  14 + c-4.061,0-7.447,2.996-7.447,6.291c0,3.367,2.225,6.051,6.045,6.051c0.264,0,0.523-0.01,0.775-0.027
  15 + C9.286,22.309,9.11,22.84,9.11,23.395c0,0.938,0.518,1.473,1.148,2.09c-0.48,0-0.941,0.01-1.449,0.01
  16 + c-1.805,0-3.395,0.486-4.67,1.254c0.396,0.436,0.814,0.85,1.254,1.238c1.1-0.949,2.709-1.561,4.471-1.541
  17 + c0.748,0.004,1.449,0.127,2.082,0.332c1.746,1.215,3.156,1.971,3.508,3.357c0.066,0.275,0.102,0.566,0.102,0.861
  18 + c0,0.34-0.033,0.666-0.098,0.982c0.174,0.006,0.342,0.025,0.518,0.025c0.639,0,1.264-0.047,1.883-0.119
  19 + c0.119-0.406,0.186-0.818,0.186-1.232C18.044,28.225,17.521,27.008,14.933,25.068z M10.306,20.645
  20 + c-2.156-0.066-4.209-2.049-4.58-4.881c-0.375-2.834,1.07-5.004,3.23-4.939c2.158,0.064,4.004,2.389,4.377,5.223
  21 + S12.464,20.707,10.306,20.645z"/>
  22 +</g>
  23 +</svg>
... ...
images/rss.png 0 → 100644
View file @4a1e798

1.83 KB
images/rss.svg 0 → 100644
  Diff comments   View file @4a1e798
... ... @@ -0,0 +1,14 @@
  1 +<?xml version="1.0" encoding="iso-8859-1"?>
  2 +<!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
  3 +<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
  4 +<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
  5 + width="32px" height="32px" viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
  6 +<circle style="fill:#EF8647;" cx="16" cy="16.001" r="16"/>
  7 +<g>
  8 + <circle style="fill:#FFFFFF;" cx="10.617" cy="21.625" r="2.287"/>
  9 + <path style="fill:#FFFFFF;" d="M19.385,23.912h-3.242c0-4.316-3.496-7.812-7.812-7.812l0,0v-3.242
  10 + C14.436,12.858,19.385,17.807,19.385,23.912z"/>
  11 + <path style="fill:#FFFFFF;" d="M21.668,23.912c0-7.366-5.971-13.339-13.338-13.339V7.237c9.211,0,16.676,7.465,16.676,16.675
  12 + H21.668z"/>
  13 +</g>
  14 +</svg>
... ...
images/twitter.png 0 → 100644
View file @4a1e798

1.6 KB
images/twitter.svg 0 → 100644
  Diff comments   View file @4a1e798
... ... @@ -0,0 +1,14 @@
  1 +<?xml version="1.0" encoding="iso-8859-1"?>
  2 +<!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
  3 +<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
  4 +<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
  5 + width="32px" height="32px" viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
  6 +<circle style="fill:#2AA7DE;" cx="16" cy="16" r="16"/>
  7 +<path style="fill:#FFFFFF;" d="M24.535,11.723c-0.566,0.252-1.178,0.422-1.814,0.498c0.65-0.391,1.152-1.01,1.389-1.748
  8 + c-0.611,0.363-1.287,0.625-2.008,0.768c-0.574-0.613-1.396-0.998-2.305-0.998c-1.744,0-3.161,1.414-3.161,3.158
  9 + c0,0.248,0.029,0.49,0.082,0.721c-2.625-0.131-4.953-1.389-6.512-3.299c-0.273,0.465-0.426,1.008-0.426,1.586
  10 + c0,1.098,0.555,2.064,1.404,2.631c-0.52-0.018-1.004-0.16-1.432-0.396c0,0.014,0,0.027,0,0.039c0,1.531,1.09,2.808,2.533,3.097
  11 + c-0.264,0.074-0.543,0.111-0.83,0.111c-0.205,0-0.402-0.02-0.596-0.057c0.402,1.256,1.57,2.168,2.951,2.195
  12 + c-1.082,0.846-2.443,1.352-3.924,1.352c-0.254,0-0.506-0.016-0.754-0.045c1.398,0.896,3.059,1.42,4.844,1.42
  13 + c5.811,0,8.989-4.814,8.989-8.988c0-0.137-0.004-0.273-0.01-0.41C23.574,12.915,24.109,12.358,24.535,11.723z"/>
  14 +</svg>
... ...
style.css
  Diff comments   View file @4a1e798
... ... @@ -108,19 +108,39 @@ body {
108 108 float: right;
109 109 text-align: right;
110 110 width: 200px;
111   - margin-top: -50px;
  111 + margin-top: -30px;
112 112 height: 30px;
113 113 }
114 114  
115 115 #social-buttons a {
116 116 display: inline-block;
117   - border: 1px solid red;
118 117 width: 24px;
119 118 height: 24px;
120   - background: #dfdfdf;
121 119 margin-right: 3px;
122 120 }
123 121  
  122 +#social-buttons a:hover {
  123 + opacity: 0.6;
  124 +}
  125 +
  126 +#social-buttons #sb_face {
  127 +background-image: url(images/facebook.png);
  128 +background: none,url(images/facebook.svg);
  129 +background-size: 100% 100%;
  130 +}
  131 +
  132 +#social-buttons #sb_tweet {
  133 +background-image: url(images/twitter.png);
  134 +background: none,url(images/twitter.svg);
  135 +background-size: 100% 100%;
  136 +}
  137 +
  138 +#social-buttons #sb_feed {
  139 +background-image: url(images/rss.png);
  140 +background: none,url(images/rss.svg);
  141 +background-size: 100% 100%;
  142 +}
  143 +
124 144 #social-buttons span { display: none; }
125 145  
126 146 /* Title Header */
... ... @@ -440,4 +460,6 @@ div#article-parent {
440 460 .agenda-item a:hover {
441 461 color: black;
442 462 text-decoration: underline !important;
443   -}
444 463 \ No newline at end of file
  464 +}
  465 +
  466 +#box-organizer .block-target { clear: both; }
... ...