Extend gallery functionality, general cleanup
@@ -1,38 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<script>
|
||||
function dynvar() {
|
||||
var vars = {};
|
||||
var x = document.location.search.substring(1).split('&');
|
||||
|
||||
for (var i in x) {
|
||||
var z = x[i].split('=',2);
|
||||
|
||||
if (!vars[z[0]]) {
|
||||
vars[z[0]] = unescape(z[1]);
|
||||
}
|
||||
}
|
||||
|
||||
document.getElementById('doctitle').innerHTML = vars.doctitle;
|
||||
document.getElementById('paginate').innerHTML = 'page ' + vars.page + ' of ' + vars.topage;
|
||||
}
|
||||
</script>
|
||||
|
||||
<link href="http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css" />
|
||||
</head>
|
||||
|
||||
<body style="margin:0;" onload="dynvar();">
|
||||
<div style="border-bottom:#CCCCCC solid 1px;color:#333;font-family:Lato,sans-serif;font-size:12px;height:36px;position:relative;">
|
||||
<div style="float:left;padding:0 5px 0 4px;"><img alt="DPB" src="http://www.gravatar.com/avatar/5544fe6a05400da5a8957ff29dd6718c.png?s=128" style="border-radius:3px;width:32px;" /></div>
|
||||
<div style="float:right;margin:3px 3px 0;text-align:right;width:120px;">
|
||||
<strong id="doctitle">{doctitle}</strong><br />
|
||||
<span id="paginate" style="color:#666666;display:inline-block;font-size:11px;font-weight:300;padding-right:1px;">page {page} of {topage}</span>
|
||||
</div>
|
||||
<div>
|
||||
<strong style="font-size:15px;">Danny Berger</strong><br />
|
||||
<a href="http://dpb587.me/" style="color:#787878;font-size:10px;font-weight:300;padding-top:2px;text-decoration:none;">http://dpb587.me</a>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
Before Width: | Height: | Size: 5.2 KiB |
|
Before Width: | Height: | Size: 547 B After Width: | Height: | Size: 547 B |
|
Before Width: | Height: | Size: 1.5 KiB After Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 866 B After Width: | Height: | Size: 866 B |
@@ -52,10 +52,10 @@ body > header {
|
||||
width: 654px;
|
||||
}
|
||||
|
||||
body > header .meta {
|
||||
margin-bottom: 0;
|
||||
margin-top: 0;
|
||||
}
|
||||
body > header .meta {
|
||||
margin-bottom: 0;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
header ul {
|
||||
float: right;
|
||||
@@ -63,30 +63,30 @@ header ul {
|
||||
margin: 7px 0 0;
|
||||
}
|
||||
|
||||
header ul li {
|
||||
display: inline-block;
|
||||
}
|
||||
header ul li {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
header ul li a {
|
||||
border-radius: 2px;
|
||||
color: #CF5406;
|
||||
display: block;
|
||||
margin-left: 6px;
|
||||
padding: 1px 5px 2px 5px;
|
||||
text-decoration: none;
|
||||
}
|
||||
header ul li a {
|
||||
border-radius: 2px;
|
||||
color: #CF5406;
|
||||
display: block;
|
||||
margin-left: 6px;
|
||||
padding: 1px 5px 2px 5px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
header ul li a:hover {
|
||||
background-color: #CF5406;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
header ul li a:hover {
|
||||
background-color: #CF5406;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
header ul li .noanchor {
|
||||
color: #CCCCCC;
|
||||
display: block;
|
||||
margin-left: 6px;
|
||||
padding: 1px 5px 2px 5px;
|
||||
}
|
||||
header ul li .noanchor {
|
||||
color: #CCCCCC;
|
||||
display: block;
|
||||
margin-left: 6px;
|
||||
padding: 1px 5px 2px 5px;
|
||||
}
|
||||
|
||||
.meta {
|
||||
color: #333333;
|
||||
@@ -140,11 +140,11 @@ h1 {
|
||||
padding: 1px 0;
|
||||
}
|
||||
|
||||
h1 small {
|
||||
display: block;
|
||||
font-size: 12px;
|
||||
font-weight: normal;
|
||||
}
|
||||
h1 small {
|
||||
display: block;
|
||||
font-size: 12px;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
h2 {
|
||||
border-bottom: #DEDEDE solid 1px;
|
||||
@@ -176,11 +176,11 @@ section .timeline > * {
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
body.layout-post section .timeline > *,
|
||||
body.layout-gallery-photo section .timeline > *,
|
||||
section:hover .timeline > * {
|
||||
opacity: 1;
|
||||
}
|
||||
body.layout-post section .timeline > *,
|
||||
body.layout-gallery-photo section .timeline > *,
|
||||
section:hover .timeline > * {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
article.layout-post section {
|
||||
padding-bottom: 12px;
|
||||
@@ -349,3 +349,25 @@ blockquote {
|
||||
.list-gallery img:hover {
|
||||
border: #999999 solid 1px !important;
|
||||
}
|
||||
|
||||
.caption {
|
||||
border: 1px solid #ddd;
|
||||
text-align: center;
|
||||
background-color: #f3f3f3;
|
||||
padding-top: 4px;
|
||||
margin: 10px;
|
||||
-moz-border-radius: 3px;
|
||||
-khtml-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.caption img {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.aligncenter {
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||