From 9329548e884219bab233764eb464b6b742489c88 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Christer=20War=C3=A9n?= Date: Thu, 21 Jul 2022 17:17:54 +0300 Subject: [PATCH] Add Piraattipuolue theme --- .../login/resources/css/piraattipuolue.css | 62 ++++++++ .../resources/img/idp-piraattipuolue-dark.svg | 142 +++++++++++++++++ .../img/idp-piraattipuolue-light.svg | 142 +++++++++++++++++ .../login/resources/img/logo-dark.svg | 142 +++++++++++++++++ .../login/resources/img/logo-light.svg | 142 +++++++++++++++++ piraattipuolue/login/theme.properties | 2 + piraattipuolue/welcome/index.ftl | 34 +++++ .../welcome/resources/css/piraattipuolue.css | 56 +++++++ .../welcome/resources/img/logo-dark.svg | 143 ++++++++++++++++++ .../welcome/resources/img/logo-light.svg | 143 ++++++++++++++++++ piraattipuolue/welcome/theme.properties | 2 + 11 files changed, 1010 insertions(+) create mode 100644 piraattipuolue/login/resources/css/piraattipuolue.css create mode 100644 piraattipuolue/login/resources/img/idp-piraattipuolue-dark.svg create mode 100644 piraattipuolue/login/resources/img/idp-piraattipuolue-light.svg create mode 100644 piraattipuolue/login/resources/img/logo-dark.svg create mode 100644 piraattipuolue/login/resources/img/logo-light.svg create mode 100644 piraattipuolue/login/theme.properties create mode 100755 piraattipuolue/welcome/index.ftl create mode 100644 piraattipuolue/welcome/resources/css/piraattipuolue.css create mode 100644 piraattipuolue/welcome/resources/img/logo-dark.svg create mode 100644 piraattipuolue/welcome/resources/img/logo-light.svg create mode 100755 piraattipuolue/welcome/theme.properties diff --git a/piraattipuolue/login/resources/css/piraattipuolue.css b/piraattipuolue/login/resources/css/piraattipuolue.css new file mode 100644 index 0000000..2258de7 --- /dev/null +++ b/piraattipuolue/login/resources/css/piraattipuolue.css @@ -0,0 +1,62 @@ +body { + background-image: none !important; + background-color: #512483; + background-repeat: no-repeat; + background-position: center; + background-size: cover !important; +} + +#kc-header-wrapper { + font-family: sans-serif; +} + +div.kc-logo-text.kc-logo-custom { + background-image: url(../img/logo-light.svg); + background-position: center; +} + +@media (max-width: 767px){ + #kc-header { + text-align: center; + } + + #kc-header-wrapper { + color: inherit; + font-size: 29px; + padding: 62px 10px 20px; + } + + div.kc-logo-text { + height: 63px; + width: 300px; + margin: auto; + } + + .login-pf body { + background: none no-repeat center center fixed; + } + + .login-pf-page { + margin: 20px; + } + + .login-pf-page .card-pf { + max-width: 500px; + margin-left: auto; + margin-right: auto; + padding-top: 10px; + border-top: 4px solid; + border-color: var(--pf-global--primary-color--100); + } +} + +#social-piraattipuolue { + background-image: url(../img/idp-piraattipuolue-dark.svg); + background-repeat: no-repeat; + background-position: center; + background-size: auto 40%; +} + +#social-piraattipuolue .kc-social-provider-name { + color: transparent; +} diff --git a/piraattipuolue/login/resources/img/idp-piraattipuolue-dark.svg b/piraattipuolue/login/resources/img/idp-piraattipuolue-dark.svg new file mode 100644 index 0000000..90b1141 --- /dev/null +++ b/piraattipuolue/login/resources/img/idp-piraattipuolue-dark.svg @@ -0,0 +1,142 @@ + + + + diff --git a/piraattipuolue/login/resources/img/idp-piraattipuolue-light.svg b/piraattipuolue/login/resources/img/idp-piraattipuolue-light.svg new file mode 100644 index 0000000..fde66b2 --- /dev/null +++ b/piraattipuolue/login/resources/img/idp-piraattipuolue-light.svg @@ -0,0 +1,142 @@ + + + + diff --git a/piraattipuolue/login/resources/img/logo-dark.svg b/piraattipuolue/login/resources/img/logo-dark.svg new file mode 100644 index 0000000..90b1141 --- /dev/null +++ b/piraattipuolue/login/resources/img/logo-dark.svg @@ -0,0 +1,142 @@ + + + + diff --git a/piraattipuolue/login/resources/img/logo-light.svg b/piraattipuolue/login/resources/img/logo-light.svg new file mode 100644 index 0000000..fde66b2 --- /dev/null +++ b/piraattipuolue/login/resources/img/logo-light.svg @@ -0,0 +1,142 @@ + + + + diff --git a/piraattipuolue/login/theme.properties b/piraattipuolue/login/theme.properties new file mode 100644 index 0000000..420523a --- /dev/null +++ b/piraattipuolue/login/theme.properties @@ -0,0 +1,2 @@ +parent=keycloak +styles=css/login.css css/tile.css css/piraattipuolue.css diff --git a/piraattipuolue/welcome/index.ftl b/piraattipuolue/welcome/index.ftl new file mode 100755 index 0000000..dbaf3b2 --- /dev/null +++ b/piraattipuolue/welcome/index.ftl @@ -0,0 +1,34 @@ + + + + Piraattipuolue - SSO + + + + + + + <#if properties.styles?has_content> + <#list properties.styles?split(' ') as style> + + + + + + +
+

Piraattipuolue

+

Single Sign-On

+
+
+ Administration Console +
+ Account Management +
+ Website +
+ + + diff --git a/piraattipuolue/welcome/resources/css/piraattipuolue.css b/piraattipuolue/welcome/resources/css/piraattipuolue.css new file mode 100644 index 0000000..d84d854 --- /dev/null +++ b/piraattipuolue/welcome/resources/css/piraattipuolue.css @@ -0,0 +1,56 @@ +body { + background-color: #512483; + align-items: center; + justify-content: center; + width: 100vw; + height: 100vh; + text-align: center; +} + +*, *:active, *:focus, *:hover, *:visited, *:link { + color: #e6d5f6; + text-decoration: none; + font-family: sans-serif; +} + +body, main { + display: flex; + flex-direction: column; +} + +p, main a { + font-weight: bold; + font-size: 1.5em; +} + +h1 { + font-size: 3em; + margin-bottom: 0; + background-image: url(../img/logo-light.svg); + background-repeat: no-repeat; + background-position: center; + background-size: contain; + color: transparent !important; +} + +p { + margin: 0; +} + +hr { + width: 100%; + margin: 0; +} + +main { + margin-top: 50px; + margin-bottom: 50px; +} + +main a { + padding: 10px 20px; +} + +main a:hover { + background-color: #ffffff14; +} diff --git a/piraattipuolue/welcome/resources/img/logo-dark.svg b/piraattipuolue/welcome/resources/img/logo-dark.svg new file mode 100644 index 0000000..1f3c258 --- /dev/null +++ b/piraattipuolue/welcome/resources/img/logo-dark.svg @@ -0,0 +1,143 @@ + + + + diff --git a/piraattipuolue/welcome/resources/img/logo-light.svg b/piraattipuolue/welcome/resources/img/logo-light.svg new file mode 100644 index 0000000..ba2c17c --- /dev/null +++ b/piraattipuolue/welcome/resources/img/logo-light.svg @@ -0,0 +1,143 @@ + + + + diff --git a/piraattipuolue/welcome/theme.properties b/piraattipuolue/welcome/theme.properties new file mode 100755 index 0000000..019e0da --- /dev/null +++ b/piraattipuolue/welcome/theme.properties @@ -0,0 +1,2 @@ +parent=keycloak +styles=css/piraattipuolue.css