/* Jumpeye framework Version: 1.0.0 www.jumpeye.com Created by Jumpeye Components Button style-3 */ /* sizes -------- */ .style-3.small.button { font-size : 11px; padding : 0 15px 0px; width : auto; height : 29px; line-height: 29px; } .style-3.button, .style-3.medium.button { font-size : 12px; padding : 0 32px 0px; width : auto; height : 32px; line-height: 32px; } .style-3.large.button { font-size : 18px; padding : 0 37px 0px; width : auto; height : 42px; line-height: 42px; } /* Corners ---------- */ .style-3.button { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } /* style-3 --------- */ .style-3.button { text-transform : uppercase; } /* style-3 yellow --------- */ .style-3.button.yellow { background : #f7c860; /* IE8 : if we use a gradient background on hover and active states and we want to set a fullcolor background to normal state, need to set a homogene (startcolor = endcolor) gradient background */ filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7c860', endColorstr='#f7c860'); color : #7b540b; text-shadow : 0 1px 0 rgba(255, 255, 255, 0.6); } .style-3.button.yellow:hover { background : #fedc83; background : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZGM4MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2M3NmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background : -moz-linear-gradient(top, #fedc83 0%, #f3c76e 100%); background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fedc83), color-stop(100%,#f3c76e)); background : -webkit-linear-gradient(top, #fedc83 0%,#f3c76e 100%); background : -o-linear-gradient(top, #fedc83 0%,#f3c76e 100%); background : -ms-linear-gradient(top, #fedc83 0%,#f3c76e 100%); background : linear-gradient(top, #fedc83 0%,#f3c76e 100%); filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#fedc83', endColorstr='#f3c76e',GradientType=0 ); box-shadow : 1px 1px 0 0 #c9983d inset, -1px -1px 0 0 #c9983d inset, 0 1px 2px -1px rgba(0,0,0,0.15); -moz-box-shadow : 1px 1px 0 0 #c9983d inset, -1px -1px 0 0 #c9983d inset, 0 1px 2px 0 rgba(0,0,0,0.15); -webkit-box-shadow: 1px 1px 0 0 #c9983d inset, -1px -1px 0 0 #c9983d inset, 0 1px 2px -1px rgba(0,0,0,0.15); color : #7b540b; text-shadow : 0 1px 0 rgba(255, 255, 255, 0.6); } .style-3.button.yellow:active, .style-3.button.yellow.active{ background : #fedb83; background : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZGI4MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2M3NmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background : -moz-linear-gradient(top, #fedb83 0%, #f3c76e 100%); background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fedb83), color-stop(100%,#f3c76e)); background : -webkit-linear-gradient(top, #fedb83 0%,#f3c76e 100%); background : -o-linear-gradient(top, #fedb83 0%,#f3c76e 100%); background : -ms-linear-gradient(top, #fedb83 0%,#f3c76e 100%); background : linear-gradient(top, #fedb83 0%,#f3c76e 100%); filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#fedb83', endColorstr='#f3c76e',GradientType=0 ); box-shadow : 1px 1px 0 0 #c9983d inset, -1px -1px 0 0 #c9983d inset, 2px 0 0 0 #e9c876 inset, -2px 0 0 0 #e9c876 inset, 0 2px 0 0 #c7ad68 inset, 0 3px 0 0 #eccc7a inset, 0 1px 0 0 rgba(0,0,0,0.19), 0 2px 0 0 rgba(0,0,0,0.07); -moz-box-shadow : 1px 1px 0 0 #c9983d inset, -1px -1px 0 0 #c9983d inset, 2px 0 0 0 #e9c876 inset, -2px 0 0 0 #e9c876 inset, 0 2px 0 0 #c7ad68 inset, 0 3px 0 0 #eccc7a inset, 0 1px 0 0 rgba(0,0,0,0.19), 0 2px 0 0 rgba(0,0,0,0.07); -webkit-box-shadow: 1px 1px 0 0 #c9983d inset, -1px -1px 0 0 #c9983d inset, 2px 0 0 0 #e9c876 inset, -2px 0 0 0 #e9c876 inset, 0 2px 0 0 #c7ad68 inset, 0 3px 0 0 #eccc7a inset, 0 1px 0 0 rgba(0,0,0,0.19), 0 2px 0 0 rgba(0,0,0,0.07); color : #7b540b; text-shadow : 0 1px 0 rgba(255, 255, 255, 0.6); } /* style-3 blue --------- */ .style-3.button.blue { background : #4f91da; filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#4f91da', endColorstr='#4f91da'); color : #fff; text-shadow : 0 1px 0 rgba(0, 0, 0, 0.2); } .style-3.button.blue:hover { background : #63acf3; background : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYzYWNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0YjkxZTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background : -moz-linear-gradient(top, #63acf3 0%, #4b91e1 100%); background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#63acf3), color-stop(100%,#4b91e1)); background : -webkit-linear-gradient(top, #63acf3 0%,#4b91e1 100%); background : -o-linear-gradient(top, #63acf3 0%,#4b91e1 100%); background : -ms-linear-gradient(top, #63acf3 0%,#4b91e1 100%); background : linear-gradient(top, #63acf3 0%,#4b91e1 100%); filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#63acf3', endColorstr='#4b91e1',GradientType=0 ); box-shadow : 1px 1px 0 0 #437fc4 inset, -1px -1px 0 0 #437fc4 inset, 0 1px 2px -1px rgba(0,0,0,0.15); -moz-box-shadow : 1px 1px 0 0 #437fc4 inset, -1px -1px 0 0 #437fc4 inset, 0 1px 2px 0 rgba(0,0,0,0.15); -webkit-box-shadow: 1px 1px 0 0 #437fc4 inset, -1px -1px 0 0 #437fc4 inset, 0 1px 2px -1px rgba(0,0,0,0.15); color : #fff; text-shadow : 0 1px 0 rgba(0, 0, 0, 0.2); } .style-3.button.blue:active, .style-3.button.blue.active { background : #63acf3; background : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYzYWNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0YzkyZTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background : -moz-linear-gradient(top, #63acf3 0%, #4c92e2 100%); background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#63acf3), color-stop(100%,#4c92e2)); background : -webkit-linear-gradient(top, #63acf3 0%,#4c92e2 100%); background : -o-linear-gradient(top, #63acf3 0%,#4c92e2 100%); background : -ms-linear-gradient(top, #63acf3 0%,#4c92e2 100%); background : linear-gradient(top, #63acf3 0%,#4c92e2 100%); filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#63acf3', endColorstr='#4c92e2',GradientType=0 ); box-shadow : 1px 1px 0 0 #437fc4 inset, -1px -1px 0 0 #437fc4 inset, 2px 0 0 0 #5497db inset, -2px 0 0 0 #5497db inset, 0 2px 0 0 #4e86bf inset, 0 3px 0 0 #5b9fe1 inset, 0 1px 0 0 rgba(0,0,0,0.19), 0 2px 0 0 rgba(0,0,0,0.07); -moz-box-shadow : 1px 1px 0 0 #437fc4 inset, -1px -1px 0 0 #437fc4 inset, 2px 0 0 0 #5497db inset, -2px 0 0 0 #5497db inset, 0 2px 0 0 #4e86bf inset, 0 3px 0 0 #5b9fe1 inset, 0 1px 0 0 rgba(0,0,0,0.19), 0 2px 0 0 rgba(0,0,0,0.07); -webkit-box-shadow: 1px 1px 0 0 #437fc4 inset, -1px -1px 0 0 #437fc4 inset, 2px 0 0 0 #5497db inset, -2px 0 0 0 #5497db inset, 0 2px 0 0 #4e86bf inset, 0 3px 0 0 #5b9fe1 inset, 0 1px 0 0 rgba(0,0,0,0.19), 0 2px 0 0 rgba(0,0,0,0.07); color : #fff; text-shadow : 0 1px 0 rgba(0, 0, 0, 0.2); } /* style-3 green --------- */ .style-3.button.green { background : #75b726; filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#75b726', endColorstr='#75b726'); color : #fff; text-shadow : 0 1px 0 rgba(0, 0, 0, 0.2); } .style-3.button.green:hover { background : #75b726; background : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc1YjcyNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2M2FjMGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background : -moz-linear-gradient(top, #75b726 0%, #63ac0f 100%); background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#75b726), color-stop(100%,#63ac0f)); background : -webkit-linear-gradient(top, #75b726 0%,#63ac0f 100%); background : -o-linear-gradient(top, #75b726 0%,#63ac0f 100%); background : -ms-linear-gradient(top, #75b726 0%,#63ac0f 100%); background : linear-gradient(top, #75b726 0%,#63ac0f 100%); filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#75b726', endColorstr='#63ac0f',GradientType=0 ); box-shadow : 1px 1px 0 0 #639f1b inset, -1px -1px 0 0 #639f1b inset, 0 1px 2px -1px rgba(0,0,0,0.15); -moz-box-shadow : 1px 1px 0 0 #639f1b inset, -1px -1px 0 0 #639f1b inset, 0 1px 2px 0 rgba(0,0,0,0.15); -webkit-box-shadow: 1px 1px 0 0 #639f1b inset, -1px -1px 0 0 #639f1b inset, 0 1px 2px -1px rgba(0,0,0,0.15); color : #fff; text-shadow : 0 1px 0 rgba(0, 0, 0, 0.2); } .style-3.button.green:active, .style-3.button.green.active { background : #75b726; background : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc1YjcyNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2M2FjMGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background : -moz-linear-gradient(top, #75b726 0%, #63ac0f 100%); background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#75b726), color-stop(100%,#63ac0f)); background : -webkit-linear-gradient(top, #75b726 0%,#63ac0f 100%); background : -o-linear-gradient(top, #75b726 0%,#63ac0f 100%); background : -ms-linear-gradient(top, #75b726 0%,#63ac0f 100%); background : linear-gradient(top, #75b726 0%,#63ac0f 100%); filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#75b726', endColorstr='#63ac0f',GradientType=0 ); box-shadow : 1px 1px 0 0 #639f1b inset, -1px -1px 0 0 #639f1b inset, 2px 0 0 0 #64a518 inset, -2px 0 0 0 #64a518 inset, 0 2px 0 0 #5c901e inset, 0 3px 0 0 #6caa22 inset, 0 1px 0 0 rgba(0,0,0,0.19), 0 2px 0 0 rgba(0,0,0,0.07); -moz-box-shadow : 1px 1px 0 0 #639f1b inset, -1px -1px 0 0 #639f1b inset, 2px 0 0 0 #64a518 inset, -2px 0 0 0 #64a518 inset, 0 2px 0 0 #5c901e inset, 0 3px 0 0 #6caa22 inset, 0 1px 0 0 rgba(0,0,0,0.19), 0 2px 0 0 rgba(0,0,0,0.07); -webkit-box-shadow: 1px 1px 0 0 #639f1b inset, -1px -1px 0 0 #639f1b inset, 2px 0 0 0 #64a518 inset, -2px 0 0 0 #64a518 inset, 0 2px 0 0 #5c901e inset, 0 3px 0 0 #6caa22 inset, 0 1px 0 0 rgba(0,0,0,0.19), 0 2px 0 0 rgba(0,0,0,0.07); color : #fff; text-shadow : 0 1px 0 rgba(0, 0, 0, 0.2); } /* style-3 red --------- */ .style-3.button.red { background : #df4d33; filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#df4d33', endColorstr='#df4d33'); color : #fff; text-shadow : 0 1px 0 rgba(0, 0, 0, 0.2); } .style-3.button.red:hover { background : #e04d34; background : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UwNGQzNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMjMyMTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background : -moz-linear-gradient(top, #e04d34 0%, #b23219 100%); background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e04d34), color-stop(100%,#b23219)); background : -webkit-linear-gradient(top, #e04d34 0%,#b23219 100%); background : -o-linear-gradient(top, #e04d34 0%,#b23219 100%); background : -ms-linear-gradient(top, #e04d34 0%,#b23219 100%); background : linear-gradient(top, #e04d34 0%,#b23219 100%); filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#e04d34', endColorstr='#b23219',GradientType=0 ); box-shadow : 1px 1px 0 0 #b13219 inset, -1px -1px 0 0 #b13219 inset, 0 1px 2px -1px rgba(0,0,0,0.15); -moz-box-shadow : 1px 1px 0 0 #b13219 inset, -1px -1px 0 0 #b13219 inset, 0 1px 2px 0 rgba(0,0,0,0.15); -webkit-box-shadow: 1px 1px 0 0 #b13219 inset, -1px -1px 0 0 #b13219 inset, 0 1px 2px -1px rgba(0,0,0,0.15); color : #fff; text-shadow : 0 1px 0 rgba(0, 0, 0, 0.2); } .style-3.button.red:active, .style-3.button.red.active { background : #e04d34; background : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UwNGQzNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMjMyMTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background : -moz-linear-gradient(top, #e04d34 0%, #b23219 100%); background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e04d34), color-stop(100%,#b23219)); background : -webkit-linear-gradient(top, #e04d34 0%,#b23219 100%); background : -o-linear-gradient(top, #e04d34 0%,#b23219 100%); background : -ms-linear-gradient(top, #e04d34 0%,#b23219 100%); background : linear-gradient(top, #e04d34 0%,#b23219 100%); filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#e04d34', endColorstr='#b23219',GradientType=0 ); box-shadow : 1px 1px 0 0 #b13219 inset, -1px -1px 0 0 #b13219 inset, 2px 0 0 0 #bd3c25 inset, -2px 0 0 0 #bd3c25 inset, 0 2px 0 0 #af3c28 inset, 0 3px 0 0 #ce472f inset, 0 1px 0 0 rgba(0,0,0,0.19), 0 2px 0 0 rgba(0,0,0,0.07); -moz-box-shadow : 1px 1px 0 0 #b13219 inset, -1px -1px 0 0 #b13219 inset, 2px 0 0 0 #bd3c25 inset, -2px 0 0 0 #bd3c25 inset, 0 2px 0 0 #af3c28 inset, 0 3px 0 0 #ce472f inset, 0 1px 0 0 rgba(0,0,0,0.19), 0 2px 0 0 rgba(0,0,0,0.07); -webkit-box-shadow: 1px 1px 0 0 #b13219 inset, -1px -1px 0 0 #b13219 inset, 2px 0 0 0 #bd3c25 inset, -2px 0 0 0 #bd3c25 inset, 0 2px 0 0 #af3c28 inset, 0 3px 0 0 #ce472f inset, 0 1px 0 0 rgba(0,0,0,0.19), 0 2px 0 0 rgba(0,0,0,0.07); color : #fff; text-shadow : 0 1px 0 rgba(0, 0, 0, 0.2); } /* style-3 light-gray --------- */ .style-3.button.light-gray { background : #d0d0d0; filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0d0d0', endColorstr='#d0d0d0'); color : #303030; text-shadow : 0 1px 0 rgba(255, 255, 255, 0.5); } .style-3.button.light-gray:hover { background : #d6d6d6; background : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q2ZDZkNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZWJlYmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background : -moz-linear-gradient(top, #d6d6d6 0%, #bebebe 100%); background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6d6d6), color-stop(100%,#bebebe)); background : -webkit-linear-gradient(top, #d6d6d6 0%,#bebebe 100%); background : -o-linear-gradient(top, #d6d6d6 0%,#bebebe 100%); background : -ms-linear-gradient(top, #d6d6d6 0%,#bebebe 100%); background : linear-gradient(top, #d6d6d6 0%,#bebebe 100%); filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#bebebe',GradientType=0 ); box-shadow : 1px 1px 0 0 #bebebe inset, -1px -1px 0 0 #bebebe inset, 0 1px 2px -1px rgba(0,0,0,0.15); -moz-box-shadow : 1px 1px 0 0 #bebebe inset, -1px -1px 0 0 #bebebe inset, 0 1px 2px 0 rgba(0,0,0,0.15); -webkit-box-shadow: 1px 1px 0 0 #bebebe inset, -1px -1px 0 0 #bebebe inset, 0 1px 2px -1px rgba(0,0,0,0.15); color : #303030; text-shadow : 0 1px 0 rgba(255, 255, 255, 0.5); } .style-3.button.light-gray:active, .style-3.button.light-gray.active { background : #d7d7d7; background : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q3ZDdkNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZWJlYmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background : -moz-linear-gradient(top, #d7d7d7 0%, #bebebe 100%); background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d7d7d7), color-stop(100%,#bebebe)); background : -webkit-linear-gradient(top, #d7d7d7 0%,#bebebe 100%); background : -o-linear-gradient(top, #d7d7d7 0%,#bebebe 100%); background : -ms-linear-gradient(top, #d7d7d7 0%,#bebebe 100%); background : linear-gradient(top, #d7d7d7 0%,#bebebe 100%); filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7d7d7', endColorstr='#bebebe',GradientType=0 ); box-shadow : 1px 1px 0 0 #bebebe inset, -1px -1px 0 0 #bebebe inset, 2px 0 0 0 #c0c0c0 inset, -2px 0 0 0 #c0c0c0 inset, 0 2px 0 0 #a9a9a9 inset, 0 3px 0 0 #c7c7c7 inset, 0 1px 0 0 rgba(0,0,0,0.19), 0 2px 0 0 rgba(0,0,0,0.07); -moz-box-shadow : 1px 1px 0 0 #bebebe inset, -1px -1px 0 0 #bebebe inset, 2px 0 0 0 #c0c0c0 inset, -2px 0 0 0 #c0c0c0 inset, 0 2px 0 0 #a9a9a9 inset, 0 3px 0 0 #c7c7c7 inset, 0 1px 0 0 rgba(0,0,0,0.19), 0 2px 0 0 rgba(0,0,0,0.07); -webkit-box-shadow: 1px 1px 0 0 #bebebe inset, -1px -1px 0 0 #bebebe inset, 2px 0 0 0 #c0c0c0 inset, -2px 0 0 0 #c0c0c0 inset, 0 2px 0 0 #a9a9a9 inset, 0 3px 0 0 #c7c7c7 inset, 0 1px 0 0 rgba(0,0,0,0.19), 0 2px 0 0 rgba(0,0,0,0.07); color : #303030; text-shadow : 0 1px 0 rgba(255, 255, 255, 0.5); } /* style-3 dark-gray --------- */ .style-3.button.dark-gray { background : #565656; filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#565656', endColorstr='#565656'); color : #fff; text-shadow : 0 1px 0 rgba(0, 0, 0, 0.2); } .style-3.button.dark-gray:hover { background : #5e5e5e; background : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVlNWU1ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MDQwNDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background : -moz-linear-gradient(top, #5e5e5e 0%, #404040 100%); background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5e5e5e), color-stop(100%,#404040)); background : -webkit-linear-gradient(top, #5e5e5e 0%,#404040 100%); background : -o-linear-gradient(top, #5e5e5e 0%,#404040 100%); background : -ms-linear-gradient(top, #5e5e5e 0%,#404040 100%); background : linear-gradient(top, #5e5e5e 0%,#404040 100%); filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e5e5e', endColorstr='#404040',GradientType=0 ); box-shadow : 1px 1px 0 0 #414141 inset, -1px -1px 0 0 #414141 inset, 0 1px 2px -1px rgba(0,0,0,0.15); -moz-box-shadow : 1px 1px 0 0 #414141 inset, -1px -1px 0 0 #414141 inset, 0 1px 2px 0 rgba(0,0,0,0.15); -webkit-box-shadow: 1px 1px 0 0 #414141 inset, -1px -1px 0 0 #414141 inset, 0 1px 2px -1px rgba(0,0,0,0.15); color : #fff; text-shadow : 0 1px 0 rgba(0, 0, 0, 0.2); } .style-3.button.dark-gray:active, .style-3.button.dark-gray.active { background : #5e5e5e; background : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVlNWU1ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MDQwNDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background : -moz-linear-gradient(top, #5e5e5e 0%, #404040 100%); background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5e5e5e), color-stop(100%,#404040)); background : -webkit-linear-gradient(top, #5e5e5e 0%,#404040 100%); background : -o-linear-gradient(top, #5e5e5e 0%,#404040 100%); background : -ms-linear-gradient(top, #5e5e5e 0%,#404040 100%); background : linear-gradient(top, #5e5e5e 0%,#404040 100%); filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e5e5e', endColorstr='#404040',GradientType=0 ); box-shadow : 1px 1px 0 0 #414141 inset, -1px -1px 0 0 #414141 inset, 2px 0 0 0 #515151 inset, -2px 0 0 0 #515151 inset, 0 2px 0 0 #494949 inset, 0 3px 0 0 #565656 inset, 0 1px 0 0 rgba(0,0,0,0.19), 0 2px 0 0 rgba(0,0,0,0.07); -moz-box-shadow : 1px 1px 0 0 #414141 inset, -1px -1px 0 0 #414141 inset, 2px 0 0 0 #515151 inset, -2px 0 0 0 #515151 inset, 0 2px 0 0 #494949 inset, 0 3px 0 0 #565656 inset, 0 1px 0 0 rgba(0,0,0,0.19), 0 2px 0 0 rgba(0,0,0,0.07); -webkit-box-shadow: 1px 1px 0 0 #414141 inset, -1px -1px 0 0 #414141 inset, 2px 0 0 0 #515151 inset, -2px 0 0 0 #515151 inset, 0 2px 0 0 #494949 inset, 0 3px 0 0 #565656 inset, 0 1px 0 0 rgba(0,0,0,0.19), 0 2px 0 0 rgba(0,0,0,0.07); color : #fff; text-shadow : 0 1px 0 rgba(0, 0, 0, 0.2); } /* style-3 transparents */ .style-3.button.transparent-black, .style-3.button.transparent-black:hover, .style-3.button.transparent-black:active, .style-3.button.transparent-black.active, .style-3.button.transparent-white, .style-3.button.transparent-white:hover, .style-3.button.transparent-white:active, .style-3.button.transparent-white.active { text-shadow : 0 1px 0 rgba(0, 0, 0, 0.2); } .style-3.button.transparent-black { color: #fff; background: rgba(0, 0, 0, 0.4); } .style-3.button.transparent-black:hover { color: #fff; background: rgba(0, 0, 0, 0.5); } .style-3.button.transparent-black:active, .style-3.button.transparent-black.active { color: #fff; background: rgba(0, 0, 0, 0.3); } .style-3.button.transparent-white { color: #606060; background: rgba(255, 255, 255, 0.4); } .style-3.button.transparent-white:hover { color: #606060; background: rgba(255, 255, 255, 0.5); } .style-3.button.transparent-white:active, .style-3.button.transparent-white.active { color: #606060; background: rgba(255, 255, 255, 0.3); }