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