Skip to content

Instantly share code, notes, and snippets.

@mikaelleven
Last active April 12, 2017 12:06
Show Gist options
  • Save mikaelleven/656ddac641b146ed2c97646f525c005e to your computer and use it in GitHub Desktop.
Save mikaelleven/656ddac641b146ed2c97646f525c005e to your computer and use it in GitHub Desktop.
athome
.btn-success2
{
display: inline-block;
height: 36px;
max-width: 100%;
overflow: hidden;
padding: 0 15px;
background-color: #c45e12;
border: none;
border-radius: 3px;
box-shadow: inset 0 -2px 0 0 #b44723;
cursor: pointer;
transition: background .3s ease-in-out,box-shadow .3s ease-in-out;
color: #fff;
font-size: 14px;
font-weight: normal;
letter-spacing: 1px;
line-height: 36px;
text-overflow: ellipsis;
text-transform: uppercase;
white-space: nowrap;
}
<svg version="1.1" id="Lager_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 198.4 300.5" enable-background="new 0 0 198.4 300.5" xml:space="preserve">
<g opacity="0.2">
<path d="M99.2,300.5c-36.8,0-64-7.7-80.9-22.9C2.1,262.9,0,241,0,223.5V88c0-17.5,2.1-39.4,18.3-54.1C35.2,18.7,62.4,11,99.2,11
s64,7.7,80.9,22.9c16.3,14.7,18.3,36.6,18.3,54.1v135.5c0,17.5-2.1,39.4-18.3,54.1C163.2,292.8,136,300.5,99.2,300.5z"></path>
</g>
<path fill="none" stroke="#FFFFFF" stroke-width="30" stroke-linecap="square" stroke-miterlimit="2" d="M183.4,212.5
c0,17.9-2.6,33.3-13.4,43c-12,10.9-34.1,19-70.8,19s-58.8-8.1-70.8-19c-10.8-9.7-13.4-25.1-13.4-43V77c0-17.9,2.6-33.3,13.4-43
c12-10.9,34.1-19,70.8-19S158,23.1,170,34c10.8,9.7,13.4,25.1,13.4,43V212.5z"></path>
<path fill="#CCCCCC" d="M183.4,212.5c0,17.9-2.6,33.3-13.4,43c-12,10.9-34.1,19-70.8,19s-58.8-8.1-70.8-19
c-10.8-9.7-13.4-25.1-13.4-43V77c0-17.9,2.6-33.3,13.4-43c12-10.9,34.1-19,70.8-19S158,23.1,170,34c10.8,9.7,13.4,25.1,13.4,43
V212.5z"></path>
<rect x="15" y="124.3" fill="#C75A17" width="19.7" height="17.9"></rect>
<rect x="129.2" y="124.3" fill="#C75A17" width="37.1" height="17.9"></rect>
<rect x="170.9" y="124.3" fill="#C75A17" width="12.5" height="17.9"></rect>
<rect x="15" y="102.1" fill="#C75A17" width="37.8" height="17.9"></rect>
<rect x="147.3" y="102.1" fill="#C75A17" width="36.1" height="17.9"></rect>
<rect x="15" y="168.5" fill="#C75A17" width="19.7" height="17.9"></rect>
<rect x="170.9" y="168.5" fill="#C75A17" width="12.5" height="17.9"></rect>
<path fill="#C75A17" d="M170.9,230.7h11.2c0.9-5.5,1.3-11.5,1.3-17.9h-12.5V230.7z"></path>
<path fill="#C75A17" d="M32.6,257.1v1.8c9.1,6.6,22.6,11.8,41.5,14.2v-16H32.6z"></path>
<path fill="#C75A17" d="M79.4,257.1v16.5c6.1,0.6,12.6,0.9,19.8,0.9c7.6,0,14.6-0.4,21-1v-16.4H79.4z"></path>
<path fill="#C75A17" d="M126.2,257.1v15.7c17.8-2.5,30.6-7.5,39.4-13.8v-1.9L126.2,257.1L126.2,257.1z"></path>
<rect x="40.4" y="80" fill="#C75A17" width="38.7" height="17.9"></rect>
<rect x="15" y="80" fill="#C75A17" width="19.7" height="17.9"></rect>
<polygon fill="#C75A17" points="129.2,97.9 166.3,97.9 166.3,80 165.6,80 129.2,80 "></polygon>
<rect x="170.9" y="80" fill="#C75A17" width="12.5" height="17.9"></rect>
<path fill="#C75A17" d="M52.8,57.9H16.4c-1,5.5-1.4,11.5-1.4,17.9h37.7L52.8,57.9L52.8,57.9z"></path>
<path fill="#C75A17" d="M147.3,75.7h36.1c0-6.3-0.4-12.3-1.4-17.9h-34.7V75.7z"></path>
<rect x="40.4" y="35.7" fill="#C75A17" width="38.7" height="17.9"></rect>
<path fill="#C75A17" d="M34.7,35.7h-8c-4.6,4.9-7.5,10.9-9.3,17.9h17.3V35.7z"></path>
<rect x="129.2" y="35.7" fill="#C75A17" width="37.1" height="17.9"></rect>
<path fill="#C75A17" d="M170.9,53.6H181c-1.8-6.9-4.6-13-9.3-17.9h-0.9L170.9,53.6L170.9,53.6z"></path>
<path fill="#C75A17" d="M97.1,31.4V15c-15.4,0.1-28.2,1.7-38.7,4.4v12.1h38.7V31.4z"></path>
<path fill="#C75A17" d="M52.8,21c-8.9,2.8-15.9,6.4-21.2,10.5h21.2V21z"></path>
<path fill="#C75A17" d="M141.2,31.4V19.7c-10.5-2.8-23.3-4.5-38.8-4.7v16.4C102.4,31.4,141.2,31.4,141.2,31.4z"></path>
<path fill="#C75A17" d="M166.9,31.4c-5-3.8-11.5-7.2-19.6-9.9v9.9H166.9z"></path>
<path fill="#C75A17" d="M84.4,53.6h4.8c0-4,0-6.6,0-6.6h-4.8V53.6z"></path>
<path fill="#C75A17" d="M118.5,47c0,0,0,2.5,0,6.6h4.7V47H118.5z"></path>
<path fill="#C75A17" d="M140.5,57.9h-22c0,5,0,11.3,0,17.9h22.7V57.9H140.5z"></path>
<path fill="#C75A17" d="M89.2,57.9H58.5v17.9h30.8C89.2,69.2,89.2,62.9,89.2,57.9z"></path>
<path fill="#C75A17" d="M84.4,80v17.9h4.8c0-5.1,0-11.4,0-17.9H84.4z"></path>
<path fill="#C75A17" d="M118.5,97.9h4.7V80h-4.7C118.5,86.3,118.5,92.5,118.5,97.9z"></path>
<path fill="#C75A17" d="M74.7,110.7c0,0,1.9,2,4.6,3.5c4.9,2.7,9.9,0.2,9.9-4.7c0-0.5,0-3.2,0-7.4H58.5V120h9.1L74.7,110.7z"></path>
<path fill="#C75A17" d="M118.5,102.1c0,4.9,0,8.5,0,9.7c0,2.9-0.6,5.6-1.7,8.1h24.4V102h-22.7V102.1z"></path>
<path fill="#C75A17" d="M104.1,131.2c-5.8,2.1-13.3,1.7-19.7,0v10.9h38.8v-17.9h-9C111.8,127.2,108.4,129.6,104.1,131.2z"></path>
<path fill="#C75A17" d="M76.3,128.1c-2.2-1.2-4.4-2.6-6.3-3.9H40.4v17.9h38.7v-12.7C78.1,129,77.1,128.6,76.3,128.1z"></path>
<path fill="#FFFFFF" stroke="#000000" stroke-width="2.8488" d="M66.3,121.6l8.5-10.9c0,0,1.9,2,4.6,3.5c4.9,2.7,9.9,0.2,9.9-4.7
c0-2.3,0-62.5,0-62.5h-7.1V35.7h43.4V47h-7c0,0,0,59.4,0,64.8c0,8.5-4.9,15.8-14.4,19.3c-8.6,3.2-21.1,0.6-27.8-3
C71.5,125.6,66.3,121.6,66.3,121.6z"></path>
<polygon fill="#C75A17" points="111.8,152 141.1,152 141.1,146.4 102.3,146.4 102.3,164.3 108.1,164.3 "></polygon>
<polygon fill="#C75A17" points="87.8,152 91.7,164.3 97,164.3 97,146.4 58.3,146.4 58.3,152 "></polygon>
<polygon fill="#C75A17" points="93.1,168.5 98.7,186.4 101.4,186.4 106.8,168.5 "></polygon>
<polygon fill="#C75A17" points="139.6,168.5 145,186.4 166.3,186.4 166.3,168.5 "></polygon>
<polygon fill="#C75A17" points="59.9,168.5 40.4,168.5 40.4,186.4 54.6,186.4 "></polygon>
<polygon fill="#C75A17" points="71.7,190.7 71.1,190.7 65.7,208.5 76.4,208.5 "></polygon>
<polygon fill="#C75A17" points="118.1,190.7 117.5,190.7 112.1,208.5 123.6,208.5 "></polygon>
<polygon fill="#C75A17" points="147.3,190.7 147.3,193.8 151.8,208.5 183.4,208.5 183.4,190.7 "></polygon>
<polygon fill="#C75A17" points="52.8,192.5 52.8,190.7 15,190.7 15,208.5 48,208.5 "></polygon>
<polygon fill="#C75A17" points="122.4,227.3 123.2,227.3 123.2,212.8 110.8,212.8 105.4,230.7 122.4,230.7 "></polygon>
<polygon fill="#C75A17" points="42.4,227.3 46.7,212.8 40.4,212.8 40.4,227.3 "></polygon>
<polygon fill="#C75A17" points="77.6,212.8 64.4,212.8 60.1,227.3 67.3,227.3 67.3,230.7 79.1,230.7 79.1,218.3 "></polygon>
<polygon fill="#C75A17" points="153.1,212.8 157.5,227.3 164.9,227.3 164.9,230.7 166.3,230.7 166.3,212.8 "></polygon>
<polygon fill="#C75A17" points="122.4,238.6 122.4,234.9 104.1,234.9 103,238.6 102.5,238.6 102.5,252.8 141.2,252.8 141.2,238.6
"></polygon>
<polygon fill="#C75A17" points="84.5,238.6 83.5,234.9 67.3,234.9 67.3,238.6 58.5,238.6 58.5,252.8 97.1,252.8 97.1,238.6 "></polygon>
<path fill="#C75A17" d="M164.9,234.9v3.7h-17.6v14.2h25.3c4.3-4.9,7-11,8.6-17.9H164.9z"></path>
<path fill="#C75A17" d="M33,238.6v-3.7H17.1c1.6,6.9,4.3,12.9,8.6,17.9h27v-14.2H33z"></path>
<path fill="#C75A17" d="M33,227.3h1.7v-14.5H15c0,6.3,0.4,12.3,1.3,17.9H33V227.3z"></path>
<polygon fill="#C75A17" points="52.6,163.3 52.1,163.3 52.1,152 52.6,152 52.6,146.4 15,146.4 15,164.3 52.6,164.3 "></polygon>
<rect x="147.2" y="146.4" fill="#C75A17" width="36.3" height="17.9"></rect>
<polygon fill="#FFFFFF" stroke="#000000" stroke-width="2.8488" points="61.5,163.3 52.1,163.3 52.1,152 87.8,152 100.1,190.7
111.8,152 146.6,152 146.6,163.3 138,163.3 157.5,227.3 164.9,227.3 164.9,238.6 122.4,238.6 122.4,227.3 129.3,227.3 117.8,189.6
103,238.6 84.5,238.6 71.4,189.6 60.1,227.3 67.3,227.3 67.3,238.6 33,238.6 33,227.3 42.4,227.3 "></polygon>
<path fill="none" stroke="#000000" stroke-width="2.8488" stroke-linecap="square" stroke-miterlimit="2" d="M183.4,212.5
c0,17.9-2.6,33.3-13.4,43c-12,10.9-34.1,19-70.8,19s-58.8-8.1-70.8-19c-10.8-9.7-13.4-25.1-13.4-43V77c0-17.9,2.6-33.3,13.4-43
c12-10.9,34.1-19,70.8-19S158,23.1,170,34c10.8,9.7,13.4,25.1,13.4,43V212.5z"></path>
</svg>
console.log('Custom script is running...');
alert('ok');
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment