From: fabrixxm Date: Sun, 14 Jan 2018 17:45:00 +0000 (+0100) Subject: New home/login page style X-Git-Url: https://git.mxchange.org/?a=commitdiff_plain;h=1064da10522e1becf1f7852421933c7ba1fe4f0a;p=friendica.git New home/login page style --- diff --git a/view/theme/frio/css/style.css b/view/theme/frio/css/style.css index f37c02e636..2900a727f6 100644 --- a/view/theme/frio/css/style.css +++ b/view/theme/frio/css/style.css @@ -3005,3 +3005,68 @@ section .profile-match-wrapper { float: left; } +/** + * Login page + */ +.mod-home.is-not-singleuser, +.mod-login { + background-image: linear-gradient(to right, rgba(0,0,0, 0.7) , rgba(0,0,0, 0.4)), url($login_bg_image); + background-size: cover; + background-attachment: fixed; + background-position: center; + padding-top: 0; +} +.mod-home.is-not-singleuser nav.navbar, +.mod-login nav.navbar { background-color: transparent } +.mod-home.is-not-singleuser #topbar-second, +.mod-login #topbar-second { + background-color: transparent; + box-shadow: unset; + border: 0 +} +.mod-home.is-not-singleuser #content > h1, +.mod-login #content > h1 { + color: #eee; +} + +@media screen and (min-width: 700px) { + .mod-home.is-not-singleuser #content > #login-form, + .mod-login #content > #login-form { + width: 50%; + 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 { + display: block; + position: absolute; + content: " "; + background-color: rgba(255,255,255,0.1); + width:90%; + height: 110%; + top: -5%; + left: 5%; + z-index: -1; + } + + .mod-home.is-not-singleuser #content > #login-form:after, + .mod-login #content > #login-form:after { + display: block; + position: absolute; + content: " "; + background-color: rgba(255,255,255,0.2); + width:80%; + height: 120%; + top: -10%; + left: 10%; + z-index: -1; + } +} + + + diff --git a/view/theme/frio/img/login_bg.jpg b/view/theme/frio/img/login_bg.jpg new file mode 100644 index 0000000000..280c4e92a7 Binary files /dev/null and b/view/theme/frio/img/login_bg.jpg differ diff --git a/view/theme/frio/php/default.php b/view/theme/frio/php/default.php index 768dd122f9..bcd11cc62a 100644 --- a/view/theme/frio/php/default.php +++ b/view/theme/frio/php/default.php @@ -54,9 +54,12 @@ if (!isset($minimal)) { } echo ' '; + + $is_singleuser = Config::get('system','singleuser'); + $is_singleuser_class = $is_singleuser ? "is-singleuser" : "is-not-singleuser"; ?> - + "> Skip to main content module !== 'install') { $bgcolor = Config::get("frio", "background_color"); $contentbg_transp = Config::get("frio", "contentbg_transp"); $background_image = Config::get("frio", "background_image"); + $login_bg_image = Config::get("frio", "login_bg_image"); $bg_image_option = Config::get("frio", "bg_image_option"); $modified = Config::get("frio", "css_modified"); @@ -96,6 +97,7 @@ $link_color = (empty($link_color) ? "#6fdbe8" : $link_color); $bgcolor = (empty($bgcolor) ? "#ededed" : $bgcolor); // The background image can not be empty. So we use a dummy jpg if no image was set. $background_image = (empty($background_image) ? 'img/none.jpg' : $background_image); +$login_bg_image = (empty($login_bg_image) ? 'img/login_bg.jpg' : $login_bg_image); $modified = (empty($modified) ? time() :$modified); $contentbg_transp = ((isset($contentbg_transp) && $contentbg_transp != "") ? $contentbg_transp : 100); @@ -175,6 +177,7 @@ $options = array ( '$contentbg_transp' => $contentbg_transp, '$background_image' => $background_image, '$background_size_img' => $background_size_img, + '$login_bg_image' => $login_bg_image, ); $css_tpl = file_get_contents('view/theme/frio/css/style.css'); diff --git a/view/theme/frio/templates/login.tpl b/view/theme/frio/templates/login.tpl index a5e9b519e7..1f818f5245 100644 --- a/view/theme/frio/templates/login.tpl +++ b/view/theme/frio/templates/login.tpl @@ -20,7 +20,7 @@