1+ /*Box on side styles*/
2+ .menu {border : 3px dashed turquoise; width : 17% ; height : 100% ;
3+ background-image : linear-gradient (to left, blue, darkblue); padding-left : 3% ; padding-top : 2% ;
4+ padding-bottom : 2% ; float : left; position : fixed; top : 20% ; margin-top : 0% ;}
5+ .menu a {font-size : 20px ; text-align : left; color : black; text-decoration : none; padding : 1px ;
6+ text-decoration : none; font-weight : bold;}
7+ .menu li : hover {list-style-image : url (favicon.ico);}
8+
9+ /*Box on top styles*/
110nav a {
211 font-size : 50px ;
312 color : rgb (220 , 225 , 245 );
@@ -25,14 +34,15 @@ nav {
2534 position : fixed;
2635 z-index : 5 ;
2736}
28-
2937# logo {
3038 position : fixed;
3139 width : 5% ;
3240 height : auto;
3341 z-index : 7 ;
3442 margin-top : auto;
3543}
44+
45+ /*For smaller screen*/
3646@media screen and (max-width : 865px ) {
3747 nav a {
3848 display : block; /* Ensures links are stacked vertically */
@@ -58,28 +68,55 @@ nav {
5868 border-radius : 4px ;
5969 padding-bottom : 20px ; /* Adds space at the bottom */
6070 z-index : 20 ;
61- }
62- nav a : hover {
63- font-size : 40px ;
71+ }
72+ nav a : hover {
73+ font-size : 40px ;
6474 }
6575 body > * : not (nav ): not (nav * ) {
6676 position : relative;
6777 top : 300px ;
6878 }
69- button {top : 330px ; right : 50% ;}
70- div # results {
71- position : relative; /* Change to relative to align it naturally in the flow */
72- top : 0 ; /* Remove the absolute positioning offset */
73- margin-top : 250px ; /* Add spacing below the input and button */
74- width : 80% ;
75- }
76- # logo {visibility : hidden;}
79+ .menu {
80+ border : 3px dashed turquoise;
81+ width : 17% ;
82+ height : 100% ;
83+ background-image : linear-gradient (to left, blue, darkblue);
84+ padding-left : 3% ;
85+ padding-top : 2% ;
86+ padding-bottom : 2% ;
87+ float : left;
88+ position : fixed;
89+ top : 20% ;
90+ margin-top : 0% ;
91+ visibility : hidden; /* Initially hidden */
7792 }
93+
94+ .menu a {font-size : 20px ; text-align : left; color : black; text-decoration : none; padding : 1px ;
95+ text-decoration : none; font-weight : bold;}
96+ .menu li {list-style-type : none;}
97+ }
7898
79-
80- h1 {text-align : center; color : # 040 ; font-size : 40px ; margin-top : 0% ; position : relative; top : 70px ;}
99+ /*General styles*/
100+ li {list-style-type : square;}
101+ h1 {text-align : center; font-variant : small-caps;}
102+ h2 {text-shadow : 1px 1px 0px black;}
81103.par {font-size : 20px ; font-weight : 500 ; font-family : Verdana, sans-serif;}
82104p .par {margin-top : 10% ;}
105+ body {background-image : url (images/Background.gif);}
106+ p {font-size : 20px ; font-weight : 500 ; font-family : Verdana, sans-serif;}
107+ # logo {position : fixed; width : 5% ; height : 10% ;}
108+ span {font-family : monospace, Courier, sans-serif; background-color : lightgray; border-radius : 3px ;}
109+
110+ /*Paragraph of wiki styles*/
111+ .wiki_par {float : right; width : 75% ;}
112+ .wiki_par p {font-size : 20px ; font-weight : 500 ; color : black; font-family : Verdana, sans-serif;}
113+ .wiki_par li {font-size : 20px ; font-weight : 500 ; color : black; font-family : Verdana, sans-serif;}
114+ li li {list-style-type : circle;}
115+
116+ .wiki_par a {color : rgb (80 , 91 , 241 ); text-decoration : none; font-family : Courier, sans-serif;}
117+ .wiki_par a : hover {text-decoration : underline; color : blue;}
118+ .wiki_par a : visited {color : purple;}
119+
83120body {background-color : rgb (164 , 209 , 247 );}
84121
85122/*Search page styles*/
0 commit comments