{"id":8,"date":"2012-01-02T15:06:18","date_gmt":"2012-01-02T15:06:18","guid":{"rendered":"http:\/\/flare.localhost\/?page_id=8"},"modified":"2012-01-02T15:06:18","modified_gmt":"2012-01-02T15:06:18","slug":"buttons","status":"publish","type":"page","link":"https:\/\/amadeus.ferndale-achill.com\/index.php\/shortcodes\/buttons\/","title":{"rendered":"Buttons"},"content":{"rendered":"<p><a id=\"g1-button-counter-1\" class=\"g1-button g1-small g1-simple\" href=\"\/\" ><span><span>Small button<\/span><\/span><\/a> <a id=\"g1-button-counter-2\" class=\"g1-button g1-medium g1-simple\" href=\"\/\" ><span><span>Medium button<\/span><\/span><\/a> <a id=\"g1-button-counter-3\" class=\"g1-button g1-big g1-simple\" href=\"\/\" ><span><span>Big button<\/span><\/span><\/a><\/p>\n<h2>Different sizes<\/h2>\n<p>Morbi adipiscing porttitor posuere. Sed scelerisque tempus justo. Sed commodo, enim ac egestas fringilla, ante ante molestie neque, in placerat orci erat in massa. Maecenas porttitor, lorem a lobortis viverra, nunc urna laoreet erat, vitae mattis nulla dui sit amet eros. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed rutrum dolor purus. <\/p>\n<div>\n<a id=\"g1-button-counter-4\" class=\"g1-button g1-small g1-simple\" href=\"\/\" ><span><span>Small button<\/span><\/span><\/a> <a id=\"g1-button-counter-5\" class=\"g1-button g1-medium g1-simple\" href=\"\/\" ><span><span>Medium button<\/span><\/span><\/a> <a id=\"g1-button-counter-6\" class=\"g1-button g1-big g1-simple\" href=\"\/\" ><span><span>Big button<\/span><\/span><\/a>\n<\/div>\n<p>Morbi adipiscing porttitor posuere. Sed scelerisque tempus justo. Sed commodo, enim ac egestas fringilla, ante ante molestie neque, in placerat orci erat in massa. Maecenas porttitor, lorem a lobortis viverra, nunc urna laoreet erat, vitae mattis nulla dui sit amet eros. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed rutrum dolor purus. <\/p>\n<h6>Code:<\/h6>\n<pre><code>&#91button link=&quot;\/&quot; size=&quot;small&quot;&#093;Small button&#091;\/button&#093;\n&#091;button link=&quot;\/&quot; size=&quot;medium&quot;&#093;Medium button&#091;\/button&#093;\n&#091;button link=&quot;\/&quot; size=&quot;big&quot;&#093;Big button&#091;\/button&#093;\n<\/code><\/pre>\n<div id=\"g1-divider-top-counter-1\" class=\"g1-divider-top g1-meta\"><a class=\"g1-meta\" href=\"#\">Top<\/a>\n                    <div><\/div><\/div>\n<h2>Custom bg &#038; text colors<\/h2>\n<div>\n\n<style type=\"text\/css\" scoped=\"scoped\">#g1-button-counter-7.g1-button > span > span,\n#g1-button-counter-7.g1-button:hover > span > span {\ncolor: #ffffff;\n}\n#g1-button-counter-7.g1-button {\nbackground-color: #e60000;\n}\n#g1-button-counter-7.g1-button > span > span {\nbackground-color: #ff0000;\nfilter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ff4d4d, endColorstr=#ffff0000);\n-ms-filter: \"progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ff4d4d, endColorstr=#ff0000)\";\nbackground-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff4d4d), to(#ff0000));\nbackground-image: -webkit-linear-gradient(top, #ff4d4d, #ff0000);\nbackground-image:    -moz-linear-gradient(top, #ff4d4d, #ff0000);\nbackground-image:     -ms-linear-gradient(top, #ff4d4d, #ff0000);\nbackground-image:      -o-linear-gradient(top, #ff4d4d, #ff0000);\nbackground-image:         linear-gradient(top, #ff4d4d, #ff0000);\n}\n#g1-button-counter-7.g1-button:hover > span > span {\nfilter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ff0000, endColorstr=#ffff4d4d);\n-ms-filter: \"progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ff0000, endColorstr=#ff4d4d)\";\nbackground-image: -webkit-gradient(linear, 0% 0%, 0% 200%, from(#ff0000), to(#ff4d4d));\nbackground-image: -webkit-linear-gradient(top, #ff0000 0%, #ff4d4d 200%);\nbackground-image:    -moz-linear-gradient(top, #ff0000 0%, #ff4d4d 200%);\nbackground-image:     -ms-linear-gradient(top, #ff0000 0%, #ff4d4d 200%);\nbackground-image:      -o-linear-gradient(top, #ff0000 0%, #ff4d4d 200%);\nbackground-image:         linear-gradient(top, #ff0000 0%, #ff4d4d 200%);\n}\n<\/style>\n<a id=\"g1-button-counter-7\" class=\"g1-button g1-medium g1-simple\" href=\"\/\" ><span><span>Button<\/span><\/span><\/a> \n<style type=\"text\/css\" scoped=\"scoped\">#g1-button-counter-8.g1-button > span > span,\n#g1-button-counter-8.g1-button:hover > span > span {\ncolor: #ffffff;\n}\n#g1-button-counter-8.g1-button {\nbackground-color: #e66c00;\n}\n#g1-button-counter-8.g1-button > span > span {\nbackground-color: #ff7800;\nfilter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffa14d, endColorstr=#ffff7800);\n-ms-filter: \"progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ffa14d, endColorstr=#ff7800)\";\nbackground-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffa14d), to(#ff7800));\nbackground-image: -webkit-linear-gradient(top, #ffa14d, #ff7800);\nbackground-image:    -moz-linear-gradient(top, #ffa14d, #ff7800);\nbackground-image:     -ms-linear-gradient(top, #ffa14d, #ff7800);\nbackground-image:      -o-linear-gradient(top, #ffa14d, #ff7800);\nbackground-image:         linear-gradient(top, #ffa14d, #ff7800);\n}\n#g1-button-counter-8.g1-button:hover > span > span {\nfilter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ff7800, endColorstr=#ffffa14d);\n-ms-filter: \"progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ff7800, endColorstr=#ffa14d)\";\nbackground-image: -webkit-gradient(linear, 0% 0%, 0% 200%, from(#ff7800), to(#ffa14d));\nbackground-image: -webkit-linear-gradient(top, #ff7800 0%, #ffa14d 200%);\nbackground-image:    -moz-linear-gradient(top, #ff7800 0%, #ffa14d 200%);\nbackground-image:     -ms-linear-gradient(top, #ff7800 0%, #ffa14d 200%);\nbackground-image:      -o-linear-gradient(top, #ff7800 0%, #ffa14d 200%);\nbackground-image:         linear-gradient(top, #ff7800 0%, #ffa14d 200%);\n}\n<\/style>\n<a id=\"g1-button-counter-8\" class=\"g1-button g1-medium g1-simple\" href=\"\/\" ><span><span>Button<\/span><\/span><\/a> \n<style type=\"text\/css\" scoped=\"scoped\">#g1-button-counter-9.g1-button > span > span,\n#g1-button-counter-9.g1-button:hover > span > span {\ncolor: #ffffff;\n}\n#g1-button-counter-9.g1-button {\nbackground-color: #00950e;\n}\n#g1-button-counter-9.g1-button > span > span {\nbackground-color: #00ae10;\nfilter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#00fb17, endColorstr=#ff00ae10);\n-ms-filter: \"progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#00fb17, endColorstr=#00ae10)\";\nbackground-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00fb17), to(#00ae10));\nbackground-image: -webkit-linear-gradient(top, #00fb17, #00ae10);\nbackground-image:    -moz-linear-gradient(top, #00fb17, #00ae10);\nbackground-image:     -ms-linear-gradient(top, #00fb17, #00ae10);\nbackground-image:      -o-linear-gradient(top, #00fb17, #00ae10);\nbackground-image:         linear-gradient(top, #00fb17, #00ae10);\n}\n#g1-button-counter-9.g1-button:hover > span > span {\nfilter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#00ae10, endColorstr=#ff00fb17);\n-ms-filter: \"progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#00ae10, endColorstr=#00fb17)\";\nbackground-image: -webkit-gradient(linear, 0% 0%, 0% 200%, from(#00ae10), to(#00fb17));\nbackground-image: -webkit-linear-gradient(top, #00ae10 0%, #00fb17 200%);\nbackground-image:    -moz-linear-gradient(top, #00ae10 0%, #00fb17 200%);\nbackground-image:     -ms-linear-gradient(top, #00ae10 0%, #00fb17 200%);\nbackground-image:      -o-linear-gradient(top, #00ae10 0%, #00fb17 200%);\nbackground-image:         linear-gradient(top, #00ae10 0%, #00fb17 200%);\n}\n<\/style>\n<a id=\"g1-button-counter-9\" class=\"g1-button g1-medium g1-simple\" href=\"\/\" ><span><span>Button<\/span><\/span><\/a> \n<style type=\"text\/css\" scoped=\"scoped\">#g1-button-counter-10.g1-button > span > span,\n#g1-button-counter-10.g1-button:hover > span > span {\ncolor: #ffffff;\n}\n#g1-button-counter-10.g1-button {\nbackground-color: #540095;\n}\n#g1-button-counter-10.g1-button > span > span {\nbackground-color: #6200ae;\nfilter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#8d00fb, endColorstr=#ff6200ae);\n-ms-filter: \"progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#8d00fb, endColorstr=#6200ae)\";\nbackground-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8d00fb), to(#6200ae));\nbackground-image: -webkit-linear-gradient(top, #8d00fb, #6200ae);\nbackground-image:    -moz-linear-gradient(top, #8d00fb, #6200ae);\nbackground-image:     -ms-linear-gradient(top, #8d00fb, #6200ae);\nbackground-image:      -o-linear-gradient(top, #8d00fb, #6200ae);\nbackground-image:         linear-gradient(top, #8d00fb, #6200ae);\n}\n#g1-button-counter-10.g1-button:hover > span > span {\nfilter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#6200ae, endColorstr=#ff8d00fb);\n-ms-filter: \"progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#6200ae, endColorstr=#8d00fb)\";\nbackground-image: -webkit-gradient(linear, 0% 0%, 0% 200%, from(#6200ae), to(#8d00fb));\nbackground-image: -webkit-linear-gradient(top, #6200ae 0%, #8d00fb 200%);\nbackground-image:    -moz-linear-gradient(top, #6200ae 0%, #8d00fb 200%);\nbackground-image:     -ms-linear-gradient(top, #6200ae 0%, #8d00fb 200%);\nbackground-image:      -o-linear-gradient(top, #6200ae 0%, #8d00fb 200%);\nbackground-image:         linear-gradient(top, #6200ae 0%, #8d00fb 200%);\n}\n<\/style>\n<a id=\"g1-button-counter-10\" class=\"g1-button g1-medium g1-simple\" href=\"\/\" ><span><span>Button<\/span><\/span><\/a> \n<style type=\"text\/css\" scoped=\"scoped\">#g1-button-counter-11.g1-button > span > span,\n#g1-button-counter-11.g1-button:hover > span > span {\ncolor: #ffffff;\n}\n#g1-button-counter-11.g1-button {\nbackground-color: #d10085;\n}\n#g1-button-counter-11.g1-button > span > span {\nbackground-color: #ea0095;\nfilter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ff38b7, endColorstr=#ffea0095);\n-ms-filter: \"progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ff38b7, endColorstr=#ea0095)\";\nbackground-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff38b7), to(#ea0095));\nbackground-image: -webkit-linear-gradient(top, #ff38b7, #ea0095);\nbackground-image:    -moz-linear-gradient(top, #ff38b7, #ea0095);\nbackground-image:     -ms-linear-gradient(top, #ff38b7, #ea0095);\nbackground-image:      -o-linear-gradient(top, #ff38b7, #ea0095);\nbackground-image:         linear-gradient(top, #ff38b7, #ea0095);\n}\n#g1-button-counter-11.g1-button:hover > span > span {\nfilter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ea0095, endColorstr=#ffff38b7);\n-ms-filter: \"progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ea0095, endColorstr=#ff38b7)\";\nbackground-image: -webkit-gradient(linear, 0% 0%, 0% 200%, from(#ea0095), to(#ff38b7));\nbackground-image: -webkit-linear-gradient(top, #ea0095 0%, #ff38b7 200%);\nbackground-image:    -moz-linear-gradient(top, #ea0095 0%, #ff38b7 200%);\nbackground-image:     -ms-linear-gradient(top, #ea0095 0%, #ff38b7 200%);\nbackground-image:      -o-linear-gradient(top, #ea0095 0%, #ff38b7 200%);\nbackground-image:         linear-gradient(top, #ea0095 0%, #ff38b7 200%);\n}\n<\/style>\n<a id=\"g1-button-counter-11\" class=\"g1-button g1-medium g1-simple\" href=\"\/\" ><span><span>Button<\/span><\/span><\/a>\n<\/div>\n<div>\n\n<style type=\"text\/css\" scoped=\"scoped\">#g1-button-counter-12.g1-button > span > span,\n#g1-button-counter-12.g1-button:hover > span > span {\ncolor: #ff0000;\n}\n#g1-button-counter-12.g1-button {\nbackground-color: #bfbfbf;\n}\n#g1-button-counter-12.g1-button > span > span {\nbackground-color: #cccccc;\nfilter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f2f2f2, endColorstr=#ffcccccc);\n-ms-filter: \"progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#f2f2f2, endColorstr=#cccccc)\";\nbackground-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f2f2f2), to(#cccccc));\nbackground-image: -webkit-linear-gradient(top, #f2f2f2, #cccccc);\nbackground-image:    -moz-linear-gradient(top, #f2f2f2, #cccccc);\nbackground-image:     -ms-linear-gradient(top, #f2f2f2, #cccccc);\nbackground-image:      -o-linear-gradient(top, #f2f2f2, #cccccc);\nbackground-image:         linear-gradient(top, #f2f2f2, #cccccc);\n}\n#g1-button-counter-12.g1-button:hover > span > span {\nfilter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#cccccc, endColorstr=#fff2f2f2);\n-ms-filter: \"progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#cccccc, endColorstr=#f2f2f2)\";\nbackground-image: -webkit-gradient(linear, 0% 0%, 0% 200%, from(#cccccc), to(#f2f2f2));\nbackground-image: -webkit-linear-gradient(top, #cccccc 0%, #f2f2f2 200%);\nbackground-image:    -moz-linear-gradient(top, #cccccc 0%, #f2f2f2 200%);\nbackground-image:     -ms-linear-gradient(top, #cccccc 0%, #f2f2f2 200%);\nbackground-image:      -o-linear-gradient(top, #cccccc 0%, #f2f2f2 200%);\nbackground-image:         linear-gradient(top, #cccccc 0%, #f2f2f2 200%);\n}\n<\/style>\n<a id=\"g1-button-counter-12\" class=\"g1-button g1-medium g1-simple\" href=\"\/\" ><span><span>Button<\/span><\/span><\/a> \n<style type=\"text\/css\" scoped=\"scoped\">#g1-button-counter-13.g1-button > span > span,\n#g1-button-counter-13.g1-button:hover > span > span {\ncolor: #ff7800;\n}\n#g1-button-counter-13.g1-button {\nbackground-color: #bfbfbf;\n}\n#g1-button-counter-13.g1-button > span > span {\nbackground-color: #cccccc;\nfilter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f2f2f2, endColorstr=#ffcccccc);\n-ms-filter: \"progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#f2f2f2, endColorstr=#cccccc)\";\nbackground-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f2f2f2), to(#cccccc));\nbackground-image: -webkit-linear-gradient(top, #f2f2f2, #cccccc);\nbackground-image:    -moz-linear-gradient(top, #f2f2f2, #cccccc);\nbackground-image:     -ms-linear-gradient(top, #f2f2f2, #cccccc);\nbackground-image:      -o-linear-gradient(top, #f2f2f2, #cccccc);\nbackground-image:         linear-gradient(top, #f2f2f2, #cccccc);\n}\n#g1-button-counter-13.g1-button:hover > span > span {\nfilter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#cccccc, endColorstr=#fff2f2f2);\n-ms-filter: \"progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#cccccc, endColorstr=#f2f2f2)\";\nbackground-image: -webkit-gradient(linear, 0% 0%, 0% 200%, from(#cccccc), to(#f2f2f2));\nbackground-image: -webkit-linear-gradient(top, #cccccc 0%, #f2f2f2 200%);\nbackground-image:    -moz-linear-gradient(top, #cccccc 0%, #f2f2f2 200%);\nbackground-image:     -ms-linear-gradient(top, #cccccc 0%, #f2f2f2 200%);\nbackground-image:      -o-linear-gradient(top, #cccccc 0%, #f2f2f2 200%);\nbackground-image:         linear-gradient(top, #cccccc 0%, #f2f2f2 200%);\n}\n<\/style>\n<a id=\"g1-button-counter-13\" class=\"g1-button g1-medium g1-simple\" href=\"\/\" ><span><span>Button<\/span><\/span><\/a> \n<style type=\"text\/css\" scoped=\"scoped\">#g1-button-counter-14.g1-button > span > span,\n#g1-button-counter-14.g1-button:hover > span > span {\ncolor: #00ae10;\n}\n#g1-button-counter-14.g1-button {\nbackground-color: #bfbfbf;\n}\n#g1-button-counter-14.g1-button > span > span {\nbackground-color: #cccccc;\nfilter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f2f2f2, endColorstr=#ffcccccc);\n-ms-filter: \"progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#f2f2f2, endColorstr=#cccccc)\";\nbackground-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f2f2f2), to(#cccccc));\nbackground-image: -webkit-linear-gradient(top, #f2f2f2, #cccccc);\nbackground-image:    -moz-linear-gradient(top, #f2f2f2, #cccccc);\nbackground-image:     -ms-linear-gradient(top, #f2f2f2, #cccccc);\nbackground-image:      -o-linear-gradient(top, #f2f2f2, #cccccc);\nbackground-image:         linear-gradient(top, #f2f2f2, #cccccc);\n}\n#g1-button-counter-14.g1-button:hover > span > span {\nfilter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#cccccc, endColorstr=#fff2f2f2);\n-ms-filter: \"progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#cccccc, endColorstr=#f2f2f2)\";\nbackground-image: -webkit-gradient(linear, 0% 0%, 0% 200%, from(#cccccc), to(#f2f2f2));\nbackground-image: -webkit-linear-gradient(top, #cccccc 0%, #f2f2f2 200%);\nbackground-image:    -moz-linear-gradient(top, #cccccc 0%, #f2f2f2 200%);\nbackground-image:     -ms-linear-gradient(top, #cccccc 0%, #f2f2f2 200%);\nbackground-image:      -o-linear-gradient(top, #cccccc 0%, #f2f2f2 200%);\nbackground-image:         linear-gradient(top, #cccccc 0%, #f2f2f2 200%);\n}\n<\/style>\n<a id=\"g1-button-counter-14\" class=\"g1-button g1-medium g1-simple\" href=\"\/\" ><span><span>Button<\/span><\/span><\/a> \n<style type=\"text\/css\" scoped=\"scoped\">#g1-button-counter-15.g1-button > span > span,\n#g1-button-counter-15.g1-button:hover > span > span {\ncolor: #6200ae;\n}\n#g1-button-counter-15.g1-button {\nbackground-color: #bfbfbf;\n}\n#g1-button-counter-15.g1-button > span > span {\nbackground-color: #cccccc;\nfilter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f2f2f2, endColorstr=#ffcccccc);\n-ms-filter: \"progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#f2f2f2, endColorstr=#cccccc)\";\nbackground-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f2f2f2), to(#cccccc));\nbackground-image: -webkit-linear-gradient(top, #f2f2f2, #cccccc);\nbackground-image:    -moz-linear-gradient(top, #f2f2f2, #cccccc);\nbackground-image:     -ms-linear-gradient(top, #f2f2f2, #cccccc);\nbackground-image:      -o-linear-gradient(top, #f2f2f2, #cccccc);\nbackground-image:         linear-gradient(top, #f2f2f2, #cccccc);\n}\n#g1-button-counter-15.g1-button:hover > span > span {\nfilter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#cccccc, endColorstr=#fff2f2f2);\n-ms-filter: \"progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#cccccc, endColorstr=#f2f2f2)\";\nbackground-image: -webkit-gradient(linear, 0% 0%, 0% 200%, from(#cccccc), to(#f2f2f2));\nbackground-image: -webkit-linear-gradient(top, #cccccc 0%, #f2f2f2 200%);\nbackground-image:    -moz-linear-gradient(top, #cccccc 0%, #f2f2f2 200%);\nbackground-image:     -ms-linear-gradient(top, #cccccc 0%, #f2f2f2 200%);\nbackground-image:      -o-linear-gradient(top, #cccccc 0%, #f2f2f2 200%);\nbackground-image:         linear-gradient(top, #cccccc 0%, #f2f2f2 200%);\n}\n<\/style>\n<a id=\"g1-button-counter-15\" class=\"g1-button g1-medium g1-simple\" href=\"\/\" ><span><span>Button<\/span><\/span><\/a> \n<style type=\"text\/css\" scoped=\"scoped\">#g1-button-counter-16.g1-button > span > span,\n#g1-button-counter-16.g1-button:hover > span > span {\ncolor: #ea0095;\n}\n#g1-button-counter-16.g1-button {\nbackground-color: #bfbfbf;\n}\n#g1-button-counter-16.g1-button > span > span {\nbackground-color: #cccccc;\nfilter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f2f2f2, endColorstr=#ffcccccc);\n-ms-filter: \"progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#f2f2f2, endColorstr=#cccccc)\";\nbackground-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f2f2f2), to(#cccccc));\nbackground-image: -webkit-linear-gradient(top, #f2f2f2, #cccccc);\nbackground-image:    -moz-linear-gradient(top, #f2f2f2, #cccccc);\nbackground-image:     -ms-linear-gradient(top, #f2f2f2, #cccccc);\nbackground-image:      -o-linear-gradient(top, #f2f2f2, #cccccc);\nbackground-image:         linear-gradient(top, #f2f2f2, #cccccc);\n}\n#g1-button-counter-16.g1-button:hover > span > span {\nfilter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#cccccc, endColorstr=#fff2f2f2);\n-ms-filter: \"progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#cccccc, endColorstr=#f2f2f2)\";\nbackground-image: -webkit-gradient(linear, 0% 0%, 0% 200%, from(#cccccc), to(#f2f2f2));\nbackground-image: -webkit-linear-gradient(top, #cccccc 0%, #f2f2f2 200%);\nbackground-image:    -moz-linear-gradient(top, #cccccc 0%, #f2f2f2 200%);\nbackground-image:     -ms-linear-gradient(top, #cccccc 0%, #f2f2f2 200%);\nbackground-image:      -o-linear-gradient(top, #cccccc 0%, #f2f2f2 200%);\nbackground-image:         linear-gradient(top, #cccccc 0%, #f2f2f2 200%);\n}\n<\/style>\n<a id=\"g1-button-counter-16\" class=\"g1-button g1-medium g1-simple\" href=\"\/\" ><span><span>Button<\/span><\/span><\/a>\n<\/div>\n<div id=\"g1-divider-top-counter-2\" class=\"g1-divider-top g1-meta\"><a class=\"g1-meta\" href=\"#\">Top<\/a>\n                    <div><\/div><\/div>\n<h2>Different types<\/h2>\n<a id=\"g1-button-counter-17\" class=\"g1-button g1-medium g1-simple\" href=\"\/\" ><span><span>Simple Button<\/span><\/span><\/a>\n<a id=\"g1-button-counter-18\" class=\"g1-button g1-medium g1-wide\" href=\"\/\" ><span><span>Wide Button<\/span><\/span><\/a>\n<h6>Code:<\/h6>\n<pre><code>&#091;button link=&quot;\/&quot; size=&quot;medium&quot; type=&quot;simple&quot;&#093;Simple Button&#091;\/button&#093;\n\n&#091;button link=&quot;\/&quot; size=&quot;medium&quot;  type=&quot;wide&quot;&#093;Wide Button&#091;\/button&#093;\n\n&#091;button link=&quot;\/&quot; size=&quot;medium&quot;  type=&quot;divider&quot;&#093;Divider Button&#091;\/button&#093;\n<\/code><\/pre>\n<div id=\"g1-divider-top-counter-3\" class=\"g1-divider-top g1-meta\"><a class=\"g1-meta\" href=\"#\">Top<\/a>\n                    <div><\/div><\/div>\n<h2>Linking methods<\/h2>\n<div>\n<a id=\"g1-button-counter-19\" class=\"g1-button g1-small g1-simple\" href=\"http:\/\/vimeo.com\/12613824\" ><span><span>Open in the same window<\/span><\/span><\/a> <a id=\"g1-button-counter-20\" class=\"g1-button g1-small g1-simple new-window\" href=\"http:\/\/vimeo.com\/12613824\" ><span><span>Open in a new window<\/span><\/span><\/a> <a id=\"g1-button-counter-21\" class=\"g1-button g1-small g1-simple\" href=\"http:\/\/vimeo.com\/12613824\" rel=\"prettyPhoto\" ><span><span>Open in a lightbox<\/span><\/span><\/a>\n<\/div>\n<h6>Code:<\/h6>\n<pre><code>&#091;button link=&quot;http:\/\/vimeo.com\/12613824&quot; linking=&quot;default&quot;&#093;Open in a same window&#091;\/button&#093;\n&#091;button link=&quot;http:\/\/vimeo.com\/12613824&quot; linking=&quot;new-window&quot;&#093;Open in a new window&#091;\/button&#093;\n&#091;button link=&quot;http:\/\/vimeo.com\/12613824&quot; linking=&quot;lightbox&quot;&#093;Open in a lightbox&#091;\/button&#093;\n<\/code><\/pre>\n<div id=\"g1-divider-top-counter-4\" class=\"g1-divider-top g1-meta\"><a class=\"g1-meta\" href=\"#\">Top<\/a>\n                    <div><\/div><\/div>\n<h2>Multiline<\/h2>\n<div>\n<a id=\"g1-button-counter-22\" class=\"g1-button g1-small g1-simple\" href=\"\/\" ><span><span>Small button <small>Second line<\/small><\/span><\/span><\/a> <a id=\"g1-button-counter-23\" class=\"g1-button g1-medium g1-simple\" href=\"\/\" ><span><span>Medium button <small>Second line<\/small><\/span><\/span><\/a> <a id=\"g1-button-counter-24\" class=\"g1-button g1-big g1-simple\" href=\"\/\" ><span><span>Big button <small>Second line<\/small><\/span><\/span><\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Different sizes Morbi adipiscing porttitor posuere. Sed scelerisque tempus justo. Sed commodo, enim ac egestas fringilla, ante ante molestie neque, in placerat orci erat in massa. Maecenas porttitor, lorem a lobortis viverra, nunc urna laoreet erat, vitae mattis nulla dui sit amet eros. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":690,"menu_order":40,"comment_status":"closed","ping_status":"closed","template":"g1_template_page_nav_right.php","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/amadeus.ferndale-achill.com\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/amadeus.ferndale-achill.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/amadeus.ferndale-achill.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/amadeus.ferndale-achill.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/amadeus.ferndale-achill.com\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":0,"href":"https:\/\/amadeus.ferndale-achill.com\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/amadeus.ferndale-achill.com\/index.php\/wp-json\/wp\/v2\/pages\/690"}],"wp:attachment":[{"href":"https:\/\/amadeus.ferndale-achill.com\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}