+++ /dev/null
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 246 35" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;"><g id="Layer1"><text x="70.385px" y="30.01px" style="font-family:Roboto;font-size:36.52px;font-weight:500;fill:#444;">B<tspan x="93.058px 113.485px 133.912px 152.61px 174.285px 186.063px 205.456px 224.207px " y="30.01px 30.01px 30.01px 30.01px 30.01px 30.01px 30.01px 30.01px ">ookStack</tspan></text></g><g id="Stack of books"><rect x="34.126" y="24.108" width="32.613" height="5.902" style="fill:#1c77c1;"/><rect x="34.126" y="14.07" width="32.613" height="5.902" style="fill:#1c77c1;"/><rect x="34.126" y="4.032" width="32.613" height="5.902" style="fill:#1c77c1;"/></g><g id="Layer2"><path d="M5.972,30.01l22.828,-25.978l-0.266,0l0,25.978l-22.562,0Z" style="fill:#444;"/></g></svg>
\ No newline at end of file
text-align: left;
input {
background-color: transparent;
- border-radius: 0;
- border: none;
- border-bottom: 2px solid #EEE;
+ border-radius: 24px;
+ border: 2px solid #EEE;
color: #EEE;
+ padding-left: $-m;
padding-right: $-l;
outline: 0;
}
vertical-align: top;
margin-left: -$-l;
color: #FFF;
- top: 0;
- right: 0;
+ top: 6px;
+ right: 4px;
display: inline-block;
position: absolute;
&:hover {
}
.logo {
+ display: inline-block;
+ &:hover {
+ color: #FFF;
+ text-decoration: none;
+ }
+}
+.logo-text {
display: inline-block;
font-size: 1.8em;
color: #fff;
padding: $-l $-l $-l 0;
vertical-align: top;
line-height: 1;
- &:hover {
- color: #FFF;
- text-decoration: none;
- }
+}
+.logo-image {
+ padding: $-m $-s $-m 0;
+ vertical-align: top;
+ height: 75px;
}
.dropdown-container {
<div class="container">
<div class="row">
<div class="col-md-4 col-sm-3">
- <a href="/" class="logo">{{ Setting::get('app-name', 'BookStack') }}</a>
+ <a href="/" class="logo">
+ <img class="logo-image" src="/logo.png" alt="Logo">
+ <span class="logo-text">{{ Setting::get('app-name', 'BookStack') }}</span>
+ </a>
</div>
<div class="col-md-4 col-sm-3 text-center">
<form action="/search/all" method="GET" class="search-box">
@section('content')
- <div class="page-content">
- @include('pages/page-display')
+
+ <div class="container">
+ <div class="row">
+ <div class="col-md-9">
+ <div class="page-content anim fadeIn">
+ @include('pages/page-display')
+ </div>
+ </div>
+ </div>
</div>
+
+
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.7/styles/solarized_light.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.7/highlight.min.js"></script>
<script>
<div class="container">
<div class="row">
<div class="col-md-6">
- <a href="/" class="logo">{{ Setting::get('app-name', 'BookStack') }}</a>
+
+ <a href="/" class="logo">
+ <img class="logo-image" src="/logo.png" alt="Logo">
+ <span class="logo-text">{{ Setting::get('app-name', 'BookStack') }}</span>
+ </a>
</div>
<div class="col-md-6">
<div class="float right">