RetroDECK-Website/css/style.css

95 lines
1.6 KiB
CSS
Raw Normal View History

2024-04-18 13:19:40 +00:00
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');
2024-04-23 18:31:47 +00:00
/* Global Styles */
2024-04-18 13:19:40 +00:00
body {
background-color: #222;
2024-04-18 13:19:40 +00:00
}
2024-04-18 16:22:51 +00:00
.navbar, footer {
2024-04-18 13:19:40 +00:00
background: linear-gradient(-95deg, #1a9fff, #946beb);
font-family: "Source Sans 3";
2024-04-18 13:19:40 +00:00
}
2024-04-18 16:22:51 +00:00
footer {
color: white;
}
2024-04-18 13:19:40 +00:00
.navbar .dropdown-menu {
background-color: #222;
2024-04-18 13:19:40 +00:00
}
.btn {
font-family: "Source Sans 3", sans-serif;
2024-04-19 15:01:06 +00:00
}
2024-04-23 18:31:47 +00:00
.jumbotron {
2024-04-18 13:19:40 +00:00
color: white;
border: 1px white solid;
font-family: "Source Sans 3", sans-serif;
}
2024-04-18 16:22:51 +00:00
.my-gradient {
2024-04-19 13:39:02 +00:00
background: linear-gradient(45deg, #1a9fff, 15%, #946beb);
2024-04-18 16:22:51 +00:00
}
.jumbotron h1 {
font-family: "Nunito Sans", sans-serif;
2024-04-18 16:22:51 +00:00
}
2024-05-07 14:00:14 +00:00
.jumbotron p>a, footer a, a {
2024-04-18 16:22:51 +00:00
color: #222;
}
2024-05-07 14:00:14 +00:00
.jumbotron p>a:hover, footer a:hover, a:hover {
2024-04-18 16:22:51 +00:00
color: white;
2024-04-18 17:12:11 +00:00
}
2024-04-23 18:31:47 +00:00
#reduce-motion-switch:checked {
background-color: #946beb;
border-color: white;
}
2024-04-23 18:31:47 +00:00
#reduce-motion-switch {
border-color: #946beb;
}
/* Homepage Styles */
#screen-blank {
position: absolute;
z-index: 1;
top: 0;
left: 0;
2024-04-23 16:16:44 +00:00
}
2024-04-23 18:31:47 +00:00
/* Features Page Styles */
#feature-jumbotron {
background: #333;
}
2024-04-23 17:14:44 +00:00
#feature-list {
scrollbar-width: none;
scroll-behavior: smooth;
}
2024-04-24 14:52:30 +00:00
.feature-list-item {
2024-04-23 16:16:44 +00:00
padding: 0.5rem;
2024-04-23 17:14:44 +00:00
cursor: pointer;
2024-04-23 16:16:44 +00:00
background: #333;
border: 1px transparent solid;
}
#active-feature-item {
border: 1px white solid;
2024-04-23 16:16:44 +00:00
}
.feature-detail-container {
display: none;
2024-05-07 14:00:14 +00:00
transition: display 1s ease-in-out;
2024-04-23 16:16:44 +00:00
}
2024-04-23 18:31:47 +00:00
#active-feature-detail {
2024-04-24 14:52:30 +00:00
display: block;
}