{"id":691,"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":"http:\/\/digitalprominence.com\/website\/shortcodes\/buttons\/","title":{"rendered":"Buttons"},"content":{"rendered":"<div id=\"lead-counter-1\" class=\"lead\" >\n<p>Vestibulum massa risus, aliquam sit amet dapibus sit amet, aliquet sed lectus. Morbi ultricies, nibh a placerat convallis, erat magna posuere nisi, sit amet iaculis dui velit at lorem. Maecenas augue elit, gravida vel dictum vitae, hendrerit at lorem.<\/p>\n<\/div>\n<h2>Different sizes<\/h2>\n<div>\n<a id=\"button-counter-1\" class=\"button small type-simple\" href=\"\/\" ><span><span>Small button<\/span><\/span><\/a> <a id=\"button-counter-2\" class=\"button medium type-simple\" href=\"\/\" ><span><span>Medium button<\/span><\/span><\/a> <a id=\"button-counter-3\" class=\"button big type-simple\" href=\"\/\" ><span><span>Big button<\/span><\/span><\/a>\n<\/div>\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 class=\"divider-top meta\"><a class=\"meta\" href=\"#\">Top<\/a><div><\/div><\/div>\n<h2>Custom bg &#038; text colors<\/h2>\n<div>\n\n<style type=\"text\/css\" scoped=\"scoped\">#button-counter-4.button > span > span,\n#button-counter-4.button:hover > span > span {\ncolor: #ffffff;\n}\n#button-counter-4.button {\nbackground-color: #e61300;\n}\n#button-counter-4.button > span > span {\nbackground-color: #ff0000;\nfilter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ff5b4d, endColorstr=#ffff0000);\n-ms-filter: \"progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ff5b4d, endColorstr=#ff0000)\";\nbackground-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff5b4d), to(#ff0000));\nbackground-image: -webkit-linear-gradient(top, #ff5b4d, #ff0000);\nbackground-image:    -moz-linear-gradient(top, #ff5b4d, #ff0000);\nbackground-image:     -ms-linear-gradient(top, #ff5b4d, #ff0000);\nbackground-image:      -o-linear-gradient(top, #ff5b4d, #ff0000);\nbackground-image:         linear-gradient(top, #ff5b4d, #ff0000);\n}\n#button-counter-4.button:hover > span > span {\nfilter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ff0000, endColorstr=#ffff5b4d);\n-ms-filter: \"progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ff0000, endColorstr=#ff5b4d)\";\nbackground-image: -webkit-gradient(linear, 0% 0%, 0% 200%, from(#ff0000), to(#ff5b4d));\nbackground-image: -webkit-linear-gradient(top, #ff0000 0%, #ff5b4d 200%);\nbackground-image:    -moz-linear-gradient(top, #ff0000 0%, #ff5b4d 200%);\nbackground-image:     -ms-linear-gradient(top, #ff0000 0%, #ff5b4d 200%);\nbackground-image:      -o-linear-gradient(top, #ff0000 0%, #ff5b4d 200%);\nbackground-image:         linear-gradient(top, #ff0000 0%, #ff5b4d 200%);\n}\n<\/style>\n<a id=\"button-counter-4\" class=\"button medium type-simple\" href=\"\/\" ><span><span>Button<\/span><\/span><\/a> \n<style type=\"text\/css\" scoped=\"scoped\">#button-counter-5.button > span > span,\n#button-counter-5.button:hover > span > span {\ncolor: #ffffff;\n}\n#button-counter-5.button {\nbackground-color: #e65900;\n}\n#button-counter-5.button > span > span {\nbackground-color: #ff7800;\nfilter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ff924d, endColorstr=#ffff7800);\n-ms-filter: \"progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ff924d, endColorstr=#ff7800)\";\nbackground-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff924d), to(#ff7800));\nbackground-image: -webkit-linear-gradient(top, #ff924d, #ff7800);\nbackground-image:    -moz-linear-gradient(top, #ff924d, #ff7800);\nbackground-image:     -ms-linear-gradient(top, #ff924d, #ff7800);\nbackground-image:      -o-linear-gradient(top, #ff924d, #ff7800);\nbackground-image:         linear-gradient(top, #ff924d, #ff7800);\n}\n#button-counter-5.button:hover > span > span {\nfilter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ff7800, endColorstr=#ffff924d);\n-ms-filter: \"progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ff7800, endColorstr=#ff924d)\";\nbackground-image: -webkit-gradient(linear, 0% 0%, 0% 200%, from(#ff7800), to(#ff924d));\nbackground-image: -webkit-linear-gradient(top, #ff7800 0%, #ff924d 200%);\nbackground-image:    -moz-linear-gradient(top, #ff7800 0%, #ff924d 200%);\nbackground-image:     -ms-linear-gradient(top, #ff7800 0%, #ff924d 200%);\nbackground-image:      -o-linear-gradient(top, #ff7800 0%, #ff924d 200%);\nbackground-image:         linear-gradient(top, #ff7800 0%, #ff924d 200%);\n}\n<\/style>\n<a id=\"button-counter-5\" class=\"button medium type-simple\" href=\"\/\" ><span><span>Button<\/span><\/span><\/a> \n<style type=\"text\/css\" scoped=\"scoped\">#button-counter-6.button > span > span,\n#button-counter-6.button:hover > span > span {\ncolor: #ffffff;\n}\n#button-counter-6.button {\nbackground-color: #009501;\n}\n#button-counter-6.button > span > span {\nbackground-color: #00ae10;\nfilter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#00fb02, endColorstr=#ff00ae10);\n-ms-filter: \"progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#00fb02, endColorstr=#00ae10)\";\nbackground-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00fb02), to(#00ae10));\nbackground-image: -webkit-linear-gradient(top, #00fb02, #00ae10);\nbackground-image:    -moz-linear-gradient(top, #00fb02, #00ae10);\nbackground-image:     -ms-linear-gradient(top, #00fb02, #00ae10);\nbackground-image:      -o-linear-gradient(top, #00fb02, #00ae10);\nbackground-image:         linear-gradient(top, #00fb02, #00ae10);\n}\n#button-counter-6.button:hover > span > span {\nfilter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#00ae10, endColorstr=#ff00fb02);\n-ms-filter: \"progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#00ae10, endColorstr=#00fb02)\";\nbackground-image: -webkit-gradient(linear, 0% 0%, 0% 200%, from(#00ae10), to(#00fb02));\nbackground-image: -webkit-linear-gradient(top, #00ae10 0%, #00fb02 200%);\nbackground-image:    -moz-linear-gradient(top, #00ae10 0%, #00fb02 200%);\nbackground-image:     -ms-linear-gradient(top, #00ae10 0%, #00fb02 200%);\nbackground-image:      -o-linear-gradient(top, #00ae10 0%, #00fb02 200%);\nbackground-image:         linear-gradient(top, #00ae10 0%, #00fb02 200%);\n}\n<\/style>\n<a id=\"button-counter-6\" class=\"button medium type-simple\" href=\"\/\" ><span><span>Button<\/span><\/span><\/a> \n<style type=\"text\/css\" scoped=\"scoped\">#button-counter-7.button > span > span,\n#button-counter-7.button:hover > span > span {\ncolor: #ffffff;\n}\n#button-counter-7.button {\nbackground-color: #470095;\n}\n#button-counter-7.button > span > span {\nbackground-color: #6200ae;\nfilter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#7800fb, endColorstr=#ff6200ae);\n-ms-filter: \"progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#7800fb, endColorstr=#6200ae)\";\nbackground-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7800fb), to(#6200ae));\nbackground-image: -webkit-linear-gradient(top, #7800fb, #6200ae);\nbackground-image:    -moz-linear-gradient(top, #7800fb, #6200ae);\nbackground-image:     -ms-linear-gradient(top, #7800fb, #6200ae);\nbackground-image:      -o-linear-gradient(top, #7800fb, #6200ae);\nbackground-image:         linear-gradient(top, #7800fb, #6200ae);\n}\n#button-counter-7.button:hover > span > span {\nfilter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#6200ae, endColorstr=#ff7800fb);\n-ms-filter: \"progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#6200ae, endColorstr=#7800fb)\";\nbackground-image: -webkit-gradient(linear, 0% 0%, 0% 200%, from(#6200ae), to(#7800fb));\nbackground-image: -webkit-linear-gradient(top, #6200ae 0%, #7800fb 200%);\nbackground-image:    -moz-linear-gradient(top, #6200ae 0%, #7800fb 200%);\nbackground-image:     -ms-linear-gradient(top, #6200ae 0%, #7800fb 200%);\nbackground-image:      -o-linear-gradient(top, #6200ae 0%, #7800fb 200%);\nbackground-image:         linear-gradient(top, #6200ae 0%, #7800fb 200%);\n}\n<\/style>\n<a id=\"button-counter-7\" class=\"button medium type-simple\" href=\"\/\" ><span><span>Button<\/span><\/span><\/a> \n<style type=\"text\/css\" scoped=\"scoped\">#button-counter-8.button > span > span,\n#button-counter-8.button:hover > span > span {\ncolor: #ffffff;\n}\n#button-counter-8.button {\nbackground-color: #d10096;\n}\n#button-counter-8.button > span > span {\nbackground-color: #ea0095;\nfilter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ff38c7, endColorstr=#ffea0095);\n-ms-filter: \"progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ff38c7, endColorstr=#ea0095)\";\nbackground-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff38c7), to(#ea0095));\nbackground-image: -webkit-linear-gradient(top, #ff38c7, #ea0095);\nbackground-image:    -moz-linear-gradient(top, #ff38c7, #ea0095);\nbackground-image:     -ms-linear-gradient(top, #ff38c7, #ea0095);\nbackground-image:      -o-linear-gradient(top, #ff38c7, #ea0095);\nbackground-image:         linear-gradient(top, #ff38c7, #ea0095);\n}\n#button-counter-8.button:hover > span > span {\nfilter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ea0095, endColorstr=#ffff38c7);\n-ms-filter: \"progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ea0095, endColorstr=#ff38c7)\";\nbackground-image: -webkit-gradient(linear, 0% 0%, 0% 200%, from(#ea0095), to(#ff38c7));\nbackground-image: -webkit-linear-gradient(top, #ea0095 0%, #ff38c7 200%);\nbackground-image:    -moz-linear-gradient(top, #ea0095 0%, #ff38c7 200%);\nbackground-image:     -ms-linear-gradient(top, #ea0095 0%, #ff38c7 200%);\nbackground-image:      -o-linear-gradient(top, #ea0095 0%, #ff38c7 200%);\nbackground-image:         linear-gradient(top, #ea0095 0%, #ff38c7 200%);\n}\n<\/style>\n<a id=\"button-counter-8\" class=\"button medium type-simple\" href=\"\/\" ><span><span>Button<\/span><\/span><\/a>\n<\/div>\n<div>\n\n<style type=\"text\/css\" scoped=\"scoped\">#button-counter-9.button > span > span,\n#button-counter-9.button:hover > span > span {\ncolor: #ff0000;\n}\n#button-counter-9.button {\nbackground-color: #bfbfbf;\n}\n#button-counter-9.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#button-counter-9.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=\"button-counter-9\" class=\"button medium type-simple\" href=\"\/\" ><span><span>Button<\/span><\/span><\/a> \n<style type=\"text\/css\" scoped=\"scoped\">#button-counter-10.button > span > span,\n#button-counter-10.button:hover > span > span {\ncolor: #ff7800;\n}\n#button-counter-10.button {\nbackground-color: #bfbfbf;\n}\n#button-counter-10.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#button-counter-10.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=\"button-counter-10\" class=\"button medium type-simple\" href=\"\/\" ><span><span>Button<\/span><\/span><\/a> \n<style type=\"text\/css\" scoped=\"scoped\">#button-counter-11.button > span > span,\n#button-counter-11.button:hover > span > span {\ncolor: #00ae10;\n}\n#button-counter-11.button {\nbackground-color: #bfbfbf;\n}\n#button-counter-11.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#button-counter-11.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=\"button-counter-11\" class=\"button medium type-simple\" href=\"\/\" ><span><span>Button<\/span><\/span><\/a> \n<style type=\"text\/css\" scoped=\"scoped\">#button-counter-12.button > span > span,\n#button-counter-12.button:hover > span > span {\ncolor: #6200ae;\n}\n#button-counter-12.button {\nbackground-color: #bfbfbf;\n}\n#button-counter-12.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#button-counter-12.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=\"button-counter-12\" class=\"button medium type-simple\" href=\"\/\" ><span><span>Button<\/span><\/span><\/a> \n<style type=\"text\/css\" scoped=\"scoped\">#button-counter-13.button > span > span,\n#button-counter-13.button:hover > span > span {\ncolor: #ea0095;\n}\n#button-counter-13.button {\nbackground-color: #bfbfbf;\n}\n#button-counter-13.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#button-counter-13.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=\"button-counter-13\" class=\"button medium type-simple\" href=\"\/\" ><span><span>Button<\/span><\/span><\/a>\n<\/div>\n<div class=\"divider-top meta\"><a class=\"meta\" href=\"#\">Top<\/a><div><\/div><\/div>\n<h2>3 types<\/h2>\n<a id=\"button-counter-14\" class=\"button medium type-simple\" href=\"\/\" ><span><span>Simple Button<\/span><\/span><\/a>\n<a id=\"button-counter-15\" class=\"button medium type-wide\" href=\"\/\" ><span><span>Wide Button<\/span><\/span><\/a>\n<div class=\"button-divider\"><span><span class=\"helper-1\"><\/span><span class=\"helper-2\"><\/span><a id=\"button-counter-16\" class=\"button medium type-divider\" href=\"\/\" ><span><span>Divider Button<\/span><\/span><\/a><\/span><\/div>\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 class=\"divider-top meta\"><a class=\"meta\" href=\"#\">Top<\/a><div><\/div><\/div>\n<h2>Linking methods<\/h2>\n<div>\n<a id=\"button-counter-17\" class=\"button small type-simple\" href=\"http:\/\/vimeo.com\/12613824\" ><span><span>Open in the same window<\/span><\/span><\/a> <a id=\"button-counter-18\" class=\"button small type-simple new-window\" href=\"http:\/\/vimeo.com\/12613824\" ><span><span>Open in a new window<\/span><\/span><\/a> <a id=\"button-counter-19\" class=\"button small type-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 class=\"divider-top meta\"><a class=\"meta\" href=\"#\">Top<\/a><div><\/div><\/div>\n<h2>Multiline<\/h2>\n<div>\n<a id=\"button-counter-20\" class=\"button small type-simple\" href=\"\/\" ><span><span>Small button <small>Second Line<\/small><\/span><\/span><\/a> <a id=\"button-counter-21\" class=\"button medium type-simple\" href=\"\/\" ><span><span>Medium button <small>Second Line<\/small><\/span><\/span><\/a> <a id=\"button-counter-22\" class=\"button big type-simple\" href=\"\/\" ><span><span>Big button <small>Second Line<\/small><\/span><\/span><\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Different sizes Code: &#038;#91button link=&quot;\/&quot; size=&quot;small&quot;&#093;Small button&#091;\/button&#093; &#091;button link=&quot;\/&quot; size=&quot;medium&quot;&#093;Medium button&#091;\/button&#093; &#091;button link=&quot;\/&quot; size=&quot;big&quot;&#093;Big button&#091;\/button&#093; Custom bg &#038; text colors 3 types Code: &#091;button link=&quot;\/&quot; size=&quot;medium&quot; type=&quot;simple&quot;&#093;Simple Button&#091;\/button&#093; &#091;button link=&quot;\/&quot; size=&quot;medium&quot; type=&quot;wide&quot;&#093;Wide Button&#091;\/button&#093; &#091;button link=&quot;\/&quot; size=&quot;medium&quot; type=&quot;divider&quot;&#093;Divider Button&#091;\/button&#093; Linking methods Code: &#091;button link=&quot;http:\/\/vimeo.com\/12613824&quot; linking=&quot;default&quot;&#093;Open in a same window&#091;\/button&#093; &#091;button link=&quot;http:\/\/vimeo.com\/12613824&quot; linking=&quot;new-window&quot;&#093;Open in a new window&#091;\/button&#093; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":690,"menu_order":4,"comment_status":"closed","ping_status":"closed","template":"page-nav-right.php","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-691","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Buttons - Digital Prominence<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"http:\/\/digitalprominence.com\/website\/shortcodes\/buttons\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Buttons - Digital Prominence\" \/>\n<meta property=\"og:description\" content=\"Different sizes Code: &amp;#91button link=&quot;\/&quot; size=&quot;small&quot;&#093;Small button&#091;\/button&#093; &#091;button link=&quot;\/&quot; size=&quot;medium&quot;&#093;Medium button&#091;\/button&#093; &#091;button link=&quot;\/&quot; size=&quot;big&quot;&#093;Big button&#091;\/button&#093; Custom bg &#038; text colors 3 types Code: &#091;button link=&quot;\/&quot; size=&quot;medium&quot; type=&quot;simple&quot;&#093;Simple Button&#091;\/button&#093; &#091;button link=&quot;\/&quot; size=&quot;medium&quot; type=&quot;wide&quot;&#093;Wide Button&#091;\/button&#093; &#091;button link=&quot;\/&quot; size=&quot;medium&quot; type=&quot;divider&quot;&#093;Divider Button&#091;\/button&#093; Linking methods Code: &#091;button link=&quot;http:\/\/vimeo.com\/12613824&quot; linking=&quot;default&quot;&#093;Open in a same window&#091;\/button&#093; &#091;button link=&quot;http:\/\/vimeo.com\/12613824&quot; linking=&quot;new-window&quot;&#093;Open in a new window&#091;\/button&#093; [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"http:\/\/digitalprominence.com\/website\/shortcodes\/buttons\/\" \/>\n<meta property=\"og:site_name\" content=\"Digital Prominence\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"http:\\\/\\\/digitalprominence.com\\\/website\\\/shortcodes\\\/buttons\\\/\",\"url\":\"http:\\\/\\\/digitalprominence.com\\\/website\\\/shortcodes\\\/buttons\\\/\",\"name\":\"Buttons - Digital Prominence\",\"isPartOf\":{\"@id\":\"http:\\\/\\\/digitalprominence.com\\\/website\\\/#website\"},\"datePublished\":\"2012-01-02T15:06:18+00:00\",\"breadcrumb\":{\"@id\":\"http:\\\/\\\/digitalprominence.com\\\/website\\\/shortcodes\\\/buttons\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"http:\\\/\\\/digitalprominence.com\\\/website\\\/shortcodes\\\/buttons\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"http:\\\/\\\/digitalprominence.com\\\/website\\\/shortcodes\\\/buttons\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"http:\\\/\\\/digitalprominence.com\\\/website\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Shortcodes\",\"item\":\"http:\\\/\\\/digitalprominence.com\\\/website\\\/shortcodes\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Buttons\"}]},{\"@type\":\"WebSite\",\"@id\":\"http:\\\/\\\/digitalprominence.com\\\/website\\\/#website\",\"url\":\"http:\\\/\\\/digitalprominence.com\\\/website\\\/\",\"name\":\"Digital Prominence\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"http:\\\/\\\/digitalprominence.com\\\/website\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Buttons - Digital Prominence","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"http:\/\/digitalprominence.com\/website\/shortcodes\/buttons\/","og_locale":"en_US","og_type":"article","og_title":"Buttons - Digital Prominence","og_description":"Different sizes Code: &#91button link=&quot;\/&quot; size=&quot;small&quot;&#093;Small button&#091;\/button&#093; &#091;button link=&quot;\/&quot; size=&quot;medium&quot;&#093;Medium button&#091;\/button&#093; &#091;button link=&quot;\/&quot; size=&quot;big&quot;&#093;Big button&#091;\/button&#093; Custom bg &#038; text colors 3 types Code: &#091;button link=&quot;\/&quot; size=&quot;medium&quot; type=&quot;simple&quot;&#093;Simple Button&#091;\/button&#093; &#091;button link=&quot;\/&quot; size=&quot;medium&quot; type=&quot;wide&quot;&#093;Wide Button&#091;\/button&#093; &#091;button link=&quot;\/&quot; size=&quot;medium&quot; type=&quot;divider&quot;&#093;Divider Button&#091;\/button&#093; Linking methods Code: &#091;button link=&quot;http:\/\/vimeo.com\/12613824&quot; linking=&quot;default&quot;&#093;Open in a same window&#091;\/button&#093; &#091;button link=&quot;http:\/\/vimeo.com\/12613824&quot; linking=&quot;new-window&quot;&#093;Open in a new window&#091;\/button&#093; [&hellip;]","og_url":"http:\/\/digitalprominence.com\/website\/shortcodes\/buttons\/","og_site_name":"Digital Prominence","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"http:\/\/digitalprominence.com\/website\/shortcodes\/buttons\/","url":"http:\/\/digitalprominence.com\/website\/shortcodes\/buttons\/","name":"Buttons - Digital Prominence","isPartOf":{"@id":"http:\/\/digitalprominence.com\/website\/#website"},"datePublished":"2012-01-02T15:06:18+00:00","breadcrumb":{"@id":"http:\/\/digitalprominence.com\/website\/shortcodes\/buttons\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["http:\/\/digitalprominence.com\/website\/shortcodes\/buttons\/"]}]},{"@type":"BreadcrumbList","@id":"http:\/\/digitalprominence.com\/website\/shortcodes\/buttons\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"http:\/\/digitalprominence.com\/website\/"},{"@type":"ListItem","position":2,"name":"Shortcodes","item":"http:\/\/digitalprominence.com\/website\/shortcodes\/"},{"@type":"ListItem","position":3,"name":"Buttons"}]},{"@type":"WebSite","@id":"http:\/\/digitalprominence.com\/website\/#website","url":"http:\/\/digitalprominence.com\/website\/","name":"Digital Prominence","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http:\/\/digitalprominence.com\/website\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"http:\/\/digitalprominence.com\/website\/wp-json\/wp\/v2\/pages\/691","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/digitalprominence.com\/website\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/digitalprominence.com\/website\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/digitalprominence.com\/website\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/digitalprominence.com\/website\/wp-json\/wp\/v2\/comments?post=691"}],"version-history":[{"count":0,"href":"http:\/\/digitalprominence.com\/website\/wp-json\/wp\/v2\/pages\/691\/revisions"}],"up":[{"embeddable":true,"href":"http:\/\/digitalprominence.com\/website\/wp-json\/wp\/v2\/pages\/690"}],"wp:attachment":[{"href":"http:\/\/digitalprominence.com\/website\/wp-json\/wp\/v2\/media?parent=691"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}