/*
===============================================================================
 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 white */
.user-container h2,
.user-container small,
.user-container .user-mail,
.user-container .user-mail,
.content .footer a,
a.app-tile,
#ynh-logout {
  color: white !important;
}

/* Do a little fade-in so you can see the nice wallpaper 1st */
@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}


body {
  color: white !important;
  text-shadow: 3px 4px 4px rgba(0,0,0,.4), -1px -1px 6px rgba(0,0,0,0.2);
  animation: fadeIn 5s;
}

.container {
    background: linear-gradient( 
    	rgba(12,0,12,.9), 
    	rgba(12,0,12,.5) ), 
    	/* This doesn't work anymore: */
    	/* url('https://source.unsplash.com/random/featured/?cyberpunk') !important; */
    	/* This isn't actually random (submitted bug.) => https://github.com/mhsattarian/archillect-api/issues/1 */
    	/* url('https://archillect.mhsattarian.workers.dev/api/random') !important; */
    	url('https://media1.giphy.com/media/v1.Y2lkPTc5MGI3NjExdHNzbWp0NG5kcjN6bGxlbmlwbmdnZHAyeG00bGJ4eTl0dGY0YWVpdSZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/26tnaNlcZHVwfsQTe/giphy.webp');
    background-repeat: no-repeat !important;
    background-size: cover !important;
    width: 100%;
    height: 100%;
}

/* get rid of the little annoymous avatar
.user-container:before {
	content: '\00a0\00a0';
	background: rgba(0,0,0,.5), url('');
} */

/* Cool font from => https://www.aeriform.io/foundry
 * "They are free to download for personal or commercial use, but are not open-source:
 * Modified versions must not be distributed."
 */
@font-face {
    font-family: 'BoxKnife';
    src: url(data:application/font-woff2;charset=utf-8;base64,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) format('woff2'),
         url(data:application/font-woff;charset=utf-8;base64,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) format('woff'),    
         url('fonts/boxknife-regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
h4.app-label {
    margin: 0;
    display: inline-block;
    font-family: BoxKnife, 'source_sans_proregular', sans-serif;
    text-transform: lowercase;
}
h4 a {
    font-family: ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    text-transform: initial;
}

/* Apps colours */
.app-tile {
  background-color: rgba(255, 244, 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("./ag-sys/AGS_pulse.png");
}

/* Round the form */
.login-form label:before {
	border-top-left-radius: 3em ;
	border-bottom-left-radius: 3em ;
}

.login-form * {
	border-radius: 3em;
}

/* Make form black */

.login-form label::before {
	background: #000; 
	color: #FFF;
}

.login-form .form-group * {
	background: #000; 
	color: #FFF;
}

.icon {
	background: #000;
}

.messages {
	border-radius: .3em;
}