Streamlit-Magic-Cheat-Sheet / custom_styles.css
tushar27's picture
From github updates
2482ff6
/* 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;
}