This commit is contained in:
sunny 2018-09-12 14:27:59 +09:00
parent 08a0e6b204
commit 832e1e34bf
8 changed files with 134 additions and 10 deletions

View File

@ -0,0 +1,50 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<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"
viewBox="0 0 66 56" style="enable-background:new 0 0 66 56;" xml:space="preserve">
<style type="text/css">
.st0{fill:#007D94;}
.st1{fill:#FFFFFF;}
.st2{fill:#FFFFFF;stroke:#007D94;stroke-width:2;stroke-miterlimit:10;}
.st3{fill:none;stroke:#007D94;stroke-width:2;stroke-miterlimit:10;}
.st4{fill:#007D94;stroke:#FFFFFF;stroke-miterlimit:10;}
</style>
<g>
<g>
<path class="st0" d="M19.5,43.8c-1.3,0-2.4-1.1-2.4-2.4v-2.1h-1.8c-1.3,0-2.4-1.1-2.4-2.4v-0.5c0-1.3,1.1-2.4,2.4-2.4h1.8v-0.7
h-1.8c-1.3,0-2.4-1.1-2.4-2.4v-0.5c0-1.3,1.1-2.4,2.4-2.4h1.8v-0.7h-1.8c-1.3,0-2.4-1.1-2.4-2.4v-0.5c0-1.3,1.1-2.4,2.4-2.4h1.8
v-0.7h-1.8c-1.3,0-2.4-1.1-2.4-2.4v-0.5c0-1.3,1.1-2.4,2.4-2.4h1.8v-0.7h-1.8c-1.3,0-2.4-1.1-2.4-2.4v-0.5c0-1.3,1.1-2.4,2.4-2.4
h1.8V7.5c0-1.3,1.1-2.4,2.4-2.4h26.4c1.3,0,2.4,1.1,2.4,2.4v2.2h1.9c0.5,0,1.4,0.3,1.4,2.4v24.9c0,2.1-0.9,2.4-1.4,2.4h-1.9v2
c0,1.3-1.1,2.4-2.4,2.4H19.5z"/>
<path class="st1" d="M45.9,6.1c0.8,0,1.4,0.6,1.4,1.4v3.2h2.9c0.2,0,0.4,0.6,0.4,1.4v24.9c0,0.8-0.2,1.4-0.4,1.4h-2.9v3
c0,0.8-0.6,1.4-1.4,1.4H19.5c-0.8,0-1.4-0.6-1.4-1.4v-3.1h-2.8c-0.8,0-1.4-0.6-1.4-1.4v-0.5c0-0.8,0.6-1.4,1.4-1.4h2.8v-2.7h-2.8
c-0.8,0-1.4-0.6-1.4-1.4v-0.5c0-0.8,0.6-1.4,1.4-1.4h2.8v-2.7h-2.8c-0.8,0-1.4-0.6-1.4-1.4v-0.5c0-0.8,0.6-1.4,1.4-1.4h2.8v-2.7
h-2.8c-0.8,0-1.4-0.6-1.4-1.4v-0.5c0-0.8,0.6-1.4,1.4-1.4h2.8v-2.7h-2.8c-0.8,0-1.4-0.6-1.4-1.4v-0.5c0-0.8,0.6-1.4,1.4-1.4h2.8
V7.5c0-0.8,0.6-1.4,1.4-1.4H45.9 M45.9,4.1H19.5c-1.9,0-3.4,1.5-3.4,3.4v1.3h-0.8c-1.9,0-3.4,1.5-3.4,3.4v0.5
c0,1.1,0.5,2.1,1.4,2.7c-0.8,0.6-1.4,1.6-1.4,2.7v0.5c0,1.1,0.5,2.1,1.4,2.7c-0.8,0.6-1.4,1.6-1.4,2.7v0.5c0,1.1,0.5,2.1,1.4,2.7
c-0.8,0.6-1.4,1.6-1.4,2.7v0.5c0,1.1,0.5,2.1,1.4,2.7c-0.8,0.6-1.4,1.6-1.4,2.7v0.5c0,1.9,1.5,3.4,3.4,3.4h0.8v1.1
c0,1.9,1.5,3.4,3.4,3.4h26.4c1.9,0,3.4-1.5,3.4-3.4v-1h0.9c0.6,0,2.4-0.2,2.4-3.4V12.1c0-3.2-1.8-3.4-2.4-3.4h-0.9V7.5
C49.3,5.6,47.8,4.1,45.9,4.1L45.9,4.1z"/>
</g>
<g>
<path class="st0" d="M45.9,42.8H19.5c-0.8,0-1.4-0.6-1.4-1.4V7.5c0-0.8,0.6-1.4,1.4-1.4h26.4c0.8,0,1.4,0.6,1.4,1.4v33.9
C47.3,42.1,46.7,42.8,45.9,42.8z"/>
<path class="st2" d="M50.2,38.3h-3.9V10.6h3.9c0.2,0,0.4,0.6,0.4,1.4v24.9C50.6,37.7,50.4,38.3,50.2,38.3z"/>
<line class="st3" x1="46.3" y1="24.5" x2="50.6" y2="24.5"/>
<line class="st3" x1="46.3" y1="17.3" x2="50.6" y2="17.3"/>
<line class="st3" x1="46.3" y1="31.8" x2="50.6" y2="31.8"/>
<path class="st4" d="M21.3,14.2h-6c-0.8,0-1.4-0.6-1.4-1.4v-0.5c0-0.8,0.6-1.4,1.4-1.4h6c0.8,0,1.4,0.6,1.4,1.4v0.5
C22.7,13.5,22.1,14.2,21.3,14.2z"/>
<path class="st4" d="M21.3,20.2h-6c-0.8,0-1.4-0.6-1.4-1.4v-0.5c0-0.8,0.6-1.4,1.4-1.4h6c0.8,0,1.4,0.6,1.4,1.4v0.5
C22.7,19.6,22.1,20.2,21.3,20.2z"/>
<path class="st4" d="M21.3,26.2h-6c-0.8,0-1.4-0.6-1.4-1.4v-0.5c0-0.8,0.6-1.4,1.4-1.4h6c0.8,0,1.4,0.6,1.4,1.4v0.5
C22.7,25.6,22.1,26.2,21.3,26.2z"/>
<path class="st4" d="M21.3,32.3h-6c-0.8,0-1.4-0.6-1.4-1.4v-0.5c0-0.8,0.6-1.4,1.4-1.4h6c0.8,0,1.4,0.6,1.4,1.4v0.5
C22.7,31.6,22.1,32.3,21.3,32.3z"/>
<path class="st4" d="M21.3,38.3h-6c-0.8,0-1.4-0.6-1.4-1.4v-0.5c0-0.8,0.6-1.4,1.4-1.4h6c0.8,0,1.4,0.6,1.4,1.4v0.5
C22.7,37.7,22.1,38.3,21.3,38.3z"/>
<path class="st1" d="M37.2,20.6h-8.5c-0.8,0-1.4-0.6-1.4-1.4v-3.9c0-0.8,0.6-1.4,1.4-1.4h8.5c0.8,0,1.4,0.6,1.4,1.4v3.9
C38.6,19.9,37.9,20.6,37.2,20.6z"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.5 KiB

View File

@ -0,0 +1,31 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<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"
viewBox="0 0 66 56" style="enable-background:new 0 0 66 56;" xml:space="preserve">
<style type="text/css">
.st0{fill:#FFFFFF;}
.st1{fill:#009C91;}
.st2{fill:none;stroke:#009C91;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
</style>
<g>
<g>
<path class="st0" d="M22,43.8c-0.3,0-0.5-0.2-0.5-0.5c0-2,3.6-3.3,7.1-3.8v-3.3H17.4c-1.9,0-3.4-1.5-3.4-3.5V8
c0-1.9,1.5-3.5,3.4-3.5h31.3c1.9,0,3.4,1.5,3.4,3.5v24.8c0,1.9-1.5,3.5-3.4,3.5H37.5v3.3c3.5,0.5,7.1,1.7,7.1,3.8
c0,0.3-0.2,0.5-0.5,0.5H22z"/>
<path class="st0" d="M48.7,5.1c1.6,0,2.9,1.3,2.9,3v24.8c0,1.6-1.3,3-2.9,3H37V40c4.2,0.5,7.1,1.8,7.1,3.3H22c0-1.5,3-2.8,7.1-3.3
v-4.2H17.4c-1.6,0-2.9-1.3-2.9-3V8c0-1.6,1.3-3,2.9-3H48.7 M48.7,4.1H17.4c-2.2,0-3.9,1.8-3.9,4v24.8c0,2.2,1.7,4,3.9,4h10.7v2.3
c-4.5,0.7-7.1,2.2-7.1,4.2c0,0.6,0.4,1,1,1h22.1c0.6,0,1-0.4,1-1c0-2-2.6-3.5-7.1-4.2v-2.3h10.7c2.2,0,3.9-1.8,3.9-4V8
C52.6,5.9,50.9,4.1,48.7,4.1L48.7,4.1z"/>
</g>
<g>
<path class="st1" d="M22,44.3c-0.6,0-1-0.4-1-1c0-2,2.6-3.5,7.1-4.2v-2.3H17.4c-2.2,0-3.9-1.8-3.9-4V8c0-2.2,1.8-4,3.9-4h31.3
c2.2,0,3.9,1.8,3.9,4v24.8c0,2.2-1.8,4-3.9,4H38v2.3c4.5,0.7,7.1,2.2,7.1,4.2c0,0.6-0.4,1-1,1H22z M48.2,32.4V8.5H17.9v23.8H48.2z
"/>
<path class="st0" d="M48.7,5.1c1.6,0,2.9,1.3,2.9,3v24.8c0,1.6-1.3,3-2.9,3H37V40c4.2,0.5,7.1,1.8,7.1,3.3H22c0-1.5,3-2.8,7.1-3.3
v-4.2H17.4c-1.6,0-2.9-1.3-2.9-3V8c0-1.6,1.3-3,2.9-3H48.7 M16.9,33.4h32.3V7.5H16.9V33.4 M48.7,3.1H17.4c-2.7,0-4.9,2.2-4.9,5
v24.8c0,2.7,2.2,5,4.9,5h9.7v0.5c-3.2,0.6-7.1,2-7.1,5c0,1.1,0.9,2,2,2h22.1c1.1,0,2-0.9,2-2c0-3.1-3.9-4.4-7.1-5v-0.5h9.7
c2.7,0,4.9-2.2,4.9-5V8C53.6,5.3,51.4,3.1,48.7,3.1L48.7,3.1z M18.9,9.5h28.3v21.8H18.9V9.5L18.9,9.5z"/>
</g>
</g>
<polyline class="st2" points="19.5,20.7 24.5,20.7 26.7,16.3 28.7,24.8 33.5,11.8 35.7,27 38.7,16.3 40.8,20.7 45.8,20.7 "/>
</svg>

After

Width:  |  Height:  |  Size: 2.1 KiB

View File

@ -0,0 +1,43 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<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"
viewBox="0 0 66 56" style="enable-background:new 0 0 66 56;" xml:space="preserve">
<style type="text/css">
.st0{fill:#FFFFFF;}
.st1{fill:#D19E60;}
</style>
<g>
<g>
<path class="st0" d="M14.4,45v-4.5h16.4v-2.9c-1.1-0.7-1.8-1.9-1.9-3.2h-6.4c-6.1,0-11.1-5-11.1-11.1c0-5.4,3.9-10,9.2-10.9
C22.3,7.5,27,4,32.4,4c6.7,0,12.1,5.3,12.4,11.9c0.2,0,0.3,0,0.5,0c5.1,0,9.3,4.2,9.3,9.3s-4.2,9.3-9.3,9.3h-8.2
c-0.1,1.3-0.8,2.5-1.9,3.2v2.9h16.4V45H14.4z"/>
<path class="st0" d="M32.4,5c6.3,0,11.4,5.1,11.4,11.4c0,0.1,0,0.3,0,0.4c0.5,0,1,0,1.5,0c4.6,0,8.3,3.7,8.3,8.3s-3.7,8.3-8.3,8.3
h-9.2c0,0.4,0,0.7,0,0.7c0,1.3-0.8,2.4-1.9,2.8v4.5h16.4V44H15.4v-2.5h16.4V37c-1.1-0.5-1.9-1.6-1.9-2.8c0,0,0-0.4,0-0.7h-7.4
c-5.6,0-10.1-4.5-10.1-10.1c0-5.1,3.9-9.4,8.9-10C22.7,8.5,27.2,5,32.4,5 M32.4,3c-5.6,0-10.6,3.5-12.5,8.6
c-5.5,1.2-9.4,6.1-9.4,11.8c0,6.7,5.4,12.1,12.1,12.1h5.6c0.3,1,0.9,2,1.7,2.7v1.4H15.4h-2v2V44v2h2h35.2h2v-2v-2.5v-2h-2H36.2
v-1.4c0.8-0.7,1.4-1.6,1.7-2.7h7.4c5.7,0,10.3-4.6,10.3-10.3c0-5.5-4.4-10-9.8-10.3C45,8.2,39.3,3,32.4,3L32.4,3z"/>
</g>
<g>
<path class="st1" d="M14.4,45v-4.5h16.4v-2.9c-1.1-0.7-1.8-1.9-1.9-3.2h-6.4c-6.1,0-11.1-5-11.1-11.1c0-5.4,3.9-10,9.2-10.9
C22.3,7.5,27,4,32.4,4c6.7,0,12.1,5.3,12.4,11.9c0.2,0,0.3,0,0.5,0c5.1,0,9.3,4.2,9.3,9.3s-4.2,9.3-9.3,9.3h-8.2
c-0.1,1.3-0.8,2.5-1.9,3.2v2.9h16.4V45H14.4z M32.4,8.5c-3.8,0-7.1,2.7-7.8,6.5l-0.3,1.8h-1.8c-3.6,0.1-6.5,3-6.5,6.6
c0,3.7,3,6.6,6.6,6.6h22.8c2.7,0,4.8-2.2,4.8-4.8s-2.2-4.8-4.8-4.8c-1.1,0-2.7,0-2.7,0h-2.3l0.1-2.3c0-0.1,0-0.9,0-1.6
C40.4,12.1,36.8,8.5,32.4,8.5z"/>
<path class="st0" d="M32.4,5c6.3,0,11.4,5.1,11.4,11.4c0,0.1,0,0.3,0,0.4c0.5,0,1,0,1.5,0c4.6,0,8.3,3.7,8.3,8.3s-3.7,8.3-8.3,8.3
h-9.2c0,0.4,0,0.7,0,0.7c0,1.3-0.8,2.4-1.9,2.8v4.5h16.4V44H15.4v-2.5h16.4V37c-1.1-0.5-1.9-1.6-1.9-2.8c0,0,0-0.4,0-0.7h-7.4
c-5.6,0-10.1-4.5-10.1-10.1c0-5.1,3.9-9.4,8.9-10C22.7,8.5,27.2,5,32.4,5 M22.5,31h22.8c3.2,0,5.8-2.6,5.8-5.8s-2.6-5.8-5.8-5.8
c-1.1,0-2.7,0-2.7,0h-1.2v-1.2c0,0,0-0.8,0-1.6c0-5-4-9-9-9c-4.3,0-8,3.1-8.8,7.3l-0.2,1h-1c-4.1,0.1-7.5,3.5-7.5,7.6
C14.9,27.6,18.3,31,22.5,31 M32.4,3c-5.6,0-10.6,3.5-12.5,8.6c-5.5,1.2-9.4,6.1-9.4,11.8c0,6.7,5.4,12.1,12.1,12.1h5.6
c0.3,1,0.9,2,1.7,2.7v1.4H15.4h-2v2V44v2h2h35.2h2v-2v-2.5v-2h-2H36.2v-1.4c0.8-0.7,1.4-1.6,1.7-2.7h7.4c5.7,0,10.3-4.6,10.3-10.3
c0-5.5-4.4-10-9.8-10.3C45,8.2,39.3,3,32.4,3L32.4,3z M22.5,29c-3.1,0-5.6-2.5-5.6-5.6c0-3,2.5-5.6,5.5-5.6h1H25l0.3-1.6l0.2-1
c0.6-3.3,3.5-5.7,6.9-5.7c3.9,0,7,3.1,7,7c0,0.7,0,1.4,0,1.5l0,0v1.2l-0.1,2h2h1.2c0,0,1.7,0,2.8,0c2.1,0,3.8,1.7,3.8,3.8
s-1.7,3.8-3.8,3.8H22.5V29z"/>
</g>
</g>
<g>
<path class="st1" d="M31.6,23.9c0-1,0.1-1.7,0.3-2.2c0.2-0.6,0.8-1.1,1.6-1.7c0.4-0.3,0.7-0.6,0.8-0.9c0.2-0.3,0.3-0.7,0.3-1.2
c0-0.7-0.2-1.2-0.6-1.5c-0.3-0.2-0.7-0.4-1.2-0.4c-0.8,0-1.3,0.3-1.7,0.8c-0.2,0.4-0.4,0.9-0.4,1.4v0h-2.6c0-1.5,0.5-2.7,1.5-3.5
c0.8-0.7,1.8-1,3-1c1.1,0,2,0.2,2.8,0.6c1.3,0.7,2,1.8,2,3.5c0,0.8-0.2,1.5-0.6,2.1c-0.3,0.5-0.9,1-1.7,1.6
c-0.4,0.3-0.7,0.6-0.9,0.9c-0.2,0.3-0.3,0.8-0.3,1.5H31.6z M34.3,27.9h-2.7v-2.7h2.7V27.9z"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.3 KiB

View File

@ -1,5 +1,6 @@
.detail-view-box { .detail-view-box {
width: 70%; width: 100%;
padding : 10px 160px 0 0;
h3{ h3{
padding: 20px 0 20px 5px; padding: 20px 0 20px 5px;
// padding: 5px; // padding: 5px;

View File

@ -11,7 +11,4 @@
left: 0px; left: 0px;
width: 100%; width: 100%;
margin: 0 0 0 150px margin: 0 0 0 150px
// display: inline;
//width: 100%;
//margin-left: 150px;
} }

View File

@ -1,5 +1,6 @@
.detail-view-box { .detail-view-box {
width: 70%; width: 100%;
padding : 10px 160px 0 0;
h3{ h3{
padding: 20px 0 20px 5px; padding: 20px 0 20px 5px;
// padding: 5px; // padding: 5px;

View File

@ -1,4 +1,4 @@
<div class="ui-g-12 detail-view-box"> <div id="detail-view-box">
<h3> <h3>
{{zone.network}} {{zone.network}}
</h3> </h3>

View File

@ -1,5 +1,6 @@
.detail-view-box { #detail-view-box {
width: 70%; width: 100%;
padding : 10px 160px 0 0;
h3{ h3{
padding: 20px 0 20px 5px; padding: 20px 0 20px 5px;
// padding: 5px; // padding: 5px;
@ -27,6 +28,6 @@
} }
} }
.tab-border-bottom .ui-widget-header { #detail-view-box .ui-widget-header {
border: 0 !important; border: 0 0 1px 0 !important;
} }