navbar added

This commit is contained in:
chsakell
2016-10-05 10:21:06 +03:00
parent f8ad29f467
commit bfb8cd2620
4 changed files with 34 additions and 6 deletions

View File

@@ -25,6 +25,30 @@
</script> </script>
</head> </head>
<body> <body>
<nav class="navbar navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Live Feed</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="https://github.com/chsakell" target="_blank"><span class="glyphicon glyphicon-sunglasses"></span> About</a></li>
<li><a href="https://github.com/chsakell" target="_blank"><span class="glyphicon glyphicon-save"></span> Source code</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="https://github.com/chsakell" target="_blank"><span class="glyphicon glyphicon-star"></span> Github</a></li>
<li><a href="https://twitter.com/chsakellsblog" target="_blank"><span class="glyphicon glyphicon-volume-up" target="_blank"></span> Twittwer</a></li>
<li><a href="https://www.facebook.com/chsakells.blog/" target="_blank"><span class="glyphicon glyphicon-heart" target="_blank"></span> Facebook</a></li>
</ul>
</div>
</div>
</nav>
<div class="container"> <div class="container">
<my-app>Loading...</my-app> <my-app>Loading...</my-app>
</div> </div>

View File

@@ -1,8 +1,8 @@
<table class="table table-bordered box"> <table class="table table-bordered box">
<thead> <thead>
<tr> <tr>
<th>ID</th> <th><span class="match-th">ID</span></th>
<th>Match</th> <th><span class="match-th">Match</span></th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>

View File

@@ -1,8 +1,8 @@
<table class="table table-bordered box"> <table class="table table-bordered box">
<thead> <thead>
<tr> <tr>
<th>Team</th> <th><span class="match-th">Team</span></th>
<th>Score</th> <th><span class="match-th">Score</span></th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>

View File

@@ -1,10 +1,10 @@
body { body {
background-color: #f5f5f5; background-color: #1d3346;
} }
.box { .box {
height: 50px; height: 50px;
background-color: #337ab7; /*background-color: #286090;*/
margin:5px; margin:5px;
padding: 10px; padding: 10px;
text-align: center; text-align: center;
@@ -19,6 +19,10 @@ body {
color:ghostwhite; color:ghostwhite;
} }
.match-th {
color:#a94442;
}
th, td { th, td {
text-align: center; text-align: center;
} }