bring back (most) of the build header functionality

This commit is contained in:
Lisa Passing 2015-03-05 18:16:28 +01:00
parent e9732c965e
commit 7d8d5ba0df
16 changed files with 254 additions and 266 deletions

View File

@ -2,8 +2,8 @@
.repo
font-size: $font-size-normal
color: $grey
a
color: $grey
// a
// color: $grey
.repo-header
header
@ -44,7 +44,6 @@
@extend %inline-block
.repo-menus
@media #{$medium-up}
.dropdown
float: right
@ -79,6 +78,8 @@
line-height: 1.8
.icon
margin-right: .3em
height: 1.3em
vertical-align: middle
.repo-main-tools
position: absolute

View File

@ -90,15 +90,15 @@ $dropdown-border: #C3D9DB
position: relative
.dropdown--classic
width: 10.7rem
overflow: auto
.dropdown-button
height: 30px
background-color: $grey
border: none
color: $white
font-size: $font-size-normal
&:hover
background-color: darken($grey, 10)
background-color: lighten($grey, 10)
.icon-arrow-down
border-top-color: $white
@ -109,10 +109,12 @@ $dropdown-border: #C3D9DB
@include resetul
@include border-bottom-radius(4px)
position: absolute
top: 29px // height of the button
top: 31px // height of the button +1
width: 100%
z-index: 70
overflow: hidden
background-color: $grey
display: none
a
@extend %inline-block
width: 100%
@ -120,5 +122,5 @@ $dropdown-border: #C3D9DB
color: $white
&:hover
background-color: darken($grey, 10)
display: none
&.display
display: block

View File

@ -8,15 +8,15 @@
.icon-cal,
.icon--cal
background-image: inline-image('dashboard/cal.svg')
background-image: inline-image('svg/finished-icon.svg')
.icon-clock,
.icon--clock
background-image: inline-image('ui/clock.svg')
background-image: inline-image('svg/duration-icon.svg')
.icon-github,
.icon--github
background-image: inline-image('dashboard/github.svg')
background-image: inline-image('svg/commit-icon.svg')
.icon--github-circle
background-image: inline-image('icons/github.svg')
@ -27,7 +27,7 @@
.icon-hash,
.icon--hash
background-image: inline-image('dashboard/hash.svg')
background-image: inline-image('svg/build-number-icon.svg')
.icon-cog,
.icon--cog

View File

@ -38,7 +38,7 @@
&:after
content: ""
position: relative
left: 1.35em
left: 1.3em
display: inline-block
width: 2px
height: 10px

View File

@ -96,25 +96,25 @@
@media #{$medium-up}
display: inline-block
.tab
margin-top: 15px
ul.navigation
@include resetul
border-bottom: 1px solid #EAEAEA
li
margin-right: 10px
a
color: #ACACAC
font-weight: 600
font-size: 14px
a.active
color: #55888E
@media #{$small-up}
li
display: inline-block
@media #{$medium-up}
height: 40px
line-height: 40px
// .tab
// margin-top: 15px
// ul.navigation
// @include resetul
// border-bottom: 1px solid #EAEAEA
// li
// margin-right: 10px
// a
// color: #ACACAC
// font-weight: 600
// font-size: 14px
// a.active
// color: #55888E
// @media #{$small-up}
// li
// display: inline-block
// @media #{$medium-up}
// height: 40px
// line-height: 40px
#builds
a
@ -146,12 +146,12 @@
@media handheld, only screen and (max-device-width: 980px)
#main
.tabs
margin-top: 5px
li
margin-right: 0px
h5
min-width: 0px
// .tabs
// margin-top: 5px
// li
// margin-right: 0px
// h5
// min-width: 0px
#tab_branches
display: none

View File

@ -1,67 +1,69 @@
{{#if loading}}
<span>Loading</span>
<span class="sync-spinner sync-spinner--grey"><i></i><i></i><i></i></span>
{{else}}
<div id="new-summary">
<div {{bind-attr class=":request-kind build.eventType"}} >
<section class="tile tile--pass row" {{!-- id="new-summary" --}}>
<div class="tile-status">
<span class="icon icon-status passed"></span>
<span {{bind-attr class=":request-kind build.eventType :icon"}}></span>
</div>
<div class="right">
<div class="build-status">
{{#link-to "build" repo build}}#{{build.number}} {{humanize-state build.state}}{{/link-to}}
</div>
<div class="runtime">
{{#if build.isFinished}}ran{{else}}running{{/if}} for {{format-duration build.duration}}
<div class="tile-main medium-8 columns">
<h2 class="repo-main-commit">
<small class="repo-main-branch" {{bind-attr title="build.commit.branch"}}>{{build.commit.branch}}</small>
{{format-message build.commit.subject repoBinding=build.repo}}
</h2>
<div class="repo-main-description">
<pre class="body">{{format-message build.commit.body repoBinding=build.repo pre=true}}</pre>
</div>
<div class="finished">
{{format-time build.finishedAt}}
<div class="repo-main-author">
{{#if commit.authorName}}
<img {{bind-attr src="urlAuthorGravatarImage"}}>{{commit.authorName}} authored{{#if commit.authorIsCommitter}} and committed{{/if}}
{{/if}}
{{#unless commit.authorIsCommitter}}
{{#if commit.committerName}}
<img {{bind-attr src="urlCommitterGravatarImage"}}>{{commit.committerName}} committed
{{/if}}
{{/unless}}
</div>
</div>
{{#if build.tagName}}
<div class="tags">
{{build.tagName}}
</div>
{{/if}}
<div class="tile-additional medium-4 columns end">
<ul class="repo-main-info">
<div class="commit-changes">
<a class="commit" {{bind-attr href="urlGithubCommit"}}>Commit {{format-sha commit.sha}}</a>
</div>
<div class="commit-changes">
{{#if build.pullRequest}}
<a class="compare" {{bind-attr href="build.commit.compareUrl"}}>#{{build.pullRequestNumber}}: {{build.pullRequestTitle}}</a>
{{else}}
{{#if build.commit.compareUrl}}
<a class="compare" {{bind-attr href="build.commit.compareUrl"}}>Compare {{short-compare-shas build.commit.compareUrl}}</a>
<li class="repo-build-status">{{#link-to "build" repo build}}
<span class="icon icon--hash"></span>
{{build.number}} {{humanize-state build.state}}{{/link-to}}
</li>
<li>
<a class="commit" {{bind-attr href="urlGithubCommit"}}>
<span class="icon icon--github"></span>
Commit {{format-sha commit.sha}}
</a>
</li>
<li>
{{#if build.pullRequest}}
<a class="compare" {{bind-attr href="build.commit.compareUrl"}}>#{{build.pullRequestNumber}}: {{build.pullRequestTitle}}</a>
{{else}}
{{#if build.commit.compareUrl}}
<a class="compare" {{bind-attr href="build.commit.compareUrl"}}>
<span class="icon icon--github"></span>
Compare {{short-compare-shas build.commit.compareUrl}}</a>
{{/if}}
{{/if}}
{{/if}}
</div>
</li>
<li>
<span class="icon icon--clock"></span>
{{#if build.isFinished}}ran{{else}}running{{/if}} for {{format-duration build.duration}}
<li>
<span class="icon icon--cal"></span>
{{format-time build.finishedAt}}
</li>
</ul>
{{view 'repo-actions'}}
</div>
<div class="mainline">
<div class="branch" {{bind-attr title="build.commit.branch"}}>
{{build.commit.branch}}
</div>
<div class="subject">
- {{format-message build.commit.subject repoBinding=build.repo}}
</div>
</div>
<pre class="body">{{format-message build.commit.body repoBinding=build.repo pre=true}}</pre>
<div class="footer">
<div class="author">
{{#if commit.authorName}}
<div class="authored"><img {{bind-attr src="urlAuthorGravatarImage"}}/><div class="text">{{commit.authorName}} authored{{#if commit.authorIsCommitter}} and committed{{/if}}</div></div>
{{/if}}
{{#unless commit.authorIsCommitter}}
{{#if commit.committerName}}
<div class="committed"><img {{bind-attr src="urlCommitterGravatarImage"}}/><div class="text">{{commit.committerName}} committed</div></div>
{{/if}}
{{/unless}}
</div>
</div>
</div>
</section>
{{#unless build.isMatrix}}
{{view 'annotations' annotations=build.jobs.firstObject.annotations}}
@ -73,4 +75,5 @@
{{else}}
{{view 'log' job=build.jobs.firstObject}}
{{/if}}
{{/if}}

View File

@ -1,9 +1,10 @@
<div id="repo" {{bind-attr class="view.className :repo"}}>
{{#if view.isEmpty}}
{{view 'repos-empty'}}
{{else}}
{{#if repo.isLoaded}}
{{#if repo.isLoaded}}
<article id="repo-header" class="repo-header passed">
<header>
<h1 class="repo-header-title">{{#link-to "repo" repo}}{{repo.slug}}{{/link-to}}</h1>
@ -22,61 +23,14 @@
{{view 'repo-show-tabs'}}
<div class="tabbody repo-main">
<section class="tile tile--pass row" role="tabpanel" aria-labelledby="tab1" id="panel1">
<div class="tile-status">
<span class="icon icon-status passed"></span>
<span class="icon push"></span>
</div>
<div class="tile-main medium-8 columns">
<h2 class="repo-main-commit"><small class="repo-main-branch">master</small> Merge pull request #398 from craigcitro/quieter-mac</h2>
<div class="repo-main-description">
Something someting something
</div>
<div class="repo-main-author">
<img src="" alt=""> Hiro Asari authored and commited
</div>
</div>
<div class="tile-additional medium-4 columns end">
<ul class="repo-main-info">
<li class="repo-build-status"><span class="icon icon--hash"></span>234 passed</li>
<li><span class="icon icon--github"></span>Commit 324eabf2</li>
<li><span class="icon icon--github"></span>Compare 22323...233</li>
<li><span class="icon icon--clock"></span>ran for 16 sec</li>
<li><span class="icon icon--cal"></span>12 minutes ago</li>
</ul>
{{view 'repo-actions'}}
</div>
</section>
{{outlet}}
</div>
</div>
</article>
{{!-- <div id="repo-header">
<h3>{{#link-to "repo" repo}}{{repo.slug}}{{/link-to}}</h3>
<div class="github-icon"><a {{bind-attr href="controller.urlGithub"}}><img src="/images/icons/github.svg" width="21" height="21"/></a></div>
<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>
{{view 'repo-show-tools'}}
</div>
<p class="description">{{description}}</p>
{{view 'repo-actions'}}
{{view 'repo-show-tabs'}}
<div class="tab tab--main">
{{outlet}}
</div> --}}
{{else}}
<span class="sync-spinner"><i></i><i></i><i></i></span>
{{/if}}
{{/if}}
</div>

View File

@ -1,84 +1,44 @@
<div id="actions" class="repo-main-tools">
<a href="#" title="" class="button-circle"><span class="icon icon--trigger"></span></a>
<a href="#" title="" class="button-circle"><span class="icon icon--codeclimate"></span></a>
{{#if view.displayCancelBuild}}
<a href="#" {{action "cancelBuild" target=view}}
<a href="#" {{action "cancelBuild" target=view}} class="button-circle"
{{bind-attr class="view.canCancelBuild::disabled"}} title="Cancel Build"></a>
{{/if}}
{{#if view.displayCancelJob}}
<a href="#" {{action "cancelJob" target=view}}
<a href="#" {{action "cancelJob" target=view}} class="button-circle"
{{bind-attr class="view.canCancelJob::disabled"}} title="Cancel Job"></a>
{{/if}}
{{#if view.displayRequeueBuild}}
{{#if view.requeueing}}
<span class="loading"></span>
<span class="sync-spinner sync-spinner--grey"><i></i><i></i><i></i></span>
{{else}}
<a href="#" {{action "requeueBuild" target=view}}
{{bind-attr class="view.canRequeueBuild::disabled"}} title="Restart Build"></a>
<a href="#" {{action "requeueBuild" target=view}} class="button-circle"
{{bind-attr class="view.canRequeueBuild::disabled"}} title="Restart Build">
<span class="icon icon--trigger">
</a>
{{/if}}
{{/if}}
{{#if view.displayRequeueJob}}
{{#if view.requeueing}}
<span class="loading"></span>
<span class="sync-spinner sync-spinner--grey"><i></i><i></i><i></i></span>
{{else}}
<a href="#" {{action "requeueJob" target=view}}
{{bind-attr class="view.canRequeueJob::disabled"}} title="Restart Job"></a>
<a href="#" {{action "requeueJob" target=view}} class="button-circle"
{{bind-attr class="view.canRequeueJob::disabled"}} title="Restart Job">
<span class="icon icon--trigger">
</a>
{{/if}}
{{/if}}
{{#if view.displayCodeClimate}}
<a href="#" name="code-climate"
{{action "codeClimatePopup" target=view}}
{{bind-attr class=":open-popup"}} title="Test Coverage with Code Climate"></a>
{{action "codeClimatePopup" target=view}} class="button-circle"
{{bind-attr class=":open-popup"}} title="Test Coverage with Code Climate">
<span class="icon icon--codeclimate"></span>
</a>
{{/if}}
</div>
{{!-- <div id="actions">
<ul>
{{#if view.displayCancelBuild}}
<li class="icon cancel-build" title="Cancel Build">
<a href="#" {{action "cancelBuild" target=view}}
{{bind-attr class="view.canCancelBuild::disabled"}}></a>
</li>
{{/if}}
{{#if view.displayCancelJob}}
<li class="icon cancel-job" title="Cancel Job">
<a href="#" {{action "cancelJob" target=view}}
{{bind-attr class="view.canCancelJob::disabled"}}></a>
</li>
{{/if}}
{{#if view.displayRequeueBuild}}
<li class="icon restart-build" title="Restart Build">
{{#if view.requeueing}}
<span class="loading"></span>
{{else}}
<a href="#" {{action "requeueBuild" target=view}}
{{bind-attr class="view.canRequeueBuild::disabled"}}></a>
{{/if}}
</li>
{{/if}}
{{#if view.displayRequeueJob}}
<li class="icon restart-job" title="Restart Job">
{{#if view.requeueing}}
<span class="loading"></span>
{{else}}
<a href="#" {{action "requeueJob" target=view}}
{{bind-attr class="view.canRequeueJob::disabled"}}></a>
{{/if}}
</li>
{{/if}}
{{#if view.displayCodeClimate}}
<li class="icon code-climate" title="Test Coverage with Code Climate">
<a href="#" name="code-climate"
{{action "codeClimatePopup" target=view}}
{{bind-attr class=":open-popup"}}></a>
</li>
{{/if}}
</ul>
</div> --}}
<div id="remove-log-popup" class="popup">
<a href="#" class="close" {{action "popupClose" target=view}}></a>
<p><strong>This action will remove the log permanently!</strong></p>

View File

@ -1,51 +1,34 @@
<div class="tabnav" role="tablist">
<ul>
<li role="presentation" class="active"><a href="#" title="" role="tab" aria-selected="true" id="tab1" aria-controls="panel1">Current</a></li>
<li role="presentation"><a href="#" title="" role="tab" aria-selected="false">Build History</a></li>
<li role="presentation"><a href="#" title="" role="tab" aria-selected="false">Pull Requests</a></li>
<li role="presentation"><a href="#" title="" role="tab" aria-selected="false">Branch Summary</a></li>
</ul>
</div>
{{!-- <ul class="tabs tabs--main">
<li id="tab_current" {{bind-attr class="view.classCurrent"}}>
<h5>
<ul class="tab tabs--main">
<li id="tab_current" {{bind-attr class="view.classCurrent"}}>
{{#if repo.slug}}
{{#link-to "repo" repo current-when="repo.index"}}
Current
{{/link-to}}
{{/if}}
</h5>
</li>
<li id="tab_builds" {{bind-attr class="view.classBuilds"}}>
<h5>
</li>
<li id="tab_builds" {{bind-attr class="view.classBuilds"}}>
{{#if repo.slug}}
{{#link-to "builds" repo}}
Build History
{{/link-to}}
{{/if}}
</h5>
</li>
<li id="tab_pull_requests" {{bind-attr class="view.classPullRequests"}}>
<h5>
</li>
<li id="tab_pull_requests" {{bind-attr class="view.classPullRequests"}}>
{{#if repo.slug}}
{{#link-to "pullRequests" repo}}
Pull Requests
{{/link-to}}
{{/if}}
</h5>
</li>
<li id="tab_branches" {{bind-attr class="view.classBranches"}}>
<h5>
</li>
<li id="tab_branches" {{bind-attr class="view.classBranches"}}>
{{#if repo.slug}}
{{#link-to "branches" repo}}
Branch Summary
{{/link-to}}
{{/if}}
</h5>
</li>
<li id="tab_build" {{bind-attr class="view.classBuild"}}>
<h5>
</li>
<li id="tab_build" {{bind-attr class="view.classBuild"}}>
{{#if build.id}}
{{#if repo.slug}}
{{#link-to "build" repo build}}
@ -53,10 +36,8 @@
{{/link-to}}
{{/if}}
{{/if}}
</h5>
</li>
<li id="tab_job" {{bind-attr class="view.classJob"}}>
<h5>
</li>
<li id="tab_job" {{bind-attr class="view.classJob"}}>
{{#if job.id}}
{{#if repo.slug}}
{{#link-to "job" repo job}}
@ -64,40 +45,32 @@
{{/link-to}}
{{/if}}
{{/if}}
</h5>
</li>
<li id="tab_settings" {{bind-attr class="view.classSettings"}}>
<h5>
</li>
<li id="tab_settings" {{bind-attr class="view.classSettings"}}>
{{#if repo.slug}}
{{#link-to "settings" repo}}
Settings
{{/link-to}}
{{/if}}
</h5>
</li>
<li id="tab_requests" {{bind-attr class="view.classRequests"}}>
<h5>
</li>
<li id="tab_requests" {{bind-attr class="view.classRequests"}}>
{{#if repo.slug}}
{{#link-to "requests" repo}}
Requests
{{/link-to}}
{{/if}}
</h5>
</li>
{{#if config.caches_enabled}}
<li id="tab_caches" {{bind-attr class="view.classCaches"}}>
<h5>
</li>
{{#if config.caches_enabled}}
<li id="tab_caches" {{bind-attr class="view.classCaches"}}>
{{#if repo.slug}}
{{#link-to "caches" repo}}
Caches
{{/link-to}}
{{/if}}
</h5>
</li>
{{/if}}
</li>
{{/if}}
<li id="tab_request" {{bind-attr class="view.classRequest"}}>
<h5>
<li id="tab_request" {{bind-attr class="view.classRequest"}}>
{{#if request.id}}
{{#if repo.slug}}
{{#link-to "request" repo request}}
@ -105,7 +78,6 @@
{{/link-to}}
{{/if}}
{{/if}}
</h5>
</li>
</ul>
--}}
</li>
</ul>
</div>

View File

@ -1,15 +1,6 @@
<div class="dropdown dropdown--classic">
<button class="dropdown-button button" type=""><span class="icon icon--cog"></span> Settings <span class="icon icon-arrow-down"></span></button>
<ul id="tools" class="dropdown-menu">
<li><a href="#" title="">Settings</a></li>
<li><a href="#" title="">Requests</a></li>
</ul>
</div>
{{!-- <div id="tools">
<a href="#" {{action "menu" target=view}} class="menu-popup-button">Settings</a>
<ul class="menu">
<div class="dropdown dropdown--classic" id="tools">
<a href="#" {{action "menu" target=view}} class="menu-popup-button dropdown-button button" type=""><span class="icon icon--cog"></span> Settings <span class="icon icon-arrow-down"></span></a>
<ul class="dropdown-menu menu">
{{#if view.displaySettingsLink}}
<li>
{{#link-to "settings" view.repo}}Settings{{/link-to}}
@ -23,10 +14,10 @@
{{#link-to "caches" view.repo}}Caches{{/link-to}}
</li>
{{/if}}
</ul>
</div>
<div id="regenerate-key" class="popup">
<a href="#" class="close" {{action "popupClose" target=view}}></a>
<p>
@ -99,4 +90,3 @@ addons:
</li>
</ol>
</div>
--}}

View File

@ -0,0 +1,14 @@
<?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="16.96px" height="16.15px" viewBox="0 0 16.96 16.15" enable-background="new 0 0 16.96 16.15" xml:space="preserve">
<path fill="#D0CFCE" d="M15.748,6.406c0.667,0,1.212-0.542,1.212-1.21c0-0.669-0.545-1.212-1.212-1.212h-3.173l0.209-2.678
c0.052-0.667-0.444-1.249-1.114-1.302c-0.667-0.051-1.249,0.447-1.3,1.113l-0.227,2.867H7.454l0.212-2.678
C7.72,0.639,7.22,0.057,6.553,0.003C5.886-0.048,5.303,0.45,5.25,1.117L5.024,3.984H2.02c-0.67,0-1.212,0.542-1.212,1.212
c0,0.668,0.542,1.21,1.212,1.21h2.815L4.602,9.371H1.211C0.542,9.371,0,9.913,0,10.583s0.542,1.212,1.211,1.212h3.2l-0.239,3.049
c-0.053,0.667,0.446,1.25,1.112,1.302C5.317,16.15,5.35,16.15,5.381,16.15c0.626,0,1.157-0.481,1.207-1.116l0.253-3.239H9.53
l-0.24,3.049c-0.052,0.667,0.448,1.25,1.113,1.302c0.032,0.005,0.064,0.005,0.097,0.005c0.627,0,1.154-0.481,1.208-1.116
l0.254-3.239h2.977c0.67,0,1.211-0.542,1.211-1.212s-0.541-1.212-1.211-1.212h-2.787l0.232-2.965H15.748z M9.722,9.371H7.032
l0.232-2.965h2.688L9.722,9.371z"/>
</svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

View File

@ -0,0 +1,14 @@
<?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="13.707px" height="16.15px" viewBox="0 0 13.707 16.15" enable-background="new 0 0 13.707 16.15" xml:space="preserve">
<path fill="#D0CFCE" d="M12.344,0.473c0,0-0.818-0.264-2.688,1.003c-0.782-0.218-1.62-0.325-2.452-0.33
C6.37,1.15,5.533,1.257,4.755,1.476C2.882,0.209,2.06,0.473,2.06,0.473C1.527,1.822,1.864,2.818,1.965,3.065
C1.338,3.749,0.956,4.622,0.956,5.691c0,3.752,2.287,4.589,4.46,4.837c-0.279,0.245-0.533,0.677-0.621,1.312
c-0.558,0.246-1.975,0.68-2.849-0.814c0,0-0.517-0.941-1.501-1.011c0,0-0.956-0.01-0.065,0.595c0,0,0.641,0.301,1.087,1.432
c0,0,0.573,1.906,3.297,1.312c0.004,0.817,0.014,1.434,0.014,1.668c0,0.133-0.052,0.275-0.162,0.371
c0.825,0.227,1.69,0.357,2.588,0.357c0.896,0,1.763-0.131,2.588-0.356c-0.11-0.097-0.16-0.239-0.16-0.372
c0-0.322,0.013-1.379,0.013-2.688c0-0.912-0.313-1.51-0.665-1.815c2.182-0.24,4.471-1.065,4.471-4.827
c0-1.069-0.382-1.942-1.008-2.625C12.543,2.818,12.881,1.822,12.344,0.473z"/>
</svg>

After

Width:  |  Height:  |  Size: 1.3 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="15.374px" height="15.372px" viewBox="0 0 15.374 15.372" enable-background="new 0 0 15.374 15.372" xml:space="preserve">
<g>
<path fill="#D0CFCE" d="M7.7,0.2c-4.142,0-7.5,3.358-7.5,7.5c0,4.141,3.358,7.5,7.5,7.5c4.143,0,7.5-3.359,7.5-7.5
C15.2,3.558,11.843,0.2,7.7,0.2z M7.7,13.326c-3.102,0-5.625-2.523-5.625-5.625S4.599,2.075,7.7,2.075s5.625,2.523,5.625,5.625
S10.802,13.326,7.7,13.326z"/>
<path fill="#D0CFCE" d="M11.339,9.381L8.372,7.377V3.928c0-0.083-0.033-0.163-0.091-0.221C8.223,3.648,8.142,3.615,8.06,3.615
h-0.82c-0.083,0-0.163,0.034-0.221,0.092C6.96,3.765,6.927,3.845,6.927,3.928v4.074c0,0.082,0.033,0.162,0.092,0.221
c0.023,0.023,0.051,0.043,0.08,0.059l3.457,2.315c0.052,0.035,0.112,0.053,0.173,0.053c0.022,0,0.045-0.002,0.066-0.008
c0.083-0.016,0.154-0.066,0.199-0.139l0.436-0.695C11.519,9.664,11.479,9.475,11.339,9.381z"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.2 KiB

View File

@ -0,0 +1,32 @@
<?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="14.249px" height="15.372px" viewBox="0 0 14.249 15.372" enable-background="new 0 0 14.249 15.372" xml:space="preserve">
<g>
<rect x="0.77" y="4.9" fill="#F3F3F3" width="12.678" height="8.995"/>
<g>
<g>
<g>
<g>
<path fill="#D0CFCE" d="M6.684,9.882c-0.19,0.138-0.372,0.271-0.544,0.404c-0.181,0.141-0.34,0.293-0.475,0.46
c-0.139,0.17-0.25,0.366-0.328,0.581c-0.083,0.218-0.097,0.399-0.097,0.399c-0.015,0.2-0.028,0.405-0.028,0.454
c0,0.05,0.158,0.092,0.351,0.092H8.46c0.192,0,0.351-0.164,0.351-0.366v-0.435c0-0.201-0.158-0.365-0.351-0.365H7.285
c-0.193,0-0.322-0.027-0.288-0.061c0,0,0,0,0.035-0.029c0.138-0.115,0.282-0.221,0.429-0.32
c0.154-0.106,0.303-0.209,0.453-0.314c0.16-0.112,0.306-0.24,0.431-0.378c0.132-0.146,0.236-0.31,0.318-0.497
s0.124-0.413,0.124-0.672c0-0.25-0.049-0.479-0.142-0.684C8.551,7.95,8.425,7.774,8.269,7.636
C8.114,7.499,7.934,7.394,7.729,7.32C7.53,7.248,7.314,7.211,7.092,7.211c-0.289,0-0.547,0.054-0.774,0.156
c-0.229,0.106-0.42,0.256-0.572,0.445C5.596,7.999,5.483,8.22,5.409,8.469c-0.07,0.243-0.08,0.429-0.08,0.429
C5.321,9.099,5.314,9.302,5.316,9.351s0.16,0.088,0.354,0.088h0.502c0.192,0,0.35-0.041,0.35-0.09
c0-0.051,0.006-0.193,0.011-0.316c0,0,0,0,0.024-0.113c0.018-0.105,0.051-0.203,0.096-0.288
c0.042-0.079,0.095-0.139,0.163-0.187C6.877,8.4,6.953,8.38,7.05,8.38c0.147,0,0.265,0.046,0.354,0.135
c0.089,0.092,0.132,0.219,0.132,0.392c0,0.11-0.021,0.202-0.065,0.283C7.416,9.284,7.351,9.37,7.272,9.444"/>
</g>
</g>
</g>
<path fill="#D0CFCE" d="M12.835,0.072H1.382C0.621,0.072,0,0.628,0,1.479v12.417v0.86v0.14h0.026
c0.062,0.27,0.287,0.477,0.564,0.477h13.035c0.276,0,0.502-0.207,0.564-0.477h0.026v-0.14v-0.86V1.479
C14.217,0.628,13.729,0.072,12.835,0.072z M12.656,13.896H1.561V4.9h11.096V13.896z"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.2 KiB

View File

@ -0,0 +1,20 @@
<?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="17px" height="21px" viewBox="0 0 17 21" enable-background="new 0 0 17 21" xml:space="preserve">
<g>
<path fill="#FFFFFF" d="M4.466,15.587V6.761c0.801-0.465,1.34-1.332,1.34-2.325c0-1.486-1.205-2.689-2.689-2.689
c-1.486,0-2.69,1.204-2.69,2.689c0,0.997,0.544,1.867,1.351,2.331v8.814c-0.807,0.465-1.351,1.335-1.351,2.332
c0,1.485,1.204,2.689,2.69,2.689c1.484,0,2.689-1.204,2.689-2.689C5.806,16.92,5.267,16.054,4.466,15.587z M3.116,3.087
c0.746,0,1.352,0.605,1.352,1.352c0,0.747-0.605,1.353-1.352,1.353c-0.748,0-1.354-0.605-1.354-1.353
C1.763,3.692,2.368,3.087,3.116,3.087z M3.116,19.27c-0.748,0-1.354-0.606-1.354-1.353c0-0.747,0.605-1.353,1.354-1.353
c0.746,0,1.352,0.605,1.352,1.353S3.862,19.27,3.116,19.27z"/>
<g>
<path fill="#FFFFFF" d="M15.224,15.58V7.083c0-4.239-3.844-3.981-3.844-3.981H9.86V0.397L5.833,4.436l4.027,4.03V5.776h1.52
c1.17,0,1.154,1.307,1.154,1.307v8.506c-0.799,0.466-1.338,1.332-1.338,2.324c0,1.485,1.205,2.689,2.689,2.689
c1.486,0,2.689-1.204,2.689-2.689C16.575,16.915,16.032,16.044,15.224,15.58z M13.886,19.27c-0.746,0-1.352-0.606-1.352-1.353
c0-0.747,0.605-1.353,1.352-1.353c0.748,0,1.354,0.605,1.354,1.353S14.634,19.27,13.886,19.27z"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.5 KiB

View File

@ -0,0 +1,11 @@
<?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="17px" height="9.816px" viewBox="0 0 17 9.816" enable-background="new 0 0 17 9.816" xml:space="preserve">
<path fill="#FFFFFF" d="M12.93,3.683C12.412,1.708,10.614,0.25,8.475,0.25c-2.139,0-3.937,1.458-4.454,3.433H0.4v2.296h3.607
c0.502,2,2.312,3.482,4.468,3.482c2.156,0,3.966-1.482,4.468-3.482h3.607V3.683H12.93z M8.475,7.165
c-0.87,0-1.627-0.479-2.025-1.186C6.262,5.644,6.153,5.256,6.153,4.843c0-0.423,0.114-0.819,0.312-1.16
c0.4-0.694,1.15-1.161,2.011-1.161c0.859,0,1.609,0.467,2.011,1.161c0.197,0.341,0.311,0.737,0.311,1.16
c0,0.414-0.108,0.8-0.298,1.136C10.101,6.687,9.344,7.165,8.475,7.165z"/>
</svg>

After

Width:  |  Height:  |  Size: 987 B