<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
Personal Shopper by Ummon
CSS for frontend
*/
.verde{
	background-color: #5ab210;
}
.celeste{
	background-color: #68c5e7;
}

.rosso{
	background-color: #ff6060;
}

.rosa{
	background-color: #ff70a6;
}

.arancione{
	background-color: #ff8549;
}
.marrone{
	background-color:  #534646;
}
.giallo{
	background-color:  #faac15;
}
.umm_conf_container {
	background-color: #fff;
	min-width: 200px;
	margin: auto;
	width: 50%;
	border-radius: 3px;
	padding: 1em;
	box-sizing: border-box;
}
.umm_conf_container h1 {
	margin: 0;
	color: #ff6060;
}
.umm_conf_container p {
	margin: .25em 0;
}
.umm_conf_container a {
	font-size: 2em;
}
.umm_listdet_container {
	background-color: #fff;
	min-width: 200px;
	margin: auto;
	width: 75%;
	border-radius: 3px;
	padding: 1em;
	box-sizing: border-box;
	position: relative;
	max-height: 90%;
	overflow-y: auto;
}
.umm_listdet_container h1 {
	margin: 0;
	color: #44a444;
}
.umm_listdet_container p {
	margin: .25em 0;
}
.umm_listdet_container a.umm_ps_closedetail {
	position: absolute;
	top: 0;
	right: .5rem;
	font-size: 1.5em;
	color: #ff6060;
}
.umm_listdet_container a.umm_ps_closedetail:hover {
	color: #000;
}
.umm_ps_confbutton{
	color: #44a444;/* was #5ab210*/
	transition: color 0.2s ease-in-out 0s;
}
.umm_ps_confbutton.umm_ps_cancel_removal{
	color: #ff4545;
}
.umm_ps_confbutton:hover{
	color: #3d3d3d;
}
section.shopping_lists h1 {
    background-color: #ff70a6;
    color: #fff;
    padding: 0 1em;
    font-size: 1.5em;
}
section.shopping_lists h2 {
	font-weight: 400;
	font-size: 1em;
	line-height: 1em;
	font-style: italic;
	padding: 0 1em 0;
}
.shoplist_cont {
	margin-bottom: .5em;
	background-color: #3d3d3d;
}
.umm_listdet_container h1, .umm_listdet_container h2 {
	line-height: 1em;
}
.shoplist_ico {
	float: left;
	width: 8em;
	height: 8em;
}
.shoplist_ico img {
	width: auto;
	height: 100%;
}
.shoplist_data {
	float: left;
	padding: 0 1em;
	height: 8em;
	background-color: #3d3d3d;
	width: calc(100% - 8em);
	color: #fff;
	position: relative;
}
.shoplist_data h3 {
	margin: .5em 0 0;
	line-height: 1em;
}
.shoplist_data p {
	margin: 0;
	font-weight: 300;
	font-size: .9em;
}
#pshop_addform {
	position: absolute;
	height: 100%;
	top: 0;
	left: 1em;
	width: calc(100% - 1em);
}
#pshop_addform div.buttons {
	position: absolute;
	bottom: .5em;
	right: 0;
}
#pshop_addform div.buttons a {
	color: #fff;
	font-size: 1.5em;
	margin-right: .5em;
	transition: color 0.2s ease-in-out 0s;
}
#pshop_addform div.buttons a:hover {
	color: #44a444;/* was #5ab210*/
}
#pshop_addform div.buttons a.umm_delete_shoplist:hover {
	color: #ff6060;
}
#pshop_addform div.buttons a.umm_display_shoplist:hover {
	color: #faac15;
}

/*--------------------------------------------------------------
	Media Queries
--------------------------------------------------------------*/

/* MOBILE RES (change max width when decided) */
@media screen and ( max-width: 782px ) {/*Standard smartphones*/
	.umm_conf_container {
		width: 90%;
	}
	.shoplist_data {
		height: auto;
	}
	#pshop_addform {
		position: relative;
		width: 100%;
		left: 0;
		height: auto;
	}
	#pshop_addform div.buttons {
		position: relative;
		text-align: right;
	}
	.shoplist_data p {
		line-height: 1em;
		margin: 1em 0;
	}

}</pre></body></html>