privatecoffee-website/assets/css/base.css

88 lines
1.6 KiB
CSS
Raw Normal View History

2023-03-09 16:18:31 +00:00
/* This file was developed as part of the Private.coffee project
It is licensed under the MIT license
See https://private.coffee for more information */
/* Make sure links in the footer are white */
footer a {
color: #6b486b !important;
2023-03-09 16:18:31 +00:00
}
/* Give service boxes a border */
2023-03-09 16:18:31 +00:00
.service {
2024-04-14 18:36:54 +00:00
border: 4px #d1ffdd solid;
border-radius: 15px;
border-spacing: 15px;
padding: 30px;
box-sizing: border-box;
2024-04-14 18:36:54 +00:00
box-shadow: inset 0 0 10px #d1f3ff;
color: #6b486b;
2023-03-09 16:18:31 +00:00
}
2023-11-05 09:36:47 +00:00
/* Limit size of navbar logo */
2023-03-09 16:18:31 +00:00
.navbar-brand-img {
max-height: 150px;
2023-03-09 16:18:31 +00:00
margin-right: 10px;
}
/* Add a top/bottom padding to the content section */
#content {
padding-top: 20px;
padding-bottom: 20px;
}
.bg-coffee {
2024-04-14 09:49:48 +00:00
background-color: #ffb6c1;
}
.btn-primary {
background-color: #ffb6c1 !important;
border-color: #ffb6c1 !important;
color: #6b486b !important;
2024-04-14 18:30:39 +00:00
font-size: large!important;
}
.title-font {
font-family: 'Dancing Script', cursive;
color: #6b486b;
2024-04-14 12:07:45 +00:00
}
2024-04-14 18:30:39 +00:00
.donation-details, .zvr-number, .contact-info, .index-buttons {
2024-04-14 12:07:45 +00:00
background: #ffb6c1;
padding: 15px;
border-radius: 4px;
margin-bottom: 20px;
2024-04-14 18:30:39 +00:00
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
2024-04-14 12:07:45 +00:00
}
.contact-info a {
color: #005a87;
text-decoration: none;
}
.contact-info a:hover {
text-decoration: underline;
}
.zvr-number {
font-weight: bold;
text-align: center;
}
2024-04-14 13:03:42 +00:00
.support-us .btn {
font-size: 20px;
padding: 10px 20px;
color: #6b486b;
2024-04-14 13:03:42 +00:00
}
.support-us {
background: #ffb6c1;
padding: 15px;
border-radius: 4px;
margin-bottom: 20px;
2024-04-14 18:53:10 +00:00
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
2024-04-14 13:03:42 +00:00
}
.text-mauve {
2024-04-14 18:30:39 +00:00
color: #6b486b!important;
}