leilukin-site/shrines/cassettebeasts/css/style-cassettebeasts.css

54 lines
1.1 KiB
CSS
Raw Normal View History

2023-08-03 08:31:06 +00:00
@import url(/css/style-main.css);
:root {
--clr-body-bg: #1f0033;
--img-body-bg: url(/shrines/cassettebeasts/img/cassettebeasts-bg.jpg);
--clr-body-txt: #333333;
2023-08-03 08:31:06 +00:00
--clr-content-bg: #ffffff;
--clr-main-heading: #333333;
2023-08-03 08:31:06 +00:00
--clr-sub-heading: #000000;
2023-09-24 08:12:52 +00:00
--clr-title-border: #7629db;
--clr-bold-txt: #f8560b;
--clr-link: #7629db;
--clr-link-hover: #270e48;
2023-08-26 11:05:45 +00:00
--clr-quote-bg: #f3f2f2;
--clr-quote-border: #414141;
2023-08-03 08:31:06 +00:00
2023-08-26 11:05:45 +00:00
--clr-code-bg: #f3f2f2;
--clr-code-border: #414141;
2023-08-03 08:31:06 +00:00
--clr-dates: rgb(58, 150, 255);
--clr-link-btn-bg: #873eb5;
--clr-link-btn-txt: white;
--clr-link-btn-hover: #241445;
2023-09-24 08:12:52 +00:00
--clr-main-header-bg: #9b59b6;
--clr-navbar-bg: #9b59b6;
--clr-navbar-link: white;
2023-08-03 08:31:06 +00:00
2023-09-24 08:12:52 +00:00
--clr-main-footer-bg: #9b59b6;
2023-08-03 08:31:06 +00:00
}
.main-header {
2023-08-03 08:31:06 +00:00
max-height: 20rem;
}
.main-header img {
2023-08-03 08:31:06 +00:00
object-fit: cover;
object-position: top;
}
@media only screen and (min-width: 60rem) {
.main-header img {
object-position: top -4.5rem right 0;
}
}
.main-footer {
color: var(--clr-navbar-link);
2023-08-03 08:31:06 +00:00
}
.main-footer a {
color: var(--clr-navbar-link);
2023-08-03 08:31:06 +00:00
}