3939 margin-bottom : 1.5rem ;
4040}
4141
42- /* Style lists and links */
42+ /* Default styling for all lists - normal bullet points */
4343.home-page .article-content ul {
44- list-style : none ;
45- padding-left : 0 ;
44+ list-style : disc ;
45+ padding-left : 1.5 rem ;
4646}
4747
4848.home-page .article-content ul li {
49- margin-bottom : 1rem ;
50- padding : 1rem ;
51- background-color : # fff ;
52- border : 1px solid # e9ecef ;
53- border-radius : 8px ;
54- transition : transform 0.2s ease, box-shadow 0.2s ease;
55- }
56-
57- .home-page .article-content ul li : hover {
58- transform : translateY (-2px );
59- box-shadow : 0 4px 12px rgba (0 , 0 , 0 , 0.1 );
49+ margin-bottom : 0.5rem ;
50+ padding : 0 ;
51+ background : none;
52+ border : none;
53+ border-radius : 0 ;
54+ transition : none;
6055}
6156
57+ /* Styling for links in lists */
6258.home-page .article-content ul li strong a {
6359 color : # 2c3e50 ;
6460 text-decoration : none;
6965 color : # 3498db ;
7066}
7167
72- /* Style external links in the resources section */
73- .home-page .article-content h2 : contains ( "External Resources" )+ ul li {
74- background-color : # 3498db ;
75- color : white ;
76- text-align : center ;
68+ /* Target "Getting Started" section (2nd h2) and "External Resources" section (3rd h2) */
69+ .home-page .article-content h2 : nth-of-type ( 2 )+ ul ,
70+ . home-page . article-content h2 : nth-of-type ( 3 ) + ul {
71+ list-style : none ;
72+ padding-left : 0 ;
7773}
7874
79- .home-page .article-content h2 : contains ("External Resources" )+ ul li a {
80- color : white;
81- text-decoration : none;
75+ .home-page .article-content h2 : nth-of-type (2 )+ ul li ,
76+ .home-page .article-content h2 : nth-of-type (3 )+ ul li {
77+ margin-bottom : 1rem ;
78+ padding : 1rem ;
79+ background-color : # fff ;
80+ border : 1px solid # e9ecef ;
81+ border-radius : 8px ;
82+ transition : transform 0.2s ease, box-shadow 0.2s ease;
8283}
8384
84- .home-page .article-content h2 : contains ("External Resources" )+ ul li : hover {
85- background-color : # 2980b9 ;
85+ .home-page .article-content h2 : nth-of-type (2 )+ ul li : hover ,
86+ .home-page .article-content h2 : nth-of-type (3 )+ ul li : hover {
87+ transform : translateY (-2px );
88+ box-shadow : 0 4px 12px rgba (0 , 0 , 0 , 0.1 );
8689}
8790
91+
8892/* Responsive adjustments */
8993@media (max-width : 768px ) {
9094 .home-page .article-content h1 : first-child {
100104 .home-page .article-content {
101105 padding : 0 1rem ;
102106 }
103- }
107+ }
0 commit comments