CodeMirror/ArchiveBox
1
0
Fork 0
mirror of synced 2024-07-01 04:20:55 +12:00
Code Issues Projects Releases Wiki Activity

tweak index visual header style

Browse source
This commit is contained in:
Nick Sweeting 2019-02-04 18:45:36 -08:00
parent c969451a1c
commit 543d2fc010
2 changed files with 35 additions and 42 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

75
archivebox/templates/index.html
View file

@ -15,49 +15,46 @@
} }
header { header {
background-color: #aa1e55; background-color: #aa1e55;
color: white; color: #1a1a1a;
padding: 10px; padding: 10px;
padding-top: 0px; padding-top: 0px;
padding-bottom: 15px; padding-bottom: 15px;
height: 100px; /*height: 40px;*/
} }
header h1 { header h1 {
font-size: 38px; margin: 7px 0px;
font-size: 35px;
font-weight: 300; font-weight: 300;
color: black; color: #1a1a1a;
padding-top: 14px;
line-height: 1.4;
width: 100%;
} }
header h1 small { header h1 img {
color: white; height: 44px;
font-size:0.45em; vertical-align: bottom;
margin-left: 10px;
display: block;
} }
header h1 small a { header a {
text-decoration: none; text-decoration: none !important;
color: orange; color: #1a1a1a;
opacity: 0.6;
font-weight: 300;
}
header h1 small a:hover {
opacity: 1;
}
header + div {
margin-top: 10px;
} }
.header-center { .header-center {
width: 100%; margin: auto;
float: none;
text-align: center; text-align: center;
padding-top: 6px;
}
.header-center small {
color: #eaeaea;
opacity: 0.7;
} }
.header-left { .header-left {
float: left; float: left;
width: 50px; }
height: 60px; .header-right {
text-align: center; float: right;
padding: 20px; padding-top: 17px;
margin-right: -70px; padding-right: 10px;
}
header + div {
margin-top: 10px;
} }
#table-bookmarks_length, #table-bookmarks_filter { #table-bookmarks_length, #table-bookmarks_filter {
padding: 0px 15px; padding: 0px 15px;
@ -105,23 +102,19 @@
</head> </head>
<body> <body>
<header> <header>
<div class="header-right">
<a href="https://github.com/pirate/ArchiveBox/wiki">Documentation</a> &nbsp; | &nbsp;
<a href="https://github.com/pirate/ArchiveBox">Source</a> &nbsp; | &nbsp;
<a href="https://archivebox.io">Website</a>
</div>
<div class="header-left"> <div class="header-left">
<a href="?" title="Reload..."> <a href="?" title="Reload...">
<img src="static/archive.png" style="height: 100%;"/> <h1><img src="static/archive.png"/> ArchiveBox: Index</h1>
</a>
<br/>
<a href="https://github.com/pirate/ArchiveBox">
Github
</a> </a>
</div> </div>
<div class="header-center"> <div class="header-center">
<h1> Archived Sites<br/>
&nbsp;Archived Sites <small>Last updated $time_updated</small>
<br/>
<small>
<a href="?">Last updated $time_updated</a><br/>
</small>
</h1>
</div> </div>
</header> </header>
<table id="table-bookmarks"> <table id="table-bookmarks">

2
archivebox/templates/link_index_fancy.html
View file

@ -41,7 +41,7 @@
margin-right: 13px; margin-right: 13px;
color: black; color: black;
height: 53px; height: 53px;
margin-top: 7px; margin-top: 12px;
margin-left: 10px; margin-left: 10px;
} }
.nav-icon img:hover { .nav-icon img:hover {