From fd94a1e3a43f3be74e36782927fab372074dbaec Mon Sep 17 00:00:00 2001 From: Antoine M Date: Fri, 22 Nov 2024 09:46:13 +0100 Subject: [PATCH] styling login --- resources/css/login-style.css | 37 ++++++++++++++++++++++++++++++++++ style-login.css | 38 +++++++++++++++++++++++++++++++++++ 2 files changed, 75 insertions(+) create mode 100644 style-login.css diff --git a/resources/css/login-style.css b/resources/css/login-style.css index e69de29..527f081 100644 --- a/resources/css/login-style.css +++ b/resources/css/login-style.css @@ -0,0 +1,37 @@ +:root { + --purple: #8b2ff7; +} +body { + background: white; +} +#loginform { + box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); + border-radius: 10px; + padding: 30px; +} +#login h1 a, +.login h1 a { + background-image: url('./resources/img/logos/metiers_logo_purple.svg'); + height: 100px; + width: 300px; + background-size: 300px 100px; + background-repeat: no-repeat; + padding-bottom: 10px; +} +#wp-submit { + background-color: var(--purple) !important; + border-color: var(--purple) !important; +} +#nav a, +#backtoblog a { + /* color: var(--purple) !important; */ + /* color: white !important; */ +} + +#loginform { + border: none; +} + +.wp-pwd span { + color: var(--purple) !important; +} diff --git a/style-login.css b/style-login.css new file mode 100644 index 0000000..f181b94 --- /dev/null +++ b/style-login.css @@ -0,0 +1,38 @@ +:root { + --purple: #8b2ff7; +} +body { + background: white; +} +#loginform { + box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); + border-radius: 10px; + padding: 30px; +} +#login h1 a, +.login h1 a { + background-image: url('./resources/img/logos/metiers_logo_purple.png'); + height: 100px; + width: 300px; + /* background-size: 300px 100px; */ + background-size: contain; + background-repeat: no-repeat; + padding-bottom: 10px; +} +#wp-submit { + background-color: var(--purple) !important; + border-color: var(--purple) !important; +} +#nav a, +#backtoblog a { + /* color: var(--purple) !important; */ + /* color: white !important; */ +} + +#loginform { + border: none; +} + +.wp-pwd span { + color: var(--purple) !important; +}