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

View File

@ -1,12 +1,34 @@
html, body { font-size: 100%; } html, body { font-size: 100%; }
body 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 figure
{ {
width: 10em; height: 7.5em; position: relative;
width: 15em; height: 10em;
display: inline-block;
margin: 0;
background-position: center center; background-position: center center;
background-size: cover; background-size: cover;
} }
figcaption
{
position: absolute; bottom: 0; left: 0; right: 0;
text-align: center;
}