103 lines
1.2 KiB
CSS
103 lines
1.2 KiB
CSS
:root {
|
|
|
|
--pink: hsl(338.5, 72.8%, 36.1%);
|
|
--light-pink: hsl(338.5, 72.8%, 56.1%);
|
|
--canard: hsl(200.8, 100%, 9.6%);
|
|
}
|
|
|
|
body {
|
|
|
|
background: #121212;
|
|
color: white;
|
|
font-family: Roboto,sans-serif;
|
|
}
|
|
|
|
header {
|
|
|
|
background: var(--canard);
|
|
}
|
|
|
|
header a,
|
|
header a:visited {
|
|
|
|
color: white;
|
|
text-decoration: none;
|
|
}
|
|
|
|
header a:active {
|
|
|
|
outline: 0;
|
|
}
|
|
|
|
header > .sitetitle span {
|
|
|
|
border-bottom-style: solid;
|
|
border-bottom-color: var(--pink);
|
|
}
|
|
|
|
header .usp {
|
|
|
|
color: white;
|
|
}
|
|
|
|
header .usp strong {
|
|
|
|
color: var(--light-pink);
|
|
}
|
|
|
|
|
|
#videosList > li {
|
|
|
|
background: var(--canard);
|
|
border-color: var(--pink);
|
|
border-style: solid;
|
|
}
|
|
|
|
.video-title,
|
|
.video-title a,
|
|
.video-title a:visited {
|
|
|
|
color: white;
|
|
font-weight: bold;
|
|
text-decoration: none;
|
|
}
|
|
|
|
article {
|
|
|
|
background: var(--canard);
|
|
}
|
|
|
|
|
|
article video {
|
|
|
|
background: black;
|
|
}
|
|
|
|
article .video-title {
|
|
|
|
font-weight: bold;
|
|
}
|
|
|
|
|
|
|
|
form.add-video input[type="text"] {
|
|
|
|
border-style: solid;
|
|
border-color: transparent;
|
|
}
|
|
|
|
form.add-video input[type="text"]:focus {
|
|
|
|
border-color: var(--pink);
|
|
outline: 0;
|
|
}
|
|
|
|
form.add-video input[type="submit"] {
|
|
|
|
background: var(--pink);
|
|
border-color: var(--pink);
|
|
border-style: solid;
|
|
color: white;
|
|
font-weight: bold;
|
|
}
|