Spaces:

tushar27
/

Streamlit-Magic-Cheat-Sheet

Sleeping

Streamlit-Magic-Cheat-Sheet / custom_styles.css

From github updates

2482ff6 almost 3 years ago

862 Bytes

/* Set the page width to 80% */
.reportview-container {
    width: 80%;
}


.stApp > header {
    background-color: transparent;
}
.stApp {
    margin: auto;
    font-family: 'Roboto', sans-serif;
    overflow: auto;
    background: -webkit-linear-gradient(to right, #ecebe9, #f2f2f2, #dbdbdb, #eaeaea); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #f6f5f2, #f2f2f2, #dbdbdb, #eaeaea); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    animation: gradient 15s ease infinite;
    background-size: 400% 400%;
    background-attachment: fixed;
}

/* Gradient background for Streamlit sidebar */
.sidebar-content {
    background-image: linear-gradient(to bottom, #ada996, #1041c8);
    color: white;
    padding: 20px;
    border-radius: 10px;
}

.st-emotion-cache-16txtl3 {
    padding: 0.01rem 0.01rem;
}

	/* Set the page width to 80% */
	.reportview-container {
	width: 80%;
	}


	.stApp > header {
	background-color: transparent;
	}
	.stApp {
	margin: auto;
	font-family: 'Roboto', sans-serif;
	overflow: auto;
	background: -webkit-linear-gradient(to right, #ecebe9, #f2f2f2, #dbdbdb, #eaeaea); /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #f6f5f2, #f2f2f2, #dbdbdb, #eaeaea); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	animation: gradient 15s ease infinite;
	background-size: 400% 400%;
	background-attachment: fixed;
	}

	/* Gradient background for Streamlit sidebar */
	.sidebar-content {
	background-image: linear-gradient(to bottom, #ada996, #1041c8);
	color: white;
	padding: 20px;
	border-radius: 10px;
	}

	.st-emotion-cache-16txtl3 {
	padding: 0.01rem 0.01rem;
	}