Leo Repp | d162b2e | 2021-06-30 13:51:07 +0200 | [diff] [blame^] | 1 | <!DOCTYPE html> |
| 2 | <html> |
| 3 | <head> |
| 4 | <title>ContainerMenu demo</title> |
| 5 | <meta charset="utf-8" /> |
| 6 | |
| 7 | <!-- Load remote --> |
| 8 | <script data-main="/demo/containermenudemo.js" src="/js/lib/require.js" async="async"></script> |
| 9 | <link type="text/css" rel="stylesheet" href="/css/kalamar.css" /> |
| 10 | |
| 11 | |
| 12 | <!-- Load local --> |
| 13 | <script data-main="containermenudemo.js" src="../js/lib/require.js" async="async"></script> |
| 14 | <link type="text/css" rel="stylesheet" href="../css/kalamar.css" /> |
| 15 | |
| 16 | <style type="text/css" rel="stylesheet"> |
| 17 | .info { |
| 18 | background-color: #ddd; |
| 19 | color: black; |
| 20 | padding: 1em; |
| 21 | font-family: mono; |
| 22 | } |
| 23 | body { |
| 24 | margin: 0; |
| 25 | background-color: #ddd; |
| 26 | } |
| 27 | </style> |
| 28 | </head> |
| 29 | <body> |
| 30 | <div style="position: absolute; background-color: #7ba400; height: 50px; width: 100%;"></div> |
| 31 | |
| 32 | <div id="menu" class="vc" style="padding-top: 80px; padding-left: 80px;"></div> |
| 33 | <div id="largemenu" style="padding-top: 0px; padding-left: 500px;"></div> |
| 34 | <div id="multisortmenu" style="padding-top: 0px; padding-left: 550px;"></div> |
| 35 | |
| 36 | <span id="choose-ql" class="menu select" style="position: absolute; right: 100px; top: 90px;"> |
| 37 | <select name="ql"> |
| 38 | <option value="poliqarp">Poliqarp</option> |
| 39 | <option value="cosmas2">Cosmas 2</option> |
| 40 | <option value="annis" selected>Annis QL</option> |
| 41 | <option value="cql">CQL</option> |
| 42 | </select> |
| 43 | </span> |
| 44 | |
| 45 | |
| 46 | <main> |
| 47 | <div> |
| 48 | <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> |
| 49 | </div> |
| 50 | </main> |
| 51 | </body> |
| 52 | </html> |