ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / centosnipponia / public_html / ticketing.nipponia.com / osta / inc

<style>
/* Button */
#float-button {
    position: fixed;
    bottom: 7px;
    left: 20px;
    z-index: 999999;
}
 #float-button-right {
	position: fixed;
    bottom: 200px;
    right: 200px;
    z-index: 999999;
}	
 .mui-btn {
     background-color: #FFF;
     -webkit-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
     display: inline-block;
     height: 36px;
     padding: 0 26px;
     margin: 6px 6px 6px 0;
     border: none;
     border-radius: 2px;
     cursor: pointer;
     -ms-touch-action: manipulation;
     touch-action: manipulation;
     background-image: none;
     text-align: center;
     line-height: 36px;
     vertical-align: middle;
     white-space: nowrap;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     position: relative;
     overflow: hidden;
}
button.mui-btn.mui-btn--fab:hover {
    padding: 0px;
}
#float-button-right .mui-btn {
     margin: 6px 0 6px 3px;
}
 .mui-btn svg {
	position: relative;
    top: 8px;
    left: -1px;
}
 #float-button-right .mui-btn svg {
    width: 20px !important;
    height: 20px !important;
    position: relative;
    top: 1px;
    left: 1px;
    transform: rotate(90deg);
}
 .mui-btn:hover, .mui-btn:focus, .mui-btn:active {
     outline: 0;
     text-decoration: none;
     color: rgba(0, 0, 0, 0.87);
}
 .mui-btn:hover, .mui-btn:focus {
     -webkit-box-shadow: 0 0px 4px rgba(0, 0, 0, 0.12), 0 4px 4px rgba(0, 0, 0, 0.2);
     box-shadow: 0 0px 4px rgba(0, 0, 0, 0.12), 0 4px 4px rgba(0, 0, 0, 0.2);
}
 .mui-btn--raised, .mui-btn--fab {
     -webkit-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2);
     box-shadow: 0 0px 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2);
}
 .mui-btn--fab {
     position: relative;
     padding: 0;
     width: 55px;
     height: 55px;
     line-height: 55px;
     border-radius: 50%;
     z-index: 1;
}
/* Pop */
 @-webkit-keyframes hvr-pop {
     50% {
         -webkit-transform: scale(1.1);
         transform: scale(1.1);
    }
}
 @keyframes hvr-pop {
     50% {
         -webkit-transform: scale(1.1);
         transform: scale(1.1);
    }
}
 .mui-btn {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
}
 .mui-btn:hover, .mui-btn:focus, .mui-btn:active {
     -webkit-animation-name: hvr-pop;
     animation-name: hvr-pop;
     -webkit-animation-duration: 0.3s;
     animation-duration: 0.3s;
     -webkit-animation-timing-function: linear;
     animation-timing-function: linear;
     -webkit-animation-iteration-count: 1;
     animation-iteration-count: 1;
}
/* Tooltip */
 [tooltip] {
     position: relative;
}
[tooltip]::before,
[tooltip]::after {
  text-transform: none; /* opinion 2 */
  font-size: .9em; /* opinion 3 */
  line-height: 1;
  user-select: none;
  pointer-events: none;
  position: absolute;
  display: none;
  opacity: 0;
}
 [tooltip]::before {
     content: '';
     border: 6px solid transparent;
     z-index: 1001;
}
 [tooltip]::after {
     content: attr(tooltip);
     font-family: Helvetica, sans-serif;
     text-align: center;
     min-width: 3em;
     max-width: 21em;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     padding: 2ch 1.5ch;
     border-radius: .3ch;
     -webkit-box-shadow: 0 0px 4px rgba(0, 0, 0, 0.12), 0 4px 4px rgba(0, 0, 0, 0.2);
     box-shadow: 0 0px 4px rgba(0, 0, 0, 0.12), 0 4px 4px rgba(0, 0, 0, 0.2);
     background: #FFE9D2;
     color: #888;
     z-index: 1000;
}
 [tooltip]:hover::before, [tooltip]:hover::after {
     display: block;
}
 [tooltip='']::before, [tooltip='']::after {
     display: none !important;
}
/* float: left */
[tooltip][flow^="left"]::before {
    top: 70%;
    border-left-color: #FFE9D2;
    left: calc(0em - 5px);
}	
[tooltip][flow^="left"]::after {
    top: 70%;
	right: calc(100% + 5px);
    transform: translate(.5.em, -50%);
    color: #756d65;	 
}
/* flow: right */
 [tooltip][flow^="right"]::before {
     top: 70%;
     border-left-width: 0;
     border-right-color: #FFE9D2;
     right: calc(0em - 5px);
     transform: translate(.5.em, -50%);
}
 [tooltip][flow^="right"]::after {
     top: 70%;
     left: calc(100% + 5px);
     transform: translate(.5.em, -50%);
}
 @keyframes tooltips-vert {
     to {
         opacity: .8;
         transform: translate(-50%, 0);
    }
}
 @keyframes tooltips-horz {
     to {
         opacity: 1;
         transform: translate(0, -50%);
    }
}
[tooltip][flow^="left"]:hover::before,
[tooltip][flow^="left"]:hover::after,
[tooltip][flow^="right"]:hover::before,
[tooltip][flow^="right"]:hover::after {
    -webkit-animation: tooltips-horz 300ms ease-out forwards;
    animation: tooltips-horz 300ms ease-out forwards;
}
a[href="https://osticketawesome.com/"] {
    background: #4caf50 !important;
    height: 0px !important;
    display: inherit;
}
</style>
<a id="test" href="https://osticketawesome.com/">
	<div id="float-button">
    	<span tooltip="Go Back to osticketawesome.com" flow="right">  
	  	<button class="mui-btn mui-btn--fab">
			<svg style="width:24px;height:24px" viewBox="0 0 24 24">
				<path fill="#128eab" d="M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z" />
			</svg>   
		<span class="mui-btn__ripple-container"><span class="mui-ripple mui--is-animating" style="width: 155.563px; height: 155.563px; top: -48px; left: -48px;"></span></span>
		</button>
		</span>
	</div>
</a>

[+] ..
[-] client-foot.html [edit]
[-] default-logo.html [edit]
[-] back-button.html [edit]
[-] client-head.html [edit]
[-] setup-header.html [edit]
[-] setup-foot.html [edit]
[-] theme-button.html [edit]
[-] staff-mobile-menu.html [edit]
[-] staff-foot.html [edit]
[-] database-reset-warning.html [edit]
[-] keyboard-shortcuts.html [edit]
[-] staff-head.html [edit]
[-] setup-head.html [edit]
[-] version-info.inc.php [edit]
[-] .htaccess.disabled [edit]