#glt-toolbar { display:none; } #glt-translate-trigger { position:fixed; bottom:0px; top:auto; right: 20px; z-index:200002; padding:6px 20px 3px; font-size:16px; font-family:Arial; font-weight:700; color:#fff; text-shadow:0px -1px 0px rgba(0,0,0,0.25); text-decoration:none; text-align:center; border-top-left-radius:5px; border-top-right-radius:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-top-left-radius:5px; -moz-border-top-right-radius:5px; box-shadow:0px 0px 9px rgba(0,0,0,0.3) -webkit-box-shadow:0px 0px 9px rgba(0,0,0,0.3); -moz-box-shadow:0px 0px 9px rgba(0,0,0,0.3); box-sizing:content-box !important; -webkit-box-sizing:content-box !important; -moz-box-sizing:content-box !important; background:linear-gradient(center top, #fbb450, #f89406); background: -webkit-gradient(linear, center top, center bottom, from(#fbb450), to(#f89406)); background: -webkit-linear-gradient(#fbb450, #f89406); background: -moz-linear-gradient(#fbb450, #f89406); background: -o-linear-gradient(#fbb450, #f89406); background: -ms-linear-gradient(#fbb450, #f89406); background: linear-gradient(#fbb450, #f89406); background: -o-linear-gradientcenter (center top, #fbb450, #f89406); /* For Opera 11.1 to 12.0 */ } .tool-container { background-color: #d0cbcb; background: -webkit-gradient(linear, left top, left bottom, color-stop(14%, #d0cbcb), color-stop(100%, #e9e5e5)); background: -moz-linear-gradient(top, #d0cbcb 14%, #e9e5e5 100%); background: -ms-linear-gradient(top, #d0cbcb 14%,#e9e5e5 100%); background: linear-gradient(to bottom, #d0cbcb 14%,#e9e5e5 100%); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxNCUiIHN0b3AtY29sb3I9IiNkMGNiY2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTllNWU1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0cbcb', endColorstr='#e9e5e5',GradientType=0 ); background-size: 100% 100%; border-radius: 3px; box-shadow: 0px 0px 15px #000; position: absolute; } .tool-container.tool-top, .tool-container.tool-bottom { border-bottom: 1px solid #beb8b8 ; /* #B1A9A9 */ } .tool-items { height: 100%; } .tool-top .tool-item, .tool-bottom .tool-item { float: left; /*border-right: 1px solid #e2dfdf; border-left: 1px solid #9f9898;*/ } .tool-left .tool-item, .tool-right .tool-item { height: 34px; border-top: 1px solid #e2dfdf; border-bottom: 1px solid #9f9898; } .tool-item { height: 100%; display: block; width: 34px; text-align: center; } .tool-item:first-child { border-left: none; } .tool-left .tool-item:first-child, .tool-right .tool-item:first-child { border-top: 1px solid transparent; } .tool-item:last-child { border-right: none; border-bottom: none; } .tool-item.selected, .tool-item:hover { background: #a79f9f; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a79f9f), color-stop(93%, #e2dfdf)); background: -moz-linear-gradient(top, #a79f9f 0%, #e2dfdf 93%); background: -ms-linear-gradient(top, #a79f9f 0%, #e2dfdf 93%); background: linear-gradient(to bottom, #a79f9f 0%, #e2dfdf 93%); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E3OWY5ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkzJSIgc3RvcC1jb2xvcj0iI2UyZGZkZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a79f9f', endColorstr='#e2dfdf',GradientType=0 ); } .tool-top .tool-item:last-child:hover, .tool-bottom .tool-item:last-child:hover { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .tool-top .tool-item:first-child:hover, .tool-bottom .tool-item:first-child:hover { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .tool-left .tool-item:last-child:hover, .tool-right .tool-item:last-child:hover { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .tool-left .tool-item:first-child:hover, .tool-right .tool-item:first-child:hover { border-top-right-radius: 4px; border-top-left-radius: 4px; } .tool-container .arrow { width:0; height:0; position: absolute; border-width:7px; border-style:solid; } .tool-container.tool-top .arrow { border-color: #e9e5e5 transparent transparent; left: 50%; bottom: -14px; margin-left: -7px; } .tool-container.tool-bottom .arrow { border-color: transparent transparent #e9e5e5; left: 50%; top: -14px; margin-left: -7px; } .tool-container.tool-left .arrow { border-color: transparent transparent transparent #E9E5E5; top: 50%; right: -14px; margin-top: -7px; } .tool-container.tool-right .arrow { border-color: transparent #E9E5E5 transparent transparent; top: 50%; left: -14px; margin-top: -7px; } .demo-link { color: #89CDE4; text-decoration: underline; cursor: pointer; margin-left: 30px; } .demo-link:hover { text-decoration: none; cursor: pointer; }