Untitled
unknown
plain_text
2 years ago
3.5 kB
3
Indexable
ul { padding-left: 47%; } html { background-color: rgba(132, 149, 174, 0.137); } .dark-mode { background-color: rgba(0, 0, 0, 0.808); color: white; } p{ font-family: Arial, Helvetica, sans-serif; } span{ font-family: Arial, Helvetica, sans-serif; } p.large { font-size: 25px; } .boxed { border: 2px solid purple ; background-color: pink; padding: 10px; padding-left: 20px; padding-right: 20px; border-radius: 10px; } .tooltip { position: absolute; pointer-events: none; z-index: 1; width: 300px; padding: 10px; border-radius: 10px; background: #ffffffd7; color: #000000; text-align: center; opacity: 0; transition: .3s opacity; border-color: blue; filter: drop-shadow(0 0 0.90rem black); } #popup { border-radius: 20px; } #startButton { font-size: large; width: 20%; padding: 20px; stroke: purple; stroke-width: 40px; border-radius: 5px; background-color: rgb(253, 177, 105); color: rgb(0, 0, 0); cursor: url('data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\' width=\'40\' height=\'48\' viewport=\'0 0 100 100\' style=\'fill:black;font-size:24px;\'><text y=\'50%\'>🚀</text></svg>') 16 0, auto; transition: margin-left .5s; /* If you want a transition effect */ padding: 20px; } #returnButton { position: absolute; left: 50%; display: none; transition: margin-left .5s; /* If you want a transition effect */ padding: 20px; } .overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: none; align-items: center; justify-content: center; } .overlay img { max-width: 90%; max-height: 90%; border-radius: 20px; } /* The sidebar menu */ .sidebar { height: 100%; /* 100% Full-height */ width: 0; /* 0 width - change this with JavaScript */ position: fixed; /* Stay in place */ z-index: 1; /* Stay on top */ top: 0; left: 0; background-color: #111; /* Black*/ overflow-x: hidden; /* Disable horizontal scroll */ padding-top: 60px; /* Place content 60px from the top */ transition: 0.5s; /* 0.5 second transition effect to slide in the sidebar */ } /* The sidebar links */ .sidebar a { padding: 8px 8px 8px 32px; text-decoration: none; font-size: 25px; color: #818181; display: block; transition: 0.3s; } /* When you mouse over the navigation links, change their color */ .sidebar a:hover { color: #f1f1f1; } /* Position and style the close button (top right corner) */ .sidebar .closebtn { position: absolute; top: 0; right: 25px; font-size: 36px; margin-left: 50px; } /* The button used to open the sidebar */ .openbtn { font-size: 20px; cursor: pointer; background-color: #111; color: white; padding: 10px 15px; border: none; } .openbtn:hover { background-color: #444; } /* Style page content - use this if you want to push the page content to the right when you open the side navigation */ #my_header { transition: margin-left .5s; /* If you want a transition effect */ padding: 20px; } /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */ @media screen and (max-height: 450px) { .sidebar {padding-top: 15px;} .sidebar a {font-size: 18px;} }
Editor is loading...