|
|
| Line 100: |
Line 100: |
| | } | | } |
| | | | |
| − | #my-nav #popup{
| |
| − | position: fixed;
| |
| − | width:25%;
| |
| − | height:100%;
| |
| − | right:0;
| |
| − | transform: translateX(100%);
| |
| − | padding: 2.5rem;
| |
| − | background-color: #ffffff;
| |
| − | font-size: 2rem;
| |
| − | font-weight: 200;
| |
| − | transition: all .5s;
| |
| − | opacity: 0;
| |
| − | color: #4f4f4f !important;
| |
| − | }
| |
| | | | |
| − | #my-nav #popup a{
| |
| − | width: 100%;
| |
| − | height: 100%;
| |
| − | text-decoration: none;
| |
| − | color:#4f4f4f;
| |
| − | font-weight: 200;
| |
| − | transition: all .25s;
| |
| − | }
| |
| − |
| |
| − | #my-nav #popup li{
| |
| − | transition: all .25s;
| |
| − | }
| |
| − |
| |
| − | #my-nav #popup li:hover{
| |
| − | cursor: pointer;
| |
| − | color: #f4f4f4;
| |
| − | background-color: #1BA784;
| |
| − | font-weight: 400;
| |
| − | }
| |
| − |
| |
| − | #my-nav #popup li:hover a{
| |
| − | color: #f4f4f4;
| |
| − | font-weight: 400;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | #my-nav #current-page{
| |
| − | font-weight: bold;
| |
| − | }
| |
| − |
| |
| − | #my-nav #popup nav,ul,li{
| |
| − | list-style-type: none;
| |
| − | width: 100%;
| |
| − | padding: .6rem;
| |
| − | }
| |
| − |
| |
| − | #my-nav #popup h1 {
| |
| − | padding: .6rem
| |
| − | }
| |
| − |
| |
| − | #my-nav .navShow{
| |
| − | transform: translateX(0%) !important;
| |
| − | opacity: 1 !important;
| |
| − | }
| |
| − |
| |
| − | #my-nav .inactive{
| |
| − | display:none;
| |
| − | }
| |
| − |
| |
| − | #my-nav .show{
| |
| − | transition: opacity .25s;
| |
| − | opacity: 1;
| |
| − | }
| |
| − |
| |
| − | #my-nav .fade-out{
| |
| − | transition: opacity .25s;
| |
| − | opacity : 0 !important;
| |
| − | }
| |
| − |
| |
| − | #my-nav .rotate{
| |
| − | transform: rotate(90deg);
| |
| − | }
| |
| | </style> | | </style> |
| | </html> | | </html> |
