| <!DOCTYPE html> |
| <html> |
| <head> |
| <title>Menu demo</title> |
| <meta charset="utf-8" /> |
| |
| <!-- Load remote --> |
| <script data-main="/demo/menudemo.js" src="/js/lib/require.js" async="async"></script> |
| <link type="text/css" rel="stylesheet" href="/css/kalamar.css" /> |
| |
| <!-- Load local --> |
| <script data-main="menudemo.js" src="../js/lib/require.js" async="async"></script> |
| <link type="text/css" rel="stylesheet" href="../css/kalamar.css" /> |
| |
| <style type="text/css" rel="stylesheet"> |
| .info { |
| background-color: #ddd; |
| color: black; |
| padding: 1em; |
| font-family: mono; |
| } |
| body { |
| margin: 0; |
| background-color: #ddd; |
| } |
| </style> |
| </head> |
| <body> |
| <div style="position: absolute; background-color: #7ba400; height: 50px; width: 100%;"></div> |
| |
| <div id="menu" class="vc" style="padding-top: 80px; padding-left: 80px;"></div> |
| <div id="largemenu" style="padding-top: 0px; padding-left: 500px;"></div> |
| <div id="multisortmenu" style="padding-top: 0px; padding-left: 550px;"></div> |
| |
| <span id="choose-ql" class="menu select" style="position: absolute; right: 100px; top: 90px;"> |
| <select name="ql"> |
| <option value="poliqarp">Poliqarp</option> |
| <option value="cosmas2">Cosmas 2</option> |
| <option value="annis" selected>Annis QL</option> |
| <option value="cql">CQL</option> |
| </select> |
| </span> |
| |
| <main> |
| <div> |
| <div id="pagination"><a rel="prev"><span><i class="fa fa-caret-left"></i></span></a><a rel="self"><span>1</span></a><a href="/kalamar?q=der+%5Bmate/m%3Dnumber:sg%5D&ql=poliqarp&p=2"><span>2</span></a><a href="/kalamar?q=der+%5Bmate/m%3Dnumber:sg%5D&ql=poliqarp&p=3"><span>3</span></a><span><i class="fa fa-ellipsis-h"></i></span><a href="/kalamar?q=der+%5Bmate/m%3Dnumber:sg%5D&ql=poliqarp&p=52230"><span>52230</span></a><a rel="next" href="/kalamar?q=der+%5Bmate/m%3Dnumber:sg%5D&ql=poliqarp&p=2"><span><i class="fa fa-caret-right"></i></span></a></div> |
| </div> |
| </main> |
| </body> |
| </html> |