1
0
mirror of https://github.com/GOSTSec/gostexplr synced 2025-09-11 13:42:05 +00:00

Flex layouting for page wrapper

This commit is contained in:
xcps 2018-02-04 23:25:10 +05:00
parent 58b565f65e
commit f3aa986c33
2 changed files with 23 additions and 13 deletions

View File

@ -4,8 +4,16 @@
body { body {
font: 16px monospace; font: 16px monospace;
width: 1024px; }
margin: 0 auto 1em;
.page-wrapper {
display: flex;
justify-content: center;
}
.page.absolute {
display: flex;
flex-direction: column;
} }
table td { table td {

View File

@ -5,14 +5,16 @@ html
link(rel='stylesheet', href='/stylesheets/style.css') link(rel='stylesheet', href='/stylesheets/style.css')
link(rel='shortcut icon', href='/favicon.ico') link(rel='shortcut icon', href='/favicon.ico')
body body
div.header div.page-wrapper
h1 div.page
a(href='/') div.header
img(src='/images/gostcoin-b.png') h1
span GOSTcoin blockchain explorer a(href='/')
div img(src='/images/gostcoin-b.png')
form(action="/search/", method="POST") span GOSTcoin blockchain explorer
input(type="text", name="search" placeholder="Search by transaction id, block hash/index or address", size="68") div
input(type="submit", value=">>") form(action="/search/", method="POST")
div.content input(type="text", name="search" placeholder="Search by transaction id, block hash/index or address", size="68")
block content input(type="submit", value=">>")
div.content
block content