Download:
child 78:06a1f6536049
parent 76:0bf0068a51dd
77:b9b80e8fff5f
Anton Shestakov <av6@dwimlabs.net>, Wed, 29 Jun 2016 19:30:39 +0800
viewer: make navbar have a gradient like status badge It's better than stock navbar anyway.

2 файлов изменено, 18 вставок(+), 2 удалений(-) [+]
static/main.css file | annotate | diff | comparison | revisions
templates/base.html file | annotate | diff | comparison | revisions
--- a/static/main.css Wed Jun 29 17:21:21 2016 +0800
+++ b/static/main.css Wed Jun 29 19:30:39 2016 +0800
@@ -1,3 +1,19 @@
+.navbar {
+ background-color: #555555;
+ background: linear-gradient(0deg, rgba(0,0,0,.1), rgba(187,187,187,.1)), linear-gradient(0deg, #555555, #555555);
+ border: none;
+}
+
+.brand {
+ margin: 0;
+ color: #fff;
+ text-shadow: 0 1px 0 rgba(0,0,0,.3);
+}
+
+.brand:hover {
+ color: #fff;
+}
+
@media (min-width: 768px) {
.list-terse > dt {
width: 120px;
--- a/templates/base.html Wed Jun 29 17:21:21 2016 +0800
+++ b/templates/base.html Wed Jun 29 19:30:39 2016 +0800
@@ -12,9 +12,9 @@
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.13.0/moment.min.js" integrity="sha384-MV8AwEgYXLMw5ZPj4763CSPk+tYGoUZGdwr/+EfkAZ1Dl2rGHxOMpQ1IW7VtyUPn" crossorigin="anonymous"></script>
</head>
<body>
- <nav class="uk-navbar uk-navbar-attached">
+ <nav class="uk-navbar uk-navbar-attached navbar">
<div class="uk-container uk-container-center" style="position: relative;">
- <a class="uk-navbar-brand" href="/">Cat and Owl's online linter</a>
+ <a class="uk-navbar-brand brand" href="/">Cat and Owl's online linter</a>
</div>
</nav>