11/* Christmas theme style */
22body .christmas-theme body {
3- background : # 00873E ;
3+ background : # 00873e ;
44}
55
66body .christmas-theme .title {
@@ -9,19 +9,13 @@ body.christmas-theme .title {
99}
1010
1111body .christmas-theme .sidebar {
12- background : repeating-linear-gradient (
13- 45deg ,
14- rgba (255 , 59 , 63 , 0.7 ),
15- rgba (255 , 59 , 63 , 0.7 ) 10px ,
16- rgba (255 , 255 , 255 , 0.7 ) 10px ,
17- rgba (255 , 255 , 255 , 0.7 ) 20px
18- );
12+ background : repeating-linear-gradient (45deg , rgba (255 , 59 , 63 , 0.7 ), rgba (255 , 59 , 63 , 0.7 ) 10px , rgba (255 , 255 , 255 , 0.7 ) 10px , rgba (255 , 255 , 255 , 0.7 ) 20px );
1913 border-right : 5px solid # ffcc00 ; /* Gold border to enhance */
2014 box-shadow : 0 0 10px rgba (0 , 0 , 0 , 0.5 ); /* Adds a soft glowing effect */
2115}
2216
2317body .christmas-theme .sidebar ::after {
24- content : ' Merry Christmas!' ;
18+ content : " Merry Christmas!" ;
2519 position : absolute;
2620 bottom : 10px ;
2721 left : 0 ;
@@ -59,7 +53,7 @@ body.christmas-theme .sidebar h2 {
5953}
6054
6155body .christmas-theme .sidebar h2 ::after {
62- content : '' ;
56+ content : "" ;
6357 position : absolute;
6458 bottom : -10px ;
6559 left : 50% ;
@@ -68,25 +62,19 @@ body.christmas-theme .sidebar h2::after {
6862 height : 2px ;
6963 background : linear-gradient (90deg , red, green);
7064}
71-
65+
7266body .christmas-theme .wrapper .sidebar ul a li .selectedButton {
7367 background : rgb (210 , 38 , 41 ); /* Highlighted background for selected button */
7468 color : white;
7569}
7670
7771body .christmas-theme ::-webkit-scrollbar-thumb {
78- background : repeating-linear-gradient (
79- 45deg ,
80- rgba (255 , 59 , 63 , 0.7 ),
81- rgba (255 , 59 , 63 , 0.7 ) 10px ,
82- rgba (255 , 255 , 255 , 0.7 ) 10px ,
83- rgba (255 , 255 , 255 , 0.7 ) 20px
84- );
72+ background : repeating-linear-gradient (45deg , rgba (255 , 59 , 63 , 0.7 ), rgba (255 , 59 , 63 , 0.7 ) 10px , rgba (255 , 255 , 255 , 0.7 ) 10px , rgba (255 , 255 , 255 , 0.7 ) 20px );
8573 border-left : 5px solid # ffcc00 ; /* Gold border to enhance */
8674}
8775
88- body .christmas-theme ::-webkit-scrollbar-track {
89- background-color : # 00873E ;
76+ body .christmas-theme ::-webkit-scrollbar-track {
77+ background-color : # 00873e ;
9078}
9179
9280body .christmas-theme .alert {
@@ -108,10 +96,10 @@ body.christmas-theme .selectedButton {
10896 background : # 00d161 ;
10997}
11098
111- body .christmas-theme input [type = text ] {
99+ body .christmas-theme input [type = " text" ] {
112100 border : 2px rgba (255 , 255 , 255 , 0.5 );
113101 background-color : rgba (57 , 100 , 255 , 0.5 );
114- background-image : url (' https://img.icons8.com/material-outlined/24/000000/search--v1.png' );
102+ background-image : url (" https://img.icons8.com/material-outlined/24/000000/search--v1.png" );
115103}
116104
117105body .christmas-theme .settings-content {
@@ -125,7 +113,8 @@ body.christmas-theme .left-col img {
125113}
126114
127115@keyframes bounce {
128- 0% , 100% {
116+ 0% ,
117+ 100% {
129118 transform : translateY (0 );
130119 }
131120 50% {
@@ -145,4 +134,4 @@ body.christmas-theme .search-bar input[type="text"] {
145134body .christmas-theme .search-bar input [type = "text" ]::placeholder {
146135 color : # dddddd ; /* Change placeholder text color */
147136 opacity : 1 ; /* Ensure visibility */
148- }
137+ }
0 commit comments