1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68
|
<style>
#mw-head {
position: absolute;
top: 0;
left: 0;
background-color: lightgray;
}
#right-navigation {
display: inline-block;
margin-top: 2.5em;
}
.vector-menu-tabs-legacy {
float: left;
height: 2.5em;
padding-left: 1px;
}
.vector-menu-tabs-legacy ul {
float: left;
list-style: none;
margin: 0;
padding: 0;
}
.vector-menu-tabs-legacy li {
background-color: lightblue;
float: left;
display: block;
margin: 0;
padding: 5px;
line-height: 1.125em;
white-space: nowrap;
}
.vector-search-box {
float: left;
margin-right: 5px;
margin-left: 5px;
background-color: lightgreen;
}
.vector-search-box-inner {
width: 200px;
height: 100%;
}
.vector-search-box-input {
width: 100%;
height: 30px;
box-sizing: border-box;
border: 1px solid #a2a9b1;
border-radius: 2px;
padding: 5px;
}
</style>
<div id="mw-head">
<div id="right-navigation">
<nav id="p-views" class="vector-menu-tabs-legacy">
<ul class="vector-menu-content-list">
<li id="ca-view" class="mw-list-item">Read</li>
<li id="ca-view-source" class="mw-list-item">View source</li>
<li id="ca-history" class="mw-list-item">View history</li>
</ul>
</nav>
<div id="p-search" class="vector-search-box">
<div id="simpleSearch" class="vector-search-box-inner">
<div class="vector-search-box-input" id="searchInput"></div>
</div>
</div>
</div>
</div>
|