AwareBot/style_sidebar.css at master · RohitNaikade1/AwareBot · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
*{
        margin:0;
        padding:0;
  }
#sidebar{
          position:fixed;
         width:20%;
         height:100%;
          left:-20%;
         background-color:black;
         }
#sidebar li a{
                 text-decoration:none;
                 color:white;
                padding:10px;

            }
 #sidebar li{
               color:white;
             font-size:30px;
             padding:30px;
             border:1px solid transperant;
             text-align:center;

       }
 #sidebar li:hover{

                background-color:white;
               color:black;
               // width=20%;
                transition-property:all;
                transition-duration:0.2s;
                transition-timing-function:linear;
                 font-size:35px;
            }
#sidebar li a:hover{
                      color:black;
                }
.toggle{
             position:absolute;
              left:105%;
             top:15px;
         }
.toggle span{
                   display:block;
                  background-color:white;
                  width:30px;
                  height:5px;
                  margin:3px;
              }
#sidebar.active{
        left:0;
         transition-property:all;
                transition-duration:0.8s;
                transition-timing-function:ease;
       }
.toggle div:hover{
            width:40px;
             height:10px;
              }