feat: VivesPOS landing on Winter CMS 1.2 — theme + plugin + Dockerfile
Some checks are pending
Module sub-split / Sub-split (push) Waiting to run
Some checks are pending
Module sub-split / Sub-split (push) Waiting to run
- Base: wintercms/winter branch 1.2 (full framework) - Theme vivespos: Canvas 7 + Bootstrap 5 CDN, custom CSS - Layout: deferred GTM/GA4 tracking, JSON-LD SoftwareApplication - Partials: hero (offline-first), features, modes (offline/nube toggle), screenshots, pricing (3 planes), comparison, FAQ, CTA - Plugin VivesPOS.Site with ContactForm - Dockerfile: PHP 8.2 Apache, port 80, healthcheck - Added winter/wn-pages, blog, sitemap, seo plugins - Active theme set to vivespos
This commit is contained in:
135
modules/system/assets/css/eventlogs/exception-beautifier.css
Normal file
135
modules/system/assets/css/eventlogs/exception-beautifier.css
Normal file
@@ -0,0 +1,135 @@
|
||||
.plugin-exception-beautifier .beautifier-message-container {
|
||||
display: block;
|
||||
padding: 20px;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.plugin-exception-beautifier .beautifier-message {
|
||||
display: block;
|
||||
font-size: 1.1em;
|
||||
word-wrap: break-word;
|
||||
word-break: break-word;
|
||||
}
|
||||
|
||||
.plugin-exception-beautifier .beautifier-toggle-stacktrace {
|
||||
background: #ecf0f1;
|
||||
color: #2b3e50;
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
padding: 20px;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.plugin-exception-beautifier .beautifier-toggle-stacktrace:hover {
|
||||
background: #0181b9;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.plugin-exception-beautifier .beautifier-stacktrace-line {
|
||||
display: block;
|
||||
padding: 10px 0;
|
||||
word-wrap: break-word;
|
||||
word-break: break-word;
|
||||
}
|
||||
|
||||
.plugin-exception-beautifier .beautifier-stacktrace-line:nth-child(even) {
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
.plugin-exception-beautifier .beautifier-stacktrace-line:nth-child(odd) {
|
||||
background-color: #f2f2f2;
|
||||
}
|
||||
|
||||
.plugin-exception-beautifier .beautifier-stacktrace-line > * {
|
||||
margin-left: 55px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.plugin-exception-beautifier .beautifier-stacktrace-line-number {
|
||||
float: left;
|
||||
width: 40px;
|
||||
margin-left: 0;
|
||||
margin-right: 15px;
|
||||
text-align: right;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.plugin-exception-beautifier .beautifier-stacktrace-line-internal {
|
||||
color: #2C3E50;
|
||||
}
|
||||
|
||||
.plugin-exception-beautifier .beautifier-stacktrace-line-function {
|
||||
display: block;
|
||||
margin-left: 55px;
|
||||
}
|
||||
|
||||
.plugin-exception-beautifier .beautifier-file {
|
||||
color: #204bff;
|
||||
word-wrap: break-word;
|
||||
word-break: break-word;
|
||||
}
|
||||
|
||||
.plugin-exception-beautifier .beautifier-line-number {
|
||||
color: #af0016;
|
||||
}
|
||||
|
||||
.plugin-exception-beautifier .beautifier-string,
|
||||
.plugin-exception-beautifier .beautifier-number,
|
||||
.plugin-exception-beautifier .beautifier-class,
|
||||
.plugin-exception-beautifier .beautifier-code,
|
||||
.plugin-exception-beautifier .beautifier-function,
|
||||
.plugin-exception-beautifier .beautifier-system-function {
|
||||
font-family: monospace;
|
||||
}
|
||||
|
||||
.plugin-exception-beautifier .beautifier-class,
|
||||
.plugin-exception-beautifier .beautifier-function,
|
||||
.plugin-exception-beautifier .beautifier-system-function {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.plugin-exception-beautifier .beautifier-class {
|
||||
color: #252623;
|
||||
}
|
||||
|
||||
.plugin-exception-beautifier .beautifier-function {
|
||||
color: #cc204d;
|
||||
}
|
||||
|
||||
.plugin-exception-beautifier .beautifier-system-function {
|
||||
color: #e33a37;
|
||||
}
|
||||
|
||||
.plugin-exception-beautifier .beautifier-code {
|
||||
color: #736b88;
|
||||
}
|
||||
|
||||
.plugin-exception-beautifier .beautifier-string {
|
||||
color: #0EA804;
|
||||
}
|
||||
|
||||
.plugin-exception-beautifier .beautifier-number {
|
||||
color: #2196F3;
|
||||
}
|
||||
|
||||
.plugin-exception-beautifier .beautifier-formatted-content,
|
||||
.plugin-exception-beautifier .beautifier-raw-content {
|
||||
background: #fff;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.plugin-exception-beautifier .beautifier-raw-content {
|
||||
font-family: monospace;
|
||||
white-space: nowrap;
|
||||
overflow: auto;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.plugin-exception-beautifier .beautifier-raw-content br {
|
||||
content: '';
|
||||
display: block;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
52
modules/system/assets/css/framework.extras-min.css
vendored
Normal file
52
modules/system/assets/css/framework.extras-min.css
vendored
Normal file
@@ -0,0 +1,52 @@
|
||||
body.wn-loading,
|
||||
body.wn-loading *,
|
||||
body.oc-loading,
|
||||
body.oc-loading * {cursor:wait !important}
|
||||
.stripe-loading-indicator {height:5px;background:transparent;position:fixed;top:0;left:0;width:100%;overflow:hidden;z-index:2000}
|
||||
.stripe-loading-indicator .stripe,
|
||||
.stripe-loading-indicator .stripe-loaded {height:5px;display:block;background:#0090c0;position:absolute;-webkit-box-shadow:inset 0 1px 1px -1px #FFF,inset 0 -1px 1px -1px #FFF;box-shadow:inset 0 1px 1px -1px #FFF,inset 0 -1px 1px -1px #FFF}
|
||||
.stripe-loading-indicator .stripe {width:100%;-webkit-animation:wn-infinite-loader 60s linear;animation:wn-infinite-loader 60s linear}
|
||||
.stripe-loading-indicator .stripe-loaded {width:100%;transform:translate3d(-100%,0,0);opacity:0;filter:alpha(opacity=0)}
|
||||
.stripe-loading-indicator.loaded {opacity:0;filter:alpha(opacity=0);-webkit-transition:opacity 0.4s linear;transition:opacity 0.4s linear;-webkit-transition-delay:0.3s;transition-delay:0.3s}
|
||||
.stripe-loading-indicator.loaded .stripe {animation-play-state:paused}
|
||||
.stripe-loading-indicator.loaded .stripe-loaded {opacity:1;filter:alpha(opacity=100);transform:translate3d(0,0,0);-webkit-transition:transform 0.3s linear;transition:transform 0.3s linear}
|
||||
.stripe-loading-indicator.hide {display:none}
|
||||
body >p.flash-message {position:fixed;width:500px;left:50%;top:13px;margin-left:-250px;color:#fff;font-size:14px;padding:10px 30px 10px 15px;z-index:10300;word-wrap:break-word;text-shadow:0 -1px 0 rgba(0,0,0,0.15);text-align:center;-webkit-box-shadow:0 1px 6px rgba(0,0,0,0.12),0 1px 4px rgba(0,0,0,0.24);box-shadow:0 1px 6px rgba(0,0,0,0.12),0 1px 4px rgba(0,0,0,0.24);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
|
||||
body >p.flash-message.fade {opacity:0;filter:alpha(opacity=0);-webkit-transition:all 0.5s,width 0s;transition:all 0.5s,width 0s;-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9)}
|
||||
body >p.flash-message.fade.in {opacity:1;filter:alpha(opacity=100);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
|
||||
body >p.flash-message.success {background:#8da85e}
|
||||
body >p.flash-message.error {background:#c30}
|
||||
body >p.flash-message.warning {background:#f0ad4e}
|
||||
body >p.flash-message.info {background:#5fb6f5}
|
||||
body >p.flash-message button.close {float:none;position:absolute;right:10px;top:8px;color:white;font-size:21px;line-height:1;font-weight:bold;opacity:0.2;filter:alpha(opacity=20);padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;outline:none}
|
||||
body >p.flash-message button.close:hover,
|
||||
body >p.flash-message button.close:focus {color:white;text-decoration:none;cursor:pointer;opacity:0.5;filter:alpha(opacity=50)}
|
||||
@media (max-width:768px) {body >p.flash-message {left:10px;right:10px;top:10px;margin-left:0;width:auto }}
|
||||
[data-request][data-request-validate] [data-validate-for]:not(.visible),
|
||||
[data-request][data-request-validate] [data-validate-error]:not(.visible) {display:none}
|
||||
a.wn-loading:after,
|
||||
button.wn-loading:after,
|
||||
span.wn-loading:after,
|
||||
a.oc-loading:after,
|
||||
button.oc-loading:after,
|
||||
span.oc-loading:after {content:'';display:inline-block;vertical-align:middle;margin-left:.4em;height:1em;width:1em;animation:wn-rotate-loader 0.8s infinite linear;border:.2em solid currentColor;border-right-color:transparent;border-radius:50%;opacity:0.5;filter:alpha(opacity=50)}
|
||||
@-moz-keyframes wn-rotate-loader {0% {-moz-transform:rotate(0deg) }100% {-moz-transform:rotate(360deg) }}
|
||||
@-webkit-keyframes wn-rotate-loader {0% {-webkit-transform:rotate(0deg) }100% {-webkit-transform:rotate(360deg) }}
|
||||
@-o-keyframes wn-rotate-loader {0% {-o-transform:rotate(0deg) }100% {-o-transform:rotate(360deg) }}
|
||||
@-ms-keyframes wn-rotate-loader {0% {-ms-transform:rotate(0deg) }100% {-ms-transform:rotate(360deg) }}
|
||||
@keyframes wn-rotate-loader {0% {transform:rotate(0deg) }100% {transform:rotate(360deg) }}
|
||||
@-moz-keyframes oc-rotate-loader {0% {-moz-transform:rotate(0deg) }100% {-moz-transform:rotate(360deg) }}
|
||||
@-webkit-keyframes oc-rotate-loader {0% {-webkit-transform:rotate(0deg) }100% {-webkit-transform:rotate(360deg) }}
|
||||
@-o-keyframes oc-rotate-loader {0% {-o-transform:rotate(0deg) }100% {-o-transform:rotate(360deg) }}
|
||||
@-ms-keyframes oc-rotate-loader {0% {-ms-transform:rotate(0deg) }100% {-ms-transform:rotate(360deg) }}
|
||||
@keyframes oc-rotate-loader {0% {transform:rotate(0deg) }100% {transform:rotate(360deg) }}
|
||||
@-moz-keyframes wn-infinite-loader {0% {transform:translateX(-100%) }10% {transform:translateX(-50%) }20% {transform:translateX(-25%) }30% {transform:translateX(-12.5%) }40% {transform:translateX(-6.25%) }50% {transform:translateX(-3.125%) }60% {transform:translateX(-1.5625%) }70% {transform:translateX(-0.78125%) }80% {transform:translateX(-0.390625%) }90% {transform:translateX(-0.1953125%) }100% {transform:translateX(-0.09765625%) }}
|
||||
@-webkit-keyframes wn-infinite-loader {0% {transform:translateX(-100%) }10% {transform:translateX(-50%) }20% {transform:translateX(-25%) }30% {transform:translateX(-12.5%) }40% {transform:translateX(-6.25%) }50% {transform:translateX(-3.125%) }60% {transform:translateX(-1.5625%) }70% {transform:translateX(-0.78125%) }80% {transform:translateX(-0.390625%) }90% {transform:translateX(-0.1953125%) }100% {transform:translateX(-0.09765625%) }}
|
||||
@-o-keyframes wn-infinite-loader {0% {transform:translateX(-100%) }10% {transform:translateX(-50%) }20% {transform:translateX(-25%) }30% {transform:translateX(-12.5%) }40% {transform:translateX(-6.25%) }50% {transform:translateX(-3.125%) }60% {transform:translateX(-1.5625%) }70% {transform:translateX(-0.78125%) }80% {transform:translateX(-0.390625%) }90% {transform:translateX(-0.1953125%) }100% {transform:translateX(-0.09765625%) }}
|
||||
@-ms-keyframes wn-infinite-loader {0% {transform:translateX(-100%) }10% {transform:translateX(-50%) }20% {transform:translateX(-25%) }30% {transform:translateX(-12.5%) }40% {transform:translateX(-6.25%) }50% {transform:translateX(-3.125%) }60% {transform:translateX(-1.5625%) }70% {transform:translateX(-0.78125%) }80% {transform:translateX(-0.390625%) }90% {transform:translateX(-0.1953125%) }100% {transform:translateX(-0.09765625%) }}
|
||||
@keyframes wn-infinite-loader {0% {transform:translateX(-100%) }10% {transform:translateX(-50%) }20% {transform:translateX(-25%) }30% {transform:translateX(-12.5%) }40% {transform:translateX(-6.25%) }50% {transform:translateX(-3.125%) }60% {transform:translateX(-1.5625%) }70% {transform:translateX(-0.78125%) }80% {transform:translateX(-0.390625%) }90% {transform:translateX(-0.1953125%) }100% {transform:translateX(-0.09765625%) }}
|
||||
@-moz-keyframes oc-infinite-loader {0% {transform:translateX(-100%) }10% {transform:translateX(-50%) }20% {transform:translateX(-25%) }30% {transform:translateX(-12.5%) }40% {transform:translateX(-6.25%) }50% {transform:translateX(-3.125%) }60% {transform:translateX(-1.5625%) }70% {transform:translateX(-0.78125%) }80% {transform:translateX(-0.390625%) }90% {transform:translateX(-0.1953125%) }100% {transform:translateX(-0.09765625%) }}
|
||||
@-webkit-keyframes oc-infinite-loader {0% {transform:translateX(-100%) }10% {transform:translateX(-50%) }20% {transform:translateX(-25%) }30% {transform:translateX(-12.5%) }40% {transform:translateX(-6.25%) }50% {transform:translateX(-3.125%) }60% {transform:translateX(-1.5625%) }70% {transform:translateX(-0.78125%) }80% {transform:translateX(-0.390625%) }90% {transform:translateX(-0.1953125%) }100% {transform:translateX(-0.09765625%) }}
|
||||
@-o-keyframes oc-infinite-loader {0% {transform:translateX(-100%) }10% {transform:translateX(-50%) }20% {transform:translateX(-25%) }30% {transform:translateX(-12.5%) }40% {transform:translateX(-6.25%) }50% {transform:translateX(-3.125%) }60% {transform:translateX(-1.5625%) }70% {transform:translateX(-0.78125%) }80% {transform:translateX(-0.390625%) }90% {transform:translateX(-0.1953125%) }100% {transform:translateX(-0.09765625%) }}
|
||||
@-ms-keyframes oc-infinite-loader {0% {transform:translateX(-100%) }10% {transform:translateX(-50%) }20% {transform:translateX(-25%) }30% {transform:translateX(-12.5%) }40% {transform:translateX(-6.25%) }50% {transform:translateX(-3.125%) }60% {transform:translateX(-1.5625%) }70% {transform:translateX(-0.78125%) }80% {transform:translateX(-0.390625%) }90% {transform:translateX(-0.1953125%) }100% {transform:translateX(-0.09765625%) }}
|
||||
@keyframes oc-infinite-loader {0% {transform:translateX(-100%) }10% {transform:translateX(-50%) }20% {transform:translateX(-25%) }30% {transform:translateX(-12.5%) }40% {transform:translateX(-6.25%) }50% {transform:translateX(-3.125%) }60% {transform:translateX(-1.5625%) }70% {transform:translateX(-0.78125%) }80% {transform:translateX(-0.390625%) }90% {transform:translateX(-0.1953125%) }100% {transform:translateX(-0.09765625%) }}
|
||||
1
modules/system/assets/css/framework.extras.css
Normal file
1
modules/system/assets/css/framework.extras.css
Normal file
@@ -0,0 +1 @@
|
||||
body.oc-loading,body.oc-loading *,body.wn-loading,body.wn-loading *{cursor:wait!important}.stripe-loading-indicator{background:transparent;height:5px;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:2000}.stripe-loading-indicator .stripe,.stripe-loading-indicator .stripe-loaded{background:#0090c0;box-shadow:inset 0 1px 1px -1px #fff,inset 0 -1px 1px -1px #fff;display:block;height:5px;position:absolute}.stripe-loading-indicator .stripe{animation:wn-infinite-loader 60s linear;width:100%}.stripe-loading-indicator .stripe-loaded{filter:alpha(opacity=0);opacity:0;transform:translate3d(-100%,0,0);width:100%}.stripe-loading-indicator.loaded{filter:alpha(opacity=0);opacity:0;transition:opacity .4s linear;transition-delay:.3s}.stripe-loading-indicator.loaded .stripe{animation-play-state:paused}.stripe-loading-indicator.loaded .stripe-loaded{filter:alpha(opacity=100);opacity:1;transform:translateZ(0);transition:transform .3s linear}.stripe-loading-indicator.hide{display:none}body>p.flash-message{word-wrap:break-word;border-radius:3px;box-shadow:0 1px 6px rgba(0,0,0,.12),0 1px 4px rgba(0,0,0,.24);color:#fff;font-size:14px;left:50%;margin-left:-250px;padding:10px 30px 10px 15px;position:fixed;text-align:center;text-shadow:0 -1px 0 rgba(0,0,0,.15);top:13px;width:500px;z-index:10300}body>p.flash-message.fade{filter:alpha(opacity=0);opacity:0;transform:scale(.9);transition:all .5s,width 0s}body>p.flash-message.fade.in{filter:alpha(opacity=100);opacity:1;transform:scale(1)}body>p.flash-message.success{background:#8da85e}body>p.flash-message.error{background:#c30}body>p.flash-message.warning{background:#de8754}body>p.flash-message.info{background:#5fb6f5}body>p.flash-message button.close{-webkit-appearance:none;background:transparent;border:0;color:#fff;cursor:pointer;filter:alpha(opacity=20);float:none;font-size:21px;font-weight:700;line-height:1;opacity:.2;outline:none;padding:0;position:absolute;right:10px;top:8px}body>p.flash-message button.close:focus,body>p.flash-message button.close:hover{color:#fff;cursor:pointer;filter:alpha(opacity=50);opacity:.5;text-decoration:none}@media (max-width:768px){body>p.flash-message{left:10px;margin-left:0;right:10px;top:10px;width:auto}}[data-request][data-request-validate] [data-validate-error]:not(.visible),[data-request][data-request-validate] [data-validate-for]:not(.visible){display:none}a.oc-loading:after,a.wn-loading:after,button.oc-loading:after,button.wn-loading:after,span.oc-loading:after,span.wn-loading:after{animation:wn-rotate-loader .8s linear infinite;border:.2em solid;border-radius:50%;border-right:.2em solid transparent;content:"";display:inline-block;filter:alpha(opacity=50);height:1em;margin-left:.4em;opacity:.5;vertical-align:middle;width:1em}@keyframes wn-rotate-loader{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes oc-rotate-loader{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes wn-infinite-loader{0%{transform:translateX(-100%)}10%{transform:translateX(-50%)}20%{transform:translateX(-25%)}30%{transform:translateX(-12.5%)}40%{transform:translateX(-6.25%)}50%{transform:translateX(-3.125%)}60%{transform:translateX(-1.5625%)}70%{transform:translateX(-.78125%)}80%{transform:translateX(-.390625%)}90%{transform:translateX(-.1953125%)}to{transform:translateX(-.09765625%)}}@keyframes oc-infinite-loader{0%{transform:translateX(-100%)}10%{transform:translateX(-50%)}20%{transform:translateX(-25%)}30%{transform:translateX(-12.5%)}40%{transform:translateX(-6.25%)}50%{transform:translateX(-3.125%)}60%{transform:translateX(-1.5625%)}70%{transform:translateX(-.78125%)}80%{transform:translateX(-.390625%)}90%{transform:translateX(-.1953125%)}to{transform:translateX(-.09765625%)}}
|
||||
72
modules/system/assets/css/settings/settings.css
Normal file
72
modules/system/assets/css/settings/settings.css
Normal file
@@ -0,0 +1,72 @@
|
||||
.control-settings .settings-category {
|
||||
padding: 20px;
|
||||
background-color: #ecf0f1;
|
||||
}
|
||||
.control-settings .settings-category h3 {
|
||||
margin: 0;
|
||||
font-weight: 100;
|
||||
color: #293e50;
|
||||
}
|
||||
.control-settings .settings-items {
|
||||
padding: 20px;
|
||||
margin: 0;
|
||||
}
|
||||
.control-settings .settings-items.row {
|
||||
font-size: 0;
|
||||
}
|
||||
.control-settings .settings-items.row > .settings-item {
|
||||
float: none;
|
||||
vertical-align: top;
|
||||
display: inline-block;
|
||||
}
|
||||
.control-settings .settings-items .settings-item > a {
|
||||
display: block;
|
||||
position: relative;
|
||||
padding-left: 72px;
|
||||
padding-top: 10px;
|
||||
text-decoration: none;
|
||||
margin-bottom: 20px;
|
||||
line-height: 150%;
|
||||
}
|
||||
.control-settings .settings-items .settings-item > a h5 {
|
||||
margin-top: 0;
|
||||
color: #333333;
|
||||
font-size: 18px;
|
||||
line-height: 150%;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.control-settings .settings-items .settings-item > a p {
|
||||
color: #777;
|
||||
font-size: 12px;
|
||||
line-height: 150%;
|
||||
}
|
||||
.control-settings .settings-items .settings-item > a .item-icon {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
background: #f0f0f0;
|
||||
-webkit-border-radius: 999px;
|
||||
-moz-border-radius: 999px;
|
||||
border-radius: 999px;
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
display: block;
|
||||
text-align: center;
|
||||
color: #555;
|
||||
}
|
||||
.control-settings .settings-items .settings-item > a .item-icon i {
|
||||
font-size: 52px;
|
||||
line-height: 64px;
|
||||
}
|
||||
.control-settings .settings-items .settings-item > a:hover h5 {
|
||||
color: #063f68;
|
||||
}
|
||||
.control-settings .settings-items .settings-item > a:hover p {
|
||||
color: #063f68;
|
||||
}
|
||||
.control-settings .settings-items .settings-item > a:hover .item-icon {
|
||||
background: #e0e0e0;
|
||||
color: #063f68;
|
||||
}
|
||||
1
modules/system/assets/css/snowboard.extras.css
Normal file
1
modules/system/assets/css/snowboard.extras.css
Normal file
@@ -0,0 +1 @@
|
||||
body.oc-loading,body.oc-loading *,body.wn-loading,body.wn-loading *{cursor:wait!important}.stripe-loading-indicator{background:transparent;height:5px;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:2000}.stripe-loading-indicator .stripe,.stripe-loading-indicator .stripe-loaded{background:#0090c0;box-shadow:inset 0 1px 1px -1px #fff,inset 0 -1px 1px -1px #fff;display:block;height:5px;position:absolute}.stripe-loading-indicator .stripe{animation:wn-infinite-loader 60s linear;width:100%}.stripe-loading-indicator .stripe-loaded{filter:alpha(opacity=0);opacity:0;transform:translate3d(-100%,0,0);width:100%}.stripe-loading-indicator.loaded{filter:alpha(opacity=0);opacity:0;transition:opacity .4s linear;transition-delay:.3s}.stripe-loading-indicator.loaded .stripe{animation-play-state:paused}.stripe-loading-indicator.loaded .stripe-loaded{filter:alpha(opacity=100);opacity:1;transform:translateZ(0);transition:transform .3s linear}.stripe-loading-indicator.hide{display:none}body>div.flash-message{word-wrap:break-word;background-color:#7a7e83;border-radius:3px;box-shadow:0 1px 6px rgba(0,0,0,.12),0 1px 4px rgba(0,0,0,.24);color:#fff;cursor:pointer;font-size:14px;left:50%;margin-left:-250px;padding:10px 30px 14px 15px;position:fixed;text-align:center;text-shadow:0 -1px 0 rgba(0,0,0,.15);top:13px;width:500px;z-index:10300}body>div.flash-message.no-timer{padding-bottom:10px}body>div.flash-message .flash-timer{background:#fff;border-radius:3px;bottom:0;height:4px;left:0;opacity:.5;position:absolute;width:100%}body>div.flash-message .flash-timer.timeout-active{transition:width 6s linear}body>div.flash-message .flash-timer.timeout-in{width:100%}body>div.flash-message .flash-timer.timeout-out{width:0}body>div.flash-message.hide-active,body>div.flash-message.show-active{transition:all .5s,width 0s}body>div.flash-message.hide-active .flash-timer,body>div.flash-message.hide-out .flash-timer{transition:none;width:0!important}body>div.flash-message.hide-out,body>div.flash-message.show-in{filter:alpha(opacity=0);opacity:0;transform:scale(.9)}body>div.flash-message.hide-in,body>div.flash-message.show-out{filter:alpha(opacity=100);opacity:1;transform:scale(1)}body>div.flash-message.success{background:#6f9927}body>div.flash-message.error{background:#bb380c}body>div.flash-message.warning{background:#b87410}body>div.flash-message.info{background:#3f91cc}@media (max-width:768px){body>div.flash-message{left:10px;margin-left:0;right:10px;top:10px;width:auto}}a.oc-loading:after,a.wn-loading:after,button.oc-loading:after,button.wn-loading:after,span.oc-loading:after,span.wn-loading:after{animation:wn-rotate-loader .8s linear infinite;border:.2em solid;border-radius:50%;border-right:.2em solid transparent;content:"";display:inline-block;filter:alpha(opacity=50);height:1em;margin-left:.4em;opacity:.5;vertical-align:middle;width:1em}@keyframes wn-rotate-loader{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes oc-rotate-loader{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes wn-infinite-loader{0%{transform:translateX(-100%)}10%{transform:translateX(-50%)}20%{transform:translateX(-25%)}30%{transform:translateX(-12.5%)}40%{transform:translateX(-6.25%)}50%{transform:translateX(-3.125%)}60%{transform:translateX(-1.5625%)}70%{transform:translateX(-.78125%)}80%{transform:translateX(-.390625%)}90%{transform:translateX(-.1953125%)}to{transform:translateX(-.09765625%)}}@keyframes oc-infinite-loader{0%{transform:translateX(-100%)}10%{transform:translateX(-50%)}20%{transform:translateX(-25%)}30%{transform:translateX(-12.5%)}40%{transform:translateX(-6.25%)}50%{transform:translateX(-3.125%)}60%{transform:translateX(-1.5625%)}70%{transform:translateX(-.78125%)}80%{transform:translateX(-.390625%)}90%{transform:translateX(-.1953125%)}to{transform:translateX(-.09765625%)}}
|
||||
1
modules/system/assets/css/styles.css
Normal file
1
modules/system/assets/css/styles.css
Normal file
File diff suppressed because one or more lines are too long
84
modules/system/assets/css/updates/details.css
Normal file
84
modules/system/assets/css/updates/details.css
Normal file
@@ -0,0 +1,84 @@
|
||||
.plugin-details-content {
|
||||
padding: 0 0;
|
||||
}
|
||||
.plugin-details-content > *:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
.plugin-details-content h1 {
|
||||
font-size: 28px;
|
||||
}
|
||||
.plugin-details-content h2 {
|
||||
font-size: 24px;
|
||||
}
|
||||
.plugin-details-content h3 {
|
||||
font-size: 20px;
|
||||
}
|
||||
.plugin-details-content h4 {
|
||||
font-size: 17px;
|
||||
}
|
||||
.plugin-details-content h1,
|
||||
.plugin-details-content h2 {
|
||||
padding-bottom: 10px;
|
||||
border-bottom: 1px solid #ccc;
|
||||
}
|
||||
.plugin-details-content img {
|
||||
max-width: 100%;
|
||||
}
|
||||
.plugin-details-content ul,
|
||||
.plugin-details-content ol {
|
||||
padding-left: 20px;
|
||||
}
|
||||
.plugin-details-content pre {
|
||||
display: block;
|
||||
border: none;
|
||||
margin: 10px -20px 20px;
|
||||
padding: 10px 10px 10px 20px;
|
||||
font-size: 13px;
|
||||
word-break: break-all;
|
||||
word-wrap: break-word;
|
||||
color: #fff;
|
||||
background-color: #333;
|
||||
}
|
||||
.plugin-details-content pre code {
|
||||
padding: 0;
|
||||
font-size: inherit;
|
||||
color: inherit;
|
||||
white-space: pre-wrap;
|
||||
background-color: transparent;
|
||||
border-radius: 0;
|
||||
}
|
||||
.plugin-details-content ul pre,
|
||||
.plugin-details-content ol pre {
|
||||
margin-left: -40px;
|
||||
padding-left: 40px;
|
||||
}
|
||||
.plugin-details-content table th {
|
||||
font-weight: bold;
|
||||
}
|
||||
.plugin-details-content table th,
|
||||
.plugin-details-content table td {
|
||||
padding: 6px 13px;
|
||||
border: 1px solid #ddd;
|
||||
}
|
||||
.plugin-details-content table tr {
|
||||
background-color: #fff;
|
||||
border-top: 1px solid #ccc;
|
||||
}
|
||||
.plugin-details-content table tr:nth-child(2n) {
|
||||
background-color: #f8f8f8;
|
||||
}
|
||||
.plugin-details-content dl dt,
|
||||
.plugin-details-content dl dd {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.plugin-details-content dl dt {
|
||||
width: 75px;
|
||||
float: left;
|
||||
text-align: right;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.plugin-details-content dl dd {
|
||||
margin-left: 85px;
|
||||
}
|
||||
297
modules/system/assets/css/updates/install.css
Normal file
297
modules/system/assets/css/updates/install.css
Normal file
@@ -0,0 +1,297 @@
|
||||
.product-list-empty {
|
||||
padding: 5px 0;
|
||||
font-size: 16px;
|
||||
color: #999;
|
||||
}
|
||||
.product-list {
|
||||
margin: 0;
|
||||
padding: 10px 0;
|
||||
overflow: hidden;
|
||||
/* clearfix */
|
||||
}
|
||||
.product-list li button {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
opacity: 0;
|
||||
outline: none;
|
||||
}
|
||||
.product-list li button,
|
||||
.product-list li .image,
|
||||
.product-list li .details {
|
||||
-webkit-transition: opacity .2s linear;
|
||||
-moz-transition: opacity .2s linear;
|
||||
transition: opacity .2s linear;
|
||||
}
|
||||
.product-list li:hover button {
|
||||
opacity: .3;
|
||||
}
|
||||
.product-list li:hover button:hover {
|
||||
opacity: .8;
|
||||
}
|
||||
.plugin-list li {
|
||||
list-style: none;
|
||||
position: relative;
|
||||
border-bottom: 1px solid #E6E9E9;
|
||||
margin-bottom: 10px;
|
||||
padding-bottom: 10px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.plugin-list li .image {
|
||||
float: left;
|
||||
margin-right: 15px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
.plugin-list li .image img {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
}
|
||||
.plugin-list li .details p {
|
||||
padding: 0;
|
||||
margin: 3px 0 0 0;
|
||||
color: #808C8D;
|
||||
}
|
||||
.plugin-list li h4 {
|
||||
padding: 5px 0 0;
|
||||
margin: 0;
|
||||
color: #C03F31;
|
||||
font-weight: 400;
|
||||
}
|
||||
.plugin-list li:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
.theme-list li {
|
||||
float: left;
|
||||
padding: 0;
|
||||
margin: 0 10px 10px 0;
|
||||
list-style: none;
|
||||
border: 1px solid #E6E9E9;
|
||||
background: #fff;
|
||||
position: relative;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
-webkit-transition: border .2s linear;
|
||||
-moz-transition: border .2s linear;
|
||||
transition: border .2s linear;
|
||||
}
|
||||
.theme-list li .image {
|
||||
padding: 5px;
|
||||
}
|
||||
.theme-list li .image img {
|
||||
width: 210px;
|
||||
height: 140px;
|
||||
}
|
||||
.theme-list li .details {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
opacity: 0;
|
||||
padding: 10px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.theme-list li h4 {
|
||||
padding: 15px 0 0;
|
||||
margin: 0;
|
||||
}
|
||||
.theme-list li p {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
color: #999;
|
||||
text-transform: uppercase;
|
||||
font-size: 12px;
|
||||
}
|
||||
.theme-list li:hover {
|
||||
border-color: transparent;
|
||||
}
|
||||
.theme-list li:hover .image {
|
||||
opacity: 0;
|
||||
}
|
||||
.theme-list li:hover .details {
|
||||
opacity: 1;
|
||||
}
|
||||
.suggested-products {
|
||||
padding: 0;
|
||||
}
|
||||
.suggested-products .product {
|
||||
padding: 0;
|
||||
}
|
||||
.suggested-products .image {
|
||||
float: left;
|
||||
position: relative;
|
||||
}
|
||||
.suggested-products .image img {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.suggested-products .details {
|
||||
margin-left: 50px;
|
||||
padding: 10px 0;
|
||||
}
|
||||
.suggested-products .details h5 {
|
||||
margin: 0 0 3px;
|
||||
font-size: 14px;
|
||||
color: #C03F31;
|
||||
font-weight: 400;
|
||||
}
|
||||
.suggested-products .details p {
|
||||
font-size: 12px;
|
||||
}
|
||||
.suggested-products a {
|
||||
color: #777;
|
||||
background: #fff;
|
||||
padding: 5px;
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
border-bottom: 1px solid #E6E9E9;
|
||||
}
|
||||
.suggested-products a:hover {
|
||||
color: #333;
|
||||
background: #f9f9f9;
|
||||
}
|
||||
.suggested-products a:hover .image:after {
|
||||
content: "+";
|
||||
color: #999;
|
||||
font-size: 32px;
|
||||
display: block;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
text-align: center;
|
||||
line-height: 40px;
|
||||
position: absolute;
|
||||
top: 7px;
|
||||
left: 0;
|
||||
}
|
||||
.suggested-products a:hover .image img {
|
||||
opacity: .5;
|
||||
}
|
||||
.suggested-themes .image img {
|
||||
width: 60px;
|
||||
height: 40px;
|
||||
}
|
||||
.suggested-themes .details {
|
||||
margin-left: 70px;
|
||||
}
|
||||
/*!
|
||||
* Typeahead
|
||||
*/
|
||||
.product-search {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
margin: 0 auto 0 auto;
|
||||
text-align: left;
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
.product-search > i.icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 15px;
|
||||
font-size: 24px;
|
||||
margin-top: -20px;
|
||||
color: rgba(0, 0, 0, 0.35);
|
||||
}
|
||||
.product-search > i.icon.loading {
|
||||
display: block;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background: url('../../../../system/assets/ui/images/loader-transparent.svg') 50% 50%;
|
||||
background-size: 24px 24px;
|
||||
-webkit-animation: spin 1s linear infinite;
|
||||
animation: spin 1s linear infinite;
|
||||
}
|
||||
.twitter-typeahead {
|
||||
width: 100%;
|
||||
}
|
||||
.typeahead,
|
||||
.tt-hint {
|
||||
width: 100%;
|
||||
height: 46px;
|
||||
padding: 8px 12px;
|
||||
font-size: 24px;
|
||||
line-height: 30px;
|
||||
border: 1px solid #024e6a;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
outline: none;
|
||||
}
|
||||
.typeahead {
|
||||
background-color: #fff;
|
||||
border-color: #e0e0e0;
|
||||
}
|
||||
.tt-input {
|
||||
font-weight: 200;
|
||||
}
|
||||
.tt-input:focus {
|
||||
border-color: #E6E9E9;
|
||||
}
|
||||
.tt-hint {
|
||||
color: #999;
|
||||
font-weight: 200;
|
||||
}
|
||||
.tt-dropdown-menu {
|
||||
width: 100%;
|
||||
margin-top: 0;
|
||||
background-color: #fff;
|
||||
border: 1px solid #ccc;
|
||||
border: 1px solid rgba(0, 0, 0, 0.2);
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
||||
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
||||
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
.tt-suggestion {
|
||||
font-size: 14px;
|
||||
line-height: 18px;
|
||||
}
|
||||
.tt-suggestion + .tt-suggestion {
|
||||
font-size: 14px;
|
||||
border-top: 1px solid #ccc;
|
||||
}
|
||||
.tt-suggestions .product-details {
|
||||
padding: 5px;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
.tt-suggestions .product-image {
|
||||
float: left;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.tt-suggestions .product-image img {
|
||||
height: 45px;
|
||||
width: 45px;
|
||||
}
|
||||
.tt-suggestions .product-name {
|
||||
font-size: 20px;
|
||||
padding-top: 5px;
|
||||
}
|
||||
.tt-suggestion.tt-cursor {
|
||||
cursor: pointer;
|
||||
}
|
||||
.tt-suggestion.tt-cursor .product-details {
|
||||
color: #333;
|
||||
background: #f9f9f9;
|
||||
border-color: #f0f0f0;
|
||||
}
|
||||
.tt-suggestion.tt-cursor .product-details .product-image:after {
|
||||
content: "+";
|
||||
color: #999;
|
||||
font-size: 38px;
|
||||
display: block;
|
||||
width: 45px;
|
||||
height: 45px;
|
||||
text-align: center;
|
||||
line-height: 45px;
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
left: 5px;
|
||||
}
|
||||
.tt-suggestion.tt-cursor .product-details .product-image img {
|
||||
opacity: .5;
|
||||
}
|
||||
116
modules/system/assets/css/updates/updates.css
Normal file
116
modules/system/assets/css/updates/updates.css
Normal file
@@ -0,0 +1,116 @@
|
||||
.important-update-label {
|
||||
margin: 7px 0;
|
||||
}
|
||||
.control-updatelist {
|
||||
border: 1px solid #ccc;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.control-updatelist .update-item {
|
||||
border-bottom: 1px solid #ccc;
|
||||
}
|
||||
.control-updatelist .update-item .item-header {
|
||||
background-color: #f5f5f5;
|
||||
border-bottom: 1px solid #ccc;
|
||||
padding: 0 10px;
|
||||
}
|
||||
.control-updatelist .update-item .item-header h5 {
|
||||
margin: 0;
|
||||
padding: 15px 0;
|
||||
text-transform: uppercase;
|
||||
font-size: 13px;
|
||||
}
|
||||
.control-updatelist .update-item .item-header h5 i {
|
||||
margin-right: 7px;
|
||||
color: #405261;
|
||||
}
|
||||
.control-updatelist .update-item .item-header h5 small {
|
||||
text-transform: none;
|
||||
float: right;
|
||||
line-height: 13px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
.control-updatelist .update-item .item-header .important-update {
|
||||
padding: 7px 0 0 0;
|
||||
float: right;
|
||||
width: 200px;
|
||||
}
|
||||
.control-updatelist .update-item dl {
|
||||
padding: 10px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.control-updatelist .update-item dl:before,
|
||||
.control-updatelist .update-item dl:after {
|
||||
content: " ";
|
||||
display: table;
|
||||
}
|
||||
.control-updatelist .update-item dl:after {
|
||||
clear: both;
|
||||
}
|
||||
.control-updatelist .update-item dl dt,
|
||||
.control-updatelist .update-item dl dd {
|
||||
float: left;
|
||||
padding: 5px 0;
|
||||
line-height: 20px;
|
||||
}
|
||||
.control-updatelist .update-item dl dt.text-muted,
|
||||
.control-updatelist .update-item dl dd.text-muted {
|
||||
color: #999 !important;
|
||||
}
|
||||
.control-updatelist .update-item dl dt {
|
||||
width: 15%;
|
||||
clear: left;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
color: #2b3e50;
|
||||
}
|
||||
.control-updatelist .update-item dl dd {
|
||||
width: 85%;
|
||||
font-size: 12px;
|
||||
color: #455152;
|
||||
}
|
||||
.control-updatelist .update-item dl .important-update-label {
|
||||
position: relative;
|
||||
top: -1px;
|
||||
background-color: #ab2a1c;
|
||||
color: #fff;
|
||||
display: inline-block;
|
||||
padding: .2em .6em .3em;
|
||||
font-size: 75%;
|
||||
line-height: 1;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
vertical-align: baseline;
|
||||
-webkit-border-radius: 0.25em;
|
||||
-moz-border-radius: 0.25em;
|
||||
border-radius: 0.25em;
|
||||
}
|
||||
.control-updatelist .update-item:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
.control-updatelist .update-item.item-danger .item-header {
|
||||
background-color: #f2dede;
|
||||
}
|
||||
.control-updatelist .update-item.item-danger .item-header h5,
|
||||
.control-updatelist .update-item.item-danger .item-header i,
|
||||
.control-updatelist .update-item.item-danger .item-header {
|
||||
color: #a94442;
|
||||
}
|
||||
.control-updatelist .update-item.item-success .item-header {
|
||||
background-color: #dff0d8;
|
||||
}
|
||||
.control-updatelist .update-item.item-success .item-header h5,
|
||||
.control-updatelist .update-item.item-success .item-header i,
|
||||
.control-updatelist .update-item.item-success .item-header {
|
||||
color: #3c763d;
|
||||
}
|
||||
.control-updatelist .update-item.item-muted {
|
||||
border-bottom: none;
|
||||
}
|
||||
.control-updatelist .update-item.item-muted .item-header h5,
|
||||
.control-updatelist .update-item.item-muted .item-header i,
|
||||
.control-updatelist .update-item.item-muted .item-header {
|
||||
color: rgba(0, 0, 0, 0.35);
|
||||
}
|
||||
.control-updatelist .update-item.item-muted dl {
|
||||
display: none;
|
||||
}
|
||||
Reference in New Issue
Block a user