You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
107 lines
2.0 KiB
CSS
107 lines
2.0 KiB
CSS
body {
|
|
margin: 5%;
|
|
/* background: radial-gradient(circle, rgb(2,100,200) 0%, rgb(118,100,200) 50%, rgba(200,100,200) 100%);*/
|
|
background: radial-gradient(circle, hsl(210 98% 19.6%) 0%, hsl(251 47.6% 38.8%) 50%, hsl(300 47.6% 38.8%) 100%);
|
|
color: #BCF;
|
|
font-family: "librebaskerville";
|
|
}
|
|
h1, h2 {
|
|
color: #EEE;
|
|
}
|
|
a {
|
|
text-decoration: none;
|
|
color: #FFF;
|
|
font-weight:bold;
|
|
}
|
|
a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
img {
|
|
width: 320px;
|
|
}
|
|
div.flex {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
div.flex#intro {
|
|
margin-bottom: 8em;
|
|
}
|
|
div.flex#intro details{
|
|
font-size: 20px;
|
|
max-width: 640px !important;
|
|
}
|
|
details {
|
|
margin-bottom: 1em;
|
|
max-width: 320px;
|
|
margin-right: 1em;
|
|
margin-bottom: 1em;
|
|
cursor: pointer;
|
|
}
|
|
details[open] {
|
|
max-width: 320px;
|
|
cursor: auto;
|
|
}
|
|
|
|
details summary {
|
|
color: white;
|
|
font-style: italic;
|
|
margin-bottom: 1em;
|
|
cursor: pointer;
|
|
}
|
|
details summary::before{
|
|
content: "[...]";
|
|
float: right;
|
|
font-family: monospace;
|
|
font-style: normal;
|
|
line-height: 2em;
|
|
color: white;
|
|
}
|
|
div.flex#intro details summary::before{
|
|
line-height: 1.2em;
|
|
}
|
|
details[open] summary::before{
|
|
content: "";
|
|
float: unset;
|
|
font-family: unset;
|
|
font-style: unset;
|
|
line-height: unset;
|
|
color: unset;
|
|
}
|
|
|
|
details {
|
|
color: white;
|
|
}
|
|
a{
|
|
color: magenta;
|
|
text-decoration: underline;
|
|
}
|
|
h2 {
|
|
margin-top: 2em;
|
|
}
|
|
button.apply {
|
|
width: 160px;
|
|
padding: 1em 0px;
|
|
margin-top: 2em;
|
|
}
|
|
button.apply:hover {
|
|
cursor: pointer;
|
|
}
|
|
|
|
@font-face{
|
|
font-family: "librebaskerville";
|
|
src: url("fonts/LibreBaskerville-Regular.ttf");
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
@font-face{
|
|
font-family: "librebaskerville";
|
|
src: url("fonts/LibreBaskerville-Italic.ttf");
|
|
font-weight: normal;
|
|
font-style: italic;
|
|
}
|
|
@font-face{
|
|
font-family: "librebaskerville";
|
|
src: url("fonts/LibreBaskerville-Bold.ttf");
|
|
font-weight: bold;
|
|
font-style: normal;
|
|
} |