SSOwat/portal/assets/themes/unsplash/custom_portal.css
Geoff Montel 8abd9ce94d Adding new theme Unsplash forek from "Clouds"
Background change over each photos
Selection of "Nature" performed on Unsplash API
Kept white font for SSO main element
Remaining problems: photos color may lead to unreadable labels. Fix me!
2019-07-09 17:45:23 +02:00

57 lines
1.2 KiB
CSS

/*
===============================================================================
This file contain extra CSS rules to customize the YunoHost user portal and
can be used to customize app tiles, buttons, etc...
===============================================================================
*/
/* Make page texts black */
.user-container h2,
.user-container small,
.user-container .user-mail,
.user-container .user-mail,
.content .footer a,
a.app-tile,
#ynh-logout {
color: black !important;
}
.ynh-user-portal {
background-image: url('https://source.unsplash.com/random/featured/?nature') !important;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 100%;
}
/* Apps colors */
.app-tile {
background-color: rgba(255, 255, 255, 0.5) !important;
}
.app-tile:hover:after,
.app-tile:focus:after,
.app-tile:hover:before,
.app-tile:focus:before {
background: rgba(255, 255, 255, 0.5) !important;
}
/* Use a custom logo image */
#ynh-logo {
z-index: 10;
background-image: url("./cloud.png");
}
/* Round the form */
.login-form label:before {
border-top-left-radius: 5em ;
border-bottom-left-radius: 5em ;
}
.login-form * {
border-radius: 5em;
}
.messages {
border-radius: .5em;
}