|
| 1 | +<!DOCTYPE html> |
| 2 | + |
| 3 | +<!-- https://angrytools.com/bootstrap/editor/ --> |
| 4 | + |
| 5 | +<html lang="en"> |
| 6 | +<head> |
| 7 | + <title>DEMO</title> |
| 8 | + <meta charset="utf-8"> |
| 9 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> |
| 10 | + <meta name="viewport" content="width=device-width, initial-scale=1"> |
| 11 | + <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet"> |
| 12 | + <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap-theme.min.css" rel="stylesheet"> |
| 13 | + |
| 14 | + <!--[if lt IE 9]><script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script><script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]--> |
| 15 | +</head> |
| 16 | +<body> |
| 17 | + <style> |
| 18 | + #wrapper { width: 100%; } |
| 19 | + |
| 20 | + #page-wrapper { |
| 21 | + padding: 0 15px; |
| 22 | + min-height: 568px; |
| 23 | + background-color: #fff; |
| 24 | + } |
| 25 | + |
| 26 | + @media(min-width:768px) { |
| 27 | + #page-wrapper { |
| 28 | + position: inherit; |
| 29 | + margin: 0 0 0 250px; |
| 30 | + padding: 0 30px; |
| 31 | + border-left: 1px solid #e7e7e7; |
| 32 | + } |
| 33 | + } |
| 34 | + |
| 35 | + .sidebar .sidebar-nav.navbar-collapse { padding-right: 0; padding-left: 0; } |
| 36 | + .sidebar .sidebar-search { padding: 15px; } |
| 37 | + .sidebar ul li { border-bottom: 1px solid #e7e7e7; } |
| 38 | + |
| 39 | + .sidebar ul li a.active { background-color: #eee; } |
| 40 | + |
| 41 | + .sidebar .arrow { float: right;} |
| 42 | + .sidebar .fa.arrow:before { content: "f104";} |
| 43 | + .sidebar .active>a>.fa.arrow:before { content: "f107"; } |
| 44 | + .sidebar .nav-second-level li, |
| 45 | + .sidebar .nav-third-level li { |
| 46 | + border-bottom: 0!important; |
| 47 | + } |
| 48 | + |
| 49 | + .sidebar .nav-second-level li a { padding-left: 37px; } |
| 50 | + .sidebar .nav-third-level li a { padding-left: 52px; } |
| 51 | + |
| 52 | + @media(min-width:768px) { |
| 53 | + .sidebar { |
| 54 | + z-index: 1; |
| 55 | + position: absolute; |
| 56 | + width: 250px; |
| 57 | + margin-top: 51px; |
| 58 | + } |
| 59 | + } |
| 60 | +</style> |
| 61 | +<div id="wrapper"> |
| 62 | + |
| 63 | + <nav class="navbar navbar-default navbar-static-top" role="navigation" style="margin-bottom: 0"> |
| 64 | + <div class="navbar-header"> |
| 65 | + <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> |
| 66 | + <span class="sr-only">Toggle navigation</span> |
| 67 | + <span class="icon-bar"></span> |
| 68 | + <span class="icon-bar"></span> |
| 69 | + <span class="icon-bar"></span> |
| 70 | + </button> |
| 71 | + <a class="navbar-brand" href="index.html">sqlmap</a> |
| 72 | + </div> |
| 73 | + |
| 74 | + <div class="navbar-default sidebar" role="navigation"> |
| 75 | + <div class="sidebar-nav navbar-collapse"> |
| 76 | + <ul class="nav" id="side-menu"> |
| 77 | + <li> |
| 78 | + <a href="#"><em class="glyphicon glyphicon-home"></em> Options<span class="arrow"></span></a> |
| 79 | + <ul class="nav nav-second-level"> |
| 80 | + <li><a>Target</a></li> |
| 81 | + <li><a>Request</a></li> |
| 82 | + <li><a>Optimization</a></li> |
| 83 | + <li><a>Injection</a></li> |
| 84 | + <li><a>Detection</a></li> |
| 85 | + <li><a>Techniques</a></li> |
| 86 | + <li><a>Fingerprint</a></li> |
| 87 | + <li><a>Enumeration</a></li> |
| 88 | + <li><a>Brute force</a></li> |
| 89 | + <li><a>User-defined function injection</a></li> |
| 90 | + <li><a>File system access</a></li> |
| 91 | + <li><a>Operating system access</a></li> |
| 92 | + <li><a>Windows registry access</a></li> |
| 93 | + <li><a>General</a></li> |
| 94 | + <li><a>Miscellaneous</a></li> |
| 95 | + </ul> |
| 96 | + </li> |
| 97 | + </ul> |
| 98 | + </div> |
| 99 | + </div> |
| 100 | + </nav> |
| 101 | + |
| 102 | + <div id="page-wrapper"> |
| 103 | + <div class="row"> |
| 104 | + <h4>DEMO</h4> |
| 105 | + </div> |
| 106 | + </div> |
| 107 | +</div> |
| 108 | +<script> |
| 109 | + /* |
| 110 | + * metismenu - v1.0.3 |
| 111 | + * Easy menu jQuery plugin for Twitter Bootstrap 3 |
| 112 | + * https://github.com/onokumus/metisMenu |
| 113 | + * |
| 114 | + * Made by Osman Nuri Okumuş |
| 115 | + * Under MIT License |
| 116 | +*/ |
| 117 | + !function(a,b,c){function d(b,c){this.element=b,this.settings=a.extend({},f,c),this._defaults=f,this._name=e,this.init()}var e="metisMenu",f={toggle:!0};d.prototype={init:function(){var b=a(this.element),c=this.settings.toggle;this.isIE()<=9?(b.find("li.active").has("ul").children("ul").collapse("show"),b.find("li").not(".active").has("ul").children("ul").collapse("hide")):(b.find("li.active").has("ul").children("ul").addClass("collapse in"),b.find("li").not(".active").has("ul").children("ul").addClass("collapse")),b.find("li").has("ul").children("a").on("click",function(b){b.preventDefault(),a(this).parent("li").toggleClass("active").children("ul").collapse("toggle"),c&&a(this).parent("li").siblings().removeClass("active").children("ul.in").collapse("hide")})},isIE:function(){for(var a,b=3,d=c.createElement("div"),e=d.getElementsByTagName("i");d.innerHTML="<!--[if gt IE "+ ++b+"]><i></i><![endif]-->",e[0];)return b>4?b:a}},a.fn[e]=function(b){return this.each(function(){a.data(this,"plugin_"+e)||a.data(this,"plugin_"+e,new d(this,b))})}}(jQuery,window,document); |
| 118 | + |
| 119 | + $(function() { |
| 120 | + |
| 121 | + $('#side-menu').metisMenu(); |
| 122 | + |
| 123 | + }); |
| 124 | + |
| 125 | + //Loads the correct sidebar on window load, |
| 126 | + //collapses the sidebar on window resize. |
| 127 | + // Sets the min-height of #page-wrapper to window size |
| 128 | + $(function() { |
| 129 | + $(window).bind("load resize", function() { |
| 130 | + topOffset = 50; |
| 131 | + width = (this.window.innerWidth > 0) ? this.window.innerWidth : this.screen.width; |
| 132 | + if (width < 768) { |
| 133 | + $('div.navbar-collapse').addClass('collapse') |
| 134 | + topOffset = 100; // 2-row-menu |
| 135 | + } else { |
| 136 | + $('div.navbar-collapse').removeClass('collapse') |
| 137 | + } |
| 138 | + |
| 139 | + height = (this.window.innerHeight > 0) ? this.window.innerHeight : this.screen.height; |
| 140 | + height = height - topOffset; |
| 141 | + if (height < 1) height = 1; |
| 142 | + if (height > topOffset) { |
| 143 | + $("#page-wrapper").css("min-height", (height) + "px"); |
| 144 | + } |
| 145 | + }) |
| 146 | + }); |
| 147 | +</script> |
| 148 | + <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> |
| 149 | + <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> |
| 150 | +</body> |
| 151 | +</html> |
0 commit comments