From d10ae5b6e60ea3e0f6032d7b69b33f5b18bd4a04 Mon Sep 17 00:00:00 2001 From: vedatakd Date: Mon, 17 Feb 2020 17:34:54 +0300 Subject: [PATCH 1/3] #895 Login page --- .../base-theme/resources/css/login.css | 133 ++++++++++++++++++ .../resources/images/qr_logo_for_login.png | Bin 0 -> 1721 bytes .../addons/anomaly/users-module/login.twig | 30 ++-- 3 files changed, 153 insertions(+), 10 deletions(-) create mode 100644 addons/default/visiosoft/base-theme/resources/images/qr_logo_for_login.png diff --git a/addons/default/visiosoft/base-theme/resources/css/login.css b/addons/default/visiosoft/base-theme/resources/css/login.css index 46a28aa04..8cb27ea0d 100644 --- a/addons/default/visiosoft/base-theme/resources/css/login.css +++ b/addons/default/visiosoft/base-theme/resources/css/login.css @@ -7,4 +7,137 @@ .register-section button, .register-section a { font-size: 16px; +} + + +.login_subject { + color: #333; + font-weight: bold; + font-size: 18px; +} + +.login-section label { + font-size: 13px; +} + +.forgot_password { + display: inline-block; + float: right; + color: #868f94; +} +.forgot_password:hover { + text-decoration: underline; +} + +.login-section button { + padding: 9px 22px; + margin-bottom: 0; + font-family: 'Lucida Grande','LucidaGrande',Arial,sans-serif; + font-weight: bold; + text-align: center; + vertical-align: middle; + cursor: pointer; + border-radius: 2px; + color: #fff; + background-repeat: repeat-x; + background-image: -moz-linear-gradient(top,#6198d3,#437db9); + background-image: -ms-linear-gradient(top,#6198d3,#437db9); + background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#6198d3),color-stop(100%,#437db9)); + background-image: -webkit-linear-gradient(top,#6198d3,#437db9); + background-image: -o-linear-gradient(top,#6198d3,#437db9); + background-image: linear-gradient(top,#6198d3,#437db9); + line-height: 1.3em; + outline: 0; + background: #489ae9; + box-shadow: 1px 0 2px 0 rgba(0,0,0,0.13), 0 0 4px 0 rgba(0,0,0,0.11), 0 2px 3px 0 rgba(0,0,0,0.16); + border: 0; + text-shadow: none; + height: 50px; + font-size: 16px; + width: 100%; + display: block; +} +.login-section button:hover { + color: #fff; + background: #4594de; + text-decoration: none; +} + +.remember_me { + padding: 12px 0 0 5px; + display: inline-block; + color: #36454d; + font-size: 13px; +} + +.remember_me input { + margin: 0; + vertical-align: 1px; + font: 12px "Lucida Grande","LucidaGrande",Arial,sans-serif; +} + +.register-section h3 { + font-size: 18px; + margin: 0 0 43px 0; + padding-left: 0; + padding-right: 0; + width: 100%; + color: #333; + font-weight: bold; +} + +.register-section p { + color: #36454d; + margin-bottom: 20px; + font-size: 13px; +} + +.register-section a { + background: #fafafa; + box-shadow: 1px 0 2px 0 rgba(0,0,0,0.13), 0 0 4px 0 rgba(0,0,0,0.11), 0 2px 3px 0 rgba(0,0,0,0.16); + border-radius: 2px; + border: 0; + font-weight: bold; + height: 50px; + font-size: 16px; + text-shadow: 0 2px 11px #fff; + display: block; + width: 100%; + padding: 15px 22px; + color: #489ae8; +} + +.register-section a:hover { + background: #fafafa; + color: #489ae8; +} + +.qr-login-trigger { + display: block; + background: #fff url("{{ img('visiosoft.theme.base::images/qr_logo_for_login.png').url }}") center no-repeat; + background-size: 60px 60px; + width: 60px; + height: 60px; + padding: 10px; + right: 5px; + top: 5px; + position: absolute; + z-index: 10; +} + +@media only screen and (min-width: 470px) { + .login-section { + padding: 70px 78px 148px 77px; + } + + .register-section { + padding-top: 143px; + padding-left: 80px; + padding-right: 85px; + background-color: #fff; + } +} + +#header { + display: none; } \ No newline at end of file diff --git a/addons/default/visiosoft/base-theme/resources/images/qr_logo_for_login.png b/addons/default/visiosoft/base-theme/resources/images/qr_logo_for_login.png new file mode 100644 index 0000000000000000000000000000000000000000..6045bb327eb2da1470030b2094cdc09f55082a84 GIT binary patch literal 1721 zcmX9;4LFnQ8-LLU)=160?u_G4GtjtfX|tknYOkzkX0&`SS$v`!oq?~CbP7({I?5g z5FQ>LUS3`S0Rf<%o105dPX`&qg$ozv=jW@cs+3BlL?Y?#?tb;^Rb5@(%a<>)SgfO? zBbWhOKo>+(QqmW!e*zFiM@NIKr>7SmAD@?(H~UY3`K6^LfN5uE2b2^S7fYp5fj|%( z9E?Vz?d|Qs?#9MO9*>uuosGlcfXJMjoQjGH0)YTpMMXt1F)>6U@y?w)1qB6{E?sJ9 zXaFn#8&J?_w63l$P?(yUf)&6rGBN^i!otD;7f=q+6bc2H2l^Km7v*v}&;!Om*TlpG z*mQDos;;hfc6QFn$^v=-6oAQ0Bp*3;9|!0+VbBmf7bB_$7@4@V>sjty{MWg+kzH$BrEg27^Q*`T6+`3=AYEC)?WE=H})G z1_n+{OmuW~08>}4TuDq!6p2K9KEJlMwx*_rLZSHh_~7yQN8Nij0Rxd~#A77rqxKqn z%L>{`v#MU0nv!(iCi?pwad9xw|NLq7t$IoIYW(r&V8`{U(n~BBBZ(dx5%et@wRz zp&GILZ@3WnrUzhA`VXRPmkl=TGaQUl9@~XhzAzI8;Wcg7N&^>9FV@<5DF-f>-YP`6 z^M(?%$B!4m5$@DbZQMpQ^tq;x1^7be&YJ9P)Jjz&P<8uV`p+-pJ`_w6y_g z-x&-3WAWz;^X7n?JVx5 zEA}A!%d;APN{vjpX}EUdNk}=S>0%kFN0~wCSd#aaLCrL?QT<*Ntba0hxWV6@^)B%j zjUDddz3dMgx}q)bPMaZd)LDPo?5TB<+vZr;$e#9#Td47F4j@KLz!EJ^-M z$@LZlQrgFcxP*h}YZBn@=e>XXXi!m$&swpC%WxHcrsrVyMuqnnBvp=MAHHFf{~3J) z+hBrRMGXnCovM&|PB*j*Fip|UzTX|;IEdTFOfpF~g z&UAEL%KoS(ck}Eo2nal7dU8W?`XN)?L zmO2P(1oQ{e61FckYcs{lYQ-gy;(KyczLs$4vmTcnQ?`7Dsal@h;E(^W#pt|)J*>A< z7Scc3)rS_pr6%q|L-TJ+#>V^}#H-o7R$-=ku9JscmFKO?H}tr9NZEd6r*Kh08|&>+ zzK%6?mt8Yx5()|oK>4Skk?es4(O zJ$2RXZ)+yv>#hi|&n?qu|LTc6Hu;?S{Z|k*1`jTU&wo2hY%JisBR9pG|JHsoi+U|N zy9-tucUoUHq>Wwg7GoDy3~wV@$MNzb ztK$41(Fyb}9F?YJt|>GA!iaCyiCxicpWF{`#~8k=^R_-mV|Mnq*8kdnzChH6^405A z)YD)Hs`P;P79ArNK-|r{sn4Y0j2{@msS~{us(aC+<+Hc){C|EQpx0~utC($9gdM)| zSS3Y4RJ8&n796USm)kUE4n>Teh;#Ef+x?lz8FTsT_qO(0d>o+tH@7R11ot9$+^ z>)6(Pu0BE6*?x_-eQ@E?_T+uT#mS)<|9;Hjd(u!&=Go`o4hyO#T2f_@#KYOmC#NB; q4&E;qIhDWHNq0jd+xYyHE`uoR+V7R>+7IB51rdCXdAE2`e)t>jqi0$G literal 0 HcmV?d00001 diff --git a/addons/default/visiosoft/base-theme/resources/views/addons/anomaly/users-module/login.twig b/addons/default/visiosoft/base-theme/resources/views/addons/anomaly/users-module/login.twig index 75183bcb9..ea984f7eb 100644 --- a/addons/default/visiosoft/base-theme/resources/views/addons/anomaly/users-module/login.twig +++ b/addons/default/visiosoft/base-theme/resources/views/addons/anomaly/users-module/login.twig @@ -1,10 +1,20 @@ {% extends "theme::layouts/default" %} {% block content %} + {% set logo_web = file(setting_value('visiosoft.theme.sahibinden::logo_web')).url %} + {% if logo_web is null %} + {% set logo_web = img('visiosoft.theme.sahibinden::images/logo_web.png').url %} + {% endif %} +
+ + +
-
+