TimeTrex Community Edition v16.2.0
This commit is contained in:
@@ -0,0 +1,246 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<script>document.write('<base href="' + document.location + '" />');</script>
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
|
||||
<meta name="apple-mobile-web-app-capable" content="yes" />
|
||||
<title>PrimeVue Apollo - Landing</title>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="../theme/theme-blue-light.css">
|
||||
<link rel="stylesheet" type="text/css" href="../layout/css/layout-blue-light.css">
|
||||
<link rel="stylesheet" type="text/css" href="./primeflex.css">
|
||||
<link rel="stylesheet" type="text/css" href="./primevue.min.css">
|
||||
</head>
|
||||
|
||||
<body class="landing-body">
|
||||
|
||||
<div class="landing-wrapper">
|
||||
<div class="landing-header">
|
||||
<div class="landing-header-content clearfix">
|
||||
<img src="../layout/images/logo-white.png" alt="apollo-layout" />
|
||||
|
||||
<a id="menu-button" href="#">
|
||||
<img src="../layout/images/landing/icon-menu.svg" alt="Menu"/>
|
||||
</a>
|
||||
<ul id="menu">
|
||||
<li><a href="#"><i class="menu-icon"></i>Home</a></li>
|
||||
<li><a href="#introduction"><i class="menu-icon"></i>Introduction</a></li>
|
||||
<li><a href="#landing-feature"><i class="menu-icon"></i>Features</a></li>
|
||||
<li><a href="#mobile"><i class="menu-icon"></i>Mobile</a></li>
|
||||
<li><a href="#testimonials"><i class="menu-icon"></i>Testimonials</a></li>
|
||||
<li><a href="#pricing"><i class="menu-icon"></i>Pricing</a></li>
|
||||
<li><a href="#video"><i class="menu-icon"></i>Video</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="introduction">
|
||||
<div class="introduction-content">
|
||||
<p class="title">PrimeVue Presents Apollo</p>
|
||||
<p class="subtitle">Modern and elegant responsive application template with a premium look for PrimeVue components.</p>
|
||||
<button type="button" class="p-button p-component p-button-text-only p-button-info">
|
||||
<span class="p-button-text">Learn More</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="landing-feature">
|
||||
<div class="landing-container">
|
||||
<div class="p-grid">
|
||||
<div class="p-col-12 p-md-6 p-lg-3 centerText">
|
||||
<img src="../layout/images/landing/creative.svg" alt="creative"/>
|
||||
<h2>Creative</h2>
|
||||
<p>
|
||||
Vitae potenti ante praesent <br/>
|
||||
a dui eget nibh eu quam <br/>
|
||||
accumsan porttitor tincidunt
|
||||
</p>
|
||||
</div>
|
||||
<div class="p-col-12 p-md-6 p-lg-3 centerText">
|
||||
<img src="../layout/images/landing/responsive.svg" alt="creative"/>
|
||||
<h2>Responsive</h2>
|
||||
<p>
|
||||
Vitae potenti ante praesent <br/>
|
||||
a dui eget nibh eu quam <br/>
|
||||
accumsan porttitor tincidunt
|
||||
</p>
|
||||
</div>
|
||||
<div class="p-col-12 p-md-6 p-lg-3 centerText">
|
||||
<img src="../layout/images/landing/browser.svg" alt="creative"/>
|
||||
<h2>Cross Browser</h2>
|
||||
<p>
|
||||
Vitae potenti ante praesent <br/>
|
||||
a dui eget nibh eu quam <br/>
|
||||
accumsan porttitor tincidunt
|
||||
</p>
|
||||
</div>
|
||||
<div class="p-col-12 p-md-6 p-lg-3 centerText">
|
||||
<img src="../layout/images/landing/organize.svg" alt="creative"/>
|
||||
<h2>Well Organized</h2>
|
||||
<p>
|
||||
Vitae potenti ante praesent <br/>
|
||||
a dui eget nibh eu quam <br/>
|
||||
accumsan porttitor tincidunt
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="mobile">
|
||||
<div class="mobile-content">
|
||||
<img src="../layout/images/landing/landing_rocket.png" alt="apollo-layout" />
|
||||
<span class="title">Try Our Mobile App!</span>
|
||||
<span class="subtitle">Available at App Store and Google Play.</span>
|
||||
<button type="button" class="p-button p-component p-button-text-only p-button-success" pButton>
|
||||
<span class="p-button-text">Learn More</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="testimonials">
|
||||
<div class="p-grid">
|
||||
<div class="p-col-12">
|
||||
<div class="testimonials-container">
|
||||
<h1 class="testimonials-title">Testimonials</h1>
|
||||
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium
|
||||
doloremque.</p>
|
||||
<div class="testimonials-content">
|
||||
<p id="testimonials-text">
|
||||
Beautiful design, straight - forward code, and a very flexible template.
|
||||
Now I can easily build my own product landing page. Thanks
|
||||
</p>
|
||||
<img src="../layout/images/landing/landing_avatar.png" alt="apollo-layout" />
|
||||
<p>Grace Montgomery</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="pricing">
|
||||
<div class="pricing-content">
|
||||
<span class="pricing-title">Pricing</span>
|
||||
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium
|
||||
doloremque laudantium, totam rem aperiam.</p>
|
||||
|
||||
<div class="p-grid">
|
||||
<div class="p-col-12 p-md-4">
|
||||
<div class="pricing-basic pricing-box">
|
||||
<span class="pricing-name">Basic</span>
|
||||
<div class="pricing-fee">1$</div>
|
||||
|
||||
<p>50GB Disk Space</p>
|
||||
<p>500GB Monthly Bandwith</p>
|
||||
<p>20 Email Accounts</p>
|
||||
<p>5 Subdomain</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="p-col-12 p-md-4">
|
||||
<div class="pricing-standard pricing-box">
|
||||
<span class="pricing-name">Standard</span>
|
||||
<div class="pricing-fee">5$</div>
|
||||
|
||||
<p>200GB Disk Space</p>
|
||||
<p>1TB Monthly Bandwith</p>
|
||||
<p>50 Email Accounts</p>
|
||||
<p>10 Subdomain</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="p-col-12 p-md-4">
|
||||
<div class="pricing-professional pricing-box">
|
||||
<span class="pricing-name">Professional</span>
|
||||
<div class="pricing-fee">10$</div>
|
||||
|
||||
<p>2TB Disk Space</p>
|
||||
<p>10TB Monthly Bandwith</p>
|
||||
<p>Unlimited Email Accounts</p>
|
||||
<p>50 Subdomain</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="video">
|
||||
<div class="video-content">
|
||||
<span class="video-title">Video</span>
|
||||
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium
|
||||
doloremque.</p>
|
||||
<div class="video-container">
|
||||
<iframe src="https://www.youtube.com/embed/B_lYGUtCd0g" frameborder="0" width="560"></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="landing-footer">
|
||||
<div class="landing-footer-content">
|
||||
<div class="footer-top">
|
||||
<div class="p-grid">
|
||||
<div class="p-col-12">
|
||||
<img src="../layout/images/landing/landing_logo_footer.png" alt="apollo-layout" class="footer-logo"/>
|
||||
<p>Apollo Premium Application Template</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
ApolloLanding = {
|
||||
addClass: function(element, className) {
|
||||
if (element.classList)
|
||||
element.classList.add(className);
|
||||
else
|
||||
element.className += ' ' + className;
|
||||
},
|
||||
|
||||
removeClass: function(element, className) {
|
||||
if (element.classList)
|
||||
element.classList.remove(className);
|
||||
else
|
||||
element.className = element.className.replace(new RegExp('(^|\\b)' + className.split(' ').join('|') + '(\\b|$)', 'gi'), ' ');
|
||||
},
|
||||
|
||||
hasClass: function(element, className) {
|
||||
if (element.classList)
|
||||
return element.classList.contains(className);
|
||||
else
|
||||
return new RegExp('(^| )' + className + '( |$)', 'gi').test(element.className);
|
||||
},
|
||||
|
||||
hideMenu: function() {
|
||||
this.removeClass(document.getElementById('menu'), 'overlay-menu');
|
||||
},
|
||||
|
||||
showMenu: function() {
|
||||
this.addClass(document.getElementById('menu'), 'overlay-menu');
|
||||
}
|
||||
};
|
||||
|
||||
document.getElementById('menu-button').addEventListener('click', function(e) {
|
||||
var menu = document.getElementById('menu');
|
||||
|
||||
if(ApolloLanding.hasClass(menu, 'overlay-menu'))
|
||||
ApolloLanding.hideMenu();
|
||||
else
|
||||
ApolloLanding.showMenu();
|
||||
|
||||
e.preventDefault();
|
||||
});
|
||||
|
||||
var menuLinks = document.querySelectorAll('#menu a');
|
||||
for (i = 0; i < menuLinks.length; i++) {
|
||||
menuLinks[i].addEventListener('click', function(e) {
|
||||
ApolloLanding.hideMenu();
|
||||
});
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,638 @@
|
||||
.p-grid {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
margin-right: -0.5em;
|
||||
margin-left: -0.5em;
|
||||
margin-top: -0.5em; }
|
||||
|
||||
.p-nogutter {
|
||||
margin-right: 0;
|
||||
margin-left: 0;
|
||||
margin-top: 0; }
|
||||
|
||||
.p-nogutter > .p-col,
|
||||
.p-nogutter > [class*="p-col-"] {
|
||||
padding: 0; }
|
||||
|
||||
.p-dir-rev {
|
||||
-webkit-box-orient: horizontal;
|
||||
-webkit-box-direction: reverse;
|
||||
-ms-flex-direction: row-reverse;
|
||||
flex-direction: row-reverse; }
|
||||
|
||||
.p-dir-col {
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column; }
|
||||
|
||||
.p-dir-col-rev {
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: reverse;
|
||||
-ms-flex-direction: column-reverse;
|
||||
flex-direction: column-reverse; }
|
||||
|
||||
.p-justify-start {
|
||||
-webkit-box-pack: start;
|
||||
-ms-flex-pack: start;
|
||||
justify-content: flex-start; }
|
||||
|
||||
.p-justify-end {
|
||||
-webkit-box-pack: end;
|
||||
-ms-flex-pack: end;
|
||||
justify-content: flex-end; }
|
||||
|
||||
.p-justify-center {
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center; }
|
||||
|
||||
.p-justify-between {
|
||||
-webkit-box-pack: justify;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between; }
|
||||
|
||||
.p-justify-around {
|
||||
-ms-flex-pack: distribute;
|
||||
justify-content: space-around; }
|
||||
|
||||
.p-justify-even {
|
||||
-webkit-box-pack: space-evenly;
|
||||
-ms-flex-pack: space-evenly;
|
||||
justify-content: space-evenly; }
|
||||
|
||||
.p-align-start {
|
||||
-webkit-box-align: start;
|
||||
-ms-flex-align: start;
|
||||
align-items: flex-start; }
|
||||
|
||||
.p-align-end {
|
||||
-webkit-box-align: end;
|
||||
-ms-flex-align: end;
|
||||
align-items: flex-end; }
|
||||
|
||||
.p-align-center {
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center; }
|
||||
|
||||
.p-align-baseline {
|
||||
-webkit-box-align: baseline;
|
||||
-ms-flex-align: baseline;
|
||||
align-items: baseline; }
|
||||
|
||||
.p-align-stretch {
|
||||
-webkit-box-align: stretch;
|
||||
-ms-flex-align: stretch;
|
||||
align-items: stretch; }
|
||||
|
||||
.p-col {
|
||||
-webkit-box-flex: 1;
|
||||
-ms-flex-positive: 1;
|
||||
flex-grow: 1;
|
||||
-ms-flex-preferred-size: 0;
|
||||
flex-basis: 0;
|
||||
padding: 0.5em; }
|
||||
|
||||
.p-col-fixed {
|
||||
-webkit-box-flex: 0;
|
||||
-ms-flex: 0 0 auto;
|
||||
flex: 0 0 auto;
|
||||
padding: 0.5em; }
|
||||
|
||||
.p-col-align-start {
|
||||
-ms-flex-item-align: start;
|
||||
align-self: flex-start; }
|
||||
|
||||
.p-col-align-end {
|
||||
-ms-flex-item-align: end;
|
||||
align-self: flex-end; }
|
||||
|
||||
.p-col-align-center {
|
||||
-ms-flex-item-align: center;
|
||||
-ms-grid-row-align: center;
|
||||
align-self: center; }
|
||||
|
||||
.p-col-align-baseline {
|
||||
-ms-flex-item-align: baseline;
|
||||
align-self: baseline; }
|
||||
|
||||
.p-col-align-stretch {
|
||||
-ms-flex-item-align: stretch;
|
||||
-ms-grid-row-align: stretch;
|
||||
align-self: stretch; }
|
||||
|
||||
.p-col-1,
|
||||
.p-col-2,
|
||||
.p-col-3,
|
||||
.p-col-4,
|
||||
.p-col-5,
|
||||
.p-col-6,
|
||||
.p-col-7,
|
||||
.p-col-8,
|
||||
.p-col-9,
|
||||
.p-col-10,
|
||||
.p-col-11,
|
||||
.p-col-12 {
|
||||
-webkit-box-flex: 0;
|
||||
-ms-flex: 0 0 auto;
|
||||
flex: 0 0 auto;
|
||||
padding: 0.5em; }
|
||||
|
||||
.p-col-1 {
|
||||
width: 8.3333%; }
|
||||
|
||||
.p-col-2 {
|
||||
width: 16.6667%; }
|
||||
|
||||
.p-col-3 {
|
||||
width: 25%; }
|
||||
|
||||
.p-col-4 {
|
||||
width: 33.3333%; }
|
||||
|
||||
.p-col-5 {
|
||||
width: 41.6667%; }
|
||||
|
||||
.p-col-6 {
|
||||
width: 50%; }
|
||||
|
||||
.p-col-7 {
|
||||
width: 58.3333%; }
|
||||
|
||||
.p-col-8 {
|
||||
width: 66.6667%; }
|
||||
|
||||
.p-col-9 {
|
||||
width: 75%; }
|
||||
|
||||
.p-col-10 {
|
||||
width: 83.3333%; }
|
||||
|
||||
.p-col-11 {
|
||||
width: 91.6667%; }
|
||||
|
||||
.p-col-12 {
|
||||
width: 100%; }
|
||||
|
||||
.p-offset-12 {
|
||||
margin-left: 100%; }
|
||||
|
||||
.p-offset-11 {
|
||||
margin-left: 91.66666667%; }
|
||||
|
||||
.p-offset-10 {
|
||||
margin-left: 83.33333333%; }
|
||||
|
||||
.p-offset-9 {
|
||||
margin-left: 75%; }
|
||||
|
||||
.p-offset-8 {
|
||||
margin-left: 66.66666667%; }
|
||||
|
||||
.p-offset-7 {
|
||||
margin-left: 58.33333333%; }
|
||||
|
||||
.p-offset-6 {
|
||||
margin-left: 50%; }
|
||||
|
||||
.p-offset-5 {
|
||||
margin-left: 41.66666667%; }
|
||||
|
||||
.p-offset-4 {
|
||||
margin-left: 33.33333333%; }
|
||||
|
||||
.p-offset-3 {
|
||||
margin-left: 25%; }
|
||||
|
||||
.p-offset-2 {
|
||||
margin-left: 16.66666667%; }
|
||||
|
||||
.p-offset-1 {
|
||||
margin-left: 8.33333333%; }
|
||||
|
||||
.p-offset-0 {
|
||||
margin-left: 0%; }
|
||||
|
||||
.p-sm-1,
|
||||
.p-sm-2,
|
||||
.p-sm-3,
|
||||
.p-sm-4,
|
||||
.p-sm-5,
|
||||
.p-sm-6,
|
||||
.p-sm-7,
|
||||
.p-sm-8,
|
||||
.p-sm-9,
|
||||
.p-sm-10,
|
||||
.p-sm-11,
|
||||
.p-sm-12,
|
||||
.p-md-1,
|
||||
.p-md-2,
|
||||
.p-md-3,
|
||||
.p-md-4,
|
||||
.p-md-5,
|
||||
.p-md-6,
|
||||
.p-md-7,
|
||||
.p-md-8,
|
||||
.p-md-9,
|
||||
.p-md-10,
|
||||
.p-md-11,
|
||||
.p-md-12,
|
||||
.p-lg-1,
|
||||
.p-lg-2,
|
||||
.p-lg-3,
|
||||
.p-lg-4,
|
||||
.p-lg-5,
|
||||
.p-lg-6,
|
||||
.p-lg-7,
|
||||
.p-lg-8,
|
||||
.p-lg-9,
|
||||
.p-lg-10,
|
||||
.p-lg-11,
|
||||
.p-lg-12,
|
||||
.p-xl-1,
|
||||
.p-xl-2,
|
||||
.p-xl-3,
|
||||
.p-xl-4,
|
||||
.p-xl-5,
|
||||
.p-xl-6,
|
||||
.p-xl-7,
|
||||
.p-xl-8,
|
||||
.p-xl-9,
|
||||
.p-xl-10,
|
||||
.p-xl-11,
|
||||
.p-xl-12 {
|
||||
padding: 0.5em; }
|
||||
|
||||
.p-col-nogutter {
|
||||
padding: 0; }
|
||||
|
||||
@media screen and (min-width: 576px) {
|
||||
.p-sm-1,
|
||||
.p-sm-2,
|
||||
.p-sm-3,
|
||||
.p-sm-4,
|
||||
.p-sm-5,
|
||||
.p-sm-6,
|
||||
.p-sm-7,
|
||||
.p-sm-8,
|
||||
.p-sm-9,
|
||||
.p-sm-10,
|
||||
.p-sm-11,
|
||||
.p-sm-12 {
|
||||
-webkit-box-flex: 0;
|
||||
-ms-flex: 0 0 auto;
|
||||
flex: 0 0 auto; }
|
||||
|
||||
.p-sm-1 {
|
||||
width: 8.3333%; }
|
||||
|
||||
.p-sm-2 {
|
||||
width: 16.6667%; }
|
||||
|
||||
.p-sm-3 {
|
||||
width: 25%; }
|
||||
|
||||
.p-sm-4 {
|
||||
width: 33.3333%; }
|
||||
|
||||
.p-sm-5 {
|
||||
width: 41.6667%; }
|
||||
|
||||
.p-sm-6 {
|
||||
width: 50%; }
|
||||
|
||||
.p-sm-7 {
|
||||
width: 58.3333%; }
|
||||
|
||||
.p-sm-8 {
|
||||
width: 66.6667%; }
|
||||
|
||||
.p-sm-9 {
|
||||
width: 75%; }
|
||||
|
||||
.p-sm-10 {
|
||||
width: 83.3333%; }
|
||||
|
||||
.p-sm-11 {
|
||||
width: 91.6667%; }
|
||||
|
||||
.p-sm-12 {
|
||||
width: 100%; }
|
||||
|
||||
.p-sm-offset-12 {
|
||||
margin-left: 100%; }
|
||||
|
||||
.p-sm-offset-11 {
|
||||
margin-left: 91.66666667%; }
|
||||
|
||||
.p-sm-offset-10 {
|
||||
margin-left: 83.33333333%; }
|
||||
|
||||
.p-sm-offset-9 {
|
||||
margin-left: 75%; }
|
||||
|
||||
.p-sm-offset-8 {
|
||||
margin-left: 66.66666667%; }
|
||||
|
||||
.p-sm-offset-7 {
|
||||
margin-left: 58.33333333%; }
|
||||
|
||||
.p-sm-offset-6 {
|
||||
margin-left: 50%; }
|
||||
|
||||
.p-sm-offset-5 {
|
||||
margin-left: 41.66666667%; }
|
||||
|
||||
.p-sm-offset-4 {
|
||||
margin-left: 33.33333333%; }
|
||||
|
||||
.p-sm-offset-3 {
|
||||
margin-left: 25%; }
|
||||
|
||||
.p-sm-offset-2 {
|
||||
margin-left: 16.66666667%; }
|
||||
|
||||
.p-sm-offset-1 {
|
||||
margin-left: 8.33333333%; }
|
||||
|
||||
.p-sm-offset-0 {
|
||||
margin-left: 0%; } }
|
||||
@media screen and (min-width: 768px) {
|
||||
.p-md-1,
|
||||
.p-md-2,
|
||||
.p-md-3,
|
||||
.p-md-4,
|
||||
.p-md-5,
|
||||
.p-md-6,
|
||||
.p-md-7,
|
||||
.p-md-8,
|
||||
.p-md-9,
|
||||
.p-md-10,
|
||||
.p-md-11,
|
||||
.p-md-12 {
|
||||
-webkit-box-flex: 0;
|
||||
-ms-flex: 0 0 auto;
|
||||
flex: 0 0 auto; }
|
||||
|
||||
.p-md-1 {
|
||||
width: 8.3333%; }
|
||||
|
||||
.p-md-2 {
|
||||
width: 16.6667%; }
|
||||
|
||||
.p-md-3 {
|
||||
width: 25%; }
|
||||
|
||||
.p-md-4 {
|
||||
width: 33.3333%; }
|
||||
|
||||
.p-md-5 {
|
||||
width: 41.6667%; }
|
||||
|
||||
.p-md-6 {
|
||||
width: 50%; }
|
||||
|
||||
.p-md-7 {
|
||||
width: 58.3333%; }
|
||||
|
||||
.p-md-8 {
|
||||
width: 66.6667%; }
|
||||
|
||||
.p-md-9 {
|
||||
width: 75%; }
|
||||
|
||||
.p-md-10 {
|
||||
width: 83.3333%; }
|
||||
|
||||
.p-md-11 {
|
||||
width: 91.6667%; }
|
||||
|
||||
.p-md-12 {
|
||||
width: 100%; }
|
||||
|
||||
.p-md-offset-12 {
|
||||
margin-left: 100%; }
|
||||
|
||||
.p-md-offset-11 {
|
||||
margin-left: 91.66666667%; }
|
||||
|
||||
.p-md-offset-10 {
|
||||
margin-left: 83.33333333%; }
|
||||
|
||||
.p-md-offset-9 {
|
||||
margin-left: 75%; }
|
||||
|
||||
.p-md-offset-8 {
|
||||
margin-left: 66.66666667%; }
|
||||
|
||||
.p-md-offset-7 {
|
||||
margin-left: 58.33333333%; }
|
||||
|
||||
.p-md-offset-6 {
|
||||
margin-left: 50%; }
|
||||
|
||||
.p-md-offset-5 {
|
||||
margin-left: 41.66666667%; }
|
||||
|
||||
.p-md-offset-4 {
|
||||
margin-left: 33.33333333%; }
|
||||
|
||||
.p-md-offset-3 {
|
||||
margin-left: 25%; }
|
||||
|
||||
.p-md-offset-2 {
|
||||
margin-left: 16.66666667%; }
|
||||
|
||||
.p-md-offset-1 {
|
||||
margin-left: 8.33333333%; }
|
||||
|
||||
.p-md-offset-0 {
|
||||
margin-left: 0%; } }
|
||||
@media screen and (min-width: 992px) {
|
||||
.p-lg-1,
|
||||
.p-lg-2,
|
||||
.p-lg-3,
|
||||
.p-lg-4,
|
||||
.p-lg-5,
|
||||
.p-lg-6,
|
||||
.p-lg-7,
|
||||
.p-lg-8,
|
||||
.p-lg-9,
|
||||
.p-lg-10,
|
||||
.p-lg-11,
|
||||
.p-lg-12 {
|
||||
-webkit-box-flex: 0;
|
||||
-ms-flex: 0 0 auto;
|
||||
flex: 0 0 auto; }
|
||||
|
||||
.p-lg-1 {
|
||||
width: 8.3333%; }
|
||||
|
||||
.p-lg-2 {
|
||||
width: 16.6667%; }
|
||||
|
||||
.p-lg-3 {
|
||||
width: 25%; }
|
||||
|
||||
.p-lg-4 {
|
||||
width: 33.3333%; }
|
||||
|
||||
.p-lg-5 {
|
||||
width: 41.6667%; }
|
||||
|
||||
.p-lg-6 {
|
||||
width: 50%; }
|
||||
|
||||
.p-lg-7 {
|
||||
width: 58.3333%; }
|
||||
|
||||
.p-lg-8 {
|
||||
width: 66.6667%; }
|
||||
|
||||
.p-lg-9 {
|
||||
width: 75%; }
|
||||
|
||||
.p-lg-10 {
|
||||
width: 83.3333%; }
|
||||
|
||||
.p-lg-11 {
|
||||
width: 91.6667%; }
|
||||
|
||||
.p-lg-12 {
|
||||
width: 100%; }
|
||||
|
||||
.p-lg-offset-12 {
|
||||
margin-left: 100%; }
|
||||
|
||||
.p-lg-offset-11 {
|
||||
margin-left: 91.66666667%; }
|
||||
|
||||
.p-lg-offset-10 {
|
||||
margin-left: 83.33333333%; }
|
||||
|
||||
.p-lg-offset-9 {
|
||||
margin-left: 75%; }
|
||||
|
||||
.p-lg-offset-8 {
|
||||
margin-left: 66.66666667%; }
|
||||
|
||||
.p-lg-offset-7 {
|
||||
margin-left: 58.33333333%; }
|
||||
|
||||
.p-lg-offset-6 {
|
||||
margin-left: 50%; }
|
||||
|
||||
.p-lg-offset-5 {
|
||||
margin-left: 41.66666667%; }
|
||||
|
||||
.p-lg-offset-4 {
|
||||
margin-left: 33.33333333%; }
|
||||
|
||||
.p-lg-offset-3 {
|
||||
margin-left: 25%; }
|
||||
|
||||
.p-lg-offset-2 {
|
||||
margin-left: 16.66666667%; }
|
||||
|
||||
.p-lg-offset-1 {
|
||||
margin-left: 8.33333333%; }
|
||||
|
||||
.p-lg-offset-0 {
|
||||
margin-left: 0%; } }
|
||||
@media screen and (min-width: 1200px) {
|
||||
.p-xl-1,
|
||||
.p-xl-2,
|
||||
.p-xl-3,
|
||||
.p-xl-4,
|
||||
.p-xl-5,
|
||||
.p-xl-6,
|
||||
.p-xl-7,
|
||||
.p-xl-8,
|
||||
.p-xl-9,
|
||||
.p-xl-10,
|
||||
.p-xl-11,
|
||||
.p-xl-12 {
|
||||
-webkit-box-flex: 0;
|
||||
-ms-flex: 0 0 auto;
|
||||
flex: 0 0 auto; }
|
||||
|
||||
.p-xl-1 {
|
||||
width: 8.3333%; }
|
||||
|
||||
.p-xl-2 {
|
||||
width: 16.6667%; }
|
||||
|
||||
.p-xl-3 {
|
||||
width: 25%; }
|
||||
|
||||
.p-xl-4 {
|
||||
width: 33.3333%; }
|
||||
|
||||
.p-xl-5 {
|
||||
width: 41.6667%; }
|
||||
|
||||
.p-xl-6 {
|
||||
width: 50%; }
|
||||
|
||||
.p-xl-7 {
|
||||
width: 58.3333%; }
|
||||
|
||||
.p-xl-8 {
|
||||
width: 66.6667%; }
|
||||
|
||||
.p-xl-9 {
|
||||
width: 75%; }
|
||||
|
||||
.p-xl-10 {
|
||||
width: 83.3333%; }
|
||||
|
||||
.p-xl-11 {
|
||||
width: 91.6667%; }
|
||||
|
||||
.p-xl-12 {
|
||||
width: 100%; }
|
||||
|
||||
.p-xl-offset-12 {
|
||||
margin-left: 100%; }
|
||||
|
||||
.p-xl-offset-11 {
|
||||
margin-left: 91.66666667%; }
|
||||
|
||||
.p-xl-offset-10 {
|
||||
margin-left: 83.33333333%; }
|
||||
|
||||
.p-xl-offset-9 {
|
||||
margin-left: 75%; }
|
||||
|
||||
.p-xl-offset-8 {
|
||||
margin-left: 66.66666667%; }
|
||||
|
||||
.p-xl-offset-7 {
|
||||
margin-left: 58.33333333%; }
|
||||
|
||||
.p-xl-offset-6 {
|
||||
margin-left: 50%; }
|
||||
|
||||
.p-xl-offset-5 {
|
||||
margin-left: 41.66666667%; }
|
||||
|
||||
.p-xl-offset-4 {
|
||||
margin-left: 33.33333333%; }
|
||||
|
||||
.p-xl-offset-3 {
|
||||
margin-left: 25%; }
|
||||
|
||||
.p-xl-offset-2 {
|
||||
margin-left: 16.66666667%; }
|
||||
|
||||
.p-xl-offset-1 {
|
||||
margin-left: 8.33333333%; }
|
||||
|
||||
.p-xl-offset-0 {
|
||||
margin-left: 0%; } }
|
||||
|
||||
/*# sourceMappingURL=primeflex.css.map */
|
||||
1
interface/html5/framework/apollo-vue/public/assets/pages/primevue.min.css
vendored
Normal file
1
interface/html5/framework/apollo-vue/public/assets/pages/primevue.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user