Hugging Face's logo

Spaces:
Harika22
/
Natural_Language_Processing
Sleeping

App Files Community
Harika22 commited on
Commit
96a627c
·
verified ·
1 Parent(s): 0a6492c

Update pages/3_Terminology.py

Browse files
Files changed (1) hide show
  1. pages/3_Terminology.py +57 -45
pages/3_Terminology.py CHANGED
@@ -12,60 +12,75 @@ st.markdown(
12
  0% { opacity: 0; transform: translateY(-20px); }
13
  100% { opacity: 1; transform: translateY(0); }
14
  }
15
- .title {
16
- text-align: center;
17
- color: black
18
- font-size: 3rem;
19
- font-weight: bold;
20
- animation: fadeIn 1.5s ease-in-out;
21
- }
22
- .caption {
23
  text-align: center;
24
- font-style: italic;
25
- font-size: 1.2rem;
26
- color: black
27
- animation: fadeIn 2s ease-in-out;
28
  }
29
-
30
  h2 {
31
- color: red;
32
- font-family: 'Roboto', sans-serif;
33
- font-weight: 600;
34
- margin-top: 30px;
35
  }
36
 
37
- h3 {
38
- color: green;
39
- font-family: 'Roboto', sans-serif;
40
- font-weight: 500;
41
- margin-top: 20px;
 
42
  }
43
-
44
  .custom-subheader {
45
- color: violet;
46
- font-family: 'Roboto', sans-serif;
47
- font-weight: 600;
48
- margin-bottom: 15px;
 
 
 
 
 
 
 
49
  }
50
-
51
  .icon-bullet {
52
- list-style-type: none;
53
- padding-left: 20px;
54
  }
55
-
56
  .icon-bullet li {
57
- font-family: 'Georgia', serif;
58
- font-size: 1.1em;
59
- margin-bottom: 10px;
60
- color: black;
61
  }
62
-
63
  .icon-bullet li::before {
64
- content: "◆";
65
- padding-right: 10px;
66
- color: black;
67
  }
68
-
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
69
  .section {
70
  font-size: 1.1rem;
71
  text-align: justify;
@@ -78,16 +93,13 @@ st.markdown(
78
  animation: fadeIn 2.5s ease-in-out;
79
  margin: 15px 0;
80
  }
81
- .term {
82
- font-weight: bold;
83
- color: red
84
- animation: fadeIn 3s ease-in-out;
85
- }
86
  .definition {
87
  font-style: italic;
88
  color: #34495e;
89
  animation: fadeIn 3.5s ease-in-out;
90
  }
 
91
  </style>
92
  """,
93
  unsafe_allow_html=True,
 
12
  0% { opacity: 0; transform: translateY(-20px); }
13
  100% { opacity: 1; transform: translateY(0); }
14
  }
15
+
16
+ /* Style for main title */
17
+ h1 {
18
+ color: black;
19
+ font-family: 'Roboto', sans-serif;
20
+ font-weight: 700;
 
 
21
  text-align: center;
22
+ margin-bottom: 25px;
 
 
 
23
  }
24
+ /* Style for headers */
25
  h2 {
26
+ color: red;
27
+ font-family: 'Roboto', sans-serif;
28
+ font-weight: 600;
29
+ margin-top: 30px;
30
  }
31
 
32
+ /* Style for subheaders */
33
+ h3 {
34
+ color: violet;
35
+ font-family: 'Roboto', sans-serif;
36
+ font-weight: 500;
37
+ margin-top: 20px;
38
  }
 
39
  .custom-subheader {
40
+ color: black;
41
+ font-family: 'Roboto', sans-serif;
42
+ font-weight: 600;
43
+ margin-bottom: 15px;
44
+ }
45
+ /* Paragraph styling */
46
+ p {
47
+ font-family: 'Georgia', serif;
48
+ line-height: 1.8;
49
+ color: black;
50
+ margin-bottom: 20px;
51
  }
52
+ /* List styling with checkmark bullets */
53
  .icon-bullet {
54
+ list-style-type: none;
55
+ padding-left: 20px;
56
  }
 
57
  .icon-bullet li {
58
+ font-family: 'Georgia', serif;
59
+ font-size: 1.1em;
60
+ margin-bottom: 10px;
61
+ color: black;
62
  }
 
63
  .icon-bullet li::before {
64
+ content: "◆";
65
+ padding-right: 10px;
66
+ color: black;
67
  }
68
+ /* Sidebar styling */
69
+ .sidebar .sidebar-content {
70
+ background-color: #ffffff;
71
+ border-radius: 10px;
72
+ padding: 15px;
73
+ }
74
+ .sidebar h2 {
75
+ color: #495057;
76
+ }
77
+ /* Custom button style */
78
+ .streamlit-button {
79
+ background-color: #00FFFF;
80
+ color: #000000;
81
+ font-weight: bold;
82
+ }
83
+
84
  .section {
85
  font-size: 1.1rem;
86
  text-align: justify;
 
93
  animation: fadeIn 2.5s ease-in-out;
94
  margin: 15px 0;
95
  }
96
+
 
 
 
 
97
  .definition {
98
  font-style: italic;
99
  color: #34495e;
100
  animation: fadeIn 3.5s ease-in-out;
101
  }
102
+
103
  </style>
104
  """,
105
  unsafe_allow_html=True,