1 files changed, 118 insertions, 0 deletions
diff --git a/plugins/wordpress-mobile-pack/frontend/sections/smart-app-banner/css/style-light.css b/plugins/wordpress-mobile-pack/frontend/sections/smart-app-banner/css/style-light.css
new file mode 100755
index 00000000..cc823eff
--- /dev/null
+++ b/plugins/wordpress-mobile-pack/frontend/sections/smart-app-banner/css/style-light.css
@@ -0,0 +1,118 @@
+/* wrapper */
+html, body, *{
+    padding: 0;
+    margin: 0;
+    border: 0;
+    box-sizing: border-box;
+    font-size: 100%;
+    font: inherit;
+    -webkit-font-smoothing: antialiased;
+}
+
+app-bar {
+    position:relative;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    border-bottom: 1px solid #a4a4a4;
+    background-color:#f2f2f2;
+    box-shadow: 0px 0px 7px rgba(164, 164, 164, 0.7);
+
+    display: flex;
+    display: -webkit-box;
+    display: -ms-flexbox;
+
+    -webkit-box-orient: horizontal;
+    -ms-flex-direction: row;
+    flex-direction: row;
+    -webkit-box-pack: justify;
+    -ms-flex-pack: justify;
+    justify-content: flex-between;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+}
+
+app-bar * {
+    display: flex;
+    display: -webkit-box;
+    display: -ms-flexbox;
+}
+
+
+/* close container */
+app-bar app-box.close{
+    display:block;
+    text-align:center;
+}
+app-bar app-box.close app-text{
+    display: block;
+    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+    color:#797979;
+}
+
+
+/* icon container */
+app-bar app-box.icon{
+    display: block;
+    -webkit-border-radius: 20%;
+    -moz-border-radius: 20%;
+    border-radius: 20%;
+    overflow: hidden;
+    padding:1px;
+}
+app-bar app-box.icon app-icon{
+    display: block;
+    width:100%;
+    height:100%;
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: cover;
+    -webkit-border-radius: 20%;
+    -moz-border-radius: 20%;
+    border-radius: 20%;
+    border:1px solid #c9c7c6;
+}
+
+
+/* info container */
+app-bar app-info{
+    -webkit-box-flex: 1;
+    -ms-flex: 1 0 auto;
+    -moz-box-flex: 1;
+    box-flex: 1;
+    flex: 1 0 auto;
+
+    overflow: hidden;
+
+    -webkit-box-orient: vertical;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    -webkit-box-align: stretch;
+    -ms-flex-align: stretch;
+    align-items: stretch;
+}
+app-bar app-info app-title{
+    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+    color: #000000;
+}
+app-bar app-info app-link{
+    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+    color: #373737;
+}
+
+
+/* open container */
+app-bar app-box.open{
+    display: block;
+    text-align:center;
+}
+app-bar app-box.open app-text{
+    display: block;
+    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+    color: #007aff;
+}
+