Fixed #205 -- Add CSS file for My VHL app

bireme · Oct 11, 2018 · 0307f0c · 0307f0c
1 parent 784d7d5
commit 0307f0c
Show file tree

Hide file tree

Showing 4 changed files with 89 additions and 32 deletions.
diff --git a/client/css/default/app.css b/client/css/default/app.css
@@ -0,0 +1,48 @@
+.omb_login .omb_authTitle .logo {
+    display: none;
+}
+
+.omb_login .omb_authTitle .logo-app {
+    display: block !important;
+    margin-top: 10px;
+}
+
+.main_page .omb_login .languages {
+    padding: 6px;
+}
+
+.main_page .omb_login .languages span {
+    display: none;
+}
+
+.nav_menu {
+    margin-bottom: 10px !important;
+}
+
+.nav_menu .toggle {
+    display: none;
+}
+
+.nav_menu .top_menu {
+    margin-top: 70px;
+}
+
+.nav_menu .top_menu ul {
+    display: none;
+}
+
+.nav_menu nav form {
+    margin-top: 0;
+}
+
+.footer .links {
+    display: none;
+}
+
+.public_search_bar {
+    display: block;
+}
+
+#nprogress {
+    display: none;
+}
diff --git a/client/css/default/login.css b/client/css/default/login.css
@@ -7,7 +7,7 @@
 .main_page .omb_login { 
     margin: 0px auto;
     background: #fff  url(../../images/default/banner_top.png) top no-repeat;
-	box-shadow: 0px 0px 6px 6px #E6E6E6;
+    box-shadow: 0px 0px 6px 6px #E6E6E6;
 }
 
 .languages {
@@ -17,33 +17,33 @@
 }
 
 .languages a {
-	color: #fff !important;
+    color: #fff !important;
 }
 
 .login-area {
-	display: flex;
+    display: flex;
 }
 
 .login-area .login-box .btn {
-	font-size: 14px;
+    font-size: 14px;
 }
 
 .login-area .omb_description, .login-area .login-box {
-	width: 50%;
-	margin-top: 3em !important;
-	margin-bottom: 3em;
+    width: 50%;
+    margin-top: 3em !important;
+    margin-bottom: 3em;
 }
 
 .login-area .omb_description .col-xs-12 {
-	padding: 2em 4em;
-	border: 1px solid #ccc;
-	font-size: 14px;
+    padding: 2em 4em;
+    border: 1px solid #ccc;
+    font-size: 14px;
     line-height: 22px;
 }
 
 .omb_login .login-area .omb_description {
-	background: #ebebec;
-	padding: 1em;
+    background: #ebebec;
+    padding: 1em;
 }
 
 .omb_login .omb_authTitle {
@@ -52,20 +52,20 @@
     font-size: 25px;
     font-family: Verdana, Geneva, sans-serif;
     color: #fff;
-	display: flex;
+    display: flex;
     align-items: flex-start;
     justify-content: center;
-	margin-top: -10px;
+    margin-top: -10px;
 }
 
 .omb_login .omb_authTitle span {
-	display: none !important;
+    display: none !important;
 }
 
 .omb_login .omb_authTitle .logo-bireme {
     float: right;
     margin-top: 30px;
-	margin-left: 3%;
+    margin-left: 3%;
 }
 
 .omb_description .col-xs-12 {
@@ -90,21 +90,20 @@
 .omb_login .omb_description {
     margin-bottom: 2em;
     text-align: justify;
-	margin-top: 33px;
-	margin-left: 0px;
+    margin-top: 33px;
+    margin-left: 0px;
     margin-right: 0px;
-	margin-left: 0px;
+    margin-left: 0px;
 }
 
 .omb_login .login-area .omb_description {
     background: none !important;
-	padding: 0px !important; 
-
+    padding: 0px !important; 
     margin-right: 18px;
 }
 
 .omb_description p {
-	padding-top: 10px;
+    padding-top: 10px;
 }
 
 .omb_login .omb_socialButtons a {
@@ -331,20 +330,20 @@ and (max-device-width : 736px) {
         font-size: 28px;
     }
 
-	.login-area {
+    .login-area {
         display: block;
     }
 
-	.omb_login .omb_authTitle img.logo,
+    .omb_login .omb_authTitle img.logo,
     .omb_login .omb_authTitle img.logo-app {
         position: relative;
         left: 30px;
     }
 
-	.omb_login .omb_authTitle .logo-bireme {
+    .omb_login .omb_authTitle .logo-bireme {
         display: none;
     }
-	
+    
     .omb_login h1.omb_authTitle {
         height: 180px;
         margin-top: -15px;
@@ -354,7 +353,7 @@ and (max-device-width : 736px) {
         display: block;
     }
 
-	.login-area .login-box,
+    .login-area .login-box,
     .login-area .omb_description {
         width: auto !important;
         margin-left: 10px;
@@ -372,25 +371,25 @@ and (max-device-width : 1024px) {
         width: 35%;
     }
 
-	.login-area {
+    .login-area {
         display: block;
     }
 
-	.omb_login .omb_authTitle img.logo,
+    .omb_login .omb_authTitle img.logo,
     .omb_login .omb_authTitle img.logo-app {
         margin-left: 40px;
     }
 
-	.omb_login .omb_authTitle .logo-bireme {
+    .omb_login .omb_authTitle .logo-bireme {
         max-width: 508px;
         margin-right: 30px;
     }
 
-	.omb_login h1.omb_authTitle {
+    .omb_login h1.omb_authTitle {
         height: 168px;
     }
 
-	.login-area .login-box,
+    .login-area .login-box,
     .login-area .omb_description {
         width: auto !important;
         margin-left: 10px;

diff --git a/client/templates/default/header.tpl.php b/client/templates/default/header.tpl.php
@@ -48,6 +48,11 @@
     <!-- Theme Style -->
     <link href="<?=RELATIVE_PATH?>/css/<?=$_SESSION["skin"]?>/style.css" type="text/css" rel="stylesheet" />
 
+    <?php if ( strpos($_SERVER['HTTP_USER_AGENT'], 'gonative') !== false ) : ?>
+    <!-- App Style -->
+    <link href="<?=RELATIVE_PATH?>/css/<?=$_SESSION["skin"]?>/app.css" type="text/css" rel="stylesheet" />
+    <?php endif; ?>
+
     <style type="text/css">@import url('<?=RELATIVE_PATH?>/vendors/introjs/themes/introjs-royal.css') (max-width: 768px);</style>
 
     <!-- Intro.js -->

diff --git a/server/templates/default/header.tpl.php b/server/templates/default/header.tpl.php
@@ -32,6 +32,11 @@
     <!-- Theme Style -->
     <link href="<?=RELATIVE_PATH?>/css/<?=$_SESSION["skin"]?>/style.css" type="text/css" rel="stylesheet" />
 
+    <?php if ( strpos($_SERVER['HTTP_USER_AGENT'], 'gonative') !== false ) : ?>
+    <!-- App Style -->
+    <link href="<?=RELATIVE_PATH?>/css/<?=$_SESSION["skin"]?>/app.css" type="text/css" rel="stylesheet" />
+    <?php endif; ?>
+
     <?php
         $b64HttpHost = base64_encode(RELATIVE_PATH.'/controller/authentication');