Add BetaSeries

.fontcustom-manifest.json

@@ -1,7 +1,7 @@
 {
   "checksum": {
-    "previous": "7c717a8dae1796b03c4a2642ea2cd91d4e7a3cd907a48693f20704b4e2f71830",
-    "current": "7c717a8dae1796b03c4a2642ea2cd91d4e7a3cd907a48693f20704b4e2f71830"
+    "previous": "b01f916760845323ba87a51f6929207b4a5606e3f967aedc27054de092d71f17",
+    "current": "b01f916760845323ba87a51f6929207b4a5606e3f967aedc27054de092d71f17"
   },
   "fonts": [
     "./css/zocial.ttf",
@@ -38,6 +38,10 @@
       "codepoint": 61702,
       "source": "./src/appstore.svg"
     },
+    "betaseries": {
+      "codepoint": 61801,
+      "source": "./src/betaseries.svg"
+    },
     "bitbucket": {
       "codepoint": 61703,
       "source": "./src/bitbucket.svg"

css/zocial.svg

@@ -1,13 +1,13 @@
 <?xml version="1.0" standalone="no"?>
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
 <!--
-2016-5-13: Created with FontForge (http://fontforge.org)
+2016-11-20: Created with FontForge (http://fontforge.org)
 -->
 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
 <metadata>
-Created by FontForge 20150913 at Fri May 13 16:03:41 2016
- By System Administrator
-Copyright (c) 2016, System Administrator
+Created by FontForge 20150826 at Sun Nov 20 15:25:10 2016
+ By heuzef
+Copyright (c) 2016, heuzef
 </metadata>
 <defs>
 <font id="zocial" horiz-adv-x="512" >
@@ -22,7 +22,7 @@ Copyright (c) 2016, System Administrator
     bbox="-96 -79.3604 667.062 521.728"
     underline-thickness="25.6"
     underline-position="-51.2"
-    unicode-range="U+0020-F168"
+    unicode-range="U+0020-F169"
   />
     <missing-glyph />
     <glyph glyph-name="space" unicode=" " horiz-adv-x="200" 
@@ -764,6 +764,19 @@ c-6.12891 4.25586 -10.5928 7.24805 -13.3281 8.97559c-13.3281 4.09668 -26.4639 6.
 c3.75977 -26.9756 14.0957 -50.1914 31.0078 -69.6797c16.9287 -19.4561 35.6328 -29.3604 56.1123 -29.7119c20.1602 -0.671875 36.2236 8.19238 48.1758 26.6562c11.9521 18.4473 16.2246 41.1514 12.7842 68.1436c-3.4082 26.9766 -13.5684 49.8721 -30.4639 68.6719
 c-16.9277 18.7686 -35.6318 28.4961 -56.1436 29.2002c-20.4805 0.65625 -36.7041 -8.03223 -48.6729 -26.1602c-11.9512 -18.0957 -16.2236 -40.4639 -12.7998 -67.1201zM343.6 318.752v25.6318h102.465v102.48h25.6318v-102.48h103.008v-25.6318h-103.024v-102.992
 h-25.6318v102.992h-102.448z" />
+    <glyph glyph-name="uniF169" unicode="&#xf169;" 
+d="M114.469 15.001c-11.3301 2.00391 -14.6787 2.78613 -21.1836 4.94629c-19.4336 6.4541 -39.752 21.1719 -49.9434 36.1768c-1.5498 2.28223 -1.62891 1.4248 -1.62891 -17.7041v-20.1025h-20.8516h-20.8516l-0.00488281 175.586l-0.00488281 175.585h20.8564h20.8574
+v-69.0918c0 -64.4268 0.107422 -68.9297 1.59375 -66.6934c3.08594 4.6416 13.5225 14.8174 20.7979 20.2783c12.8896 9.67578 28.2119 16.1836 45.0293 19.125c13.3721 2.33789 36.5908 1.38086 49.7969 -2.05469c47.0342 -12.2344 82.5703 -49.457 93.9287 -98.3877
+c2.29688 -9.89355 2.6123 -13.2588 2.60645 -27.75c-0.0117188 -24.5322 -3.58789 -39.4395 -14.5625 -60.7061c-10.2861 -19.9307 -25.4668 -36.9668 -43.4922 -48.8076c-21.9463 -14.416 -39.3428 -19.8965 -64.9961 -20.4766
+c-8.53613 -0.193359 -16.6123 -0.15918 -17.9463 0.0800781zM144.542 55.3135c34.8135 6.27637 62.1641 35.0654 68.8643 72.4854c1.11816 6.24219 1.47266 25.7861 0.547852 30.1719c-0.277344 1.3125 -0.765625 4.14551 -1.08691 6.29395
+c-1.28418 8.6123 -9.26074 27.499 -14.8506 35.166c-28.8984 39.6309 -80.5537 48.3105 -119.999 20.1631c-10.8691 -7.75586 -23.2852 -23.4326 -28.2529 -35.6719c-5.33008 -13.1318 -7.07715 -21.0098 -7.67969 -34.6426
+c-1.0918 -24.6562 4.76465 -43.3174 20.1416 -64.1797c17.4717 -23.7051 50.252 -35.5674 82.3154 -29.7861zM388.804 15.9404c-10.9023 1.69824 -27.6309 7.27441 -36.2139 12.0723c-19.7715 11.0518 -33.626 28.7119 -39.1904 49.958
+c-2.29004 8.74219 -2.53516 12.9639 -0.791016 13.6211c2.24023 0.84375 37.0332 8.21289 38.7773 8.21289c1.2959 0 1.72656 -0.783203 1.73535 -3.15234c0.03125 -8.52539 4.69629 -19.0137 11.7959 -26.5195c11.0684 -11.7041 34.8945 -18.2041 58.5234 -15.9668
+c17.0752 1.61719 29.1621 6.31738 37.3818 14.5371c6.91797 6.91797 8.9707 11.5762 9.43066 21.4004c0.352539 7.5498 0.154297 8.69727 -2.35645 13.5811c-6.20508 12.0732 -20.6807 18.3457 -65.7979 28.5098c-20.2705 4.56641 -31.5654 8.27051 -44.624 14.6357
+c-24.041 11.7178 -34.3018 25.6855 -36.0273 49.0459c-2.54102 34.4023 23.2021 64.54 64.3047 75.2832c17.5605 4.58984 46.582 4.27051 64.8408 -0.713867c24.5459 -6.7002 44.9316 -24.4854 54.1943 -47.2793c2.56641 -6.31738 4.97461 -15.5361 4.24805 -16.2627
+c-0.496094 -0.496094 -30.5195 -6.83789 -36.8086 -7.77539c-3.32715 -0.495117 -3.65039 -0.327148 -4.27148 2.21289c-2.15234 8.80273 -9.44434 19.1445 -17.1641 24.3389c-11.4902 7.73145 -30.9473 11.7949 -47.4619 9.91113
+c-18.0342 -2.05664 -29.6777 -7.80273 -36.8076 -18.167c-2.43164 -3.53418 -3.11035 -5.65527 -3.48535 -10.9062c-0.265625 -3.71094 0.0214844 -7.99805 0.666016 -9.95215c3.21484 -9.74023 17.2158 -16.6963 49.3018 -24.4932
+c39.3232 -9.55566 46.3584 -11.7354 59.9297 -18.5625c26.7969 -13.4814 37.3271 -28.793 38.9365 -56.6152c2.06543 -35.7061 -20.5391 -64.0439 -61.376 -76.9443c-16.5771 -5.23633 -42.8447 -6.94434 -61.6904 -4.00977z" />
     <glyph glyph-name="uniF10B" unicode="&#xf10b;" 
 d="M58.6885 -37.8877v396.8h47.1035c0 9.9043 0.0800781 16.5596 0.255859 19.9678s0.848633 8.78418 2.04785 16.1279c1.2002 7.34375 3.15234 12.4639 5.88867 15.3604c2.73535 2.89551 6.91211 5.71191 12.5439 8.44824c5.63184 2.73535 12.5439 4.0957 20.7354 4.0957
 c8.19238 0 15.1045 -1.36035 20.7363 -4.0957c5.63184 -2.7207 9.72754 -5.45605 12.2881 -8.19238c2.55957 -2.73633 4.52832 -7.93555 5.8877 -15.6162c1.36035 -7.67969 2.04785 -13.0557 2.04785 -16.1279v-19.9678h28.1602v19.9678s0.671875 5.37598 2.04785 16.1279

sample.html

@@ -5,7 +5,7 @@
 	<title>Zocial CSS3 Buttons</title>
 	<link rel="stylesheet" type="text/css" href="css/zocial.css" />
 	<link href='http://fonts.googleapis.com/css?family=Pompiere' rel='stylesheet' type='text/css'>
-	
+
 	<style>
 		html {
 			background: #f0f0eb;
@@ -37,9 +37,9 @@
 			border-bottom: 1px solid #eee;
 		}
 	</style>
-	
+
 	<!--[if IE]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
-	
+
 </head>
 
 <body>
@@ -48,7 +48,7 @@
 	<a href="#" class="zocial googleplus">Sign in with Google+</a>
 	<a href="#" class="zocial twitter">Sign in with Twitter</a>
 	<a href="#" class="zocial linkedin">Sign in with LinkedIn</a>
-	
+
 	<h2 id="cool-kids">The Cool Kids</h2>
 	<a href="#" class="zocial dropbox">Sync with Dropbox</a>
 	<a href="#" class="zocial evernote">Clip to Evernote</a>
@@ -80,7 +80,7 @@
 	<a href="#" class="zocial yelp">Write a review on Yelp</a>
 	<a href="#" class="zocial foursquare">Check in with foursquare</a>
 	<a href="#" class="zocial klout">Influence with Klout</a>
-	
+
 	<h2 id="older-kids">The Older (but Solid) Kids</h2>
 	<a href="#" class="zocial wikipedia">View on Wikipedia</a>
 	<a href="#" class="zocial disqus">Sign in with Disqus</a>
@@ -97,7 +97,7 @@
 	<a href="#" class="zocial flattr">Tip with Flattr</a>
 	<a href="#" class="zocial plancast">Follow me on Plancast</a>
 
-	
+
 	<h2 id="smelly-kids">The Kids That Kinda Smell but Some People Don't Mind</h2>
 	<a href="#" class="zocial yahoo">Submit resume for CEO</a>
 	<a href="#" class="zocial ie">Download Internet Explorer 5</a>
@@ -105,16 +105,16 @@
 	<a href="#" class="zocial openid">Learn how-to-use OpenID</a>
 	<a href="#" class="zocial html5">Register now for HTML6</a>
 	<a href="#" class="zocial aol">Chat with your parents</a>
-	
+
 	<h2 id="quiet-kids">The Kids That Nobody Normally Notices</h2>
 	<a href="#" class="zocial guest">Sign in as guest</a>
 	<a href="#" class="zocial creativecommons">View Creative Commons Licence</a>
 	<a href="#" class="zocial rss">Subscribe to RSS</a>
 	<a href="#" class="zocial chrome">Add to Chrome</a>
-	
+
 	<h2>The He's-My-Son-So-Of-Course-He's-Here Kid</h2>
 	<a href="#" class="zocial eventasaurus">Sign up for Eventasaurus</a>
-	
+
 	<h2 id="kids-by-request">Kids By Request</h2>
 	<a href="#" class="zocial weibo">Join me on Weibo</a>
 	<a href="#" class="zocial plurk">Sign in with Plurk</a>
@@ -154,9 +154,9 @@
 	<a href="#" class="zocial stackoverflow">Sign in with Stackoverflow</a>
 	<a href="#" class="zocial lkdto">Lkd.to</a>
 	<a href="#" class="zocial persona">Sign in with Persona</a>
-	
+
 	<h2 id="multipurpose-kids">The Multi-Purpose Kids (Credit: <a href="http://pictos.drewwilson.com">Pictos Icons</a>)</h2>
-	
+
 	<a href="#" class="zocial call">Call a phone</a>
 	<a href="#" class="zocial email">Send a message</a>
 	<a href="#" class="zocial cal">Add to calendar</a>
@@ -166,11 +166,12 @@
 	<a href="#" class="zocial secondary" title="A secondary button for general purposes to keep consistency with Zocial">Secondary action</a>
 
 
-	<h2 id="new-kids">The Kids by Pull Request (Credit: <a href="http://bernardi.me">Stefano Bernardi</a>)</h2>
+	<h2 id="new-kids">The Kids by Pull Request (Credit: <a href="http://bernardi.me">Stefano Bernardi</a> and <a href="http://heuzef.com">Heuzef</a>)</h2>
 
 	<a href="#" class="zocial stripe">Sign in with Stripe</a>
 	<a href="#" class="zocial dwolla">Sign in with Dwolla</a>
 	<a href="#" class="zocial joinme">Sign in with join.me</a>
+	<a href="#" class="zocial betaseries">Voir mon profil BetaSeries</a>
 
 	<h2 id="icons">Icon versions of the above</h2>
 	<a href="#" class="zocial icon facebook">Sign in with Facebook</a>
@@ -272,24 +273,25 @@
 	<a href="#" class="zocial twitch icon">Sign in with Twitch</a>
 	<a href="#" class="zocial houzz icon">Sign in with Houzz</a>
 	<a href="#" class="zocial slack icon">Sign in with Slack</a>
+	<a href="#" class="zocial betaseries icon">Voir mon profil BetaSeries</a>
 	<br />
 	<a href="#" class="zocial call icon">Call a phone</a>
 	<a href="#" class="zocial email icon">Send a message</a>
 	<a href="#" class="zocial cal icon">Add to calendar</a>
 	<a href="#" class="zocial print icon">Print this page</a>
 	<a href="#" class="zocial cart icon">Add to cart</a>
-	
-	
-	
+
+
+
 	<p>Thanks to <a href="http://twitter.com/guillermovs" target="_blank">@guillermovs</a>, <a href="http://twitter.com/kamens" target="_blank">@kamens</a>, <a href="http://twitter.com/vizualover" target="_blank">@vizualover</a>, and <a href="http://twitter.com/leaverou" target="_blank">@leaverou</a> for code refinements and suggestions.</p>
-	
+
 	<p>Massive thanks to <a href="http://twitter.com/drewwilson" target="_blank">@drewwilson</a> for making the multi-purpose buttons possible with his incredible <a href="http://pictos.drewwilson.com">Pictos icons</a>.</p>
 
 	<p>See code samples at <a href="http://zocial.smcllns.com">zocial.smcllns.com</a> &mdash; ask questions to <a href="http://twitter.com/smcllns">@smcllns</a></p>
-	
+
 	<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://zocial.smcllns.com" data-via="smcllns">Tweet</a>
 	<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="http://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
-	
+
 	<script type="text/javascript">
 
 	  var _gaq = _gaq || [];
@@ -306,6 +308,6 @@
 	  })();
 
 	</script>
-	
+
 </body>
 </html>

src/betaseries.svg

@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   width="64"
+   height="64"
+   viewBox="0 0 64 64"
+   sodipodi:docname="betaseries.svg">
+  <metadata
+     id="metadata8">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs6" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1016"
+     id="namedview4"
+     showgrid="false"
+     inkscape:zoom="0.91189727"
+     inkscape:cx="102.88038"
+     inkscape:cy="341.02264"
+     inkscape:window-x="1366"
+     inkscape:window-y="27"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg2" />
+  <path
+     style="fill:#000000"
+     d="M 14.30863,54.12485 C 12.892298,53.87434 12.473715,53.7766 11.66066,53.50659 9.2314156,52.69982 6.6916685,50.86012 5.4177297,48.98445 5.2239659,48.69917 5.2140972,48.80641 5.2140972,51.19746 l 0,2.51281 -2.6064411,0 -2.60644221,0 L 6.0139193e-4,31.76214 1.3916362e-6,9.8140001 l 2.6070921083638,0 2.6070926,0 0,8.6364699 c 0,8.05333 0.013459,8.61623 0.1993237,8.33665 0.3857338,-0.5802 1.6902138,-1.85214 2.5997088,-2.53485 1.611212,-1.20944 3.5264734,-2.02288 5.6285674,-2.39053 1.671555,-0.29234 4.573861,-0.17261 6.224715,0.25682 5.879283,1.52932 10.321206,6.18214 11.741043,12.29845 0.287092,1.23673 0.326587,1.65728 0.325751,3.46878 -0.0014,3.06653 -0.448423,4.92994 -1.820315,7.58822 -1.285746,2.49137 -3.183275,4.6208 -5.436494,6.1009 -2.743239,1.802 -4.917856,2.48713 -8.12445,2.55966 -1.067093,0.0241 -2.076585,0.0198 -2.243318,-0.01 z m 3.759073,-5.03899 c 4.351682,-0.78454 7.770604,-4.38322 8.608121,-9.06075 0.139705,-0.78025 0.184002,-3.22318 0.06839,-3.77149 -0.03459,-0.16405 -0.09568,-0.51811 -0.135755,-0.78676 -0.160555,-1.07647 -1.157598,-3.43731 -1.856398,-4.39565 -3.6123,-4.95395 -10.069177,-6.03892 -14.9998409,-2.52046 -1.3586484,0.96951 -2.9107046,2.92912 -3.5316709,4.45903 -0.6662313,1.64145 -0.8845525,2.62626 -0.959975,4.33034 -0.1364113,3.08195 0.5956687,5.41465 2.5177,8.02241 2.1839534,2.9631 6.2815878,4.44589 10.2894308,3.72333 z m 30.532777,4.92159 c -1.362833,-0.21223 -3.453934,-0.90929 -4.526781,-1.50899 -2.471458,-1.38151 -4.203184,-3.58905 -4.898785,-6.24477 -0.28624,-1.09283 -0.316873,-1.62052 -0.09884,-1.70265 0.28003,-0.10547 4.62918,-1.02664 4.84713,-1.02664 0.161985,0 0.215851,0.0979 0.216933,0.3941 0.0039,1.06562 0.587003,2.37662 1.474445,3.31495 1.383574,1.46293 4.361855,2.27544 7.315497,1.99577 2.134415,-0.20212 3.645209,-0.78961 4.672667,-1.81708 0.864815,-0.86481 1.121413,-1.44711 1.178857,-2.67514 0.04414,-0.94363 0.01925,-1.08705 -0.294557,-1.69761 -0.775657,-1.50914 -2.585128,-2.29315 -8.224697,-3.56365 -2.533873,-0.57084 -3.945714,-1.03389 -5.57798,-1.82948 -3.005176,-1.46474 -4.287744,-3.21077 -4.503425,-6.13073 -0.317634,-4.30027 2.900284,-8.06758 8.038083,-9.41042 2.195064,-0.57372 5.822736,-0.53376 8.105039,0.0892 3.068315,0.83757 5.616504,3.06064 6.774276,5.90993 0.320854,0.78962 0.621906,1.942 0.531069,2.03283 -0.06202,0.062 -3.814974,0.85475 -4.601149,0.97188 -0.415858,0.062 -0.456233,0.041 -0.533866,-0.27653 -0.268994,-1.10042 -1.180564,-2.39304 -2.145467,-3.04233 -1.436341,-0.9665 -3.86849,-1.47444 -5.93277,-1.239 -2.254286,0.25711 -3.709703,0.97545 -4.600987,2.27089 -0.303997,0.44184 -0.388737,0.70701 -0.4357,1.36338 -0.03319,0.46382 0.0027,0.99971 0.08332,1.24397 0.401823,1.21755 2.151944,2.08699 6.162724,3.06164 4.915394,1.19447 5.794808,1.46686 7.49118,2.32032 3.349624,1.6852 4.665879,3.59908 4.867033,7.07684 0.258159,4.46334 -2.567288,8.00553 -7.671924,9.61808 -2.072228,0.65461 -5.35565,0.86803 -7.711328,0.50119 z"
+     id="path4138"
+     inkscape:connector-curvature="0"
+     sodipodi:nodetypes="cssscccccccssssssssssccsssssssssssssssssssssssssssssssssscsssss" />
+</svg>

templates/zocial.css

@@ -5,7 +5,7 @@
 	http://zocial.smcllns.com
 	by Sam Collins (@smcllns)
 	License: http://opensource.org/licenses/mit-license.php
-	
+
 	You are free to use and modify, as long as you keep this license comment intact or link back to zocial.smcllns.com on your site.
 */
 
@@ -30,13 +30,13 @@ a.zocial {
 	text-decoration: none;
 	text-shadow: 0 1px 0 rgba(0,0,0,0.5);
 	white-space: nowrap;
-	
+
 	-moz-user-select: none;
 	-webkit-user-select: none;
 	user-select: none;
-	
+
 	position: relative;
-	
+
 	-moz-border-radius: .3em;
 	-webkit-border-radius: .3em;
 	border-radius: .3em;
@@ -54,11 +54,11 @@ a.zocial {
 	text-align: center;
 	text-decoration: none;
 	text-transform: none;
-	
+
 	-moz-box-shadow: 0.075em 0 0 rgba(255,255,255,0.25);
 	-webkit-box-shadow: 0.075em 0 0 rgba(255,255,255,0.25);
 	box-shadow: 0.075em 0 0 rgba(255,255,255,0.25);
-	
+
 	-moz-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
 	-webkit-font-smoothing: antialiased;
@@ -88,7 +88,7 @@ a.zocial {
 	padding: 0;
 	width: 2em;
 	height: 2em;
-	
+
 	box-shadow: none;
 	border: none;
 }
@@ -198,7 +198,7 @@ a.zocial {
 .zocial.weibo:hover,
 .zocial.wikipedia:focus,
 .zocial.wikipedia:hover,
-.zocial.houzz:focus, 
+.zocial.houzz:focus,
 .zocial.houzz:hover {
 	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.5)), color-stop(49%, rgba(255,255,255,0.2)), color-stop(51%, rgba(0,0,0,0.05)), to(rgba(0,0,0,0.15)));
 	background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5), rgba(255,255,255,0.2) 49%, rgba(0,0,0,0.05) 51%, rgba(0,0,0,0.15));
@@ -276,6 +276,7 @@ a.zocial {
 .zocial.aol {background-color: #f00;}
 .zocial.appnet {background-color: #3178bd;}
 .zocial.appstore {background-color: #000;}
+.zocial.betaseries {background-color: #0099e1;}
 .zocial.bitbucket {background-color: #205081;}
 .zocial.bitcoin {background-color: #efefef; color: #4d4d4d;}
 .zocial.blogger {background-color: #ee5a22;}