* Lys
*
* GNU General Public License
*
* Copyright © 2007 - 2024, Yohann Schwan. All rights reserved.
*/
figure {
-webkit-box-shadow: 0 25px 30px -30px #000;
-moz-box-shadow: 0 25px 30px -30px #000;
-ms-box-shadow: 0 25px 30px -30px #000;
-o-box-shadow: 0 25px 30px -30px #000;
box-shadow: 0 25px 30px -30px #000;
background: #fff;
border: solid 7px #fff;
position: relative;
margin: 0 0px 30px 0px;
}
figcaption {
font-variant: small-caps;
font-size: 0.9em;
padding: 0.5em 0;
background: #eee;
}
fieldset {
background: #ddd;
}
h1 {
line-height: 2em;
font-size: 1.75em;
}
h1 small {
display: block;
font-size: 0.65em;
line-height: 1.5em;
}
a {
color: #00f;
}
a:hover {
color: #f00;
}
label.c0 {
padding: 7px 0;
}
.title, h2 {
line-height: 1.2em;
font-size: 1.2em;
font-variant: small-caps;
margin-bottom: 1em;
}
.title:first-letter, h2:first-letter {
background: #000;
color: #fff;
margin-right: 1px;
padding: 5px 5px 5px 10px;
}
.subtitle, h3 {
font-weight: bold;
letter-spacing: -1px;
}
.inner + dl.inner {
margin-top: 2px;
}
dl.inner:hover {
background: #ccc;
}
/**
* @Desktop
*/
@media screen {
.container {
background: #eee; color: #444;
}
html, body, footer.container {
background: #444; color: #ddd;
}
header.container {
border-bottom: 10px solid #eee;
}
footer.container {
border-top: 10px solid #222;
}
footer.container a {
color: #0ff;
border-bottom: 1px dashed transparent;
}
footer.container a:hover {
border-color: #0ff;
}
form.inner {
background: #ddd;
border-radius: 7px;
}
dl.inner {
background: #ddd;
border-radius: 7px;
}
}