pix2.0/album.html

98 lines
2.8 KiB
HTML
Raw Normal View History

2021-08-21 05:47:48 +00:00
<!doctype html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{title}</title>
<link href="../icon.png" rel="shortcut icon"/>
<meta charset="utf-8"/>
<style>
a {
color: rgb(128, 128, 128);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
body {
background-color: rgb(192, 192, 192);
color: white;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
letter-spacing: 1.5px;
line-height: 18px;
text-transform: capitalize;
}
div#main {
background-color: rgb(162, 155, 152);
background-position: 0 0, 16px 16px;
background-size: 32px 32px;
bottom: 0;
left: 0;
overflow-y: auto;
padding: 16px;
position: absolute;
right: 0;
top: 96px;
}
div#main > div {
display: inline-block;
height: 128px;
margin: 4px;
overflow: hidden;
text-align: center;
width: 128px;
}
div#main > div:after {
content: "";
display: inline-block;
vertical-align: middle;
height: 100%;
}
div#top {
background-color: rgb(104, 100, 100);
color: #cc4039;
height: 32px;
left: 0;
line-height: 32px;
padding: 8px 16px;
position: absolute;
right: 0;
top: 0;
}
div#top > a {
color: rgb(224,220,220);
}
div#top_title {
background-color: rgba(153, 147, 144, 1);
color: black;
height: 32px;
left: 0;
line-height: 32px;
padding: 8px 32px;
position: absolute;
right: 0;
top: 48px;
}
img.landscape {
height: 128px;
margin-left: -32px;
}
img.portrait {
width: 128px;
}
</style>
</head>
<body>
<div id="top">
<a href="../"><< all images</a>
</div>
<div id="top_title">
{title}
</div>
<div id="main">
<!--# You can edit this file, but only above this line. #-->
<!--# You can edit this file, but only below this line. #-->
</div>
</body>
</html>