Frio: fix home page

Add home.tpl, fix style with custom home.html, fix style with custom page content from addon

diff --git a/view/theme/frio/css/style.css b/view/theme/frio/css/style.css
index 2900a72..eb08dee 100644 (file)
--- a/view/theme/frio/css/style.css
+++ b/view/theme/frio/css/style.css
@@ -3024,25 +3024,42 @@ section .profile-match-wrapper {
     box-shadow: unset;
     border: 0
 }
-.mod-home.is-not-singleuser #content > h1,
-.mod-login #content > h1 {
-    color: #eee;
+.mod-home.is-not-singleuser .login-content,
+.mod-login .login-content {
+       color: #eee;
+       margin-top: 2.5%;
 }
 
-@media screen and (min-width: 700px) {
-    .mod-home.is-not-singleuser #content > #login-form,
-    .mod-login #content > #login-form {    
-        width: 50%;
+.mod-home.is-not-singleuser .login-form > #login-form,
+.mod-login .login-form > #login-form {
+       color: #eee;  
+}
+       
+.mod-home.is-not-singleuser .login-panel-content,
+.mod-login .login-panel-content { 
+       background-color: rgba(255,255,255,.85);
+}
+
+/* Medium devices (desktops, 992px and up) */
+@media (min-width: 992px) {
+       .mod-home.is-not-singleuser #content,
+    .mod-login #content {
+               margin-top: 100px!important;
+       }    
+       
+       
+
+       .mod-home.is-not-singleuser .login-form > #login-form,
+    .mod-login .login-form > #login-form {    
         background-color: #fff;
         color: #444;
         padding: 1em;
-        float: right;
         position: relative;
         margin-top: 4em;
     }
 
-    .mod-home.is-not-singleuser #content > #login-form:before,
-    .mod-login #content > #login-form:before {
+    .mod-home.is-not-singleuser .login-form > #login-form:before,
+    .mod-login .login-form > #login-form:before {
         display: block;
         position: absolute;
         content: " ";
@@ -3054,8 +3071,8 @@ section .profile-match-wrapper {
         z-index: -1;
     }
 
-    .mod-home.is-not-singleuser #content > #login-form:after,
-    .mod-login #content > #login-form:after {
+    .mod-home.is-not-singleuser .login-form > #login-form:after,
+    .mod-login .login-form > #login-form:after {
         display: block;
         position: absolute;
         content: " ";
@@ -3065,7 +3082,8 @@ section .profile-match-wrapper {
         top: -10%;
         left: 10%;
         z-index: -1;
-    }
+       }
+
 }
 
 

diff --git a/view/theme/frio/templates/home.tpl b/view/theme/frio/templates/home.tpl
new file mode 100644 (file)
index 0000000..dd53a1e
--- /dev/null
+++ b/view/theme/frio/templates/home.tpl
@@ -0,0 +1,25 @@
+
+{{* custom content from hook will replace everything. *}}
+<div class="row">
+{{if $content != '' }}
+       <div class="col-sm-12">
+               <div class="panel panel-default login-panel-content">
+                       <div class="panel-body">
+                               {{$content}}
+                       </div>
+               </div>
+       </div>
+{{else}}
+
+       <div class="col-md-7 col-sm-12 login-content">
+               {{if $customhome != false }}
+                       {{include file="$customhome"}}
+               {{else}}
+                       {{$defaultheader}}
+               {{/if}}
+       </div>
+       <div class="col-md-5 col-sm-12 login-form">
+       {{$login}}
+       </div>
+{{/if}}
+</div>
\ No newline at end of file