File tree Expand file tree Collapse file tree 2 files changed +87
-0
lines changed Expand file tree Collapse file tree 2 files changed +87
-0
lines changed Original file line number Diff line number Diff line change 1+ body {
2+ font-family : "Lato" , sans-serif;
3+ background-color : whitesmoke;
4+ }
5+
6+ .sidebar {
7+ height : 100% ;
8+ width : 0 ;
9+ position : fixed;
10+ z-index : 1 ;
11+ top : 0 ;
12+ left : 0 ;
13+ background-color : # 111 ;
14+ overflow-x : hidden;
15+ transition : 0.5s ;
16+ padding-top : 60px ;
17+ }
18+
19+ .sidebar a {
20+ padding : 8px 8px 8px 32px ;
21+ text-decoration : none;
22+ font-size : 20px ;
23+ color : # f1f1f1 ;
24+ display : block;
25+ transition : 0.3s ;
26+ }
27+
28+ .sidebar a : hover {
29+ color : # f1f1f1 ;
30+ }
31+
32+ .sidebar .closebtn {
33+ position : absolute;
34+ top : 0 ;
35+ right : 25px ;
36+ font-size : 36px ;
37+ margin-left : 50px ;
38+ }
39+
40+ .openbtn {
41+ font-size : 20px ;
42+ cursor : pointer;
43+ background-color : # 111 ;
44+ color : white;
45+ padding : 10px 15px ;
46+ border : none;
47+ }
48+
49+ .openbtn : hover {
50+ background-color : # 444 ;
51+ }
52+
53+ # main {
54+ transition : margin-left .5s ;
55+ padding : 16px ;
56+ }
57+
58+ /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
59+ @media screen and (max-height : 450px ) {
60+ .sidebar {padding-top : 15px ;}
61+ .sidebar a {font-size : 18px ;}
62+ }
63+
64+ .btn-lan {
65+ background-color : # 333 ;
66+ color : aliceblue;
67+ border-radius : 10px ;
68+ border : none;
69+ height : 30px ;
70+ width : 100px ;
71+ font-size : 25px ;
72+ }
73+ .btn {
74+ background-color : white;
75+ color : black;
76+ border-radius : 10px ;
77+ border : none;
78+ height : 30px ;
79+ width : 100px ;
80+ font-size : 25px ;
81+ box-shadow : 0 5px # 999 ;
82+ }
83+ .btn : active {
84+ background-color : rgb (156 , 69 , 238 );
85+ box-shadow : 0 5px # 666 ;
86+ transform : translateY (4px );
87+ }
You can’t perform that action at this time.
0 commit comments