mirror of
https://github.com/bittenbythedark/SingularityWeb.git
synced 2026-08-14 09:02:10 +00:00
adding the pagination at the bottom and rework the channel selector
This commit is contained in:
+36
-11
@@ -22,10 +22,7 @@
|
||||
</head>
|
||||
<body>
|
||||
<div class="container-fluid">
|
||||
<!--<div style="height: 144px;width:944px;background-image: url('http://alpha.singularityviewer.org/alpha/images/singularity_logo.gif');display:table;"><h4 class="text-right align-bottom" style="height:100%;display:table-cell; vertical-align:middle">Automated alpha builds</h4></div>-->
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="row croppedheader">
|
||||
<div class="col-3"></div>
|
||||
<div class="col-6">
|
||||
@@ -42,13 +39,20 @@
|
||||
</div>
|
||||
<div class="row" style="margin-top:10px;">
|
||||
|
||||
<div class="col-3"><p class="text-right">Select a channel:</p></div>
|
||||
<div class="col-1"><select>
|
||||
<option value="SingularityAlpha">SingularityAlpha</option>
|
||||
<option value="Second channel">Second channel</option>
|
||||
<option value="Third Channel">Third Channel</option>
|
||||
</select></div>
|
||||
<div class="col-6">
|
||||
<div class="col-2"></div>
|
||||
<div class="col-4">
|
||||
<form class="form-inline">
|
||||
<div class="form-group mb-4">
|
||||
<label for="channelselector">Channel:</label>
|
||||
<select id="channelselector" class="custom-select">
|
||||
<option value="SingularityAlpha">SingularityAlpha</option>
|
||||
<option value="Second channel">Second channel</option>
|
||||
<option value="Third Channel">Third Channel</option>
|
||||
</select>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
|
||||
<nav>
|
||||
<ul class="pagination pagination-sm justify-content-end">
|
||||
@@ -167,6 +171,27 @@
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
|
||||
<div class="col-6"> </div>
|
||||
<div class="col-6">
|
||||
|
||||
<nav>
|
||||
<ul class="pagination pagination-sm justify-content-end">
|
||||
|
||||
<li class="page-item">
|
||||
<a class="page-link" href="#" tabindex="-1" aria-disabled="true">«</a>
|
||||
</li>
|
||||
<span class="page-number">page 1 of 9 </span>
|
||||
<li class="page-item">
|
||||
<a class="page-link" href="#">»</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="footer">
|
||||
<div class="container-fluid text-center text-md-left">
|
||||
|
||||
+7
-1
@@ -84,4 +84,10 @@ body{
|
||||
}
|
||||
.colos p{
|
||||
text-shadow: 10px 10px 5px #000000;
|
||||
}
|
||||
}
|
||||
#channelselector{
|
||||
background-color:#2f3535;
|
||||
color:white;
|
||||
margin-left:5px;
|
||||
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='white' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E")
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user