MAINHACK

Viewing / Editing File: pace-theme-mac-osx.tmpl.css

.pace {
	-webkit-pointer-events: none;
	pointer-events: none;

-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;

overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2000;
	width: 100%;
	height: 12px;
	background: #fff;
}

.pace-inactive {
	display: none;
}

.pace .pace-progress {
	background-color: `Color(args.color || "#29d").darken(.2).saturate(.65).hexString();`;
	position: fixed;
	top: 0;
	right: 100%;
	width: 100%;
	height: 12px;
	overflow: hidden;

-webkit-border-radius: 0 0 4px 0;
	-moz-border-radius: 0 0 4px 0;
	-o-border-radius: 0 0 4px 0;
	border-radius: 0 0 4px 0;

-webkit-box-shadow: inset -1px 0 `Color(args.color || "#29d").darken(.5).saturate(.7).hexString();`, inset 0 -1px `Color(args.color || "#29d").darken(.5).saturate(.7).hexString();`, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, .3);
	-moz-box-shadow: inset -1px 0 `Color(args.color || "#29d").darken(.5).saturate(.7).hexString();`, inset 0 -1px `Color(args.color || "#29d").darken(.5).saturate(.7).hexString();`, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, .3);
	-o-box-shadow: inset -1px 0 `Color(args.color || "#29d").darken(.5).saturate(.7).hexString();`, inset 0 -1px `Color(args.color || "#29d").darken(.5).saturate(.7).hexString();`, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, .3);
	box-shadow: inset -1px 0 `Color(args.color || "#29d").darken(.5).saturate(.7).hexString();`, inset 0 -1px `Color(args.color || "#29d").darken(.5).saturate(.7).hexString();`, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, .3);
}

.pace .pace-activity {
	position: fixed;
	top: 0;
	left: 0;
	right: -28px;
	bottom: 0;

-webkit-background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%);
	-moz-background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%);
	-o-background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%);
	background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%);

-webkit-background-size: 28px 100%;
	-moz-background-size: 28px 100%;
	-o-background-size: 28px 100%;
	background-size: 28px 100%;

-webkit-animation: pace-theme-mac-osx-motion 500ms linear infinite;
	-moz-animation: pace-theme-mac-osx-motion 500ms linear infinite;
	-ms-animation: pace-theme-mac-osx-motion 500ms linear infinite;
	-o-animation: pace-theme-mac-osx-motion 500ms linear infinite;
	animation: pace-theme-mac-osx-motion 500ms linear infinite;
}

@-webkit-keyframes pace-theme-mac-osx-motion {
	0% { -webkit-transform: none; transform: none; }
	100% { -webkit-transform: translate(-28px, 0); transform: translate(-28px, 0); }
}
@-moz-keyframes pace-theme-mac-osx-motion {
	0% { -moz-transform: none; transform: none; }
	100% { -moz-transform: translate(-28px, 0); transform: translate(-28px, 0); }
}
@-o-keyframes pace-theme-mac-osx-motion {
	0% { -o-transform: none; transform: none; }
	100% { -o-transform: translate(-28px, 0); transform: translate(-28px, 0); }
}
@-ms-keyframes pace-theme-mac-osx-motion {
	0% { -ms-transform: none; transform: none; }
	100% { -ms-transform: translate(-28px, 0); transform: translate(-28px, 0); }
}
@keyframes pace-theme-mac-osx-motion {
	0% { transform: none; transform: none; }
	100% { transform: translate(-28px, 0); transform: translate(-28px, 0); }
}

Cancel / Back

[ MAINHACK ]

Viewing / Editing File: pace-theme-mac-osx.tmpl.css

Server Info

System Features

User Info