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

PATH: home / letacommog / letaweb / css

.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background-color: #78c0f0;

color: #CBE7F9;
  position: fixed;
  z-index: 2000;
  top: 0;
  left: 0;
  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 rgba(0, 0, 0, 0.3), inset 0 -1px rgba(0, 0, 0, 0.3), inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
  -moz-box-shadow: inset -1px 0 rgba(0, 0, 0, 0.3), inset 0 -1px rgba(0, 0, 0, 0.3), inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
  -o-box-shadow: inset -1px 0 rgba(0, 0, 0, 0.3), inset 0 -1px rgba(0, 0, 0, 0.3), inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
  box-shadow: inset -1px 0 rgba(0, 0, 0, 0.3), inset 0 -1px rgba(0, 0, 0, 0.3), inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);

-webkit-transition: width 1s;
  -moz-transition: width 1s;
  -o-transition: width 1s;
  transition: width 1s;
}

.pace .pace-progress-inner {
  position: absolute;
  top: 0;
  left: 0;
  right: -28px;
  bottom: 0;

background-image: -o-radial-gradient(rgba(25, 147, 228, 0.6) 0%, rgba(120, 192, 240, 0) 100%);
  background-image: -moz-radial-gradient(rgba(25, 147, 228, 0.6) 0%, rgba(120, 192, 240, 0) 100%);
  background-image: -webkit-radial-gradient(rgba(25, 147, 228, 0.6) 0%, rgba(120, 192, 240, 0) 100%);
  background-image: radial-gradient(rgba(25, 147, 228, 0.6) 0%, rgba(120, 192, 240, 0) 100%);

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

-webkit-animation: pace-stripe-animation 500ms linear infinite;
  -moz-animation: pace-stripe-animation 500ms linear infinite;
  -ms-animation: pace-stripe-animation 500ms linear infinite;
  -o-animation: pace-stripe-animation 500ms linear infinite;
  animation: pace-stripe-animation 500ms linear infinite;
}

@-webkit-keyframes pace-stripe-animation {
  0% { -webkit-transform: none; transform: none; }
  100% { -webkit-transform: translate(-28px, 0); transform: translate(-28px, 0); }
}
@-moz-keyframes pace-stripe-animation {
  0% { -moz-transform: none; transform: none; }
  100% { -moz-transform: translate(-28px, 0); transform: translate(-28px, 0); }
}
@-o-keyframes pace-stripe-animation {
  0% { -o-transform: none; transform: none; }
  100% { -o-transform: translate(-28px, 0); transform: translate(-28px, 0); }
}
@-ms-keyframes pace-stripe-animation {
  0% { -ms-transform: none; transform: none; }
  100% { -ms-transform: translate(-28px, 0); transform: translate(-28px, 0); }
}
@keyframes pace-stripe-animation {
  0% { transform: none; transform: none; }
  100% { transform: translate(-28px, 0); transform: translate(-28px, 0); }
}

[+] ..
[+] typicons.font
[-] datetimepicker.css [edit]
[-] hover-min.css [edit]
[-] pace.maxos.css [edit]
[-] blank.gif [edit]
[-] flexigrid.css [edit]
[-] jquery.dataTables.min.css [edit]
[-] colorpicker.css [edit]
[-] font-awesome.min.css [edit]
[-] jquery.bxslider.css [edit]
[-] pace.big_counter.css [edit]
[-] pace.loading_bar.css [edit]
[-] animate.min.css [edit]
[-] jquery.cleditor.css [edit]
[-] spectrum.css [edit]
[-] admin2.css [edit]
[-] pace.css [edit]
[-] pace.flat_top.css [edit]
[-] pace.barber_shop.css [edit]
[-] pace.default.css [edit]
[-] jquery-ui-timepicker.css [edit]
[-] font-social.css [edit]
[+] select2
[-] login.css [edit]
[-] jcarousellite.css [edit]
[-] colorbox.css [edit]
[-] profile.css [edit]
[-] ie.css [edit]
[-] edit_page.css [edit]
[-] tree.css [edit]
[-] create_page.css [edit]
[+] entypo
[-] ihover.min.css [edit]
[-] bootstrap.min.css [edit]
[+] ui-iconpicker
[-] style.css [edit]
[-] nivo-slider.css [edit]
[-] ihover.css [edit]
[-] ecommerce.css [edit]
[-] pace.fill_left.css [edit]
[+] ui-grid
[-] editor.css [edit]
[-] screen.css [edit]
[-] ng-table.min.css [edit]
[+] owl_carousel
[-] jquery.validate.password.css [edit]
[+] slick
[-] fontawesome-iconpicker.min.css [edit]
[-] mediaelementplayer.css [edit]
[-] prettyPhoto.css [edit]
[+] owl-carousel
[+] linecons
[+] sm
[-] pace.bounce.css [edit]
[-] common-ui.css [edit]
[-] pace.corner_indicator.css [edit]
[-] bootstrap.css [edit]
[+] open-iconic
[-] pace.center_radar.css [edit]
[-] pace.center_atom.css [edit]
[-] widget.css [edit]
[-] checkout.css [edit]
[-] viewpage.css [edit]
[-] pace.inner.css [edit]
[-] bootstrap-theme.min.css [edit]
[-] codemirror.css [edit]
[-] form.css [edit]
[-] camera.css [edit]
[-] flexigrid.pack.css [edit]
[-] bg.gif [edit]
[-] jquery-ui-1.8.17.custom.css [edit]
[-] jquery.qtip.min.css [edit]
[-] cloudzoom.css [edit]
[-] pace.center_simple.css [edit]
[-] ui-iconpicker.css [edit]
[-] common.css [edit]
[-] main.css [edit]
[-] chopslider.css [edit]
[-] responsive.css [edit]
[-] xeditable.css [edit]
[-] pace.flash.css [edit]
[-] edit_page_editor.css [edit]
[-] admin.css [edit]
[+] nivo_slider
[+] jqvmap
[-] pace.center_circle.css [edit]
[-] font-awesome.css [edit]