Spaces:
Sleeping
Sleeping
File size: 2,498 Bytes
8b76f10 79424c4 38d56b0 79424c4 7bdc357 ed316b6 7b6e557 ed316b6 1b588c0 ed316b6 ce1996a 7b6e557 ce1996a 7b6e557 ce1996a 7b6e557 ce1996a 7b6e557 ce1996a 7b6e557 ce1996a 7b6e557 ce1996a 7b6e557 ce1996a 7b6e557 ce1996a 7b6e557 ce1996a 7b6e557 ce1996a 7b6e557 ce1996a 7b6e557 7bdc357 faadae1 5a888c3 79424c4 5a888c3 79424c4 7bdc357 faadae1 79424c4 5a888c3 7bdc357 faadae1 79424c4 faadae1 e86df92 79424c4 7bdc357 faadae1 79424c4 173afa9 79424c4 173afa9 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 | import streamlit as st
def load_css():
st.markdown("""
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap" rel="stylesheet">
<style>
/* to keep it black color even in light mode */
/* app background */
.stApp {
background-color: #0B1220;
color: #FFFFFF;
}
/* sidebar panel */
[data-testid="stSidebar"] {
background-color: #232734;
}
/* sidebar content area */
[data-testid="stSidebar"] > div:first-child {
background-color: #232734;
}
/* sidebar text */
[data-testid="stSidebar"] * {
color: #E5E7EB;
}
/* selected page item */
[data-testid="stSidebarNav"] li[aria-current="page"] a,
[data-testid="stSidebarNav"] li[aria-current="page"] span {
background-color: #3A4052;
color: #FFFFFF;
border-radius: 10px;
}
/* other sidebar links */
[data-testid="stSidebarNav"] a,
[data-testid="stSidebarNav"] span {
color: #D1D5DB;
}
/* hover effect */
[data-testid="stSidebarNav"] a:hover {
background-color: #2E3445;
color: #FFFFFF;
border-radius: 10px;
}
/* adding content for the feature boxes */
.feature_box {
background: linear-gradient(135deg, #1f4e79 0%, #003366 100%);
padding: 25px 30px;
border-radius: 14px;
border: 1px solid rgba(255, 255, 255, 0.08);
box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.4);
margin-bottom: 20px;
min-height: auto;
}
/* adding details of the title heading */
.main_title {
color: #ffffff;
font-family: 'Poppins', sans-serif;
font-size: 48px;
font-weight: bold;
text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5);
}
/* adding details of the sub topics for features */
.topic_header {
color: #ffffff;
font-family: 'Poppins', sans-serif;
font-size: 25px;
font-weight: bold;
margin-bottom: 10px;
}
/* adding details of the content inside the feature boxes */
.feature_text {
color: #ffffff;
font-size: 20px;
line-height: 1.5;
}
/* adding the positive outcome of the game 75%>*/
.positive_text {
background-color: rgba(0, 128, 0, 0.15);
border-left: 6px solid green;
padding: 15px;
border-radius: 8px;
font-size: 20px;
font-weight: bold;
margin: 10px 0 20px 0;
}
/* adding the negative outcome of the game 75%<*/
.negative_text {
background-color: rgba(255, 0, 0, 0.15);
border-left: 6px solid red;
padding: 15px;
border-radius: 8px;
font-size: 20px;
font-weight: bold;
margin: 10px 0 20px 0;
}
</style>
""", unsafe_allow_html=True)
|