svg icons

This commit is contained in:
Justine Arreche 2014-10-28 12:37:33 +01:00
parent df8f6c1b7c
commit 326e31b6a1
5 changed files with 62 additions and 9 deletions

View File

@ -0,0 +1,31 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<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"
width="10px" height="10px" viewBox="0 0 10 10" enable-background="new 0 0 10 10" xml:space="preserve">
<g>
<g>
<path fill="#818181" d="M8.213,0.844h-0.56V0.482C7.653,0.216,7.438,0,7.17,0C6.904,0,6.688,0.216,6.688,0.482v0.362H5.08V0.482
C5.08,0.216,4.863,0,4.596,0C4.33,0,4.114,0.216,4.114,0.482v0.362H2.516V0.482C2.516,0.216,2.3,0,2.033,0
C1.766,0,1.55,0.216,1.55,0.482v0.362H1.001C0.448,0.844,0,1.293,0,1.846v7.153C0,9.553,0.448,10,1.001,10h7.212
c0.553,0,1-0.447,1-1.001V1.846C9.213,1.293,8.766,0.844,8.213,0.844z M8.226,8.916H0.987V1.921H1.55v0.331
c0,0.267,0.216,0.483,0.482,0.483c0.267,0,0.483-0.216,0.483-0.483V1.921h1.599v0.331c0,0.267,0.216,0.483,0.482,0.483
c0.267,0,0.483-0.216,0.483-0.483V1.921h1.609v0.331c0,0.267,0.216,0.483,0.481,0.483c0.268,0,0.483-0.216,0.483-0.483V1.921
h0.572V8.916z"/>
</g>
<g>
<g>
<path fill="#818181" d="M3.006,4.975c0-0.153-0.122-0.249-0.27-0.212L2.7,4.772c-0.147,0.037-0.3-0.055-0.338-0.204L2.347,4.513
C2.31,4.365,2.398,4.209,2.544,4.165L2.962,4.04C3.108,3.996,3.34,3.96,3.476,3.96c0.136,0,0.248,0.125,0.248,0.278v2.773
c0,0.153-0.125,0.277-0.278,0.277H3.283c-0.153,0-0.277-0.124-0.277-0.277V4.975z"/>
</g>
<g>
<path fill="#818181" d="M4.337,6.992c0-0.154,0.097-0.358,0.215-0.455l0.67-0.549c0.118-0.098,0.308-0.261,0.42-0.363
c0,0,0.367-0.333,0.367-0.607c0-0.278-0.185-0.43-0.444-0.43c-0.255,0-0.43,0.142-0.676,0.444L4.594,4.796
C4.476,4.7,4.464,4.53,4.568,4.418c0,0,0.452-0.481,1.043-0.481c0.685,0,1.139,0.401,1.139,1.02l0,0
c0,0.005-0.041,0.127-0.091,0.272c0,0-0.192,0.564-0.779,1.017L5.563,6.492c-0.122,0.093-0.097,0.17,0.057,0.17h0.885
c0.153,0,0.278,0.124,0.278,0.277v0.072c0,0.153-0.125,0.277-0.278,0.277h-1.89c-0.153,0-0.278-0.124-0.278-0.277V6.992z"/>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.1 KiB

View File

@ -0,0 +1,15 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<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"
width="10px" height="10px" viewBox="0 0 10 10" enable-background="new 0 0 10 10" xml:space="preserve">
<g>
<path fill="#818181" d="M4.99,0C2.235,0,0,2.235,0,4.99c0,2.755,2.235,4.99,4.99,4.99c2.755,0,4.99-2.234,4.99-4.99
C9.979,2.235,7.745,0,4.99,0z M4.99,8.732c-2.062,0-3.742-1.68-3.742-3.743c0-2.062,1.68-3.742,3.742-3.742
c2.063,0,3.743,1.68,3.743,3.742C8.732,7.053,7.053,8.732,4.99,8.732z"/>
<path fill="#818181" d="M7.412,6.107L5.437,4.774V2.48c0-0.056-0.022-0.108-0.062-0.147C5.336,2.295,5.284,2.271,5.229,2.271H4.683
c-0.056,0-0.108,0.023-0.147,0.062C4.497,2.373,4.476,2.424,4.476,2.48V5.19c0,0.055,0.021,0.108,0.061,0.146
C4.552,5.354,4.57,5.365,4.589,5.375l2.3,1.541c0.035,0.022,0.074,0.035,0.114,0.035c0.016,0,0.03-0.001,0.046-0.006
c0.054-0.012,0.102-0.044,0.131-0.092l0.29-0.464C7.529,6.296,7.503,6.171,7.412,6.107z"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.2 KiB

View File

@ -9,9 +9,11 @@
<div class="github-icon"><a {{bind-attr href="controller.urlGithub"}}><img src="/images/icons/github.svg" width="21" height="21"/></a></div>
{{view Travis.RepoShowToolsView}}
<a href="#" id="status-image-popup" name="status-images" class="open-popup" {{action "statusImages" target="view"}}>
<img {{bind-attr src="view.statusImageUrl"}} title="Build Status Images"/>
</a>
<div class="status-image">
<a href="#" id="status-image-popup" name="status-images" class="open-popup" {{action "statusImages" target="view"}}>
<img {{bind-attr src="view.statusImageUrl"}} title="Build Status Images"/>
</a>
</div>
</div>
<p class="description">{{description}}</p>

View File

@ -10,9 +10,14 @@
display: inline-block
margin-right: 5px
a#status-image-popup
.status-image
width: 90px
height: 25px
display: inline-block
opacity: 1.0
a#status-image-popup
display: inline-block
opacity: 1.0
.github-icon
width: 21px

View File

@ -77,8 +77,8 @@
a
display: inline-block
width: 28px
height: 28px
width: 27px
height: 27px
position: relative
top: -7px
cursor: pointer
@ -89,8 +89,8 @@
margin-left: 5px
img
width: 15px
height: 15px
width: 16px
height: 16px
margin-top: 6px
margin-left: 0px