1
0
Fork 0

Start woring on aethetics. Do some layout and some bg work.

This commit is contained in:
Starbeamrainbowlabs 2016-07-17 15:45:20 +01:00
parent 990d350e9b
commit 47ca9e54b6
2 changed files with 26 additions and 3 deletions

View File

@ -5,6 +5,7 @@
<xsl:text disable-output-escaping="yes">&lt;!DOCTYPE html&gt;</xsl:text>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title><xsl:value-of select="/DirectoryListing/CurrentDirectory" /> - GalleryShare</title>
</head>
<body>

View File

@ -1,12 +1,34 @@
html, body { font-size: 100%; }
body
{
font-family: sans-serif;
font-family: sans-serif;
background:
linear-gradient(45deg, hsla(30, 92%, 46%, 1) 0%, hsla(30, 92%, 46%, 0) 70%),
linear-gradient(135deg, hsla(330, 96%, 50%, 1) 10%, hsla(330, 96%, 50%, 0) 80%),
linear-gradient(225deg, hsla(30, 96%, 45%, 1) 10%, hsla(30, 96%, 45%, 0) 80%),
linear-gradient(315deg, hsla(5, 91%, 42%, 1) 100%, hsla(212, 98%, 48%, 0) 70%);
}
main
{
text-align: center;
}
figure
{
width: 10em; height: 7.5em;
position: relative;
width: 15em; height: 10em;
display: inline-block;
margin: 0;
background-position: center center;
background-size: cover;
}
}
figcaption
{
position: absolute; bottom: 0; left: 0; right: 0;
text-align: center;
}