Sidebar
Required:
CSS
HTML
No HTML
CSS
/* --- Sidebar --- */.sidebar-toggle {background-color: #2980B9;position: fixed;right: 0px;bottom: 0px;overflow: auto;z-index: 100000;border-radius: 3px;}.sidebar-toggle img {width: 42px;}.sidebar-button {background-color: #2980B9;padding: 9px;}.sidebar-button:hover {background-color: #00286D;cursor: pointer;}.sidebar {background-color: #2980B9;width: 75%;max-width: 300px;height: 100%;position: fixed;left: -300px;z-index: 9999;overflow-y: scroll;box-shadow: 4px 0px 25px #2c3e50;}.opened {left: 0px;}.body-open {right: auto;}.sidebar-logo {display: block;width: 90%;margin-top: 13px;margin-left: auto;margin-right: auto;margin-bottom: 13px;}.sidebar-search {overflow: hidden;}.sidebar-search-bar {display: block;background-color: #f2f2f2 !important;background-image: url('https://framework.sabali.co/icons/buttons/search.png') !important;background-repeat: no-repeat !important;background-position: left 5px center !important;width: 85% !important;margin-top: 10px;margin-left: 9px;margin-bottom: 10px;padding-top: 5px;padding-left: 10px;padding-bottom: 5px;font-size: 15px;border-radius: 3px;}.sidebar-search-bar:focus {background-color: #f2f2f2 !important;background-image: none !important;}.sidebar-search-button {display: block;background-color: #c0392b;width: auto !important;margin-top: 6px;margin-left: 9px;margin-bottom: 6px;padding-top: 7px !important;padding-left: 13px !important;padding-right: 13px !important;padding-bottom: 7px !important;text-align: center;text-transform: uppercase;font-size: 16px !important;color: #ecf0f1;border: none !important;border-radius: 3px;}.sidebar-search-button:hover {background-color: #e74c3c;cursor: pointer;}.sidebar-facebook-like {display: block;background-color: #00286D;width: 100%;overflow: hidden;border-top: 0px solid #34495E;}.sidebar-facebook-like .fb-like {margin-top: 9px;margin-left: 15px;margin-bottom: 9px;}.sidebar ul {width: 100%;overflow: hidden;margin: 0px;padding: 0px;list-style: none;border-top: 0px solid #34495E;}.sidebar li a {display: block;background-color: #2C3E50;position: relative;padding-top: 15px;padding-left: 25px;padding-bottom: 15px;line-height: 150%;color: #ECF0F1;text-decoration: none;font-size: 18px !important;letter-spacing: 1px;text-transform: uppercase;border-bottom: 2px solid #34495E;}.sidebar li a:hover {background-color: #34495E;color: #ECF0F1;}.sidebar-sub-nav-trigger, .sidebar-deep-nav-trigger {display: inline-block !important;width: 100% !important;}.sidebar-sub-nav {display: none;}.sidebar-sub-nav li a {display: block;background-color: #3498DB;position: relative;padding: 15px;line-height: 150%;text-decoration: none;font-size: 14px;color: #ECF0F1;border-bottom: 2px solid #2980B9;}.sidebar-sub-nav li a:hover {background-color: #2980B9;color: #ECF0F1;cursor: pointer;}.sidebar-deep-nav {display: none;}.sidebar-deep-nav li a {display: block;background-color: #34495E;position: relative;padding: 15px;line-height: 150%;text-decoration: none;font-size: 14px;color: #ECF0F1;border-bottom: 2px solid #2C3E50;}.sidebar-deep-nav li a:hover {background-color: #2C3E50;color: #ECF0F1;cursor: pointer;}
Javascript
No Javascript
Fatal error: Uncaught Error: Call to undefined function seo_url() in /home/sabalico/public_html/blueprint/pages/documentation.php:186Stack trace:#0 /home/sabalico/public_html/index.php(86): include()#1 {main} thrown in /home/sabalico/public_html/blueprint/pages/documentation.php on line 186